/* CSS for multi-dates mode - Custom Restricts Date for WPForms */

/* Selected day - jQuery UI datepicker applies class to the <td> element */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-default {
    background: #1B377A !important;
    color: #fff !important;
    border-color: #1B377A !important;
    border-radius: 100% !important;
    font-weight: bold;
}

/* Hover state for selected days */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-default:hover {
    background: #1B377A !important;
    color: #fff !important;
    border-color: #1B377A !important;
}

/* Override active state in multi-dates mode */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-active {
    background: #1B377A !important;
    color: #fff !important;
    border-color: #1B377A !important;
    border-radius: 100% !important;
}

/* Ensure calendar is always displayed on top of modal popups */
#ui-datepicker-div,
.ui-datepicker,
.ui-datepicker-container {
    z-index: 99999999 !important;
}

/* White text color for month/year dropdown select elements, keeping black text for option list items */
.ui-datepicker-header select.ui-datepicker-month,
.ui-datepicker-header select.ui-datepicker-year {
    color: #ffffff !important;
}
.ui-datepicker-header select.ui-datepicker-month option,
.ui-datepicker-header select.ui-datepicker-year option {
    color: #000000 !important;
    background-color: #ffffff !important;
}