/* Cambiar el color de fondo del DatePicker */
.ui-datepicker {
  background-color: black !important;
  z-index: 999 !important;
}

.ui-widget-content {
  color: white !important
}

.ui-state-default {
  background-color: black !important;
  color: white !important;
  border: none !important;
}

.ui-widget-header{
  background-color: black !important;
  color: white !important;
  border: none !important;
}


/* Cambiar el color del texto del DatePicker */
.ui-datepicker {
  color: white;
}



/* Cambiar el color de fondo de los días seleccionados */
.ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #007bff !important;
  color: white;
}

.ui-state-hover {
  color: #007bff !important
}
/* Cambiar el color de fondo de los días del fin de semana */
.ui-datepicker-calendar .ui-datepicker-week-end {
  background-color: black;
}

/* Cambiar el color de fondo de los días de otro mes */
.ui-datepicker-calendar .ui-datepicker-other-month {
  background-color: black;
}

/* Cambiar el color de fondo de los días no seleccionables */
.ui-datepicker-calendar .ui-datepicker-unselectable {
  background-color: black !important;
}