/* material_blue.css
   Compiled CSS overrides for Flatpickr "material blue" theme.
*/
.flatpickr-calendar .flatpickr-months {
  background: #1e88e5;
  color: #ffffff;
  border-radius: 4px 4px 0 0;
  padding: 8px 12px;
}
.flatpickr-calendar .flatpickr-month {
  background: transparent;
  color: inherit;
}
.flatpickr-calendar .flatpickr-current-month {
  color: #ffffff;
  font-weight: 600;
}
.flatpickr-calendar .flatpickr-weekdays {
  background: #e3f2fd;
}
.flatpickr-calendar .flatpickr-weekday {
  color: #0d47a1;
}
.flatpickr-calendar .flatpickr-weekdaycontainer {
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.flatpickr-calendar .flatpickr-day:hover {
  background: #bbdefb;
  color: #0d47a1;
}
.flatpickr-calendar .flatpickr-day.today {
  border: 1px solid rgba(255,255,255,0.35);
  background: #1976d2;
  color: #fff;
}

/* Input focus - make the input's border/box-shadow use material blue */
.flatpickr-input:focus,
input.js-datepicker:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(30,136,229,0.15);
  border-color: #1976d2;
}