@import url("https://fonts.googleapis.com/css?family=Open+Sans");
:root{
    --bg-color:#fefefe; 
    --menu-color:#f7f8ff; 
    
    --field-focus-border-color:#999;
	--field-border-color:#ccc;
	--primary-color:#6e78ff; 
	--secondary-color:#6e78ff; 
}

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

a{
	text-decoration:none;
}

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

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

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

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

table td{
	padding:.25rem;
}

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

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-offset:0 !important;
	outline-color:#999 !important;
}

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

.cuadro{
	min-height:200px;
	position:relative;
	top:70%;
	background:#fff;
	margin:-140px auto;
	padding:1.2rem;
	width:600px;
	font-family:Quicksand,sans-serif;
	opacity:.2;
	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);
}

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

.tdTitulo{
	text-align:right
}

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

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

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

.botonAccion:hover{
	color:#ddd;
}

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

.fin{
	clear:both;
}

#btnOlvidePass{
	color:#000;
	text-decoration:none;
	display:inline-block;
	line-height:2rem;
	padding-left:.7rem;
}

#btnOlvidePass i{
	color:#00b1b7;
}

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

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

.btnLogo{
	background-color:var(--menu-color);
    background-image:url(/img/logo_comunica.svg);
    background-position-x:10px;
    background-repeat:no-repeat;
    background-size:150px;
    height:90px;
    position:absolute;
    width:150px;
    z-index:1000;
}

div.menu{
	background:var(--menu-color);
    height:90px;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    width:100%;
    text-align:center;
}
.cuadro-acceso-mensaje{
	width:auto;
	margin-left:1.2rem;
	margin-right:1.2rem;
	min-height:200px;
	background:#fff;
	padding:1.2rem;
	font-family:Quicksand,sans-serif;
	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);
}
.divLabel{
	padding:.6rem 0 0;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin-bottom:.6rem;
}

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

.divCampo input{
	margin-bottom:0;
}

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

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

.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{
	-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
	box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius:10px;
	background-color:#f5f5f5;
}

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

::-webkit-scrollbar-thumb{
	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);
	background-color:var(--primary-color);
}
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%, .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{
	margin-right:.5rem;
	display:inline-block;
}

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

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

.buttonSecondary,.plupload_button,div#datosBasicos>div.botonera>button,div#datosBasicos div#pickList button,div#indicadoresUpdate div.botonera>button,div#tabDatosBasicos>div.botonera>button,div.botonera>button{
	background:var(--primary-color);
	border:none;
	border-radius:5px;
	color:#f9eec0;
	font-size:1em;
	padding:10px;
	cursor:pointer;
	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.botonera>button:hover,div#datosBasicos div#pickList button:hover,div#indicadoresUpdate div.botonera>button:hover,div#tabDatosBasicos>div.botonera>button:hover,div.botonera>button:hover{
	border-radius:5px;
	background:var(--secondary-color);
	color:#fff;
}

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

.jBox-Confirm-button-submit{
	border-bottom-right-radius:4px;
	background:var(--primary-color);
	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;
	height:40px;
	bottom:0;
	width:100%;
}

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

footer div.cgb{
	width:30%;
}

footer div.avisos{
	width:70%;
}

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

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

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

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

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

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

.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{
	display:inline-block;
	background:#bbb;
	color:#252525;
}
.erroresValidacion{
	color:#c00;
	background-color:#ffdf4c;
	display:block;
	padding:.7rem;
	line-height:1.4rem;
	font-weight:700;
	border-radius:.2rem;
}
.erroresValidacion>p{
	padding:0;
	margin:.1rem;
}
.mensajes{
	color:#c00;
	background-color:#f2eef5;
	display:block;
	padding:.7rem;
	line-height:1.4rem;
	font-weight:700;
	border-radius:.2rem;
}
.mensajes>p{
	padding:0;
	margin:.1rem;
}

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

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

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

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

.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{
	color:#3c763d;
	background-color:#dff0d8;
	border-color:#d6e9c6
}

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

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

.alert-danger,.panel-danger>.panel-heading{
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1
}
.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{
	border:1px solid red;
	background-color:#ffc0c8;
	background-image:none
}

.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{
	border:1px solid #fa2e2e;
	background-color:#ffe1e4;
	background-image:none;
	color:#000
}
.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-1{
	margin-top:1rem !important; 
}
.mt-2{
	margin-top:2rem !important; 
}
.mb-1{
	margin-bottom:1rem !important; 
}
.mb-2{
	margin-bottom:2rem !important; 
}
.ml-1{
	margin-left:1rem !important; 
}
.mr-05{
	margin-right:.5rem !important; 
}
.mr-1{
	margin-right:1rem !important; 
}
.ml-2{
	margin-left:2rem; 
}
.mr-2{
	margin-right:2rem; 
}

.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;
}
@media only screen and (min-width:1114px){
	footer div.cgb{
		width:40%;
	}
	footer div.avisos{
		width:50%;
	}
	footer div span{
		margin:2%;
		display:table-cell;
		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{
		width:auto;
		margin-left:.7rem;
		margin-right:.7rem;
	}
	
	.prettydropdown>ul>li{
    	line-height:20px !important;
	}
	
	.dd-desc{
		display:none;
	}
	
}