.flatpickr-input.form-control,
.flatpickr-input {
    background: #fff;
}

.flatpickr-input + .flatpickr-mobile,
.flatpickr-input + .form-control.input {
    background: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--primary-orange, #f6a623);
    border-color: var(--primary-orange, #f6a623);
    color: #fff;
}

.flatpickr-day.today {
    border-color: var(--primary-orange, #f6a623);
    color: var(--primary-orange, #f6a623);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: var(--primary-orange, #f6a623);
    color: #fff;
}

.flatpickr-day:hover {
    background: #fff3e0;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
.flatpickr-weekdays,
span.flatpickr-weekday {
    background: var(--dark-blue, #1a365d);
    color: #fff;
    fill: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff;
}

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

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--primary-orange, #f6a623);
}

@media (max-width: 480px) {
    .flatpickr-calendar {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        box-sizing: border-box;
    }
    .flatpickr-calendar .flatpickr-days,
    .flatpickr-calendar .dayContainer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .flatpickr-day {
        height: 40px;
        line-height: 40px;
        max-width: 14.2857143%;
        flex-basis: 14.2857143%;
    }
}