/* Theme for the jQuery UI calendar on .date-dmy fields (Scripts/Global/date-picker-dmy.js).
   Direction-neutral on purpose (no left/right), so it needs no -rtl twin: jQuery UI flips the
   calendar itself through isRTL / .ui-datepicker-rtl. Loaded after jquery-ui-1.13.3/jquery-ui.datepicker.css. */
.ui-datepicker {
    font-family: inherit;
    font-size: 14px;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--Gray, #ddd);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
    /* Above Bootstrap's modal (1055) so it works in modals like MyPassengers' Passenger Information. */
    z-index: 1060 !important;
}

    .ui-datepicker .ui-datepicker-header {
        background: var(--Secondary);
        border: 0;
        border-radius: 6px;
        color: #fff;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        color: #000;
        font-size: 13px;
    }

    .ui-datepicker .ui-state-default {
        background: #fff;
        border: 1px solid #eee;
        text-align: center;
    }

    .ui-datepicker .ui-state-highlight {
        border-color: var(--Secondary);
        color: var(--Secondary);
    }

    .ui-datepicker .ui-state-active,
    .ui-datepicker .ui-state-hover {
        background: var(--Secondary);
        border-color: var(--Secondary);
        color: #fff;
    }