/* Estilos para el calendario en el frontend */

.frontend-calendar {
    margin: 20px 0;
}

.frontend-calendar .ui-datepicker {
    font-size: 16px;
}

.frontend-calendar .ui-datepicker .ui-datepicker-header {
    background-color: #2c831e; /* Color de fondo del encabezado del calendario */
    color: white; /* Color del texto del encabezado */
}

/* Estilos para los iconos de navegación del datepicker */
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    background-color: rgba(255, 255, 255, 0.4); /* Fondo blanco con 50% de transparencia */
    border-radius: 4px; /* Bordes redondeados opcional */
}

/* Cambiar color de fondo al pasar el mouse */
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
    background-color: rgba(255, 255, 255, 0.5); /* Fondo blanco con 60% de transparencia al pasar el mouse */
}
.frontend-calendar .ui-datepicker  {
    font-size: 20px;
}
/* Cambiar color de fondo para las fechas seleccionadas */
a.ui-state-default {
    background-color: #cae3c6 !important;
}