@import url("/assets/plugins/monthSelect/style-01e7d806.css");
@import url("/assets/themes/material_red-994c5196.css");

.flatpickr-months .flatpickr-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
  background-color: var(--bulma-primary);
}
span.flatpickr-weekday {
  color: #fff;
}

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

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: base-select;
  background-color: var(--bulma-primary);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.inRange,
.flatpickr-day.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.endRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
  background-color: var(--bulma-primary);
  border-color: var(--bulma-primary);
  color: var(--bulma-white);
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background-color: var(--bulma-button-background);
  color: var(--bulma-text);
}

.flatpickr-day.inRange,
.flatpickr-monthSelect-month.inRange {
  box-shadow: -5px 0 0 var(--bulma-primary), 5px 0 0 var(--bulma-primary);
}

[data-theme=dark] {
  .flatpickr-calendar {
    box-shadow: var(--bulma-shadow);
  }
  .flatpickr-innerContainer {
    border-bottom-left-radius: var(--bulma-radius);
    border-bottom-right-radius: var(--bulma-radius);
    background-color: var(--bulma-scheme-main);
    border-color: var(--bulma-border);
  }
  .flatpickr-days {
    border-color: var(--bulma-border);
  }
  .flatpickr-day {
    color: var(--bulma-text);
  }
  .flatpickr-day.prevMonthDay,
  .flatpickr-day.nextMonthDay {
    color: var(--bulma-text-50);
  }
  .flatpickr-day.inRange,
  .flatpickr-day.selected {
    color: var(--bulma-text-100);
  }
}