@charset "UTF-8";

.flatpickr-input {    
    background-image: url("../img/icon/calendar.png"), linear-gradient(var(--white), var(--white));
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center, center;
    background-size: auto;
}

.flatpickr-months .flatpickr-prev-month, 
.flatpickr-months .flatpickr-next-month {
    color: var(--highlight); fill: var(--highlight);
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: var(--highlight);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: rgb(93, 37, 254);
}

.numInputWrapper span:hover {
    background: transparent
}

.numInputWrapper span:active {
    background: transparent
}

.numInputWrapper:hover {
    background: transparent
}

.flatpickr-current-month span.cur-month:hover {
    background: transparent
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: transparent
}

.flatpickr-current-month .flatpickr-monthDropdown-months option:hover, .flatpickr-current-month .flatpickr-monthDropdown-months option:focus, .flatpickr-current-month .flatpickr-monthDropdown-months option:active, .flatpickr-current-month .flatpickr-monthDropdown-months option:checked {
    background: linear-gradient(#ccb9ff, #ccb9ff); 
    background-color: #ccb9ff; /* IE */
    color: var(--white);
}

.flatpickr-day {border-radius: 4px;}

.flatpickr-day.today {
    border-color: #FE5F75;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #FE5F75;
    background: #FE5F75;
    color: var(--white)
}

.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(--highlight);
    border-color: var(--highlight);
}