/* FUENTES */

@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');



@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Black.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Black.eot?#iefix') format('embedded-opentype'),
        url('vMontserratGeometricSans3-Black.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Black.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Black.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Black.svg#MontserratGeometricSans3-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Light.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Light.eot?#iefix') format('embedded-opentype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Light.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Light.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Light.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Light.svg#MontserratGeometricSans3-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Bold.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Bold.eot?#iefix') format('embedded-opentype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Bold.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Bold.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Bold.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Bold.svg#MontserratGeometricSans3-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Regular.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Regular.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Regular.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Regular.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Regular.svg#MontserratGeometricSans3-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Thin.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-Thin.eot?#iefix') format('embedded-opentype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Thin.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Thin.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Thin.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-Thin.svg#MontserratGeometricSans3-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: Montserrat,sans-serif;
    src: url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.eot');
    src: url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.woff2') format('woff2'),
        url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.woff') format('woff'),
        url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.ttf') format('truetype'),
        url('/Personalizar/fonts/MontserratGeometricSans3-SemiBold.svg#MontserratGeometricSans3-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
html::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* Chrome/Safari/Webkit */
}

html {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
/*.js.flexbox.flexboxlegacy.csstransforms.csstransforms3d.no-overflowscrolling.gecko.win {
    overflow: hidden !important;
}
html.js.flexbox.flexboxlegacy.csstransforms.csstransforms3d.no-overflowscrolling.webkit.chrome.win.js {
    overflow: hidden !important;
}*/
body{
}

.btnAgrupaciones {
    height: 200px !important;
    background-size: cover;
    color: #7fa636 !important;
    background-position-y: 30% !important;
}

.main {
    background: #FFFFFF00 !important;
    position: relative;
    z-index: 3;
}
.divTable {
    padding: 0;
    overflow: auto;
}
@media (max-width: 768px) {
  section.body > div.inner-wrapper > section[role="main"] > div.wrapper#bodyAACC {
    height: auto !important;
  }
  
  section.body > div.inner-wrapper > section[role="main"] {
	  /*position: absolute;*/
	  padding: 0px;
  }
}

@media only screen and (max-width: 600px){
.main.main-raised {
    margin: 0;
    margin-top: 0px !important;
}
div#filtros .col-md-11{
	display:block !important;
	text-align: center;
}
.dropdown.pull-right.btn-imprimir {
    order: 5;
    display: inline-block;
    align-items: center;
    margin-left: 55px;
    float: left !important;
    margin-top: -78px;
}
div#selectorVista {
    margin-left: 55px !important;
}
}
html{
    background-image: url(/Personalizar/Img/fondo.jpg) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position-y: -70px !important;
    background-position: center !important;
}
.divTable {
    padding: 0;
    ::-webkit-scrollbar {display: none;}
}
.inner-wrapper {
    padding: 0;
    /*background: #292a3a;*/
	background: url(/Personalizar/Img/fondo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
h1#nombreCentro {
 font-family: Montserrat,sans-serif !important;
 font-size: 2.8em;
 color: white !important;
 letter-spacing: 4px;
 text-shadow: 0px 0px 9px black;
 padding-top: 37px;
 margin-bottom: 17px;
 text-align: center;
 font-weight: 600;
}
/*input#dateAACC {
    padding: 0px;
    border: none;
    width: 234px;
    margin-left: -263px;
}
#dateAACC {
    cursor: pointer;
    border: 2px solid;
    border-radius: 5px;
    border-color: cornflowerblue;
    background: #fff url(/Content/img/comunes/calendar_2.png) 97% 50% no-repeat;
        margin-top: -100px !important;
    padding-left: 7px;
}*/

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
        position: absolute !important;
}
.timeline .tm-title {
    min-width: 180px;
    padding: 0px;
}
/* ----------------------GENERAL---------------------- */
.form-group.pull-left.selectorFecha.is-empty {
    border: none;
    padding: 0px;
}
h1#nombreCentro {
    border: none;
    padding: 0px;
    width: 100%;
}
html, body{
	background-attachment:fixed !important;
	background-repeat:no-repeat;
    overflow: auto;
}
#divNombreCentro {
    padding: 10px 0;
    background: transparent;
}




.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
    color: #0e0e0e !important;
    font-weight: 200;
	font-family:Montserrat,sans-serif !important;
    letter-spacing: -1px;
    margin: 0;
}
.tm-box {
    background-color: white !important;
    color: black;
}
.tm-datetime-date {
    color: white;
    text-shadow: 1px 1px 1px black;
}
.timeline .tm-items > li .tm-icon {
    border-color: #7fa636 !important;
}
.tm-box .row-tm .col-tm h2{
	color:black !important;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #7fa636 !important;
    text-shadow: 1px 1px 1px rgb(255, 255, 255) !important;
}
section.content-body h2 {
    color: #0e0e0e !important;
}
.page-header h2 {
    border-bottom-color: #7fa636 !important;
    color: white !important;
}
section.content-body {
	/*background: #292a3a !important;*/
	background-attachment:fixed !important;
	background-size:cover;
	background-position-y: 115px !important;
	background-repeat:no-repeat;
}
#MainContent_divPermitirCompartirImagenRedesSociales {
    display: none;
}
body{
	background: transparent;
	background-attachment:fixed;
	background-size:cover;
}

body .btn-primary, button#botonModalLoginCancelar, button#MainContent_botonModalCancelar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    border-radius: 0px !important;
    background-color: #7fa636 !important;
    border-color: #7fa636 !important;
    transition: 250ms;
    font-weight: bold;
    text-shadow: none !important;
}
body .btn-primary:hover, button#botonModalLoginCancelar:hover{
        color: #292a3a !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 0px !important;
    background-color:#ffffff ;
    border-color: #292a3a !important;
	transition:250ms;
}

body .btn-primary:active, body .btn-primary:focus {
    border-color: #292a3a !important;
    background-color: #ffffff;
}

.imagenCentralInicio {
    min-height: 745px;
}

/* ---------------------CABECERA---------------------- */
	/* IDIOMAS */
		div#idiomas {
			position: absolute;
		}
		input#btnLenguajeES {
			width:20px !important;
		}
		input#btnLenguajeEN {
			width:20px !important;
		}
		input#btnLenguajeCA {
			width:20px !important;
		}
		input#btnLenguajeFR {
			display: none;
		}
		input#btnLenguajeEU {
			display: none;
		}
	/* LOGO */
		#header .logo img {
			width: 200px !important;
			height: auto !important;
			margin-left: -3px;
			margin-top: 7px;
		}
		#header .logo-sticky-active img{
            width: 200px !important;
            height: auto !important;
			top: -25px !important;
			margin-top: -5px;
		}
	
	/* HEADER */
    #header nav ul.nav-main {
        margin: -20px 10px 8px 0px;
    }
		#header {
            border-top: 0px !important;
			height: 110px;
            background: rgb(51,51,51) !important;
            width: 100%;
            background: linear-gradient(
                180deg
                , rgba(255,255,255,1) 80%, rgba(0,0,0,0) 100%);
                position:fixed;
                top:0px;
                z-index: 1111;
		}
        body.sticky-menu-active #header {
            border-bottom: 1px solid #E9E9E9;
            position: fixed;
            top: 0px;
            border: none;
            width: 100%;
            z-index: 1001;
            box-shadow: 0px 3px 6px rgb(0 0 0);
            /* filter: none; */
            height: 110px;
            background: #ffffff;
        }
	/* MENU */
	
	div#navbar-menu a {
    color: white !important;
}

	div#navbar-menu a:hover {
    color: #7fa636 !important;
}

	@media (max-width: 991px){
	#header .nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		display: block !important;
		margin-top: -17px !important;
		background: rgb(51,51,51) !important;
	}
	#header .logo-sticky-active img {
        width: 190px !important;
        height: 67px !important;
        top: -7px !important;
	}
	#divContainerWell {
		padding: 0;
	}
    div#MainContent_divAgrupaciones .panel-body {
        display: block !important;
    }
    div#MainContent_divAgrupaciones .panel-body button {
        margin: 0px !important;
        margin-bottom: 2px !important;
    }
}
		.sticky-menu-active #header .navbar-collapse{
			margin-top: -145px;
		}
		.sticky-menu-deactive #header .navbar-collapse{
			margin-top:-85px;
		}
		 #header .navbar-collapse{
			margin-top:-85px;
		}
		#header nav ul.nav-main li a {
            color: #292620;
            font-family: Montserrat,sans-serif !important;
            font-size: 13px;
            border-bottom: 4px solid transparent;
            letter-spacing: 0px;
            text-transform: uppercase;
            transition: 500ms;
            border-radius: 0px;
            padding-bottom: 0px;
            padding-left: 1px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
            transition: 250ms;
		}
		a#lblMenuIndex {
			color: #7fa636 !important;
		}
		#header nav ul.nav-main li a:hover {
			color: #7fa636 !important;
			background:none !important;
			border-bottom: 4px solid #7fa636;
			transition:250ms;
		}
		
	
/* ----------------------INICIO----------------------- */
	/* BOTONES INICIO */
		div#MainContent_divContainerInternoBotones {
			border-radius: 0px !important;
			background: transparent;
			border: 0px;
			box-shadow: none;
			text-align: center;
		}
		
	/* TEXTO PUBLICO */
		#divContainerInternoTextoPublico {
			min-height: 400px;
			background: transparent;
			border-radius: 0px !important;
			border: none;
			box-shadow: none;
		}
		img#principal1 {
			max-width: 100%;
		}

		.toggle label {
			border-left-color: #292a3a;
			color: #292a3a;
		}
/* --------------------FORMULARIO--------------------- */
.toggle.active > label {
    background: #292a3a !important;
    border-color: #292a3a;
}
label#lblTituloMensajeError {
    color: white;
    text-transform: uppercase;
}
#h3YaFuiSocioDatosPersona{
    color:white !important;
    /*border: 3px solid #242751 !important;*/
    border: 3px solid #7fa636 !important;
	transition:250ms;
	/*background:#242751;*/	
    background: #7fa636;
}
fieldset#MainContent_flCuestionario label {
    display: inherit;
}


#h3YaFuiSocioDatosPersona:hover{
    color:#ffffff !important;
	/*background:#7fa636;*/
	background:black;
	transition:250ms;
    /*border: 3px solid #7fa636 !important;*/
    border: 3px solid black !important;
}
div#divYaFuiSocioDatosPersonale {
    margin-bottom: -55px;
}

div#divContainerWell {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    margin-right: auto;
    left: 0;
    right: 0;
}
body.sticky-menu-active {
    padding-top: 0px !important;
}
div#MainContent_divAccionesComerciales label {
    display: inherit;
}
div#MainContent_divPermitirCompartirDatosATerceros label {
    display: inherit;
}
div#MainContent_divPermitirCompartirImagenRedesSociales label {
    display: inherit;
}
.form-control:focus {
    border-color: #242751;
    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: #7fa636;
    background: #cccccc;
    color: #2b313f;
}
		html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
			background: #7fa636;
		}
	html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
		color: #2b313f;
		border-color: #7fa636;
		border-width: 4px;
		background: #e2e5ea;
		line-height: 52px;
	}
		html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
			border-color: #7fa636;
			background: #cccccc;
			color: #2b313f;
		}
	/* CUOTAS */
	
	/*ALTA EN CUOTAS*/
.featured-box.featured-box-secundary .box-content {
    padding: 0px !important;
}

.toggle label {
    border-radius: 0px !important;
}

.swal-icon--info:after, .swal-icon--info:before {
    background-color: #7fa636 !important;
}

.swal-icon {
    color: #7fa636 !important;
}

.swal-icon--info {
    border-color: #7fa636 !important;
}

.swal-button-container button {
    width: 100% !important;
    background: #7fa636 !important;
    font-size: 20px !important;
}

.swal-footer {
    width: 98% !important;
}

.swal-button-container button:hover {
    transition: 400ms !important;
    letter-spacing: 1.5px !important;
}

div#parte1 {
    background-color: #7fa636 !important;
}

a:hover, a:focus, .btn-link:hover, .btn-link:focus {
    color: #7fa636 !important;
}

.toggle label {
    border-left-color: #7fa636 !important;
    font-weight: bold !important;
    letter-spacing: 1.5px !important;
}

div#MainContent_MensajeIVA {
    padding: 10px !important;
}

.labelTransaccion {
    color: white !important;
    font-family: 'Times New Roman', Georgia, Serif;
    font-size: 18px;
    padding: 3px !important;
    vertical-align: -30px;
    text-shadow: 1px 1px black !important;
}

/*FIN ALTA EN CUOTAS*/
		.featured-box .box-content {
			border-top: 3px solid #242751;
			padding:0px;
			    font-family: Montserrat,sans-serif !important;
		}
	
	/* CALENDARIO */
		.modal-block-primary.modal-header-color .panel-heading {
			background-color: #d6d6d6;
		}
		.modal-block-primary .modal-icon .fa {
			color: #242751;
		}
		.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: #7fa636;
			border-color: #7fa636;
		}
		.datepicker table thead tr:first-child th:hover {
			background: #7fa636;
		}
		
		/* LOPD */
		#MainContent_divAccionesComerciales, #MainContent_divPermitirCompartirDatosATerceros, #MainContent_divPermitirCompartirImagenRedesSociales {
				border: 0px !important;
				border-left: 3px solid #7fa636 !important;
}
		
		/* RADIO BTN */ 
			html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after {
				background: #7fa636;
				-webkit-box-shadow: 0px 0px 1px #7fa636;
				box-shadow: 0px 0px 1px #7fa636;
			}
		
		/* 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: #242751;
			}
			.pricing-table h3 span {
				color: #242751;
			}
			.transaccion {
				background-color: #7fa636;
			}
			
/* -------------------LOGIN-------------------- */
.body-sign .panel-sign .panel-body {
    border-top-color:  #7fa636;
}
.body-sign .panel-sign .panel-title-sign .title {
    background-color:  #7fa636;
	color:white !important;
	letter-spacing:1px;
}		
section.body-sign {
    height: auto;
}
.imagenCentralLogin {
    height: auto;
    min-height: 745px;
}
.body-sign .panel-sign .panel-body {
    background: #ffffff;
    border-top: 5px solid #7fa636;
    border-radius: 5px 0 5px 5px;
	    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}
body {
    color: #000000;
}
label#lblOlvidoContrasena {
    color: #7fa636;
    text-decoration: underline;
}
label#lblOlvidoContrasena:hover {
    color: #7fa636;
	cursor:pointer;
}
.clearfix.col-sm-6.col-xs-6.text-right {
    margin-left: -8%;
    margin-right: 8%;
}
button.btn.btn-responsive-nav.btn-inverse {
    display: none;
}

h2.panel-title {
    color: black !important;
}
/* -------------------AREA CLIENTE-------------------- */
ul.nav-main li .nav-children li.nav-active > a {
    color: #000000 !important;
    background: #7fa636 !important;
}
.userbox .name {
    color: #a5a5a5 !important;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2em;
}
#sexo > .border-active {
    border-color: #7fa636 !important;
    color: white !important;
    font-weight: bold;
    background: #7fa636;
}
.page-header .sidebar-right-toggle {
	pointer-events: none;
    margin: 0 0 0 -30px !important;
}
.page-header .sidebar-right-toggle i {
    line-height: 53px;
    display: none;
    vertical-align: middle;
}
.sidebar-left .sidebar-header .sidebar-title {
    /*color: #e6e6e6 !important;*/
    padding: 15px;
    font-size: 15px;
    font-size: 1.5rem;
}
.header {
    background-color: rgb(51,51,51) !important;
    background-image:none !important;
    border-bottom: 0px solid #E9E9E6 !important;
    border-top: 0px solid #EDEDED !important;
    z-index: 1000;
}
.nav-children li a {
    font-size: 14px !important;
    font-family: Montserrat,sans-serif;
}

div#divpadre span {
    font-size: 16px;
    font-family: Montserrat,sans-serif;
}
.nav-children li a {
    font-size: 14px !important;
    font-family: Montserrat,sans-serif;
}
/* -------------------PIE DE P�GINA------------------ */
#footer {
    /*margin-bottom: 1rem;*/
    background: #292a3a;	
    bottom: -100px;
    width: 100%;
    margin-bottom: 0 !important;
    height: 82px;
	position: absolute;
}



.vistaContenido {
	border: 1px solid black !important;
	color: black !important;
}



/***** CAMBIOS *****/
.dt-button {
    background: white !important;
    border: 1px solid black;
    border-color: black !important;
}
label.label-control {
   /* display: none;*/
}
/*#dateAACC {
    cursor: pointer;
    border: 2px solid;
    border-radius: 5px;
    border-color: #7fa636;
    background:none !important;
    margin-top: 9px;
    padding-left: 0px;
    width: 197px;
    /* padding-right: 41px; 
}*/
.tm-title h3 {
    /* width: 4000px; */
    /* height: 40000px; */
    margin: 10px;
    padding: 0px;
    font-weight: 700;
}
.nav-parent.nav-expanded a #divpadre #divhijo, #divhijo:hover, li.nav-parent a:hover #divpadre #divhijo  {
	background-color: #7fa636 !important;
    color: white;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width:auto !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em !important;
    height: 230px !important;
}
.ejeHoras.hidden-xs.col-sm-1.col-md-1.col-lg-1 {
    width: 50px;
    padding-right: 6px !important;
}
.main-raised {
    margin: -60px 30px 0px;
    border-radius: 6px;
    box-shadow:none !important;
   /* background: transparent !important;*/
	
}
.dashpagos > .dashpanel {
    display: none;
}
body .btn {
    color: white;
    text-shadow: 1px 1px black;
}

.btn-default {
    background-color: #7fa636 !important;
    border-color: #e15251 !important;
}
.timeline .tm-items > li .tm-box .tm-meta {
    color: black !important;
}
label[for=MainContent_RadioSinDni] {
    display: none;
}


/* Cambios IFrame Ia�ez */
.h1Titulo {
    text-align: center;
	    line-height: 25px;
		margin-top: 15px;
}
#divInformacionPagina {
    text-align: center;
}
div#MainContent_divCuotas {
    justify-content: center;
    margin-bottom: 0px;
    display: flex;
	flex-wrap: wrap;
}

div#MainContent_divPanelImportes li {
    font-family: Montserrat,sans-serif !important;
    font-size: 14px;
    letter-spacing: 1px;
}
.allTarjetas {
    text-align: left;
    margin-left: 40%;
    display: none;
    margin-top: 5%;
}
.fromItemButtons {
    text-align: center;
    clear: both;
    margin: 3rem auto;
    margin: 0px !important;
}
.box-content {
	border-radius: 0px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	border-top:0px !Important;
}
.box-content > h4 {
	color: white !important;
    font-family: Montserrat,sans-serif !important;
    padding: 10px;
    background-color: #7fa636;
    padding: 14px 0px 14px 0px;
    font-weight: bold;
    font-size: 18px;
    margin-left: -20px;
    box-shadow: 0px 2px 4px 0px black;
    margin-right: -20px;
    margin-top: 0px !important;
}

.dropdown-menu {
	overflow-y: scroll;
}
.userbox.open .dropdown-menu {
	height: auto !important;
	overflow-y: hidden !important;
}


@media(max-width:1800px){
	input#dateAACC {
		padding: 0px;
		border: none;
		width: 234px;
	}
}
@media(max-width:990px){
	
	#header .nav-main-collapse.in{
		height: 200px !important;
		border-top: 4px solid #7fa636 !important;
		top: 5px !important;
	}
	
	#header nav ul.nav-main li a {
    color: white !important;
    background: none !important;
    border-bottom: 4px solid #7fa636;
}
	
	.inner-wrapper {
    	background-position: top;
	}
	input#dateAACC {
		padding: 0px;
		border: none;
		width: 234px;
	}
	#divNombreCentro {
		margin-left: 0px!important;
		margin-bottom: 41px;
	}
	h1#nombreCentro {
		font-size: 1.8em;
		width: 238px;
	}
	.bootstrap-datetimepicker-widget.dropdown-menu {
		margin-left: 0px !important;
	}
	#divContainerInternoTextoPublico {
		display: none;
	}
	div#MainContent_divAgrupaciones .panel-body {
		flex-wrap: wrap !important;
	}
	header.page-header > h2 {
		color: #292a3a !important;
		margin-left: 10px;
	}
	.panel-body.panel-body-BotonValidarDatosPersonales {
		width: 100% !important;
	}
	.panel-body.panel-body-BotonValidarDatosPersonales .row  {
		display: flex;
	}
	.panel-body.panel-body-BotonValidarDatosPersonales .row button#confirmar,
	.panel-body.panel-body-BotonValidarDatosPersonales .row button#cancelar {
		width: 50% !important;
	}
}



button#btnMultiinstalacion {
	display: none;
}

/* DISE�O SELECCION DE CUOTAS */



.titulo_AACC, .filtro_AACC {
    display: initial !important;
}


@media (min-width: 1200px){
.col-lg-offset-1 {
 margin-left: 2.1%;
}
div#divContainerWell {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    margin-right: auto;
    width: 75%;
    left: 0;
    right: 0;
}
}
@media (max-width: 1800px){
input#dateAACC {
padding: 0px;
    border: none;
    /* width: 234px; */
    float: none !important;
    /* margin: 0px !important; */
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
}
.cabecera {
 box-sizing: border-box;
 /* display: table-cell; */
 color: white;
 background-color: #7fa636;
 /* width: 210px; */
 width: 100%;
 height: 50px;
 text-align: center;
 vertical-align: middle;
 border-radius: 0;
 border: 1px #e8e8e8 solid;
}
.btn-default {
 background-color: #5f5f5f !important;
 /* border-color: #e15251 !important; */
}

}


@media (min-width: 1200px){
.col-lg-offset-1 {
    margin-left: 8.33333333%;
    margin-left: 30px;
}
.col-lg-offset-1 {
    margin-left: 8.33333333%;
	margin-left:30px !important;
}
}

@media (max-width: 600px){
#h3YaFuiSocioDatosPersona, #h3YaFuiSocioDatosPersona:active {

    margin-bottom: -40px !important;
}
}
/*****************************


@media (min-width: 1200px){
.col-lg-offset-1 {
 margin-left: 2.1%;
}
}
@media (max-width: 1800px){
input#dateAACC {
 padding: 0px;
 border: none;
 width: 234px;
 margin-left: -55px;
 padding: 8px;
}
}
.cabecera {
 box-sizing: border-box;
 color: white;
 background-color: #7fa636;
 width: 100%;
 height: 50px;
 text-align: center;
 vertical-align: middle;
 border-radius: 0;
 border: 1px #e8e8e8 solid;
}
.btn-default {

}
h1#nombreCentro {
 font-family: PT Sans;
 font-size: 2.8em;
 color: white !important;
 letter-spacing: 4px;
 text-shadow: 0px 0px 9px black;
 padding-top: 37px;
 margin-bottom: 17px;
 text-align: initial;
 font-weight: 600;
}



/*******************************/
.columnaFiltros > .tm-title > #selectorVista.filtro_AACC {
display: block !important;
}

.card .title {
    color: white !important;
}

.card .filter, .card .header .actions {
    background-color: transparent !important;
}

.btndiv.btn-group button {
    background: white !important;
    border: 2px solid #7fa636 !important;
    color: #7fa636 !important;
}

#dateAACC {
	border-color:transparent !important;
	    padding-left: 0px !important;
}
.form-group.pull-left.selectorFecha.is-empty {
    width: 100%;
	    max-width: 280px;
		    float: none !important;
}
.btn-group.selectorVista a {
    width: 100%;
}

a#btnParrilla {
    display: none;
}

.btn-group.selectorVista {
    width: 100%;
}

div#selectorVista h3 {
    margin-top: 3px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
    position: absolute !important;
}

/******* ARREGLOS ******/
div#divPanelSing {
    width: auto !important;
    margin-top: 215px;
}
#mainMenu > li {
    font-weight: bold;
}
div#MainContent_divAgrupaciones .panel-body {
    display: flex !important;
    margin-bottom: 25px;
}
.btn-agrupacion {
    padding-top: 110px !important;
    
}
ul#idiomaPanel {
    display: none !important;
}
.btn-agrupacion {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}
button#btnAgrupacionTipoCliente2:first-child {
    margin-left: -10px !important;
}
button#btnAgrupacionTipoCliente2:nth-child(3n) {
    margin-right: -10px !important;
}
.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child {
	border-radius: 0 !important;
}
.col-md-1.col-md-offset-11 {
    display: none;
}
header.page-header {
	background: white !important;
	border-left: 0px !Important;
}
header.page-header > h2 {
    color: #292a3a !important;
}
.totalPagosPendientes {
	background-color: transparent !important;
}
ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #7fa636 inset !important;
}
header.panel-heading,
.panel-body.panel-body-BotonValidarDatosPersonales,
.panel-body.panel-body-DatosPersonales {
    background: white;
}
.col-md-6.col-lg-6 > span {
    color: #BDBDBD !important;
    font-family: Montserrat,sans-serif !important;
    font-weight: 700;
    font-size: 14px;
}
.col-md-6.col-lg-6 > .form-control {
    font-family: Montserrat,sans-serif !important;
    font-weight: 700;
	border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #2d2d3c;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0px !important;
}
html.dark .checkbox-primary label:before, .checkbox-primary label:before {
    background: #7fa636 !important;
    border-color: #7fa636 !important;
}
.header .toggle-sidebar-left {
    background: #7fa636 !important;
}
.sidebar-left,
.sidebar-left .sidebar-header .sidebar-toggle {
    background-color: #FFF !important;
}
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: #7fa636 !important;
}
.header .separator {
    background-color: transparent !important;
    background-image: none !important;
}
.header .logo img {
    height: 61px !important;
    /*content: url(/Personalizar/img/logo-blanco.png) !important;*/
    margin-top: -11px;
}
ul.nav-main li a {
    color: #292a3a !important;
}
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: #21262d;
    color: white !important;
}
.sidebar-left {
    box-shadow: none !important;
}
.page-header .breadcrumbs a, .page-header .breadcrumbs span {
	color: black;
}
ul.nav-main li .nav-children {
	background: white !Important;
}
ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
    background: #7fa636 !important;
    color: white !important;
}
.userbox.open .dropdown-menu a:hover {
    background: #7fa636 !important;
	color: white !important;
}
ul.nav-main > li.nav-expanded > a {
    background: #7fa636 !important;
}
.checkbox-custom.checkbox-primary span.chkCondicionesNuevoUsuario label {
    display: contents !important;
}
button#Confirmar,button#confirmar, button#cancelar {
    font-family: Montserrat,sans-serif;
}
h4#mensajeModalTituloLogin {
    font-weight: bold !important;
}
h1#MainContent_h2InformacionContacto {
    font-size: 41px;
    font-family: Montserrat,sans-serif !important;
    letter-spacing: 1px;
    margin-top: 10px !important;
    margin-bottom: 40px;
    font-weight: 300;
    line-height: 0.8;
}
/****** FIN ARREGLOS ******/

/***** MENSAJE ALERTA *****/
.modal-block-warning.modal-header-color .panel-heading {
    background-color: #7fa636 !important;
}
.fa-warning:before, .fa-exclamation-triangle:before {
    color: #7fa636 !important;
}
button.btn.btn-warning.modal-dismiss {
	background-color: #7fa636 !important;
	border-color: #7fa636 !important;
    text-shadow: none;
}
h2#alertWarning {
    color: #fff !important;
}
/*****   FIN MENSAJE  *****/

/******* CALENDARIO *******/
th.prev,
th.next,
th.datepicker-switch {
	background-color: #7fa636 !important;
	color: white !Important;
}
.datepicker.datepicker-primary table tbody tr td.day.active {
	background-color: #7fa636 !important;
	color: white !Important;
}
/***** FIN CALENDARIO *****/

/****************** DISEÑO NUEVO **************/
html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {
    border-width: 2px;
    border-color: #2b313f;
	line-height: 57px;
	color:#2b313f;
}
html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
    height: 2px;
}
div#MainContent_pPasos {
    /*width:70%;*/
    margin-top: 25px;
}
span#subTitulo {
    /*font-size: 22px;*/
	display: none;
}
html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
    background: #2b313f !important;
}
div#divContainerWell {
    background: transparent;
    border: 0px;
    box-shadow: none !important;
    margin-top: 140px;
}
html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
    color: #2b313f;
}
label#MainContent_lblInformacionPagina {
    display: none;
}
body{

    min-height: 665px;
    background-position-x: 0px !important;
	
}
h1#MainContent_h2SeleccionarAgrupacion,
h1#MainContent_h2SeleccionarCuota,
h1#MainContent_h2InformacionDatosPersona {
    font-size: 41px;
    font-family: Montserrat,sans-serif !important;
    letter-spacing: 1px;
    margin-top: 10px !important;
    margin-bottom: 40px;
    font-weight: 300;
    line-height: 0.8;
}
label[id*="lblNombreMatricula"]{
	opacity:1;
	font-family: Montserrat,sans-serif !important;
    font-size: 17px;
	display:initial !important;
    color: #000;

}
label[id*="lblPrecioMatricula"]{
	display:none;
    color: #000 !important;
	font-weight: bold !important;
}

div[id*="divPrecioMensual"]{
	margin-top:10px !important;
}

.btnAgrupacion:hover{
	background-color: #7fa636 !important;
}




div[id*="divPrecioMensual"] p {
	margin-bottom:0px;
}
div[id*="divPrecioMensual"] p {
	margin-bottom:0px;
}
div[id*="divPrecioTotal"]  {
	margin-top:0px !important;
}
div[id*="divBtnSeleccionCuota"] button{
	text-shadow:none !Important;
	padding: 10px 10px 10px 10px;
    font-family: Montserrat,sans-serif !important;
    text-transform: uppercase;
    box-shadow: 0px 3px 3px black;
    text-shadow: 0px 3px 3px black !important;
}
div[id*="divBtnSeleccionCuota"]{
	margin-top: -5px !important;
	margin-bottom: 0px;
}
label[id*="lblPrecioMensual"]{
	opacity:0;
	font-family: Montserrat,sans-serif !important;
    font-size: 15px;
    color: #7fa636;
    margin-top: 20px;
	display:initial !important;
}
label[id*="lblPrecioTotal"]{
    display: block;
    font-size: 30px;
    background: #7fa636;
    padding: 10px 10px 10px 10px;
    color: white;
    border-radius: 30px;
    MARGIN-TOP: 30PX;
    box-shadow: 0px 3px 3px black;
    text-shadow: 0px 3px 3px black;
}
.featured-box {
    border: 0px;
    box-shadow: 0px 0px 16px 0px black;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 0px;
    min-height: 340px;
    border-top-right-radius: 0px;
    width: 235px;
    min-height: 400px !important;
}

div#botonBono div {
    display: inline-block;
	width: 50%;
	padding:10px;
}
div#parte1{
	background-color:#7fa636;
}
div#parte1 span{
	color:white;
	font-family:"Montserrat";
	text-transform:uppercase;
	    font-size: 13px;
}
div#parte2 span{
	font-family: Montserrat,sans-serif !important;
    font-size: 24px;
    color: #2b313f;
	vertical-align: sub;
	transition:500ms;
    line-height: 1px;
}
#botonBono:hover #parte2{

	background-position:left bottom;
	transition:500ms;
	color:white;
}
#botonBono:hover #parte2 a{

text-decoration:none !Important;
}
#botonBono:hover #parte2 span{
	color:white;
	transition:500ms;
	text-decoration:none !important;
}
div#parte2{
	    background: linear-gradient(to right, #2b313f 50%, #fcfcfc 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

*, *:before, *:after{ 
    box-sizing: border-box; 
} 
#triangulo{ 
   position: absolute;
    height: 0px !important;
    padding: 0px !important;
    width: 0px !important;
    border-top: 21px solid transparent;
    border-left: 29px solid #7fa636;
    border-bottom: 22px solid transparent;
} 
#triangulo:before{ 
    content: ""; 
    background-color: #7fa636; 
}


div#w4-DatosPersonales {
    padding: 40px;
	padding-top: 75px;
    background: white;
}


div#botonBono{
    width: 50%;
	    border: 0px solid #7fa636;
    margin-left: auto;
    margin-right: auto;
	height: 46px;
    text-align: center;
}
img#ofertaDestacada {
    position: absolute;
    top: -54px;
    left: -45px;
    width: 100px;
}

.form-control{
	border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #2d2d3c;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
	padding-left: 0px !important;
}

.form-control:active, .form-control:focus{
	border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #2d2d3c;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
}

footer#footer {
    display: none;
}



#h3YaFuiSocioDatosPersona, #h3YaFuiSocioDatosPersona:active {
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 4px;
    margin-left: 24px;
    text-transform: initial;
    float: left;
    cursor: pointer;
    border: 3px solid #165EC8;
    border-spacing: 5px 5px;
    border-radius: 0px;
    display: inline-table;
    font-size: 17px;
}

input::placeholder, input, #MainContent_txtPregunta { 
   font-weight: normal;
    font-family: Montserrat,sans-serif !important;
    font-weight: 700;
    font-size: 14px;
	color:#2d2d3c; 
	opacity:1;
}

div#divInformacionDatosPersona {
    display: contents;
}

div#MainContent_divPanelCobros {
    background: white;
    margin-bottom: -10px;
}
label#MainContent_lblFechaNacimiento {
    display: contents;
}
div#MainContent_divSexo {
    /*padding-top: 20px; */
    margin-top: -7px;
}
div#MainContent_divSexo div#radio label {
    display: inline !important;
    border: 3px solid #7fa636;
    background: #fff;
    color: #7fa636;
    font-family: Montserrat,sans-serif !important;
    border-radius: 9px !important;
    transition: 250ms;
}
div#MainContent_divSexo div#radio label:hover, div#MainContent_divSexo div#radio label:active, div#MainContent_divSexo div#radio label:focus {
    display: inline !important;
    border: 3px solid #7fa636;
    background: #7fa636;
    color: #ffffff !important;
    font-family: Montserrat,sans-serif !important;
    border-radius: 9px !important;
    transition: 250ms;
}
#radio > .border-active, #radio2 > .border-active, #radioTipoDocumento > span > .border-active {
	color: #ffffff !important;
    background: black !important;
    border: 3px solid black !important;
    font-family: Montserrat,sans-serif !important;
}
.astAlta.required{
	display:none;
}
form label {
    font-weight: normal;
    font-family: Montserrat,sans-serif !important;
    font-weight: 700;
    font-size: 14px;
	color:#2d2d3c;
}
select#MainContent_slcDia {
    min-width: 50px;
}


legend {
    font-family: Montserrat,sans-serif !important;
    color: #7fa636 !important;
    font-weight: bold;
}
div#MainContent_divPanelCobros {
    background: #ffffff00;
    margin-top: 35px;
}
#sexo > .border-active {
    border-color: #7fa636;
    color: white;
    font-weight: bold;
}   
div#MainContent_pnlCondiciones label {
    display: initial;
}
div#MainContent_divSexo label {
    display: inline-block;
    padding: 4px;
    min-width: 65px;
}
#radio > .border-active, #radio2 > .border-active, #radioTipoDocumento > span > .border-active {
    border-color: #7fa636 !important;
    color: #ffffff !important;
    font-weight: bold;
    background: #7fa636 !important;
    border-radius: 0px ;
}

ul#idiomaPanel {
    display: none;
}

img#imgLogoLogin {
    display: none;
}

h1#MainContent_h1TituloResumenCompra {
    background: white;
    margin-bottom: -10px;
    font-size: 24px;
    padding: 40px;
    line-height: 28px;
    color: #242751 !important;
}
.pricing-table h3 {
    color: #ffffff !important;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
    background: #7fa636;
}
a, .btn-link {
    color: #7fa636;
}
#tablaClasesColectivas, .horarioTDHead, .horarioTD, #tablaClasesColectivas > * > * > td {
    border: 9px solid #292a3a00 !important;
    background: #bbbbbb00;
}
.dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 1px;
    height: auto;
    min-height: auto !important;
}
.botonClaseColectiva {
    height: 65px !important;
    font-family:Montserrat,sans-serif !important;
    font-size: 18px !important;
    /* border: 8px solid black !important; */
    text-align: right !important;
	transition:500ms !important;
}
div#fondoParrilla {
    background: transparent !important;
}
div#filtrosParrilla {
    background: transparent !important;
}
.botonClaseColectiva:hover{
	transition:500ms !important;
}
div#filtros label, div#filtrosParrilla label {
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Montserrat,sans-serif !important;
}
.vistaContenido {
    position: absolute;
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    left: 0%;
    white-space: normal;
    padding: 1px;
    border: 1px solid white;
    color: white;
    white-space: nowrap;
	opacity:1 !Important;
    overflow: hidden;
	font-family:Montserrat,sans-serif !important;
    display: inline-block;
    border-radius: 0px !important;
	border:0px !important;
}


body {
    min-height: auto !important;
}
h1#MainContent_h2InformacionDatosPersona {
    margin-bottom: 45px;
	    line-height: 32px;
}
div#divNombreCentro {
    display: none;
}









@media screen and (max-width: 600px) {
	.featured-box{
		width:255px;
	}
	div#MainContent_divCuotas {
		display: block;
		margin-top: 35px;
	}
	#triangulo {
		position: absolute;
		height: 0px !important;
		padding: 0px !important;
		width: 0px !important;
		border-top: 34px solid transparent;
		border-left: 16px solid #7fa636;
		border-bottom: 34px solid transparent;
	}
	div#botonBono {
		width:100%;
		border: 2px solid #7fa636;
		margin-left: auto;
		margin-right: auto;
		height: 69px;
		text-align: center;
	}
	div#MainContent_pPasos {
		width: 100%;
		
    margin: 0;

	}
	#header .logo img {
		
		margin-left: 0px;
		margin-top: 12px;
	}
	#header .logo {
		float:none !important;
		display: inline-block;

	}
	#header > .container {
		margin-bottom: 0;
		text-align: center;
	}
}

/* ARREGLOS RESPONSIVE */

@media (max-width: 1800px) {
	div#upBody > div.body > div#divMain > div#divContainerWell > div#MainContent_pPasos {
		width:100% !important;
	}
	
	div#botonBono {
		width: 55% !important;
	}
}

@media (min-width:713px) and (max-width:1635px) {
	div#upBody > div.body >  div#divMain > div#divContainerWell > div#MainContent_divCuotas > div[id^="divCuota"] {
		width: 35%;
	}
	div#botonBono {
		width: 65% !important;
	}
}

@media (max-width: 1415px) {
	div#upBody > div.body >  div#divMain > div#divContainerWell > div#MainContent_pPasos {
		width:100% !important;
	}
	div#botonBono {
		width: 75% !important;
	}
}



@media (max-width: 830px) {
div#botonBono {
    width: 105% !important;
}
	div#upBody > div.body > div#divMain > div#divContainerWell > div#MainContent_pPasos {
    width: 100% !important;
}

	
}


	
@media (min-width:1100px) {
		
}

@media (max-width:1100px) {
	span#MainContent_lblTextoPublico img {
    display: none;
}

}

@media (min-width:600px) and (max-width: 700px) {
	div#upBody > div.body >  div#divMain > div#divContainerWell > div#MainContent_divCuotas > div[id^="divCuota"] {
		width: 70%;
	}
}

body {
	background-position-y: 60% !important;
	background-position-x: center !important;
}

/* FIN ARREGLOS RESPONSIVE */

@media only screen and (max-width: 600px){
.main.main-raised {
    margin: 0;
    padding: 5px;
	
}
}
div#MainContent_divCondiciones {
    height: auto !important;
    overflow: auto;
}

div#MainContent_divCondiciones * {
    color: black !important;
}

div[id*="divBono"] {
    display:none;
}

div#divMain
  > div#divContainerWell
  div#MainContent_divCuotas
  > div[id^="div"]
  > div[id^="divFeaturedBox"] {
  height: auto !important;
}
div#divMain
  > div#divContainerWell
  div#MainContent_divCuotas
  > div[id^="div"]
  > div[id^="divFeaturedBox"]
  > div.box-content {
  display: flex;
  flex-direction: column;
  min-height: 380px;
}
div#divMain
  > div#divContainerWell
  div#MainContent_divCuotas
  > div[id^="div"]
  > div[id^="divFeaturedBox"]
  > div.box-content
  > * {
	margin-top: auto;
}

label[id*='MainContent_lblPregunta'], label[for*='MainContent_Si'], label[for*='MainContent_No'] {
	display:initial !important;
}



div#filtroMonitores {
    display: none !important;
}
.pull-left.selectorfechaParent{
	order:4;
}
div#filtros .col-md-11 {
    display: flex;
	margin-left: -12px !important;
}

div#selectorVista{
	order: 1;
	width: 160px;
}
.dropdown.pull-right.btn-imprimir {
    order: 5;
	display: inline-block;
    align-items: center;
	margin-left: 95px;
}
div#filtroAgrupacion{
	order: 2;
}
div#filtroActividad{
	order: 3;
}

@media (max-width: 600px) {

}
#btnParrilla, #btnLista, .vistaAgenda, .filtroMonitor, .filtroZonas {
	background-color: #ffffff !important;
    color: #0B52D4!important;
    text-shadow: 1px 0px #0b52d4; 
}
#btnParrilla.selected, #btnLista.selected, .vistaAgenda.selected, .filtroMonitor.selected, .filtroZonas.selected {
	background-color: #0B52D4 !important;
    color: #ffffff!important;
    text-shadow: 1px 0px #0b52d4; 
}
.cabecera {
 background-color: #5a5a5a !important;
 font-weight: bold;
 text-transform: uppercase;
border:1px #929292 solid !important; }
input#dateAACC {
    background: white;
    width: 231px;
    text-align: center;
    border-radius: 5px;
    border-bottom: 2px solid #0B52D4;
}
.ejeHoras.hidden-xs.col-sm-1.col-md-1.col-lg-1 {
 background-color: #5a5a5a; }
.itemHoras {
 font-weight: 100 !important;
 font-size: 1em !important;
 color: #fff; 
 }
 
 #imagenAC, #imagenAC2 {
    background-position: 0px;
    background-repeat: no-repeat !important;
    border: 0;
}
.botonClaseColectiva {
    height: 40px !important;
    font-size: 12px !important;
}

.vistaContenido {
 padding: 7px;
    text-align: center !important;
    display: flex !important;
    align-items: center;
	    justify-content: center;}
th.horarioTDHead {
 background: #5a5a5a;
 color: #fff; }
th.horarioTD {
 background: #5a5a5a;
 color: #fff;
 font-size: 18px; }
button.close.btn.btn-white.btn-fab.btn-fab-mini.btn-round {
    color: #565656 !important;
}

#botonLoginAACC {
    background: #ff6d62;
    padding: 13px;
    color: white;
    text-transform: uppercase;
    margin-left: 75px;
    border-radius: 30px;
}
#botonLoginAACC:hover {
	background:#f44336;
}

btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover, .navbar .nav > li > a.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white:focus, 
.navbar .navbar-nav > li > a.btn.btn-white:hover {
 background-color: #FFFFFF;
 color: #999999 !important;
 padding-top: 4px !important;
}

@media screen and (max-width: 900px) {
                                .horarioDIV {
                               white-space: initial !important;
                               border: 1px solid #5a5a5a !important;
                               font-weight: 100 !important;
                               font-size: 13px !important;
                               line-height: 13px !important;
                               padding: 5px !important;
                }
                .vistaContenido {
                               min-height: 52px !important;
                }

                #tablaClasesColectivas, .horarioTDHead, .horarioTD, #tablaClasesColectivas > * > * > td {
                               border: 2px solid #292a3a !important;
                }
}



.celda {
    border: 1px #e8e8e8 solid;
    border-style: dotted!important;
}



@media only screen and (max-width: 600px){
.horarioDIVHead, .horarioDIV {
    border: 1px solid black;
    padding: 1em;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}
}




/**********************BEONE********************/

div#divMain {
    background: #fbf8f800;
    min-height: 785px;
}


div#MainContent_divAgrupaciones .panel-body {
    display: flex;
}

.btnAgrupaciones {
    height: 200px !important;
    background-size: cover;
    color: #7fa636 !important;
}

.btn-agrupacion {
    background-size: cover;
    color: #7fa636;
}

.btn-agrupacion {
    padding-top: 110px;
}


img#principal1 {
    width: 80%;
    /*display: none;*/
    /* height: 56% !important; */
    margin-left: auto;
    margin-right: auto;
    display: block;
}

img#principal2 {
    width: 80%;
    display: none !important;
    /* height: 56% !important; */
    margin-left: auto;
    margin-right: auto;
    display: block;
}
span#MainContent_lblTextoPublico {
    text-align: center;
}

/* HT */

div#divContainerWell h1#MainContent_h2SeleccionarAgrupacion, div#divContainerWell h1#MainContent_h2InformacionDatosPersona, h1#MainContent_h2SeleccionarCuota, h1#MainContent_h1RecordarContraseña{
    font-weight: 300;
    font-size: 35px !important;
}

h4#mensajeModalTituloLogin {
    font-weight: 300;
    font-size: 30px !important;
}

div#divContainerWell h1#MainContent_h2InformacionDatosPersona > span#subTitulo {
    display:none;
}

div#MainContent_divCuotas div.featured-box {
        box-shadow: 0px 0px 12px 0px #000000b5;
}

div#MainContent_divCuotas > div div[id^="divPrecioMatricula"] > p > label:nth-child(2) {
    font-weight: normal;
}

div#MainContent_divCuotas > div div[id^="divBtnSeleccion"] > button {
    color:white!important;
}

div#divContainerWell div#w4-DatosPersonales legend {
    font-weight: bold;
}


@media (min-width: 991px) {
    div#MainContent_divCuotas > div[id^="divCuota"] {
        width: auto;
        flex-basis: 25%;
    }
}
@media (max-width: 991px) {

    html {
        background-image: url(/Personalizar/Img/fondo.jpg) !important;
        background-size: 1300px !important;
        background-attachment: fixed !important;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-position-y: 1px !important;
        background-position-x: -419px;
    }
}
div#MainContent_divAgrupaciones .panel-body {
    padding: 2px;
    border-radius: 0px;
}

div#MainContent_divAgrupaciones .panel-body button {
    margin: 5px !important;
}

h1#MainContent_h2InformacionContacto {
    font-weight: 300;
    margin-bottom: 25px;
}

h1#MainContent_h2SeleccionarAgrupacion {
    margin-bottom: 30px;
}


h1#MainContent_h2SeleccionarCuota {
    font-family: Montserrat,sans-serif !important;
    letter-spacing: 1px;
    margin-top: 10px !important;
    margin-bottom: 13px;
    font-weight: 300;
}

label#MainContent_lblInformacionRecordarEmail {
    display: block;
    text-align: center;
    margin-bottom: -28px;
}

div#MainContent_divAgrupaciones {
    margin-bottom: 20px;
}

body.sticky-menu-deactive.modal-open {
    padding-right: 0px !important;
}



span#MainContent_lblTextoPublico > img#principal1, span#MainContent_lblTextoPublico > img#principal2 {
    max-width: 100% !important;
}

div#MainContent_divAgrupaciones .panel-body button {
        background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
}

div#MainContent_divCuotas {
    margin-top: 30px;
}

img.ofertaDestacada {
    left: -50px;
}


/************ CAMBIOS PROVIS ****************/

a#lblMenuLocalizacion {
    display: none;
}

@media (min-width: 1200px){    
    .container {
        width: 1280px;
    }
	nav.nav-main.mega-menu {
		margin-top: 17px;
	}
    h1#MainContent_h1TituloResumenCompra {
        background: white;
        margin-bottom: -10px;
        font-size: 24px;
        padding: 40px 75px 40px 75px;
        line-height: 28px;
        color: #242751 !important;
        font-weight: bold;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }
    .timeline {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/personalizar/img/fondo.jpg') no-repeat;
    }
    .tm-box{
        border-top: 0 !important;
        border-left: 0px !important;
        border-bottom: 0 !important;
    }
    div#filtrosParrilla {
        background: transparent !important;
        width: 72%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 85px;
    }
    .titulo_AACC, .filtro_AACC {
        margin-top: 140px !important;
        display: block !important;
    }
}
div#MainContent_divPanelImportes .col-md-6 .plan {
    border-radius: 60px !important;
}
body {
    font-family: "Helvetica Neue","Open Sans",Arial,sans-serif;
    background-color: #cccccc00 !important;
}
#header > .container {
    padding: 0px;
}

.vistaContenido.botonClaseColectiva.fadeThis {
    background: red;
    filter: brightness(0.8);
}

div#MainContent_divPanelImagenesTarjeta {
    display: none;
}
div#MainContent_divPromociones {
    background: transparent;
    box-shadow: none;
    margin-left: 60px;
}

.fromItemButtons.formCampo {
    /*padding-top: 68px;
    background-image: url(/personalizar/img/tpv.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 240px;
    background-position-y: 1px;*/
}
div#MainContent_divPromociones .input-group {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}
#MainContent_lblTextoPromocion {
    width: 100%;
    text-align: center;
    color: #08c;
    font-weight: bold;
    margin: 15px;
    font-size: 20px;
}

input#MainContent_btnAplicarPromocion {
    border-radius: 40px !important;
    margin-top: 10px;
    margin-left: -30px;
}
div#MainContent_divPromociones .input-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
}
a#MainContent_btnPayPal {
    display: none;
}
div#MainContent_divPromociones {
    background: transparent;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
div#MainContent_divTransaccion {
    /* display: none; */
    width: 100%;
    height: 96px;
    background: transparent;
    border: 0;
    background-image: url(/personalizar/img/tpv.png);
    background-repeat: no-repeat;
    background-position-x: 49%;
    position: absolute;
    top: 1145px;
    background-size: 175px;
}
.botonClaseColectiva {
    height: 110px !important;
    border-radius: 0px !important;
    color: #000000 !important;
    background-image: url(/Personalizar/Img/fondoaacc.jpg) !important;
    font-size: 20px !important;
    text-align: left !important;
    background-repeat: no-repeat;
    background-position-y: 10px;
    transition: 500ms !important;
}

.col-md-12.well.text-center {
    margin-top: 100px;
    margin-bottom: 0;
}

h1.sectiontitle {
    text-align: center;
    margin-bottom: 30px;
}
.card.card-just-text.card-with-border.actividadlibre {
    position: relative;
}

.content.divNombreDescripcionALPublic, .content.divNombreDescripcionServiciosPublic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px 0px !important;
    height: 100%;
}
.content.divNombreDescripcionALPublic p, .content.divNombreDescripcionServiciosPublic p {
    opacity: 0;
    color: white;
    padding: 10px;
    text-align: left;
    transition: 250ms;
}

.content.divNombreDescripcionALPublic:hover p, .content.divNombreDescripcionServiciosPublic:hover p{
    opacity: 1;
    transition: 250ms;
}

.content.divNombreDescripcionALPublic h4, .content.divNombreDescripcionServiciosPublic h4 {
    text-align: left;
    padding: 10px 10px;
    background: white;
    color: #7fa636 !important;
    text-shadow: none;
}

.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag {
    justify-content: center !important;
}

.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag .card, .tablaServiciosPublic .contenedorBotones .card {
    margin-left:10px;
    margin-right: 10px;
}

.tablaServiciosPublic .contenedorBotones {
    display: flex;
    justify-content: left;
}

div#filterS {
    background: transparent !important;
}

.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag .card {
    background: #7fa636 !important;
	color: white !important;
}

ul#mainMenu .dropdown {
    display: none;
}

.colHorario .vistaContenido {
    opacity: 0 !important;
    transition: 250ms;
    color:white !important;
}

.colHorario .vistaContenido:hover {
    opacity: 1 !important;
    transition: 250ms;
}

.divNombreActividadLibre {
    margin-top: 130px;
    margin-bottom: -100px;
}

.divNombreActividadLibre h2 {
    text-align: left !important;
    width: 64% !important;
    margin-left: auto;
    margin-right: auto;
}

#fondoParrilla {
    z-index: 1;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

/*arreglos*/
h2.tituloHorario{
	color: #7fa636 !important;
    font-size: 55px !important;
    letter-spacing: 3px !important;
}

.tituloHorarioFondo {
    background: transparent !important;
	text-align: left;
}

.panel-heading-icon.bg-primary {
    background: #7fa636 !important;
}

.footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 button {
    background: white !important;
	border: 0px !important;
    color: #7fa636 !important;
    border-radius: 0px !important;
    width: 100% !important;
    border-left: 3px solid #7fa636 !important;
}

.footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 button:hover {
	transition: 400ms !important;
    background:  #7fa636 !important;
	border: 0px !important;
    color: white !important;
    border-radius: 0px !important;
    width: 100% !important;
    border-left: 3px solid #7fa636 !important;
}

.footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 h4 {
    font-size: 22px !important;
    margin: 0px !important;
}

div#MainContent_divContainerInternoBotones input {
    border-radius: 20px !important;
}

div#MainContent_divContainerInternoBotones input:hover {
    border-radius: 20px !important;
    letter-spacing: 2px !important;
}
@media(max-width:990px){
	button.btn.btn-responsive-nav.btn-inverse {
		display: block;
		background: transparent !important;
		font-size: 30px;
		top: 30px !important;
	}
}

li.dropdown ul li, li.dropdown ul {
    background-color: transparent !important;
}

div#divMultiinstalacion {
    display: none !important;
}

ul.dropdown-menu li{
	border: 0px !important;
}

.modal-dialog {
    width: fit-content !important;
    margin: 30px auto;
}


#imagenCursillo {
    display: none !important;
}
@media (max-width: 768px) {
    .row {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 130px !important;
    }
}

@media (max-width: 480px) {
    .row {
        margin-left: 0;
        margin-right: 0;
        margin-top: 100px !important;
    }
}