/*--------------------------------------------------------------------*/
/*---------------------COLORES PERSONALIZADOS ------------------------*/
/*--------------------------------------------------------------------*/


/****************/
/*** CABECERA ***/
/****************/

/* Color de fondo de la cabecera (del espacio que hay desde la línea de debajo del logo hasta arriba del todo) */
.blancacars.darken-1 {
    background-color: #000000 !important;
}

/* Colores de los iconos de la cabecera (identificación, teléfono, correo...) */
.tooltipped .material-icons {
	color: #ffffff !important;
}

/* Color de la barra de abajo de la cabecera (la que hay justo debajo del logotipo) */
/* y del botón de "Finalizar Reserva" (del Paso 3) */
.blancacars.darken-2 {
	background: #000000 !important;
	/* background: linear-gradient(90deg, rgba(254,138,65,1) 0%, rgba(255,46,75,1) 59%); */
    /*background-color: #ff2e4b !important;*/
}

/*****************/
/*** CONTAINER ***/
/*****************/

/* CSS para el color de la barra de progreso de los pasos que se están dando (1, 2, 3, 4, 5...) */
.mispasos .done .step,
.mispasos .done .step:before,
.mispasos .done .step:after,
.mispasos .active .step,
.mispasos .active .step:before {
	background-color: #fda400 !important;
	color:#FFF;
}
/* Borde de la barra de progreso de los pasos que se están dando (1, 2, 3, 4, 5...) */
.mispasos .done .step,
.mispasos .active .step {
	border: 3px solid #fda400 !important;
}

/* Color de los iconos centrales (de Recogida, Devolución, Fechas, Edad, Cod. Promocional...) */
.material-icons.prefix.blancacars-text {
    color: #000000 !important;
}

/* Color de la cabecera de la ventana de la selección de fecha */
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
	/* background: #ff2e4b !important; */
	background: #fda400 !important;
}

/* Botón central de "Ver Dosponibilidad" y "Modificar Busqueda */
.blancacars.darken-1.btn{
    background-color: #f0c540 !important;
    color: #000000 !important;
}

/**********/
/* Paso 1 */
/**********/

/* Color de los puntos de los límites de la línea que contiene el rango de precios */
.noUi-horizontal .noUi-handle {
	background: #f0c540 !important;
}

/* Color de la línea que contiene el rango de precios */
.noUi-origin.noUi-connect.blancacars.darken-1 {
	background: #f0c540 !important;;
}

/* Botón de Pagar (en oficina, ...) */
.blancacars.darken-4 {
    background-color: #fda400 !important;
}

/* Color del icono que tiene a la derecha el botón de Pagar (en oficina, ...) */
.material-icons.small.right {
	color: #fff !important;
}

/* Color de la caja del grupo (B1, BAGP...) */
.grupo.blancacars.darken-1.white-text {
	background: #f0c540 !important;
}

/* Color del texto del nombre del grupo (KRONOS 268TL, ITINEO Todo Incluido...) */
.nombregrupo.blancacars-text {
	color: #000000 !important;
}

/* Color del texto del precio */
.blancacars-text {
    color: #000000 !important;
}

/**********/
/* Paso 2 */
/**********/

/* Fondo del botón de añadir un extra */
.green.darken-1 {
  background-color: #fda400 !important;
}

/* Fondo del botón de restar un extra */
.red.darken-1 {
  background-color: #fe8a41 !important;
}

/* Color del icono que tiene dentro los botones de añadir/restar extra */
.btnAddExtraPlus .material-icons, .btnAddExtraMinus .material-icons {
	color: #fff !important;
}

/* Color del fondo del Botón de aceptar la reserva */
.btnAceptarReserva.blancacars.darken-1 {
	background: #fda400 !important;
}

/* Color del icono que tiene el botón de aceptar la reserva (justo al lado del texto de aceptar la reserva) */
.aceptar_reserva_text4 .material-icons {
	color: #fff !important;
}


/*  */
.cplogin {
    color: #fda400 !important;
}



/**************/
/*** FOOTER ***/
/**************/
/* El footer tiene dos partes, una línea divisoria y el footer en sí */
/* esta etiqueta, es para la línea divisoria */
.page-footer{
    background: #000000 !important;
	/* background: linear-gradient(90deg, rgba(254,138,65,1) 0%, rgba(255,46,75,1) 59%); */
}
/* Esta es para el footer, que contiene el texto de copyright, etcétera */
footer.page-footer .footer-copyright, footer.page-footer .footer-copyright {
    background: #000000 !important;
	/* background: linear-gradient(90deg, rgba(254,138,65,1) 0%, rgba(255,46,75,1) 59%); */
    color: #ffffff !important;
}