/* CSS cho chế độ chọn nhiều ngày - Custom Restricts Date for WPForms */

/* Ngày đã chọn - jQuery UI datepicker áp dụng class vào thẻ <td> */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-default {
    background: #0073aa !important;
    color: #fff !important;
    border-color: #005f8d !important;
    border-radius: 3px;
    font-weight: bold;
}

/* Hover trên ngày đã chọn - hiển thị màu đỏ để biết sẽ bỏ chọn */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-default:hover {
    background: #c0392b !important;
    color: #fff !important;
    border-color: #a93226 !important;
}

/* Override active state khi đang ở chế độ chọn nhiều ngày */
.ui-datepicker td.ui-datepicker-multi-selected a.ui-state-active {
    background: #0073aa !important;
    color: #fff !important;
    border-color: #005f8d !important;
}