$cell: 2rem;

.flatpickr-calendar {
  box-shadow: 0 12px 24px 0 rgba(0,0,0,.1);
  width: 7*$cell;
  padding: 1.5rem;
  box-sizing: content-box;
}

.flatpickr-day {
  font-size: .875rem;
  height: $cell;
  width: $cell;
  flex-basis: $cell;
  max-width: $cell;
  margin: 0;
  border-radius: 50%;
  color: $grey-dark;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}

span.flatpickr-weekday {
  font-size: .875rem;
  color: $grey;
  font-weight: normal;
}

.flatpickr-weekdays, .flatpickr-weekdaycontainer {
  width: 7*$cell;
  height: $cell;
  align-items: center;
}

.flatpickr-days, .dayContainer {
  width: 7*$cell;
  min-width: 7*$cell;
  max-width: 7*$cell;
  height: 5*$cell;
}

// Today

.flatpickr-day.today {
  color: $orange;
  border: 2px solid $orange;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: $orange;
  background: $orange;
  color: $white;
}

// Selected

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  border: 1px solid $white;
  background: $orange;
}

.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: $orange;
  box-shadow: none;
  color: $white;
  border-color: $orange;
}

// Hover

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: $orange-lighter;
  border-color: $orange-lighter;
}

// Months

.flatpickr-months {
  align-items: center;
  height: $cell;
}

// Range

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50%;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.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
{
  outline: 0;
  background: $orange;
  box-shadow: none;
  color: $white;
  border-color: $orange;
}

.flatpickr-day.inRange {
  cursor: pointer;
  outline: 0;
  background: $orange-lighter;
  box-shadow: none;
  border-color: $orange-lighter;
}

// .flatpickr-day.today.inRange {
//   color: $grey-dark;
// }

// .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
// .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
// .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
//   box-shadow: -2px 0 0 $orange-lighter;
// }