:root{
    --bg-color:#fefefe; 
    --menu-color:#f7f8ff; 
    
    --field-focus-border-color:#999;
	--field-border-color:#ccc;
	--header-color:#000ba1; 
	--primary-color:#6e78ff; 
	--secondary-color:#6e78ff; 
	--terciary-color:#302a2a;
	--datatable-head-bg-color:#fff;
	--datatable-head-color:#616161;
	--datatable-button-bg-color:#f3f3f3;
	--datatable-button-color:#000;
	--datatable-row-bg-color:#fff;
	--datatable-row-selected-color:#bbbfff;
	--datatable-row-disabled-color:#e9e9e9;
	--datatable-row-odd-bg-color:#fff;
	--datatable-row-even-bg-color:#fff;
	--datatable-row-hover-bg-color:#f6f6f6;
	--datatable-row-sorting-bg-color:#fff;

	--letter-color:#757575;	
}

@font-face{
  font-family:Quicksand;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/Quicksand-Regular.ttf) format("truetype");
}
@font-face{
  font-family:Quicksand;
  font-style:normal;
  font-weight:700;
  src:url(../fonts/Quicksand-Bold.ttf) format("truetype"); 
}

*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Quicksand,sans-serif;
	font-size:14px;
}

a{
	text-decoration:none;
}

body,html{
	height:100%;
	margin:0;
	padding:0;
}
::-webkit-scrollbar-track{
	background-color:var(--bg-color);
	border-radius:.7rem;
}

::-webkit-scrollbar{
	width:.5rem;
}

::-webkit-scrollbar-thumb{
	background-color:#777;
	border-radius:.7rem;
}
body{
	background-color:var(--bg-color);
	overflow-x:hidden;
}

table{
	line-height:2rem;
	width:100%;
}

table td{
	padding:.25rem;
}

input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{
	background-color:var(--bg-color);
	border:1px solid var(--field-border-color);
	border-radius:.2rem;
	color:#cf1018;
	font-size:1rem;
	outline-color:#999;
	padding:.3rem .8rem;
	width:100%;
}

input[type=datetime-local]:focus,input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{
    border:1px solid var(--field-focus-border-color);
	outline-color:#999 !important;
    outline-offset:0 !important;
}

.form-publico{
	height:100%;
	margin:0;
	padding:0;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	width:100%;
}

.cuadro{
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.75);
	box-shadow:3px 3px 5px 0 rgba(0,0,0,.75);
	font-family:Quicksand,sans-serif;
	margin:-140px auto;
	min-height:200px;
	opacity:.2;
	padding:1.2rem;
	position:relative;
	top:70%;
	width:600px;
}

h1{
	font-size:1.5rem;
	font-weight:400;
	margin-top:0;
}

.tdTitulo{
	text-align:right
}

.botonAccion{
	background:var(--primary-color);
	border:0;
	border-bottom:2px solid silver;
	border-radius:6px;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:1.2rem;
	line-height:3rem;
	margin:4px 0 2px;
	padding:0 8px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 2px rgba(0,0,0,.25);
	width:100%;
}

.botonAccion:active{
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none;
	margin:2px 0 0;
}

.botonAccion:active,.botonAccion:focus{
	outline-color:#999;
}

.botonAccion:hover{
	color:#ddd;
}

.botonAccion i{
	line-height:1.5rem;
	margin-right:.25rem;
}

.fin{
	clear:both;
}

#btnOlvidePass{
	display:inline-block;
	padding-left:.7rem;
}

#btnOlvidePass,.ojoPassword{
	color:#000;
	line-height:2rem;
	text-decoration:none;
}

.ojoPassword{
    background:none;
    border:none;
    display:inline-block !important;
    margin:0 !important;
    padding:0 0 0 .7rem !important;
}

#btnOlvidePass i,.ojoPassword i{
	color:#00b1b7;
}

.header-logo{
	background:var(--menu-color);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:auto;
	min-height:70px;
	width:100%;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.img-logo{
	cursor:pointer;
	display:block;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	max-width:350px;
	min-width:100px;
	width:auto;
}

.btnLogo{
    background-color:var(--menu-color);
    background-image:url(/img/logo-chematic.png);
    background-position-x:10px;
    background-repeat:no-repeat;
    background-size:114px;
    height:42px;
    margin-left:2rem;
    margin-top:.2rem;
    position:absolute;
    width:128px;
    z-index:1000;
}

div.menu{
	background:var(--menu-color);
	height:48px;
}
.body-cita-previa{
	background-color:var(--bg-color);
    overflow-x:hidden;
}
.frm-cita-previa{
	height:100vh;
}

.titulo-cita-previa{
	font-family:arial;
    font-size:1.8rem;
    font-weight:700;
  	margin-top:1rem;
  	text-transform:uppercase;
}
.titulo2-cita-previa{
    border-bottom:2px solid #eee;
    clear:both;
    color:#2f2b2b;
    display:block;
	font-size:1.2rem;
    font-weight:700;
    margin-bottom:1.5rem;
    padding:0 0 2px;
    width:100%;
}

.titulo-encuesta{
	font-family:arial;
    font-size:1.8rem;
    font-weight:700;
  	margin-top:1rem;
  	text-transform:uppercase;
}

.group-fields{
	border:none;
    margin:0;
    padding:0;
}

.cita-mensaje-tramites,.cita-previa-email{
    display:block;
    font-weight:700;
	line-height:1.5rem;
}

.cita-mensaje-tramites{
    background-color:red !important;
    color:#fff !important;
    padding:5px;
    text-align:center;
}

.resumen-texto{
	padding-bottom:1rem;
}

.codigo-cita-resumen{
	display:block;
	font-size:3rem;
	margin:auto;
	text-align:center;
	width:100%;
}

.calendario-dia-con-citas-disponibles{
	background-color:#0ae388 !important;
	-webkit-box-shadow:inset 0 1px 3px 0 #2a845e !important;
	        box-shadow:inset 0 1px 3px 0 #2a845e !important;
}
.calendario-dia-sin-citas-disponibles{
	background-color:#df1616 !important;
	-webkit-box-shadow:inset 0 1px 3px 0 #882020 !important;
	        box-shadow:inset 0 1px 3px 0 #882020 !important;
	color:#685454 !important;
}
.calendario-dia-sin-prestacion-servicio{
	background-color:#000 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background:#4d4fa2 !important;
	-webkit-box-shadow:none !important;
	        box-shadow:none !important;
	color:#fff !important
}
.bgcolor-citaPrevia{
    background-color:#0e8a9c !important;
}
.gradient-citaPrevia{
    background:#04728e;
    background:-webkit-gradient(left top, left bottom, color-stop(0, #04728e), color-stop(100%, #1eaeb0));
    background:-webkit-gradient(linear, left top, left bottom, from(#04728e), to(#1eaeb0));
    background:linear-gradient(180deg, #04728e 0, #1eaeb0);
    display:inline-block;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#04728e", endColorstr="#1eaeb0", GradientType=0 );
    float:left;
    height:100%;
    max-width:20%;
    min-width:200px;
}
.wrapper{
    display:inline-block;
    margin:0 0 0 50px;
    width:50vw;
}
label.nombre_campo,span.nombre_campo{
    color:#777;
    display:block;
    font-size:14px;
    font-weight:600;
    margin-bottom:.5rem !important;
    vertical-align:top;
}
.campo,.campo_variable{
    background-color:#ededed !important;
    color:#666 !important;
    display:block !important;
    font-size:14px !important;
    letter-spacing:1px !important;;
    margin-bottom:20px !important;
    width:100% !important;
}
.bloque_campo{
    margin:10px 0 0;
}

.campo-resumen{
   border-bottom:1px solid #777;
   color:#666 !important;
   display:block !important;
   letter-spacing:1px !important;
   margin-bottom:20px !important;
   padding-bottom:.3rem;
   width:100% !important;
}
.fecha-citas{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.citas_disponibles{
    display:inline-block;
    margin-left:1rem;
    max-height:220px;
    overflow-y:auto;
}

.citas_disponibles__cita{
    border-radius:5px;
    color:#fff;
    display:inline-block;
    margin:0 .5rem .5rem 0;
    padding:.5rem;
    text-align:center;
    width:75px;
}

.citas_disponibles__cita-select{
    background-color:#ee7d00;
}

.citas_disponibles__cita:hover{
    cursor:pointer;
}

.servicio-citaPrevia{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-ms-flex-flow:unset;
	    flex-flow:unset;
}

.servicio-citaPrevia__orderBy{
    margin-left:.5rem;
    width:330px !important;
}

input.prefijo-telefonico{
    margin-right:.5rem !important;
	width:5rem !important;	
}
@media only screen and (max-width:780px){
    .gradient-citaPrevia{
	    display:-webkit-box !important;
	    display:-ms-flexbox !important;
	    display:flex !important;
        height:auto !important;
        max-width:100% !important;
		min-height:120px !important;
        width:100% !important;
	    -ms-flex-line-pack:center !important;
	        align-content:center !important;
	    -webkit-box-align:center !important;
	        -ms-flex-align:center !important;
	            align-items:center !important;
	    float:none !important;
    }
    
    .imgLogo{
    	margin-top:0;
    }
    
    .wrapper{
        margin:auto;
        width:90vw;
    }

    .fecha-citas,.wrapper{
        display:block;
    }
    .citas_disponibles{
        display:inline-block;
        width:90vw;
    }
    .citas{
        display:block;
    }
}
.js .inputfile{
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    width:.1px;
    z-index:-1;
}

.label-file{
    background-color:#ededed !important;
    cursor:pointer;
    display:inline-block;
    display:block;
    font-weight:700;
    margin-bottom:1.5rem;
    margin-top:.3rem;
    overflow:hidden;
    padding:.5rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}

.no-js .inputfile+label{
    display:none;
}

.inputfile+label svg{
    height:1em;
    vertical-align:middle;
    width:1em;
    fill:currentColor;
    margin-right:.25em;
    margin-top:-.25em;
}
.divLabel{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin-bottom:.6rem;
	padding:.6rem 0 0;
}

.divCampo{
	margin-bottom:.8rem;
}

.divCampo input{
	margin-bottom:0;
}

.divCampo button{
    display:block;
    font-size:.9rem;
    margin-left:.7rem;
    padding:.4rem;
}

.divCampo input[type=datetime-local],.divCampo input[type=email],.divCampo input[type=password],.divCampo input[type=text],.divCampo select,.divCampo textarea{
	border:2px solid #ddd;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	line-height:20px;
	outline:0;
	width:100%
}

.divCampo input[type=datetime-local]:focus,.divCampo input[type=email]:focus,.divCampo input[type=file]:focus,.divCampo input[type=number]:focus,.divCampo input[type=password]:focus,.divCampo input[type=tel]:focus,.divCampo input[type=text]:focus,.divCampo input[type=url]:focus,.divCampo select:focus,.divCampo textarea:focus{
	background:#eee;
	border:2px solid #989898;
	border-color:var(--field-focus-border-color);
}

.divCampo input[type=checkbox]{
	margin-top:15px
}

.divCampo textarea{
	height:10vh;
}
::-webkit-scrollbar-track{
	background-color:#f5f5f5;
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}

::-webkit-scrollbar{
	background-color:#f5f5f5;
	height:5px;
	width:5px;
}

::-webkit-scrollbar-thumb{
	background-color:var(--primary-color);
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}
.switch{
	background:linear-gradient(180deg, #eee, #fff 25px);
	background-image:-webkit-linear-gradient(top, #eee, #fff 25px);
	border-radius:18px;
	-webkit-box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);
	        box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);
	cursor:pointer;
	display:block;
	height:24px;
	padding:3px;
	position:relative;
	width:100px;
}

.switch,.switch-input{
	-webkit-box-sizing:content-box;
	        box-sizing:content-box;
}

.switch-input{
	left:0;
	opacity:0;
	position:absolute;
	top:0;
}

.switch-label{
	background:#eceeef;
	border-radius:inherit;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
	        box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
	display:block;
	font-size:10px;
	height:inherit;
	position:relative;
	text-transform:uppercase;
}

.switch-label,.switch-label:after,.switch-label:before{
	-webkit-box-sizing:content-box;
	        box-sizing:content-box;
}

.switch-label:after,.switch-label:before{
	line-height:1;
	margin-top:-.5em;
	position:absolute;
	top:50%;
	-webkit-transition:inherit;
	transition:inherit;
}

.switch-label:before{
	color:#aaa;
	content:attr(data-off);
	right:11px;
	text-shadow:0 1px hsla(0,0%,100%,.5);
}

.switch-label:after{
	color:#fff;
	content:attr(data-on);
	left:11px;
	opacity:0;
	text-shadow:0 1px rgba(0,0,0,.2);
}

.switch-input:checked~.switch-label{
	background:var(--secondary-color);
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2);
	        box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2);
}

.switch-input:checked~.switch-label:before{
	opacity:0;
}

.switch-input:checked~.switch-label:after{
	opacity:1;
}

.switch-handle{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(var(--bg-color)));
	background:linear-gradient(to bottom, #fff 40%, var(--bg-color));
	background-image:-webkit-linear-gradient(top, #fff 40%, var(--bg-color));
	border-radius:100%;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
	        box-shadow:1px 1px 5px rgba(0,0,0,.2);
	height:22px;
	left:4px;
	position:absolute;
	top:4px;
	width:22px;
}

.switch-handle:before{
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background:linear-gradient(180deg, #eee, #fff);
	background-image:-webkit-linear-gradient(top, #eee, #fff);
	border-radius:6px;
	-webkit-box-shadow:inset 0 1px rgba(0,0,0,.02);
	        box-shadow:inset 0 1px rgba(0,0,0,.02);
	content:"";
	height:12px;
	left:50%;
	margin:-6px 0 0 -6px;
	position:absolute;
	top:50%;
	width:12px;
}

.switch-input:checked~.switch-handle{
	-webkit-box-shadow:-1px 1px 5px rgba(0,0,0,.2);
	        box-shadow:-1px 1px 5px rgba(0,0,0,.2);
	left:74px;
}
.switch-handle,.switch-label{
	transition:All .3s ease;
	-webkit-transition:All .3s ease;
	-moz-transition:All .3s ease;
	-o-transition:All .3s ease;
}
div[id^=jBox]>div>div.jBox-title{
	background:var(--primary-color);
}

div[id^=jBox]>div>div.jBox-title>div{
	color:#f9eec0;
}

div[id^=jBox]>div>div.jBox-content{
	background:hsla(0,0%,90%,.2);
}

.jBox-content .buttonSecondary,.jBox-footer .buttonSecondary,div[id^=jBox]>div>div.jBox-content div.divLabel{
	font-size:1rem;
}

.botonera-modal{
	text-align:center; 
}

.botonera-modal .buttonSecondary{
	display:inline-block;
	margin-right:.5rem;
}

.botonera-modal .buttonSecondary span{
	margin-left:.5rem;
}
#divCuerpo+[id^=jBox]>.jBox-container>.jBox-title{
	font-weight:700;
	text-align:center;
}

#divCuerpo+[id^=jBox]>.jBox-container>.jBox-title+.jBox-content{
	font-weight:700;
	height:auto !important;
	width:auto !important;
}

.buttonSecondary,.plupload_button,div#datosBasicos div#pickList button,div#datosBasicos>div.botonera>button,div#indicadoresUpdate div.botonera>button,div#tabDatosBasicos>div.botonera>button,div.botonera>button{
	background:var(--primary-color);
	border:none;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
	font-size:1em;
	padding:10px;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
}

.buttonSecondary:hover,div#datosBasicos div#pickList button:hover,div#datosBasicos>div.botonera>button:hover,div#indicadoresUpdate div.botonera>button:hover,div#tabDatosBasicos>div.botonera>button:hover,div.botonera>button:hover{
	background:var(--terciary-color);
	border-radius:5px;
	color:#fff;
}

.buttonSecondary[disabled]{
    background-color:grey;
    cursor:default;
}
.jBox-container .jBox-content{
	font-size:1rem;
}

.jBox-Confirm-button-submit{
	background:var(--primary-color);
	border-bottom-right-radius:4px;
	color:#fff
}

.jBox-Confirm-button-submit:active,.jBox-Confirm-button-submit:hover{
	background:var(--secondary-color);
}
.msg-modal-multiline{
	line-height:1.5rem;
}
footer{
	background:#fff;
	bottom:0;
	height:40px;
	width:100%;
}

footer div{
	color:#000;
	display:table;
	float:left;
	height:40px;
	text-align:center;
}

footer div.cgb{
	width:30%;
}

footer div.avisos{
	width:70%;
}

footer div span{
	display:table-cell;
	font-size:10px;
	margin:2%;
	padding-left:2%;
	padding-right:2%;
	vertical-align:middle;
}

footer div a{
	color:#000;
	font-size:.7rem;
	text-decoration:none;
}
footer div.cookies{
	background-color:#285690;
	bottom:0;
	color:#fff;
	display:none;
	font-size:.7rem;
	padding:.7rem 2.5rem;
	position:fixed;
	width:100%;
	z-index:1000
}

footer div.cookies a{
	color:#fff;
	font-size:.7rem;
	font-weight:700;
}

footer div.cookies span{
	color:#d31515;
	cursor:pointer;
	font-size:1.7rem;
	margin:.7rem 0 0;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:all .2s;
	transition:all .2s;
}

footer div.cookies span:hover{
	font-size:2rem;
	margin-top:.3rem;
}
.wrapperCookies,.wrapperInfoCookies,.wrapperLegal{
	display:none;
	padding:1.2rem;
}

.wrapperCookiesBorder,.wrapperInfoCookiesBorder,.wrapperLegalBorder{
	border:1px solid #ccc;
	padding:1.2rem;
}

.wrapperCookies p,.wrapperInfoCookies p,.wrapperLegal p{
	padding:.7rem;
}

.wrapperCookies ol,.wrapperCookies ul,.wrapperInfoCookies ol,.wrapperInfoCookies ul,.wrapperLegal ol,.wrapperLegal ul{
	padding:1rem;
}

.wrapperCookies .tituloLegal,.wrapperInfoCookies .tituloLegal,.wrapperLegal .tituloLegal{
	background:#bbb;
	color:#252525;
	display:inline-block;
}
.erroresValidacion{
	background-color:#ffdf4c;
	color:#c00;
	display:block;
	font-weight:700;
	line-height:1.4rem;
	padding:.7rem;
}

.alert{
	border:1px solid transparent;
	border-radius:4px;
	margin-bottom:1.2rem;
	padding:1rem;
}

.alert h4{
	color:inherit;
	margin-top:0
}

.alert-dismissable,.alert-dismissible{
	padding-right:2.1rem;
}

.alert-dismissable .close,.alert-dismissible .close{
	color:inherit;
	position:relative;
	right:-21px;
	top:-2px
}

.alert-success hr{
	border-top-color:#c9e2b3
}

.alert-info hr{
	border-top-color:#a6e1ec
}

.alert-warning hr{
	border-top-color:#f7e1b5
}

.alert-danger hr{
	border-top-color:#e4b9c0
}

.alert-success,.panel-success>.panel-heading{
	background-color:#dff0d8;
	border-color:#d6e9c6;
	color:#3c763d
}

.alert-info,.panel-info>.panel-heading{
	background-color:#d9edf7;
	border-color:#bce8f1;
	color:#31708f
}

.alert-warning,.panel-warning>.panel-heading{
	background-color:#fcf8e3;
	border-color:#faebcc;
	color:#8a6d3b
}

.alert-danger,.panel-danger>.panel-heading{
	background-color:#f2dede;
	border-color:#ebccd1;
	color:#a94442
}
.bindDivError>input,input[type=datetime-local].error,input[type=email].error,input[type=file].error,input[type=password].error,input[type=text].error,select.error,textarea.error{
	background-color:#ffc0c8;
	background-image:none;
	border:1px solid red
}

.bindDivError>input:focus,input[type=datetime-local]:focus.error,input[type=email]:focus.error,input[type=file]:focus.error,input[type=password]:focus.error,input[type=text]:focus.error,select:focus.error,textarea:focus.error{
	background-color:#ffe1e4;
	background-image:none;
	border:1px solid #fa2e2e;
	color:#000
}
table.dataTable tbody td,table.dataTable tbody th{
    white-space:nowrap;
}

.tblDatos>tbody>tr.child>td>ul>li>span.dtr-data>pre{
	line-height:20px;
	white-space:pre-line;
}

.tblDatos>tbody>tr.child>td>ul>li{
	width:100%;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button{
	background:var(--datatable-button-bg-color);
	border:0;
	border-radius:6px;
	margin-right:.15rem;
	padding:.15rem .8rem !important;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button:hover{
	background:var(--secondary-color);
	border-radius:8px;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button>span{
	color:var(--datatable-button-color);
	font-size:1rem;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button:hover>span{
	color:#fff;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa{
	margin-right:5px;
}

.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa-filter,.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa-pencil,.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa-plus,.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa-times,.dataTables_wrapper>div.dt-buttons>button.dt-button>span i.fa-user{
	margin-right:0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background:var(--datatable-button-bg-color);
    border:0;
    border-radius:6px;
    color:#fff !important;
    margin-right:.15rem;
    padding:.35rem .8rem !important;
    -webkit-transition:all .3s;
    transition:all .3s;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:var(--secondary-color);
	border:0;
	border-radius:8px;
	color:#fff !important;
	cursor:default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background:var(--secondary-color);
	border:0;
	border-radius:8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background:var(--datatable-button-bg-color);
    border:0;
    border-radius:6px;
    color:#333 !important;
    margin-right:.15rem;
    padding:.35rem .8rem !important;
    -webkit-transition:all .3s;
    transition:all .3s;
}

table.display.dataTable.no-footer>thead{
	background:var(--datatable-head-bg-color);
	color:var(--datatable-head-color);
	line-height:1.3rem;
	text-align:left;
}

.dataTables_wrapper>div.dataTables_scroll>div.dataTables_scrollHead>div>table>thead>tr>th{
	font-size:1rem;
}

.dataTables_wrapper .dataTables_filter{
	margin-bottom:.5rem;
}

.dataTables_wrapper .dataTables_filter input{
    border:0 solid;
    border-bottom:1px solid #777;
	margin-bottom:0;
}
	
.dataTables_info>span.select-info{
	margin-left:.5rem;
}

.dataTables_info{
	font-size:1rem;
}

table.dataTable tbody tr{
    background-color:var(--datatable-row-bg-color);
    line-height:1.6rem;
}

table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{
    background-color:var(--datatable-row-odd-bg-color);
}
table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.even{
    background-color:var(--datatable-row-even-bg-color);
}
table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{
    background-color:var(--datatable-row-hover-bg-color);
}

table.dataTable tbody tr.selected,table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.display tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.display tbody tr:hover.selected,table.dataTable.hover tbody tr:hover.selected,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1,table.dataTable.stripe tbody tr.odd.selected{
    background-color:var(--datatable-row-selected-color) !important;
}
table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
	background-color:transparent;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
	background-color:var(--secondary-color);
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
	background-color:var(--primary-color);
}

table.dataTable tbody td,table.dataTable tbody th{
    color:var(--letter-color);
    padding:8px 10px;
}
div.dt-button-background{
    background:none;
    height:100%;
    position:inherit;
    width:100%;
    z-index:-300;
}
div.dt-button-collection{
    background-color:#fff;
    border:1px solid var(--field-border-color);
    border:1px solid rgba(0,0,0,.4);
    border-radius:5px;
    -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.3);
            box-shadow:3px 3px 5px rgba(0,0,0,.3);
    -webkit-column-gap:8px;
    -moz-column-gap:8px;
    -ms-column-gap:8px;
    -o-column-gap:8px;
    column-gap:8px;
    left:0;
    margin-top:3px;
    overflow:hidden;
    padding:8px 8px 4px;
	position:absolute;
    top:0;
    width:150px;
    z-index:2002;
}

a.dt-button,button.dt-button,div.dt-button{
	font-size:1rem;
	line-height:1.8rem;
	white-space:inherit;
}
.link-row-datatable{
	color:var(--logo-color);
	display:inline-block;
}
.link-row-datatable:hover{
	color:var(--primary-color);
}
.num-filter{
    font-size:1rem;
    font-weight:700;
    line-height:1.3rem;
    margin-left:.2rem;
    text-align:center;
    vertical-align:top;
    width:1.3rem;
}

.row-disabled{
	background-color:var(--datatable-row-disabled-color) !important;
}
.visible{
	display:block;
}

.d-none,.oculto{
	display:none;
}

.resaltado{
	font-weight:700
}

.movil-oculto{
	display:none !important;
}
.d-inline-block{
	display:inline-block!important;
}

.d-flex{
	display:-webkit-box;
    display:-ms-flexbox;
	display:flex;
}

.d-flex-w100{
	-ms-flex:1 1 100% !important;
    -webkit-box-flex:1 !important;
    flex:1 1 100% !important;
    max-width:100% !important;
}

.d-flex-w50{
	-ms-flex:0 0 50% !important;
    -webkit-box-flex:0 !important;
    flex:0 0 50% !important;
    max-width:50% !important;
}

.w-10{
	width:10% !important;
}

.w-100{
	width:100% !important;
}


.mh-420{
	min-height:420px!important;
}

.pos-relative{
	position:relative;
}

.font-bold{
	font-weight:700 !important;
}

.bg-secondary-color{
	background-color:var(--secondary-color);
}

.bg-color-red{
	background-color:red!important;
}

.bg-color-green{
	background-color:green!important;
}

.bg-color-yellow{
	background-color:#ff0!important;
}

.bg-color-orange{
	background-color:orange!important;
}

.mt-05{
	margin-top:.5rem !important; 
}
.mt-1{
	margin-top:1rem !important; 
}
.mt-2{
	margin-top:2rem !important; 
}
.mb-05{
	margin-bottom:.5rem !important; 
}
.mb-1{
	margin-bottom:1rem !important; 
}
.mb-2{
	margin-bottom:2rem !important; 
}
.ml-1{
	margin-left:1rem !important; 
}
.ml-05{
	margin-left:.5rem !important; 
}
.mr-05{
	margin-right:.5rem !important; 
}
.mr-1{
	margin-right:1rem !important; 
}
.ml-2{
	margin-left:2rem !important; 
}
.mr-2{
	margin-right:2rem !important; 
}

.pb-pt-0{
	padding-bottom:0 !important;
	padding-top:0 !important;
}
.pb-20{
	padding-bottom:1.25rem !important;
}
.pos-fixed{
	position:fixed !important;
}
.pos-absolute{
	position:absolute !important;
}
.pull-right{
    float:right !important;
}

.margin-top-datatable{
	margin-top:1rem !important;
}

.text-align-center{
	text-align:center;
}
@media only screen and (min-width:1114px){
	footer div.cgb{
		width:40%;
	}
	footer div.avisos{
		width:50%;
	}
	footer div span{
		display:table-cell;
		margin:2%;
		vertical-align:middle;
	}
	footer div a,footer div span{
		font-size:.7rem;
	}
}

@media only screen and (min-width:1200px){
	footer div.cgb{
		width:50%;
	}
	footer div.avisos{
		width:40%;
	}
	.cuadro-cita-previa{
		width:75%;
	}
}

@media only screen and (max-width:480px){
	*{
		font-size:.85rem;
	}
	
	.cuadro,.cuadro-cita-previa{
		margin-left:.7rem;
		margin-right:.7rem;
		width:auto;
	}
	
	.prettydropdown>ul>li{
    	line-height:20px !important;
	}
	
	.dd-desc{
		display:none;
	}
	
	.servicio-citaPrevia{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
	}

	.servicio-citaPrevia__orderBy{
	    margin-left:0;
		width:100% !important;
	}
	
}