/* Override flatpickr styles: app/webpacker/css/admin/plugins/flatpickr-customization.scss */

.flatpickr-calendar {
  &.arrowTop::after {
    border-bottom-color: $v2-blue-light;
  }
  .flatpickr-months .flatpickr-month,
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: $v2-blue-light;
    color: white;
    input {
      color: white;
    }
  }

  .flatpickr-weekdays {
    background: $v2-blue-light;

    .flatpickr-weekday {
      background: $v2-blue-light;
      color: 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: $v2-blue-light;
    border-color: $v2-blue-light;
  }
}