/* appearance of form-control in forms */
.input-group.date .input-group-append {
  padding: 0 0.375rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}



/* appearance of actual picker */
.datepicker-days .prev,
.datepicker-days .switch,
.datepicker-days .next,
.datepicker-days .dow,
.datepicker-days .day {
  padding: 0.25rem;
}
.datepicker-days .prev,
.datepicker-days .next,
.datepicker-days .dow,
.datepicker-days .day {
  width: 40px;
  height: 40px;
}



/* note: I HATE CSS THAT'S WRITTEN LIKE THIS, I JUST COPIED IT */
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-image: none;
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}