/* Colores personalizados */
:root {
    --primary-color: #ffffff;
    --secondary-color: #f26b1d;
    --lighten-1: #f28322;
    --lighten-2: #f2e6df;
    --lighten-3: #f2e6df;
    --lighten-4: #f2e6df;
    --lighten-5: #f2e6df;
    --darken-1: #f26b1d;
    --darken-2: #f26b1d;
    --darken-3: #f26b1d;
    --darken-4: #f26b1d;
    --text-color: #ffffff;
    --text-secondary-color: #1A1A1A;
    --icon-color: #A5ABB7;

    --yesmobility-nav-bg: #f28322;
    /* --yesmobility-nav-color: #40BCE4; */
}

/* Estilos de .yesmobility */

.navbar-fixed nav.yesmobility.darken-1 {
    background-color: var(--yesmobility-nav-bg) !important;
    color: var(--secondary-color);
}

.yesmobility {
    background-color: var(--primary-color) !important;
}

.dtp-header, .dtp-actual-month, .dtp-actual-num {
    color: var(--text-color) !important;
}

.navbar-fixed nav.yesmobility.darken-1,
.nav-wrapper ul li a {
    color: var(--text-secondary-color) !important;
}

.yesmobility-text,
.material-icons.prefix.yesmobility-text {
    color: var(--secondary-color);
}

.yesmobility.lighten-1,
.yesmobility-text.text-lighten-1 {
    background-color: var(--lighten-1) !important;
    color: var(--lighten-1) !important;
}

.yesmobility.lighten-2,
.yesmobility-text.text-lighten-2 {
    background-color: var(--lighten-2) !important;
    color: var(--lighten-2) !important;
}

.yesmobility.lighten-3,
.yesmobility-text.text-lighten-3 {
    background-color: var(--lighten-3) !important;
    color: var(--lighten-3) !important;
}

.yesmobility.lighten-4,
.yesmobility-text.text-lighten-4 {
    background-color: var(--lighten-4) !important;
    color: var(--lighten-4) !important;
}

.yesmobility.footer-copyright > .container {
    color: var(--text-color) !important;
}

.yesmobility.lighten-5,
.yesmobility-text.text-lighten-5 {
    background-color: var(--lighten-5) !important;
    color: var(--lighten-5) !important;
}

.yesmobility.darken-1,
.yesmobility-text.text-darken-1 {
    background-color: var(--darken-1) !important;
}

.yesmobility.darken-2,
.yesmobility-text.text-darken-2 {
    background-color: var(--darken-2) !important;
    /* color: var(--darken-2) !important; */
}

.yesmobility.darken-3,
.yesmobility-text.text-darken-3 {
    background-color: var(--darken-2) !important;
    color: var(--darken-2) !important;
}

.yesmobility.darken-4,
.yesmobility-text.text-darken-4 {
    background-color: var(--darken-4) !important;
    /* color: var(--darken-4) !important; */
}

.button-collapse i {
    color: var(--icon-color) !important;
}

.mispasos .done .step,
.mispasos .done .step:before,
.mispasos .done .step:after,
.mispasos .active .step,
.mispasos .active .step:before {
    background-color: var(--darken-1) !important;
}

.mispasos .done .step, .mispasos .active .step {
    border: 3px solid var(--darken-1) !important;
}

#btnLogin {
    color: var(--text-color) !important;
}

/* Estilos adicionales */
#btnBuscar {
    font-size: 12px;
    color: var(--text-color) !important;
}

#btnBuscar i {
    font-size: 14px;
    margin-left: 0px;
}

/* Custom yesmobility */
.barrasombra {
    display: none !important;
}

.noUi-origin.yesmobility.darken-1 {
  background-color: var(--lighten-2) !important;
}
.yesmobility, .grupo.grey.darken-1 {
  background-color: var(--lighten-2) !important;
}
.yesmobility, .nombregrupo.grey-text {
  color: var(--text-secondary-color) !important;
}
.reservar.yesmobility.darken-3 {
  background-color: var(--darken-1) !important;
}
.yesmobility, .destino_precio_dia {
    color: var(--text-secondary-color) !important;
}
.yesmobility, .destino_precio_dia .grey-text {
    color: var(--lighten-1) !important;
}
#btnVolverBuscar.yesmobility.darken-1 {
  color: var(--text-color) !important;
}
span.grupo.yesmobility.darken-1 {
  background-color: var(--lighten-2) !important;
  color: var(--text-secondary-color) !important;
}
.yesmobility, div.reservar_siguiente_paso {
  color: var(--text-color) !important;
}
.yesmobility .grupo_superior .center-align {
  color: var(--text-secondary-color) !important;
}
.yesmobility .grupo_superior .btnGrupoSuperior {
  color: var(--text-color) !important;
}