/* FUENTES */

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fredoka:wght@300..700&display=swap');



/* ----------------------GENERAL---------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: 200;
	font-family:Arial;
    letter-spacing: -1px;
    margin: 0;
}h4.title.title-modern {
    color: white !important;
}

body{
	background: url(/Personalizar/Img/fondo.jpg);
	background-attachment:fixed;
	background-size:cover;
}.page-header h2 {
    border-bottom-color:#00453E !important;
    color: white !important;
}
.featured-box h4 {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.7px;
    color: black !important;
    margin-top: 5px;
    text-transform: uppercase;
}
.featured-box label {
    
    color: black !important;
    
}
#btnParrilla.selected, #btnParrilla {
	display: none !important;
}
h3.h5.text-uppercase {
	color: black !important;
}
div#MainContent_divNick {
    display: none;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #ffffff;
}
.timeline .tm-items > li .tm-icon {
    border-color: black;
    color: black;
}
body .btn-primary {
	color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-family:Montserrat;
    text-transform: uppercase;
    border-radius: 0px !important;
    background-color: #00453E !important;
    border-color: #00453E !important;
    transition: 250ms;
	
}
body .btn-primary:hover{
        color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0px !important;
    background-color:#00afab!important;
    border-color:#00afab!important;
	transition:250ms;
}

body .btn-primary:active, body .btn-primary:focus {
    border-color: #222222 !important;
    background-color: #222222;
}

.imagenCentralInicio {
    min-height: 745px;
}
/*#header > .container {
	background: rgba(0,0,0,0.8);
}*/
/* ---------------------CABECERA---------------------- */
	/* IDIOMAS */
		div#idiomas {
			position: absolute;
		}
		input#btnLenguajeES {
			width:20px !important;
		}
		input#btnLenguajeEN {
			width:20px !important;
		}
		input#btnLenguajeCA {
			width:20px !important;
		}
		input#btnLenguajeEU {
			width:20px !important;
		}
		input#btnLenguajeFR {
			width:20px !important;
		}
		input#btnLenguajePT {
			width:20px !important;
		}
	/* LOGO */
		#header .logo img {
			width: 250px !important;
			height: auto !important;
			margin-top:6px;
			/*margin-left: -140%;*/
		}
		#header .logo-sticky-active img{
			width: 175px !important;
			content:url(/Personalizar/Img/logo-mini.png);
			height: 55px !important;
			margin-top:-3px;
				
		}
	body.sticky-menu-active #header {
    border-bottom: 0px solid #E9E9E9;
    position: fixed;
    top: 0;
    min-height: 60px;
    height: 65px !important;
    width: 100%;
    z-index: 1001;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    filter: none;
    background: linear-gradient(#00afab, #00afab) repeat scroll 0% 0% transparent;
}
#header .logo-sticky-active {
    margin-top: -30px;
    margin-bottom: 25px;
}
	/* HEADER */

.sticky-menu-active #header nav ul.nav-main {
   margin: 0px 10px 8px 0px;
}
		#header {			
			background: #222222;
			border-top: none !important;
			height: 105px;
		}
		@media (max-width: 991px){
#header .nav-main-collapse.in {
    width: 100%;
    background: #1f1f1f !important;
    overflow: hidden;
    display: block !important;
	transition:500ms;
		}}
	/* MENU */
		.sticky-menu-active #header .navbar-collapse{
			margin-top:-90px;
		}
		.sticky-menu-deactive #header .navbar-collapse , #header .navbar-collapse{
			margin-top:-100px;
		}

		#header nav ul.nav-main li a {
			color:#ffffff;
			font-family: Montserrat, Helvetica;
			font-size: 14px;
			
			letter-spacing: 1px;
			border-radius: 0px !important;
			    padding: 5px 15px;
			
			text-transform: uppercase;
			transition: 250ms;
		}
		#header nav ul.nav-main li a:hover {
			background:transparent !important;
			color:#00453E;
			transition:250ms;
		}
		#header .logo {
    
    padding: 2px 0px;

}
#header nav ul.nav-main {
    margin: 8px 10px 8px 0px;
}
		
	#imgLogoLogin {
    width: 50%;
    display: none;
}
@media (max-width: 991px){
#header .nav-main-collapse {
    top: 75px !important;
    position: relative;
    background: none repeat scroll 0% 0% #ffffff !important;
    max-height: none;
    width: 100%;
    overflow: hidden;
	z-index:10;
}
.btn-responsive-nav {
    z-index: 100 !important;
}

}
/* ----------------------INICIO----------------------- */
	/* BOTONES INICIO */
		div#MainContent_divContainerInternoBotones {
			border-radius: 0px !important;
			background: transparent;
			border: 0px;
			box-shadow: none;
		}
		
	/* TEXTO PUBLICO */
		#divContainerInternoTextoPublico {
			min-height: 400px;
			background: #ada5a54f;
			border-radius: 0px !important;
		}


/* --------------------FORMULARIO--------------------- */


.form-control:focus {
    border-color: #db6222;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);
background: rgb(255, 255, 255);}

	/* BARRA DE PROGRESO */
		html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
			border-color:#00453E;
			background:#00453E;
		}
		html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
			background:#00453E;
		}
		html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
			color:#00453E;
			border-color:#00453E;		}
		
	/* CUOTAS */
		.featured-box .box-content {
			border-top: 3px solid #222222;
		}


/* LOPD */
legend {
    color: #ffffff ;
}
h1#nombreCentro {
    color: black !important;
}
h2.MensajeNoDisponibles {
    color: black !important;
}
h2.panel-title {
    color: black !important;
}
h1, .h1 {
    color: black !important;
}
#lgCodigo, legend#lgDatosAcceso{
    color: black !important;
}
.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm > h2 > b {
    color: white;
}



div#MainContent_divCuotas .cuotas-class .featured-box .box-content{
	background:white;
}
form label {
    font-weight: normal;
    color: white;
}
		.toggle.active > label {
    background:#00453E !important;
    border-color: #222222;
}section label {
    border-left-color:#00453E !important;
	border:1px solid#00453E;
    background: black !important;
    color: #ffffff !important;
}
#h3YaFuiSocioDatosPersona{
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 13px;
    text-transform: uppercase;
    float: right;
    cursor: pointer;
	color:#ffffff  !important;
    border: 3px solid #ffffff;
    border-spacing: 10px 10px;
	letter-spacing:2px;
    border-radius: 5px;
	font-family:Montserrat;
	transition:250ms;
    display: inline-table;
    font-size: 19px;
}
	#h3YaFuiSocioDatosPersona:hover, #h3YaFuiSocioDatosPersona:active {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 13px;
    float: right;
	background: #00453E  !Important;
	transition:250ms;
	color:#414042 !important;
    cursor: pointer;
    border: 3px solid #00453E;
    border-spacing: 10px 10px;
    border-radius: 5px;
    display: inline-table;
    font-size: 19px;
}
#etiquetafix {
    float: right;
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    width: 60px;
    font-size: 13px;
    margin-right: 175px !important;
    font-family: Montserrat;
    letter-spacing: 2px;
}
.nav-expanded #divpadre #etiquetafix{
	color:#414042;
}
	/* CALENDARIO */
		.modal-block-primary.modal-header-color .panel-heading {
			background-color: #d6d6d6;
		}
		.modal-block-primary .modal-icon .fa {
			color: #222222;
		}
		.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
			color: #ffffff;
			background-color: #418abc;
			border-color: #418abc;
		}
		.datepicker table thead tr:first-child th:hover {
			background: #418abc;
		}
		h1#MainContent_h2InformacionDatosPersona {
    color: white !important;
}
		
		/* LOPD */
		#MainContent_divAccionesComerciales, #MainContent_divPermitirCompartirDatosATerceros,#MainContent_divPermitirCompartirImagenRedesSociales  {
			border: 3px solid#00453E;;
		}
		
		/* RADIO BTN */ 
			html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after {
				background:#00453E;
				-webkit-box-shadow: 0px 0px 1px#00453E;
				box-shadow: 0px 0px 1px#00453E;
			}
		
		/* PAGOS ALTA */
			label#MainContent_lblInformacionPagina {
				text-transform: initial;
				font-weight: initial;
				margin-top: 20px;
			}
			.pricing-table h3 {
				color: #ffffff !important;
				text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
				background: #222222;
			}
			.pricing-table h3 span {
				color: #222222;
			}
			.transaccion {
				background-color: #418abc;
			}
	.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #222222;
    border: -1px solid#00453E;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}	.userbox .name {
    color: #a2a2a2 !important;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2em;
}	
div#divpadre:hover {
    background:#00453E;
    color: white;
}
div#divpadre:hover #etiquetafix {
    
    color: #414042;
}
.nav-expanded #divpadre {
    background:#00453E !important;
    color: white;
}
ul.nav-main li .nav-children li.nav-active > a {
    color:#00453E !important;
}
#divhijo:hover {
    background-color: transparent !important;
}
/* -------------------LOGIN-------------------- */
.body-sign .panel-sign .panel-body {
    border-top-color:#00453E;
}
.body-sign .panel-sign .panel-title-sign .title {
    background-color:#00453E;
	color:#000000 !important;
	letter-spacing:1px;
}	
.header {
    background-color: #222222;
    background-image: -webkit-linear-gradient(#f6f6f6 0%, white 45%) !important;
    background-image: linear-gradient(#222222 0%, black 45%) !important;
    border-bottom: 1px solid #222222 !important;
    border-top: 3px solid #222222 !important;
    z-index: 1000;
}
.panel-body.panel-body-Login label {
    border: none;
}	
.body-sign .panel-sign .panel-body {
    background: #000;
    
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}
section.body-sign {
    height: auto;
}
.imagenCentralLogin {
    height: auto;
    min-height: 745px;
}
/* -------------------AREA CLIENTE-------------------- */

/* -------------------PIE DE P�GINA------------------ */
#footer {
    margin-bottom: 0px;
        background: #222222;
}

.col-md-10.col-md-offset-1.formConsentimiento {
    background: black;
}







#Cuestionario-contenedorPrincipal{
	min-height: 700px !important;
}

#EnviarCuestionario{
	margin-left: 50% !important;
}

/* AACC */
#divNombreCentro {
	display: none;
}
div.selectorFecha > input#dateAACC, input#dateAALL {
    padding-right: 2.5rem;
    width: 185px !important;
    box-sizing: border-box !important;
}
@media (min-width: 991px){	
	div.selectorFecha > input#dateAACC, input#dateAALL {
		padding-right:2.5rem;
		width: 205px !important;
		box-sizing: border-box !important;
	}	

	div.selectorFecha > div.bootstrap-datetimepicker-widget {
		position:absolute !important;
	}

	div.timeline > div.tm-body > div.tm-title {
		z-index: 1 !important;
	}
}
.timeline .tm-items > li .tm-box {
	background-color: white !Important;
}
div.selectorFecha > div.bootstrap-datetimepicker-widget {
    position: absolute !important;
}
.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 b {
	color: black;
}
.timeline .tm-items > li .tm-box .tm-meta span {
    color: black !important;
}

.panel-body.panel-body-MisFicheros2 {
    display: none !important;
}

.Cuestionario-tituloPregunta {
    color: black !important;
    padding-top: 1rem !important;
}

ol.Cuestionario-radioRespuestas {
    padding-left: 4rem !important;
    color: black !important;
}

h2#Cuestionario-titulo {
    display: none !important;
}

#EnviarCuestionario {
    margin-left: 0px !important;
    margin-top: 3rem !important;
    width: 100% !important;
}

.imagenCentralInicio {
    background: url(/Personalizar/Img/fondo-inicio.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 1px;
    min-height: 100vh;
}


h5.pricevalue {
    color: black !important;
}


@media (max-width: 1200px) {
    .form-group.pull-left.selectorFecha.is-empty {
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0px;
    }
	div.selectorFecha > input#dateAACC {
		width:100% !important;
	}
	.pull-left {
        float: unset !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
	.btn-group, .btn-group-vertical {
        position: relative;
        margin: 10px 1px;
        width: 100%;
		z-index; 2 !important;
    }
	a#btnLista, a#btnAgenda {
        width: 50%;
        border-radius: 0px;
        margin-top: -30px;
		z-index: 3 !important;
    }
	a#btnAgenda.selected, a#btnLista.selected, div#filtroMonitores a.btn, div#filtroActividad a.btn, div#filtroAgrupacion a.btn {
        opacity: 1 !important;
        background: var(--mainColor) !important;
        color: white !important;
    }
	.col-md-10.col-lg-10.col-md-offset-1.col-lg-offset-1 .pull-left .dropdown.pull-left label.label-control {
        color: black !important;
        margin-left: 10px;
        margin-bottom: 25px;
    }
	.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
        position: absolute !important;
        width: 100%;
        border-radius: 0px;
		z-index: 90 !important;
		
    }
}
#dateAACC, #dateAALL {
    border-color: var(--mainColor) !important;
    color: var(--mainColor) !important;
    font-weight: bold !important;
}

a#btnAgenda.selected, a#btnLista.selected {
	background-color: #00afab !important;
	color: white !important;
}
a#btnAgenda, a#btnLista {
	background-color: #00453E !important;
	color: white !important;
}


.sidebar-left .sidebar-header .sidebar-title,
span#etiquetafix {
    text-align: left;
    font-family: "Fredoka", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0.3px;
    color: #FFFFFF;
}

div#w4-DatosPersonales {
    width: 100% !important;
}