/* Tokenized flatpickr skin. Loaded after vendor flatpickr CSS. */

.flatpickr-calendar {
  background: var(--flatpickr-bg);
  border: 1px solid var(--flatpickr-border);
  box-shadow: var(--flatpickr-shadow);
  color: var(--flatpickr-text);
}

.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--flatpickr-border);
}

.flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--flatpickr-bg);
}

.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--flatpickr-border);
}

.flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--flatpickr-bg);
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-weekwrapper,
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
  background: var(--flatpickr-bg);
}

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

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:focus,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:focus {
  color: var(--color-primary);
  fill: var(--color-primary);
}

.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-current-month span.cur-month,
.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  color: var(--flatpickr-text-strong);
}

.flatpickr-calendar .flatpickr-current-month span.cur-month:hover,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--flatpickr-hover-bg);
  border-radius: 6px;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-month {
  background: var(--flatpickr-bg);
  color: var(--flatpickr-text);
}

.flatpickr-calendar span.flatpickr-weekday {
  background: var(--flatpickr-bg);
  color: var(--flatpickr-text-muted);
}

.flatpickr-calendar .flatpickr-day {
  color: var(--flatpickr-text);
}

.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: var(--flatpickr-disabled-text);
}

.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover {
  background: var(--flatpickr-hover-bg);
  border-color: var(--flatpickr-hover-bg);
  color: var(--flatpickr-text-strong);
}

.flatpickr-calendar .flatpickr-day.today {
  border-color: var(--flatpickr-today-border);
}

.flatpickr-calendar .flatpickr-day.today:hover,
.flatpickr-calendar .flatpickr-day.today:focus {
  background: var(--flatpickr-active-bg);
  border-color: var(--flatpickr-today-border);
  color: var(--flatpickr-text-strong);
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  background: var(--flatpickr-selected-bg);
  border-color: var(--flatpickr-selected-bg);
  color: var(--flatpickr-selected-text);
}

.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover {
  background: var(--flatpickr-selected-bg-hover);
  border-color: var(--flatpickr-selected-bg-hover);
}

.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.prevMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.nextMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.today.inRange {
  background: var(--flatpickr-range-bg);
  border-color: var(--flatpickr-range-bg);
  box-shadow: -5px 0 0 var(--flatpickr-range-bg), 5px 0 0 var(--flatpickr-range-bg);
  color: var(--flatpickr-range-text);
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
  background: transparent;
  border-color: transparent;
  color: var(--flatpickr-disabled-text);
}

.flatpickr-calendar .flatpickr-time {
  background: var(--flatpickr-bg);
  border-top: 1px solid var(--flatpickr-time-border);
}

.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: var(--flatpickr-text);
}

.flatpickr-calendar .numInputWrapper:hover,
.flatpickr-calendar .flatpickr-time input:hover,
.flatpickr-calendar .flatpickr-time input:focus,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
  background: var(--flatpickr-hover-bg);
}

.flatpickr-calendar .numInputWrapper span {
  border-color: var(--flatpickr-border);
}

.flatpickr-calendar .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--flatpickr-text-muted);
}

.flatpickr-calendar .numInputWrapper span.arrowDown::after {
  border-top-color: var(--flatpickr-text-muted);
}