/* AceFlyt unified date/time picker styling */

.flatpickr-calendar {
    width: 340px;
    border-radius: 16px;
    border: 1px solid #cfe0f2;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.24);
    font-family: inherit;
    overflow: hidden;
}

.flatpickr-months {
    background: #243B6B;
    padding: 10px 8px;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 10px;
    color: #ffffff;
    fill: #ffffff;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #dbeafe;
}

.flatpickr-current-month {
    padding-top: 0;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #ffffff;
    font-weight: 800;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #243B6B;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #ffffff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #ffffff;
}

.flatpickr-weekdays {
    background: #f8fafc;
    padding: 8px 0 4px 0;
}

span.flatpickr-weekday {
    color: #243B6B;
    font-size: 12px;
    font-weight: 800;
}

.flatpickr-days {
    width: 340px;
}

.dayContainer {
    width: 340px;
    min-width: 340px;
    max-width: 340px;
    padding: 8px;
}

.flatpickr-day {
    max-width: 44px;
    height: 38px;
    line-height: 38px;
    border-radius: 10px;
    color: #18324a;
    font-weight: 600;
}

.flatpickr-day.today {
    border-color: #243B6B;
    color: #243B6B;
    font-weight: 800;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #243B6B;
    border-color: #243B6B;
    color: #ffffff;
}

.flatpickr-day.inRange {
    background: #dbeafe;
    border-color: #dbeafe;
    color: #18324a;
}

.flatpickr-day:hover {
    background: #eef5ff;
    border-color: #d8e6f5;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #b6c2d1;
}

.flatpickr-time {
    border-top: 1px solid #e5edf7;
}

.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm {
    color: #18324a;
    font-weight: 800;
}

input.ace-date,
input.ace-time,
input.ace-time-minute,
input.ace-datetime,
input.ace-datetime-minute,
input.ace-datetime-30,
input.ace-report-date,
input.ace-admin-date,
input.ace-admin-datetime,
input.ace-admin-time,
input.ace-admin-time-minute,
input.flatpickr-input {
    cursor: pointer;
}

.flatpickr-input[readonly] {
    background: #ffffff;
}

/* ==========================================================
   AceFlyt Admin Picker Styling
   ========================================================== */

.flatpickr-calendar .flatpickr-current-month {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
    min-width: 110px;
    font-weight: 700;
}

.flatpickr-calendar input.cur-year {
    min-width: 62px;
    text-align: center;
    font-weight: 700;
}