.flatpickr-calendar {
    width: 326px !important;
    padding: 10px 12px 12px !important;
    border: 1px solid #d8e7ed !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(5, 55, 76, .2) !important;
    font-family: inherit !important;
    overflow: hidden !important;
}
.flatpickr-calendar::before, .flatpickr-calendar::after { display: none !important; }
.flatpickr-months { height: 42px !important; align-items: center !important; border-bottom: 1px solid #edf3f6 !important; margin-bottom: 7px !important; }
.flatpickr-months .flatpickr-month { height: 42px !important; color: #123449 !important; fill: #123449 !important; background: transparent !important; }
.flatpickr-current-month { height: 42px !important; padding: 7px 30px 0 !important; font-size: 1rem !important; font-weight: 700 !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months { appearance: none !important; width: auto !important; padding: 0 18px 0 0 !important; background: transparent !important; color: #123449 !important; font-size: 1rem !important; font-weight: 700 !important; }
.flatpickr-current-month .numInputWrapper { width: 58px !important; margin-left: 5px !important; }
.flatpickr-current-month input.cur-year { color: #123449 !important; font-size: 1rem !important; font-weight: 700 !important; }
.flatpickr-current-month .numInputWrapper span { display: none !important; }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { top: 10px !important; width: 34px !important; height: 34px !important; padding: 9px !important; border-radius: 8px !important; color: #08729f !important; fill: #08729f !important; }
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { background: #f1f8fb !important; color: #073d5c !important; fill: #073d5c !important; }
.flatpickr-weekdays { height: 30px !important; background: transparent !important; }
span.flatpickr-weekday { color: #627b89 !important; font-size: .72rem !important; font-weight: 700 !important; }
.flatpickr-days, .dayContainer { width: 300px !important; min-width: 300px !important; max-width: 300px !important; }
.flatpickr-day { max-width: 42px !important; height: 38px !important; line-height: 38px !important; border: 0 !important; border-radius: 9px !important; color: #123449 !important; font-size: .79rem !important; font-weight: 500 !important; }
.flatpickr-day:hover, .flatpickr-day:focus { background: #e8f4f8 !important; color: #08729f !important; }
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #b9c8cf !important; }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: #d9e2e6 !important; background: transparent !important; }
.flatpickr-day.today { border: 1px solid #08729f !important; color: #08729f !important; font-weight: 700 !important; }
.flatpickr-day.today:hover { background: #e8f4f8 !important; color: #073d5c !important; }
.flatpickr-day.inRange { border-radius: 0 !important; background: #e5f3f8 !important; box-shadow: -5px 0 0 #e5f3f8, 5px 0 0 #e5f3f8 !important; color: #123449 !important; }
.flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected { border-color: #08729f !important; background: #08729f !important; color: #fff !important; font-weight: 700 !important; box-shadow: none !important; }
.flatpickr-day.startRange { border-radius: 9px 0 0 9px !important; }
.flatpickr-day.endRange { border-radius: 0 9px 9px 0 !important; }
.flatpickr-day.startRange.endRange, .flatpickr-day.selected:not(.startRange):not(.endRange) { border-radius: 9px !important; }
@media (max-width: 479.98px) {
    .flatpickr-calendar {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        width: min(300px, calc(100vw - 56px)) !important;
        max-height: calc(100vh - 96px) !important;
        max-height: calc(100dvh - 96px) !important;
        padding: 8px 10px 10px !important;
        overflow-y: auto !important;
        transform: translate(-50%, -50%) !important;
    }
    .flatpickr-days, .dayContainer { width: 100% !important; min-width: 100% !important; max-width: 100% !important; }
    .flatpickr-day { max-width: 14.2857% !important; height: 36px !important; line-height: 36px !important; flex-basis: 14.2857% !important; }
}

@media (max-width: 767.98px) {
    .hp3-search .innerSearch > .col-lg-3 .parking-spot-element {
        height: 58px !important;
        min-height: 58px !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .ui-timepicker-container .ui-menu-item:not(.ui-timepicker-selected) > a:hover,
    .ui-timepicker-container .ui-menu-item:not(.ui-timepicker-selected) > a.ui-state-hover {
        background: #fff !important;
        color: #123449 !important;
    }
}