/*----cookies----*/

.cookiealert.show {
border-top: 3px solid #d20a0a !important;
}

.cookiealert.show {
border-top: 3px solid #d20a0a !important;
background-color: #FFFFFF !important;
color: #000000;
background-image: none !important;
}

.alert.text-center.cookiealert.hide.show * {
color: black !important;
}

button#btnCookiesSeleccionadas, button#btnCookiesTodas, button#btnCookiesSoloNecesarias {
background: #ffffff !important;
border-radius: 4px !important;
border-color: #000000 !important;
min-width: 15% !important;
padding: 15px;
font-size: 1.5rem !important;
}

h4.titleCookies {
width: auto !important;
margin-left: 0% !important;
color: white !important;
border-bottom: none !important;
font-size: 2.5rem !important;
padding: 5px !important;
}

/*----pagina principal----*/

#header nav ul.nav-main li a:hover, #header nav ul.nav-main li a:focus, #header nav ul.nav-main li a {
color: #000000 !important;
font-size: 1.5rem !important;
text-transform: uppercase;
font-weight: bold;
}

nav ul.nav-main li a:hover {
color: #000000 !important;
background-color: #FFFFFF;
border-radius: 0px;
}

/* Creamos el "borde" con un pseudoelemento */
nav ul.nav-main li a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px; /* El grosor de tu borde */
background-color: #ffee01;

/* Estado inicial: encogido en el centro */
transform: scaleX(0);
transition: transform 0.3s ease-in-out;
}

/* Estado al hacer hover: expandir */
nav ul.nav-main li a:hover::after {
transform: scaleX(1);
}

#header > .container, #header {
background: #ffffff !important;
}

header#header {
display: flex !important;
flex-direction: row !important;
justify-content: center;
align-items: center;
}

div#navbar-logo {
display: flex !important;
flex-direction: row;
}

#header > .container {
height: auto;
margin-bottom: 0px;
position: relative;
display: table;
max-width: 50%;
justify-content: space-between;
}

ul#idiomaPanel {
display: none !important;
}

#header > .navbar-collapse > .container {
width: 100% !important;
}

body .btn-primary {
color: #ffffff;
background-color: #ffee01;
border-color: #ffee01;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

body .btn-primary:hover {
color: #ffee01;
background-color: #ffffff;
border-color: #FFFFFF;
}

/*--------body-----------*/

div#MainContent_divContainerInternoBotones {
background-color: transparent;
box-shadow: none;
border: none;
}

div#MainContent_divContainerInternoBotones div input {
text-transform: uppercase;
font-weight: bold;
}

/*-------login------*/

.panel-title-sign.mt-xl.text-right {
display: none;
}

section.body-sign {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}

.body-sign .panel-sign .panel-body {
border-top-color: #ffee01;
}

label.clearfix.col-xs-3 {
color: black;
text-transform: uppercase;
font-weight: bold;
}

/*------alert sesion------*/
.modal-block-warning.modal-header-color .panel-heading {
background-color: #d20a0a;
}

.modal-block-warning .fa {
color: #d20a0a;
}

body .btn-warning {
background-color: #d20a0a;
border-color: #d20a0a;
}

body .btn-warning:hover {
background-color: #d20a0a;
border-color: #d20a0a;
}

/*-------foother--------*/

footer#footer {
background-color: #000000;
}

/*-----altas------*/

div#divContainerWell {
background-color: transparent;
border: none;
}

div#divContainerWell {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

div#MainContent_divCuotas {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.featured-box .box-content {
border-top: 3px solid #ffee01;
}

.modal-block-primary.modal-header-color .panel-heading {
background-color: #ffee01;
}

.modal-block-primary .modal-icon .fa {
color: #ffee01;
}

.datepicker table tbody tr td.day.active:hover {
background: #ffee01;
color: white;
}

.modal-block-primary .fa {
color: #ffee01;
}

nav ul.nav-main li a {
position: relative; /* Necesario para posicionar el borde */
text-decoration: none;
transition: color 0.3s ease;
display: inline-block; /* Asegura que el borde tenga el ancho del texto */
}

nav ul.nav-main li a:hover {
color: #000000 !important;
background-color: #FFFFFF;
}

/* Fieldset Moderno */
#w4-DatosPersonales fieldset {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 20px 0px;
}

#radioTipoDocumento {
display: inline;
padding-left: 0px;
float: left;
width: 100%;
}

div#MainContent_divNombre {
width: 100%;
}

div#MainContent_UpdatePanelNombre {
width: 50%;
}
div#MainContent_UpdatePanelApellidos {
width: 50%;
}

div#MainContent_divApellidos {
width: 100%;
}

#radioTipoDocumento {
padding-left: 0px;
}

div#MainContent_divNick {
width: 100% !important;
}

div#MainContent_divEmail {
width: 100%;
}

div#MainContent_UpdatePanelNck {
width: 50%;
}

div#MainContent_UpdatePanelEmail {
width: 50%;
}

div#MainContent_divLocalidad {
width: 50%;
}

div#MainContent_divProvincia {
width: 50%;
}

div#MainContent_divTextoDireccion {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

div#MainContent_divCP {
width: 33%;
}

#w4-DatosPersonales fieldset {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 10px 0px;
}

h1#MainContent_h2InformacionDatosPersona {
display: none;
}

div#MainContent_divAccionesComerciales {
margin-top: 20px !important;
border: 3px solid #ffee01;
}

.MainContent_chkCondiciones a, .btn-link {
color: #ffee01;
}

html.dark .checkbox-primary label:before, .checkbox-primary label:before {
background: #ffee01;
border-color: #ffee01;
}

fieldset#MainContent_flDatosBancarios {
margin: 15px;
}

div#MainContent_pnlCondiciones {
margin: 15px;
}

.form-control {
color: #000000;
border: 0px solid #000000;
border-radius: 0px;
}

div#MainContent_divFechaDeNacimiento {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 0px;
}

#radioTipoDocumento {
padding-left: 0px !important;
}

div#MainContent_divSexo {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 10px;
color: black;
}

div#MainContent_divAccionesComerciales {
margin-top: 20px !important;
border: 3px solid #ffee01;
background-color: white;
padding-top: 10px;
}

input#MainContent_btnValidar {
margin: 0px !important;
padding: 15px;
background-color: white;
color: black;
border: 2px solid black;
width: 60%;
}

input#MainContent_btnVolverAtras {
width: 39%;
margin: 0px !important;
padding: 15px;
background-color: white;
color: black;
border: 2px solid black;
}

.form-control:focus {
border-color: #000000;
border: 2px solid #000000;
box-shadow: none;
background: rgba(0, 136, 204, 0.1);
}

.fromItemButtons {
width: 100%;
}

.form-control {
background-color: #f6f6f6;
border: none !important;
box-shadow: none;
color: black !important;
}

form label {
color: black;
}

.form-control:focus {
border-color: #000000 !important;
border: 2px solid #000000 !important;
box-shadow: none;
background: rgba(0, 136, 204, 0.1) !important;
}

div#MainContent_divAccionesComerciales {
border: 3px solid #000000;
}

html.dark .checkbox-primary label:before, .checkbox-primary label:before {
background: #ffffff;
border-color: #000000;
border-radius: 0px !important;
border: 2px solid;
}

.featured-box {
border-radius: 0px;
}

.featured-box .box-content {
border-top: 4px solid #ffee01;
height: 100% !important;
border-radius: 0px;
padding: 10px 20px 10px 20px;
}

#MainContent_divCuotas .col-md-3 {
width: 30%;
}

.body {
min-height: calc(100vh - 440px);
width: 100%;
background-color: white;
}

.featured-box .box-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
margin: 20px auto;
gap: 5px;
background-color: white;
border: 1px solid #e1e1e1;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.icon-featured {
font-size: 2.5rem;
color: #007bff; /* Color azul profesional */
margin-bottom: 10px;
}

.featured-box .box-content h4 {
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

.descriptionCuota {
font-size: 0.85rem;
line-height: 1.6;
color: #777;
text-align: justify; /* Aquí aplicamos lo que vimos antes */
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 10px;
}

/* El botón */
.box-content .btn-primary {
width: 100%;
color: white;
border: none;
padding: 12px 25px;
border-radius: 50px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.2s, background-color 0.2s;
}

.btn-primary:hover {
background-color: #0056b3;
transform: translateY(-2px);
}

.featured-box .box-content h4 label {
font-size: 2rem;
font-weight: 800;
color: #222;
display: block;
margin: 10px 0;
}

.box-content div[id*="divBtnSeleccionCuota"] {
width: 100%;
margin-top: auto;
padding-top: 20px;
}

.box-content button.btn-primary {
padding: 15px;
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
}

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

.checkbox-custom label a, .btn-link {
color: #ffee01;
}

div#divYaFuiSocioDatosPersonale {
align-self: flex-start ! important;
margin: 0px !important;
}

#h3YaFuiSocioDatosPersona, #h3YaFuiSocioDatosPersona:active {
background-color: #ffee01;
float: right;
cursor: pointer;
border: 0px solid #ffee01;
width: 100%;
padding: 20px !important;
color: white !important;
}

#h3YaFuiSocioDatosPersona {
position: relative;
display: inline-block;
color: black;
cursor: pointer;
overflow: hidden;
z-index: 1;
}

/* capa que barre */
#h3YaFuiSocioDatosPersona::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: white;
color: #ffee01 !important;
z-index: -1;
transition: width 0.4s ease;
}

/* hover */
#h3YaFuiSocioDatosPersona:hover::before {
width: 100%;
}

#h3YaFuiSocioDatosPersona:hover {
color: #ffee01 !important;
}

html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
margin: 30px auto 30px;
width: 100%;
}

/* contenedor */
#MainContent_pPasos {
width: 100% !important;
font-family: sans-serif !important;
}

/* línea base */
#MainContent_pPasos .steps-progress {
position: relative !important;
height: 4px !important;
background: #e5e5e5 !important;
border-radius: 10px !important;
margin-bottom: 35px !important;
overflow: hidden !important;
}

/* progreso */
#MainContent_pPasos .progress-indicator {
height: 100% !important;
background: linear-gradient(90deg, #ffee01, #ff4d4d) !important;
border-radius: 10px !important;
transition: width 0.4s ease !important;
}

/* lista */
#MainContent_pPasos .wizard-steps {
display: flex !important;
justify-content: space-between !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* items */
#MainContent_pPasos .wizard-steps li {
flex: 1 !important;
text-align: center !important;
position: relative !important;
}

/* círculo */
#MainContent_pPasos .wizard-steps li span {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: white !important;
border: 2px solid #ccc !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: bold !important;
transition: all 0.3s ease !important;
}

/* activo */
#MainContent_pPasos .wizard-steps li.active span {
background: #ffee01 !important;
border-color: #ffee01 !important;
color: white !important;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
transform: scale(1.1) !important;
}

#MainContent_pPasos .wizard-steps li.active a {
color: #000 !important;
font-weight: bold !important;
}

/* completados */
#MainContent_pPasos .wizard-steps li.completed span {
background: black !important;
border-color: black !important;
color: white !important;
}

#MainContent_pPasos .wizard-steps li.completed a {
color: black !important;
}

/* hover */
#MainContent_pPasos .wizard-steps li a:hover span {
border-color: #ffee01 !important;
transform: scale(1.1) !important;
}

/* líneas entre pasos */
#MainContent_pPasos .wizard-steps li::after {
content: "" !important;
position: absolute !important;
top: 18px !important;
right: -50% !important;
width: 100% !important;
height: 2px !important;
background: #e5e5e5 !important;
z-index: -1 !important;
}

#MainContent_pPasos .wizard-steps li:last-child::after {
display: none !important;
}

#MainContent_pPasos .wizard-steps li.completed::after {
background: #ffee01 !important;
}

#MainContent_pPasos .wizard-steps li a {
font-size: 0 !important;
}

#MainContent_pPasos .wizard-steps li span {
font-size: 14px !important;
}

.h1Titulo {
margin: 20px 0px -40px 0px;
}

div#divMain {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

div#divContainerWell {
margin: 0px;
}

div#navbar-logo {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

#header #divMultiinstalacion {
/*height: 100% !important;*/
}

button#btnMultiinstalacion {
/*height: 100% !important;*/
border: none;
}

div#navbar-logo {
display: flex;
flex-direction: row;
justify-content: space-around !important;
align-items: center;
}

div#divYaFuiSocioDatosPersonale {
align-self: flex-start !important;
margin: 0px !important;
width: auto;
}

/*
div#divContainerInternoTextoPublico {
background: url(/Personalizar/Img/fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 20px;
padding-bottom: 1px;
min-height: 100vh;
border: 0px !important;
border-radius: 0px !important;
width: 100%;
}

div#divMain {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 20px;
padding-bottom: 1px;
min-height: 100vh;
animation: carruselFondo 15s infinite;
transition: background-image 2s linear;
}

@keyframes carruselFondo {
0%, 20% {
background-image: url(/Personalizar/Img/fondo1.jpg);
}
33%, 53% {
background-image: url(/Personalizar/Img/fondo2.jpg);
}
66%, 86% {
background-image: url(/Personalizar/Img/fondo3.jpg);
}
100% {
background-image: url(/Personalizar/Img/fondo1.jpg);
}
}
*/

div#MainContent_divContainerInternoBotones {
width: 100% !important;
}

div#divContainerInternoTextoPublico {
background-position: top;
min-height: 60vh;
}

div#MainContent_divContainerInternoBotones {
width: 100% !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

div#divContainerInternoTextoPublico {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

span#MainContent_lblTextoPublico h2 div {
font-size: 80px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.3;
font-weight: bold;
color: white !important;
width: 60% !important;
}

span#MainContent_lblTextoPublico h2 {
display: flex;
justify-content: center !important;
align-items: center !important;
flex-direction: column;
}

span#MainContent_lblTextoPublico h2 div {
text-align: center;
}

div#MainContent_divContainerInternoBotones div input {
text-transform: uppercase;
font-weight: bold;
width: 100%;
}

div#MainContent_divContainerInternoBotones div input {
width: 98%;
height: 60px;
}

span#MainContent_lblTextoPublico {
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}

.footer-copyright .container div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0px !important;
padding: 0px !important;
}

/*QUITAR #header > .container height:100% ;*/

.devBy {
margin-top: 0px;
}

footer#footer {
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#footer .footer-copyright #sub-menu ul li a {
color: white !important;
text-transform: uppercase;
text-decoration: none;
}

.devBy span {
color: white !important;
text-transform: uppercase;
text-decoration: none;
}

.footer-copyright .container div {
justify-content: space-between;
}

.footer-copyright .container {
width: 100%;
margin: 50px;
}

#footer .container .row > div {
width: auto;
}

span#MainContent_lblTextoPublico h3 {
display: none;
}

div#MainContent_divContainerInternoBotones {
height: 34vh;
}

.modal-block-warning.modal-header-color .panel-heading {
background-color: #ffffff;
border: 0px;
}

.imagenCentralInicio {
background: url(/Personalizar/Img/fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 20px;
padding-bottom: 1px;
min-height: 100vh;
border: 0px !important;
border-radius: 0px !important;
width: 100%;
}

div#divContainerInternoTextoPublico {
DISPLAY: none;
}

div#MainContent_divContainerInternoBotones {
flex-direction: column;
}

body .btn-primary {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

input#btnAlta {
color: #ffffff !important;
background-color: #d20a0a !important;
border-color: #d20a0a !important;
}

.h1Titulo {
margin: 20px 0px 0px 0px;
}

.featured-box-secondary .btn-primary{
color: white;
background-color: #d20a0a;
border: 0px !important;
}

.featured-box-secondary .btn-primary:hover{
color: black;
border: 2px solid black !important;
}

#radio > .border-active, #radio2 > .border-active, #radioTipoDocumento > span > .border-active {
border-color: #ffee01;
color: #ffee01;
font-weight: bold;
}

html.dark .checkbox-primary input[type="checkbox"]:checked + label:after, .checkbox-primary input[type="checkbox"]:checked + label:after {
color: #000000;
}

html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after {
background: #ffee01;
}

.pricing-table .plan {
background: #FFF;
border: 1px solid #ddd;
border-radius: 5px;
color: #333;
margin-bottom: 35px;
margin-right: 0;
padding: 20px;
position: relative;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
width: 100% !important;
}

#MainContent_divPanelCobros .row {
margin-left: 0px !important;
margin-right: 0px !important;
}

.dropdown-menu li a:hover {
border-left:2px solid #d20a0a !important;
background: none !important;
color: #d20a0a !important;
}

@media (max-width: 772px){
#MainContent_divCuotas .col-md-3 {
width: 95% !important;
}

div#MainContent_divCuotas {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.box-content .btn-primary {
width: 95%;
}
}

/* Móvil y AACC */
button#btnMultiinstalacion {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
color: black;
}
.timeline .tm-items > li .tm-icon {
border-color: black;
color: black;
}
a#btnParrilla {
display: none;
}
a#btnLista, a#btnAgenda {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}
a#btnLista.selected, a#btnAgenda.selected {
color: #ffffff !important;
background-color: #d20a0a !important;
border-color: #d20a0a !important;
}
#dateAACC, #dateAALL {
border: 1px solid #000000 !important;
width: 266px;
text-align: center !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
margin-top: -65px;
margin-bottom: -165px !important;
}
@media (max-width: 900px){
div#divMultiinstalacion,
.dropdown.pull-left.dropdown_AACC_TimeLine {
display: none !important;
}
}
@media (max-width: 1200px){
.timeline .tm-body {
position: relative;
padding: 0px 0 !important;
margin-top: -20px !important;
min-width: unset;
}
.timeline .tm-title {
margin: 0px !important;
padding: 0px !important;
width: 100%;
background: transparent !important;
}
.tm-title .h5.text-uppercase {
display: none;
}
ol.tm-items li {
padding: 0px !important;
}
.tm-info {
position: absolute;
right: 4px;
z-index: 1;
}
.tm-icon.ImagenTrabajador {
display: none;
}
.timeline .tm-items > li .tm-datetime {
margin: 0;
position: static;
text-align: left;
}
.tm-datetime-date {
display: none;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
color: white !important;
font-size: 15px;
margin-top: 7px;
margin-right: 8px;
color: black !important;
text-shadow: none !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box {
padding: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-radius: 0px !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm {
display: flex !important;
flex-direction: column !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:not(:nth-child(3)) {
padding: 10px 20px !important;
}
.row-tm [class*="col-"] {
display: flex;
align-items: center;
width: 100%;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div > h2 {
margin-bottom: 0 !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:nth-child(2) {
padding-top: 0 !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box div.tm-meta {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:nth-child(2) > div.tm-meta > span {
flex-basis: 45% !important;
padding: 0 !important;
text-align: center;
margin-bottom: 0.5rem;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box div.tm-meta span {
font-size: 1.8rem !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div.add-block:nth-child(3) {
position: static !important;
}
h1#nombreCentro,
.timeline .tm-items > li .tm-box:after,
.timeline .tm-body::after {
display: none;
}

#header .logo {
text-align: center;
width: 100% !important;
}
button.btn.btn-responsive-nav.btn-inverse {
top: 0 !important;
margin-right: -50% !important;
margin-top: -2%;
}
.btn-responsive-nav {
top: 55px;
display: block;
position: absolute;
background: transparent !important;
font-size: 37px !important;
right: 20px;
top: 37px !important;
z-index: 1;
}
header#header {
min-height: 81.48px;
height: 71px;
display: inline !important;
}
#header > .container {
display: flex !important;
justify-content: center !important;
z-index: 11;
}

#header .nav-main-collapse.in {
width: 100%;
overflow: hidden;
display: block !important;
background: white;
min-height: 150px;
margin-top: 0px;
}
#header > .navbar-collapse > .container {
position: relative;
border-top: 1px solid #ffffff4d;
padding-top: 0px;
}
div#navbar-menu a {
color: white !important;
border-radius: 0px !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
}
body {
background-color: white !important;
}
div#panelFechasCuotas,
.zoom-anim-dialog.modal-block.modal-header-color.modal-block-primary {
margin-right: 50px;
}

div#w4-DatosPersonales,
#w4-DatosPersonales fieldset {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
}/*----cookies----*/

.cookiealert.show {
border-top: 3px solid #d20a0a !important;
}

.cookiealert.show {
border-top: 3px solid #d20a0a !important;
background-color: #FFFFFF !important;
color: #000000;
background-image: none !important;
}

.alert.text-center.cookiealert.hide.show * {
color: black !important;
}

button#btnCookiesSeleccionadas, button#btnCookiesTodas, button#btnCookiesSoloNecesarias {
background: #ffffff !important;
border-radius: 4px !important;
border-color: #000000 !important;
min-width: 15% !important;
padding: 15px;
font-size: 1.5rem !important;
}

h4.titleCookies {
width: auto !important;
margin-left: 0% !important;
color: white !important;
border-bottom: none !important;
font-size: 2.5rem !important;
padding: 5px !important;
}

/*----pagina principal----*/

#header nav ul.nav-main li a:hover, #header nav ul.nav-main li a:focus, #header nav ul.nav-main li a {
color: #000000 !important;
font-size: 1.5rem !important;
text-transform: uppercase;
font-weight: bold;
}

nav ul.nav-main li a:hover {
color: #000000 !important;
background-color: #FFFFFF;
border-radius: 0px;
}

/* Creamos el "borde" con un pseudoelemento */
nav ul.nav-main li a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px; /* El grosor de tu borde */
background-color: #ffee01;

/* Estado inicial: encogido en el centro */
transform: scaleX(0);
transition: transform 0.3s ease-in-out;
}

/* Estado al hacer hover: expandir */
nav ul.nav-main li a:hover::after {
transform: scaleX(1);
}

#header > .container, #header {
background: #ffffff !important;
}

header#header {
display: flex !important;
flex-direction: row !important;
justify-content: center;
align-items: center;
}

div#navbar-logo {
display: flex !important;
flex-direction: row;
}

#header > .container {
height: auto;
margin-bottom: 0px;
position: relative;
display: table;
max-width: 50%;
justify-content: space-between;
}

ul#idiomaPanel {
display: none !important;
}

#header > .navbar-collapse > .container {
width: 100% !important;
}

body .btn-primary {
color: #ffffff;
background-color: #ffee01;
border-color: #ffee01;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

body .btn-primary:hover {
color: #ffee01;
background-color: #ffffff;
border-color: #FFFFFF;
}

/*--------body-----------*/

div#MainContent_divContainerInternoBotones {
background-color: transparent;
box-shadow: none;
border: none;
}

div#MainContent_divContainerInternoBotones div input {
text-transform: uppercase;
font-weight: bold;
}

/*-------login------*/

.panel-title-sign.mt-xl.text-right {
display: none;
}

section.body-sign {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}

.body-sign .panel-sign .panel-body {
border-top-color: #ffee01;
}

label.clearfix.col-xs-3 {
color: black;
text-transform: uppercase;
font-weight: bold;
}

/*------alert sesion------*/
.modal-block-warning.modal-header-color .panel-heading {
background-color: #d20a0a;
}

.modal-block-warning .fa {
color: #d20a0a;
}

body .btn-warning {
background-color: #d20a0a;
border-color: #d20a0a;
}

body .btn-warning:hover {
background-color: #d20a0a;
border-color: #d20a0a;
}

/*-------foother--------*/

footer#footer {
background-color: #000000;
}

/*-----altas------*/

div#divContainerWell {
background-color: transparent;
border: none;
}

div#divContainerWell {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

div#MainContent_divCuotas {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.featured-box .box-content {
border-top: 3px solid #ffee01;
}

.modal-block-primary.modal-header-color .panel-heading {
background-color: #ffee01;
}

.modal-block-primary .modal-icon .fa {
color: #ffee01;
}

.datepicker table tbody tr td.day.active:hover {
background: #ffee01;
color: white;
}

.modal-block-primary .fa {
color: #ffee01;
}

nav ul.nav-main li a {
position: relative; /* Necesario para posicionar el borde */
text-decoration: none;
transition: color 0.3s ease;
display: inline-block; /* Asegura que el borde tenga el ancho del texto */
}

nav ul.nav-main li a:hover {
color: #000000 !important;
background-color: #FFFFFF;
}

/* Fieldset Moderno */
#w4-DatosPersonales fieldset {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 20px 0px;
}

#radioTipoDocumento {
display: inline;
padding-left: 0px;
float: left;
width: 100%;
}

div#MainContent_divNombre {
width: 100%;
}

div#MainContent_UpdatePanelNombre {
width: 50%;
}
div#MainContent_UpdatePanelApellidos {
width: 50%;
}

div#MainContent_divApellidos {
width: 100%;
}

#radioTipoDocumento {
padding-left: 0px;
}

div#MainContent_divNick {
width: 100% !important;
}

div#MainContent_divEmail {
width: 100%;
}

div#MainContent_UpdatePanelNck {
width: 50%;
}

div#MainContent_UpdatePanelEmail {
width: 50%;
}

div#MainContent_divLocalidad {
width: 50%;
}

div#MainContent_divProvincia {
width: 50%;
}

div#MainContent_divTextoDireccion {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

div#MainContent_divCP {
width: 33%;
}

#w4-DatosPersonales fieldset {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 10px 0px;
}

h1#MainContent_h2InformacionDatosPersona {
display: none;
}

div#MainContent_divAccionesComerciales {
margin-top: 20px !important;
border: 3px solid #ffee01;
}

.MainContent_chkCondiciones a, .btn-link {
color: #ffee01;
}

html.dark .checkbox-primary label:before, .checkbox-primary label:before {
background: #ffee01;
border-color: #ffee01;
}

fieldset#MainContent_flDatosBancarios {
margin: 15px;
}

div#MainContent_pnlCondiciones {
margin: 15px;
}

.form-control {
color: #000000;
border: 0px solid #000000;
border-radius: 0px;
}

div#MainContent_divFechaDeNacimiento {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 0px;
}

#radioTipoDocumento {
padding-left: 0px !important;
}

div#MainContent_divSexo {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 10px;
color: black;
}

div#MainContent_divAccionesComerciales {
margin-top: 20px !important;
border: 3px solid #ffee01;
background-color: white;
padding-top: 10px;
}

input#MainContent_btnValidar {
margin: 0px !important;
padding: 15px;
background-color: white;
color: black;
border: 2px solid black;
width: 60%;
}

input#MainContent_btnVolverAtras {
width: 39%;
margin: 0px !important;
padding: 15px;
background-color: white;
color: black;
border: 2px solid black;
}

.form-control:focus {
border-color: #000000;
border: 2px solid #000000;
box-shadow: none;
background: rgba(0, 136, 204, 0.1);
}

.fromItemButtons {
width: 100%;
}

.form-control {
background-color: #f6f6f6;
border: none !important;
box-shadow: none;
color: black !important;
}

form label {
color: black;
}

.form-control:focus {
border-color: #000000 !important;
border: 2px solid #000000 !important;
box-shadow: none;
background: rgba(0, 136, 204, 0.1) !important;
}

div#MainContent_divAccionesComerciales {
border: 3px solid #000000;
}

html.dark .checkbox-primary label:before, .checkbox-primary label:before {
background: #ffffff;
border-color: #000000;
border-radius: 0px !important;
border: 2px solid;
}

.featured-box {
border-radius: 0px;
}

.featured-box .box-content {
border-top: 4px solid #ffee01;
height: 100% !important;
border-radius: 0px;
padding: 10px 20px 10px 20px;
}

#MainContent_divCuotas .col-md-3 {
width: 30%;
}

.body {
min-height: calc(100vh - 440px);
width: 100%;
background-color: white;
}

.featured-box .box-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
margin: 20px auto;
gap: 5px;
background-color: white;

border: 1px solid #e1e1e1;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.icon-featured {
font-size: 2.5rem;
color: #007bff; /* Color azul profesional */
margin-bottom: 10px;
}

.featured-box .box-content h4 {
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

.descriptionCuota {
font-size: 0.85rem;
line-height: 1.6;
color: #777;
text-align: justify; /* Aquí aplicamos lo que vimos antes */
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 10px;
}

/* El botón */
.box-content .btn-primary {
width: 100%;
color: white;
border: none;
padding: 12px 25px;
border-radius: 50px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.2s, background-color 0.2s;
}

.btn-primary:hover {
background-color: #0056b3;
transform: translateY(-2px);
}

.featured-box .box-content h4 label {
font-size: 2rem;
font-weight: 800;
color: #222;
display: block;
margin: 10px 0;
}

.box-content div[id*="divBtnSeleccionCuota"] {
width: 100%;
margin-top: auto;
padding-top: 20px;
}

.box-content button.btn-primary {
padding: 15px;
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
}

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

.checkbox-custom label a, .btn-link {
color: #ffee01;
}

div#divYaFuiSocioDatosPersonale {
align-self: flex-start ! important;
margin: 0px !important;
}

#h3YaFuiSocioDatosPersona, #h3YaFuiSocioDatosPersona:active {
background-color: #ffee01;
float: right;
cursor: pointer;
border: 0px solid #ffee01;
width: 100%;
padding: 20px !important;
color: white !important;
}

#h3YaFuiSocioDatosPersona {
position: relative;
display: inline-block;
color: black;
cursor: pointer;
overflow: hidden;
z-index: 1;
}

/* capa que barre */
#h3YaFuiSocioDatosPersona::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: white;
color: #ffee01 !important;
z-index: -1;
transition: width 0.4s ease;
}

/* hover */
#h3YaFuiSocioDatosPersona:hover::before {
width: 100%;
}

#h3YaFuiSocioDatosPersona:hover {
color: #ffee01 !important;
}

html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
margin: 30px auto 30px;
width: 100%;
}

/* contenedor */
#MainContent_pPasos {
width: 100% !important;
font-family: sans-serif !important;
}

/* línea base */
#MainContent_pPasos .steps-progress {
position: relative !important;
height: 4px !important;
background: #e5e5e5 !important;
border-radius: 10px !important;
margin-bottom: 35px !important;
overflow: hidden !important;
}

/* progreso */
#MainContent_pPasos .progress-indicator {
height: 100% !important;
background: linear-gradient(90deg, #ffee01, #ff4d4d) !important;
border-radius: 10px !important;
transition: width 0.4s ease !important;
}

/* lista */
#MainContent_pPasos .wizard-steps {
display: flex !important;
justify-content: space-between !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* items */
#MainContent_pPasos .wizard-steps li {
flex: 1 !important;
text-align: center !important;
position: relative !important;
}

/* círculo */
#MainContent_pPasos .wizard-steps li span {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: white !important;
border: 2px solid #ccc !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: bold !important;
transition: all 0.3s ease !important;
}

/* activo */
#MainContent_pPasos .wizard-steps li.active span {
background: #ffee01 !important;
border-color: #ffee01 !important;
color: white !important;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
transform: scale(1.1) !important;
}

#MainContent_pPasos .wizard-steps li.active a {
color: #000 !important;
font-weight: bold !important;
}

/* completados */
#MainContent_pPasos .wizard-steps li.completed span {
background: black !important;
border-color: black !important;
color: white !important;
}

#MainContent_pPasos .wizard-steps li.completed a {
color: black !important;
}

/* hover */
#MainContent_pPasos .wizard-steps li a:hover span {
border-color: #ffee01 !important;
transform: scale(1.1) !important;
}

/* líneas entre pasos */
#MainContent_pPasos .wizard-steps li::after {
content: "" !important;
position: absolute !important;
top: 18px !important;
right: -50% !important;
width: 100% !important;
height: 2px !important;
background: #e5e5e5 !important;
z-index: -1 !important;
}

#MainContent_pPasos .wizard-steps li:last-child::after {
display: none !important;
}

#MainContent_pPasos .wizard-steps li.completed::after {
background: #ffee01 !important;
}

#MainContent_pPasos .wizard-steps li a {
font-size: 0 !important;
}

#MainContent_pPasos .wizard-steps li span {
font-size: 14px !important;
}

.h1Titulo {
margin: 20px 0px -40px 0px;
}

div#divMain {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

div#divContainerWell {
margin: 0px;
}

div#navbar-logo {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

#header #divMultiinstalacion {
/*height: 100% !important;*/
}

button#btnMultiinstalacion {
/*height: 100% !important;*/
border: none;
}

div#navbar-logo {
display: flex;
flex-direction: row;
justify-content: space-around !important;
align-items: center;
}

div#divYaFuiSocioDatosPersonale {
align-self: flex-start !important;
margin: 0px !important;
width: auto;
}

div#MainContent_divContainerInternoBotones {
width: 100% !important;
}

div#divContainerInternoTextoPublico {
background-position: top;
min-height: 60vh;
}

div#MainContent_divContainerInternoBotones {
width: 100% !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

div#divContainerInternoTextoPublico {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

span#MainContent_lblTextoPublico h2 div {
font-size: 80px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.3;
font-weight: bold;
color: white !important;
width: 60% !important;
}

span#MainContent_lblTextoPublico h2 {
display: flex;
justify-content: center !important;
align-items: center !important;
flex-direction: column;
}

span#MainContent_lblTextoPublico h2 div {
text-align: center;
}

div#MainContent_divContainerInternoBotones div input {
text-transform: uppercase;
font-weight: bold;
width: 100%;
}

div#MainContent_divContainerInternoBotones div input {
width: 98%;
height: 60px;
}

span#MainContent_lblTextoPublico {
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}

.footer-copyright .container div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0px !important;
padding: 0px !important;
}

/*QUITAR #header > .container height:100% ;*/

.devBy {
margin-top: 0px;
}

footer#footer {
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#footer .footer-copyright #sub-menu ul li a {
color: white !important;
text-transform: uppercase;
text-decoration: none;
}

.devBy span {
color: white !important;
text-transform: uppercase;
text-decoration: none;
}

.footer-copyright .container div {
justify-content: space-between;
}

.footer-copyright .container {
width: 100%;
margin: 50px;
}

#footer .container .row > div {
width: auto;
}

span#MainContent_lblTextoPublico h3 {
display: none;
}

div#MainContent_divContainerInternoBotones {
height: 34vh;
}

.modal-block-warning.modal-header-color .panel-heading {
background-color: #ffffff;
border: 0px;
}

.imagenCentralInicio {
background: url(/Personalizar/Img/fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 20px;
padding-bottom: 1px;
min-height: 100vh;
border: 0px !important;
border-radius: 0px !important;
width: 100%;
}

div#divContainerInternoTextoPublico {
DISPLAY: none;
}

div#MainContent_divContainerInternoBotones {
flex-direction: column;
}

body .btn-primary {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

input#btnAlta {
color: #ffffff !important;
background-color: #d20a0a !important;
border-color: #d20a0a !important;
}

.h1Titulo {
margin: 20px 0px 0px 0px;
}

.featured-box-secondary .btn-primary{
color: white;
background-color: #d20a0a;
border: 0px !important;
}

.featured-box-secondary .btn-primary:hover{
color: black;
border: 2px solid black !important;
}

#radio > .border-active, #radio2 > .border-active, #radioTipoDocumento > span > .border-active {
border-color: #ffee01;
color: #ffee01;
font-weight: bold;
}

html.dark .checkbox-primary input[type="checkbox"]:checked + label:after, .checkbox-primary input[type="checkbox"]:checked + label:after {
color: #000000;
}

html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after {
background: #ffee01;
}

.pricing-table .plan {
background: #FFF;
border: 1px solid #ddd;
border-radius: 5px;
color: #333;
margin-bottom: 35px;
margin-right: 0;
padding: 20px;
position: relative;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
width: 100% !important;
}

#MainContent_divPanelCobros .row {
margin-left: 0px !important;
margin-right: 0px !important;
}

.dropdown-menu li a:hover {
border-left:2px solid #d20a0a !important;
background: none !important;
color: #d20a0a !important;
}

@media (max-width: 772px){
#MainContent_divCuotas .col-md-3 {
width: 95% !important;
}

div#MainContent_divCuotas {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.box-content .btn-primary {
width: 95%;
}
}

/* Móvil y AACC */
button#btnMultiinstalacion {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
color: black;
}
.timeline .tm-items > li .tm-icon {
border-color: black;
color: black;
}
a#btnParrilla {
display: none;
}
a#btnLista, a#btnAgenda {
color: #000000;
background-color: #ffffff;
border-color: #282d36;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px !important;
}
a#btnLista.selected, a#btnAgenda.selected {
color: #ffffff !important;
background-color: #d20a0a !important;
border-color: #d20a0a !important;
}
#dateAACC, #dateAALL {
border: 1px solid #000000 !important;
width: 266px;
text-align: center !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
margin-top: -65px;
margin-bottom: -165px !important;
}
@media (max-width: 900px){
div#divMultiinstalacion,
.dropdown.pull-left.dropdown_AACC_TimeLine {
display: none !important;
}
}
@media (max-width: 1200px){
.timeline .tm-body {
position: relative;
padding: 0px 0 !important;
margin-top: -20px !important;
min-width: unset;
}
.timeline .tm-title {
margin: 0px !important;
padding: 0px !important;
width: 100%;
background: transparent !important;
}
.tm-title .h5.text-uppercase {
display: none;
}
ol.tm-items li {
padding: 0px !important;
}
.tm-info {
position: absolute;
right: 4px;
z-index: 1;
}
.tm-icon.ImagenTrabajador {
display: none;
}
.timeline .tm-items > li .tm-datetime {
margin: 0;
position: static;
text-align: left;
}
.tm-datetime-date {
display: none;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
color: white !important;
font-size: 15px;
margin-top: 7px;
margin-right: 8px;
color: black !important;
text-shadow: none !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box {
padding: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-radius: 0px !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm {
display: flex !important;
flex-direction: column !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:not(:nth-child(3)) {
padding: 10px 20px !important;
}
.row-tm [class*="col-"] {
display: flex;
align-items: center;
width: 100%;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div > h2 {
margin-bottom: 0 !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:nth-child(2) {
padding-top: 0 !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box div.tm-meta {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div:nth-child(2) > div.tm-meta > span {
flex-basis: 45% !important;
padding: 0 !important;
text-align: center;
margin-bottom: 0.5rem;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box div.tm-meta span {
font-size: 1.8rem !important;
}
div.timeline > div.tm-body > ol.tm-items > li div.tm-box > div.row-tm > div.add-block:nth-child(3) {
position: static !important;
}
h1#nombreCentro,
.timeline .tm-items > li .tm-box:after,
.timeline .tm-body::after {
display: none;
}

#header .logo {
text-align: center;
width: 100% !important;
}
button.btn.btn-responsive-nav.btn-inverse {
top: 0 !important;
margin-right: -50% !important;
margin-top: -2%;
}
.btn-responsive-nav {
top: 55px;
display: block;
position: absolute;
background: transparent !important;
font-size: 37px !important;
right: 20px;
top: 37px !important;
z-index: 1;
}
header#header {
min-height: 81.48px;
height: 71px;
display: inline !important;
}
#header > .container {
display: flex !important;
justify-content: center !important;
z-index: 11;
}

#header .nav-main-collapse.in {
width: 100%;
overflow: hidden;
display: block !important;
background: white;
min-height: 150px;
margin-top: 0px;
}
#header > .navbar-collapse > .container {
position: relative;
border-top: 1px solid #ffffff4d;
padding-top: 0px;
}
div#navbar-menu a {
color: white !important;
border-radius: 0px !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
}
body {
background-color: white !important;
}
div#panelFechasCuotas,
.zoom-anim-dialog.modal-block.modal-header-color.modal-block-primary {
margin-right: 50px;
}

div#w4-DatosPersonales,
#w4-DatosPersonales fieldset {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
}

div#divContainerWell {
background-color: black !important;
}
header#header {
background-color: black !important;
}
#header > .container, #header {
background: #black !important;
}

div#navbar-logo {
background: #black !important;

}
div#navbar-logo.container {
background: #black !important;
background-color: black !important;

}
.logo {
background-color: black !important;
}
.sticky-menu-deactive #header .navbar-collapse {
background-color: black !important;
}
@media (max-width: 1200px) {
button.btn.btn-responsive-nav.btn-inverse {
top: 0 !important;
margin-right: 20% !important;
margin-top: 0% !important;
}
button.btn.btn-responsive-nav.btn-inverse {
display: none !important;
}
}

input#btnLogin:hover, input#btnQuieroInformacion:hover, input#btnAlta:hover {
background: #FFFFFF !important;
color: black !important;

}
input#btnLogin, input#btnQuieroInformacion, input#btnAlta {
background: #FEF900 !important;
color: black !important;
}
input#btnAlta.mb-xs.mt-xs.mr-xs.btn.btn-lg.btn-primary.width90 {
background: #FEF900 !important;
color: black !important;
}
div#navbar-logo {
padding: 0px !important;
border-bottom: 1px solid white !important;

}

div#imagenCentralLogin {
background: black !important;
}

#header .nav-main-collapse {
background: black !important;
}

.panel-body.panel-body-Login{
background: black !important;
}
label.clearfix.col-xs-3 {
color: white !important;
}
label#lblOlvidoContrasena {
color: white !important;
}
.panel-body.panel-body-Login label {
color: white !important;
}
input#submitLogin {
background: #FEF900 !important;
color: black !important;

}
input#submitLogin:hover {
background: white !important;
color: black !important;

}

.imagenCentralInicio {
    background: url(/Personalizar/Img/fondo-inicio.jpg) !important;
}

.sticky-menu-deactive #header .navbar-collapse {
    display: none !important;
}

#header .logo img {
    width: 200px;
    height: auto;
}

/* Escritorio: 4 cuotas por fila */
#MainContent_divCuotas {
    display: flex !important;
    flex-wrap: wrap !important;
}

#MainContent_divCuotas > .cuotas-class {
    width: 25% !important;
    flex: 0 0 25% !important;
}

/* Tablet: 2 cuotas por fila */
@media (max-width: 991px) {
    #MainContent_divCuotas > .cuotas-class {
        width: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* Móvil: 1 cuota por fila */
@media (max-width: 575px) {
    #MainContent_divCuotas > .cuotas-class {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

div#divMain {
    background-color: black;
}

h1#MainContent_h2SeleccionarCuota {
    color: white;
}

#MainContent_pPasos .progress-indicator {
    height: 100% !important;
    background: linear-gradient(90deg, #ffee01, #fdec04) !important;
    border-radius: 10px !important;
    transition: width 0.4s ease !important;
}

#MainContent_pPasos .wizard-steps li.active span {
    background: #ffee01 !important;
    border-color: #ffee01 !important;
    color: black !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
    transform: scale(1.1) !important;
}

#MainContent_pPasos .wizard-steps li.completed span {
    background: #fcee01 !important;
    border-color: #fcee01 !important;
    color: black !important;
}

.featured-box-secondary .btn-primary {
    color: #000000;
    background-color: #ffee01;
    border: 0px !important;
}

.modal-block.modal-header-color .panel-heading .fa-calendar, .modal-block.modal-header-color .panel-heading h2 {
    color: #000000;
    display: inline-block;
}

h1#MainContent_h2InformacionContacto {
    color: white;
}
legend {
    color: #ffffff;
}
form label {
    color: #ffffff;
}
label#MainContent_lblAccionesComerciales {
    color: #000000;
}
.radio-custom.radio-primary label {
    color: black;
}

input#btnAlta {
    border-color: #fef900 !important;
}
#header nav ul.nav-main li a:hover, #header nav ul.nav-main li a:focus, #header nav ul.nav-main li a {
    color: #ffffff !important;
}
#header nav ul.nav-main li a:hover, #header nav ul.nav-main li a:focus, #header nav ul.nav-main li a {
    color: #ffffff !important;
    background-color: #000000 !important;
}
.featured-box .box-content div p label {
    color: black;
}
img#imgLogoLogin {
    display: none;
}
div#divMultiinstalacion {
    display: none;
}
a#hrefLogo img {
    width: 200px !important;
    height: auto !important;
}
div#navbar-menu {
    display: none !important;
}
header.header {
    background: #000000;
}
.userbox .name {
    color: #ffffff !important;
}

.form-control:focus {
    background: white !important;
}

.col-md-6.col-md-offset-3 {
    margin: 0px;
    width: 100% !important;
}

h1#MainContent_h1TituloResumenCompra {
    color: white !important;
}

.pricing-table h3 {
    color: #000000 !important;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.8) !important;
    background: #ffee01 !important;
}

.pricing-table h3 span {
    color: #000000 !important;
}