/* Custom colors for Supervan */
:root {
    --primary-color: #4c8bb7;
    --secondary-color: #25c59f;
    --lighten-1: #5f9ac1;
    --lighten-2: #72a8ca;
    --lighten-3: #85b7d4;
    --lighten-4: #98c5dd;
    --lighten-5: #abd4e7;
    --darken-1: #3f7ba3;
    --darken-2: #4c8bb7;
    --darken-3: #2f6f95;
    --darken-4: #26607f;
    --text-color: #ffffff;
    --text-secondary-color: #1a1a1a;
    --icon-color: #4c8bb7;
}

.navbar-fixed nav.supervan.darken-1 {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
}

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

.supervan-text,
.material-icons.prefix.supervan-text {
    color: var(--primary-color);
}

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

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

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

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

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

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

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

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

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

.nav-wrapper ul li a,
.tooltipped .material-icons {
    color: var(--primary-color) !important;
}

#dropdown_idiomas li a {
    color: var(--text-secondary-color) !important;
}

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

#front-page-logo {
    height: 58px !important;
    margin-top: 4px !important;
}

#msgboxlogin .material-icons.prefix,
#msgboxResetPassWithID .material-icons.prefix {
    color: var(--primary-color) !important;
}

/* Keep auth-pill icons visible in active state */
.auth-pill.is-active .material-icons {
    color: #ffffff !important;
}

/* Secondary color for primary actions */
.btn.supervan.darken-1,
.btn.supervan.darken-2,
.btnfinalizar.supervan.darken-2,
.btnAceptarReserva.supervan.darken-1,
.reservar.supervan.darken-3,
.reservar.supervan.darken-4,
.green.darken-1 {
    background-color: var(--secondary-color) !important;
    color: var(--text-color) !important;
}

#btnBuscar,
#btnListadoReservas,
#btnVolverBuscar,
.pago_destino .reservar,
.pago_destino .reservar_siguiente_paso {
    background-color: var(--secondary-color) !important;
    color: var(--text-color) !important;
}

#btnBuscar {
    font-size: 12px;
}

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

/* Price range and price per day */
.noUi-horizontal .noUi-handle,
.noUi-origin.noUi-connect,
.noUi-connect {
    background-color: var(--primary-color) !important;
}

.destino_precio_dia,
.destino_precio_dia .grey-text,
.precio_tot {
    color: var(--primary-color) !important;
}

/* Vehicle name in black */
.nombregrupo {
    color: #000000 !important;
}