.datepicker {
  position: relative;
}
.datepicker * {
  box-sizing: border-box;
}
.datepicker > .header {
  display: block;
  width: 100%;
  border: thin solid #C5D3E2;
  text-align: center;
  padding: 0.5em;
}
.datepicker > .header.inline {
  cursor: pointer;
}
.datepicker .calendar {
  width: 100%;
  border: thin solid #C5D3E2;
  border-collapse: collapse;
  border-spacing: 0;
  background: white;
}
.datepicker .calendar * {
  background: white;
}
.datepicker .calendar .controls > div {
  border-left: thin solid #C5D3E2;
  border-right: thin solid #C5D3E2;
  border-top: thin solid #C5D3E2;
  position: relative;
  padding: 0.5em;
}
.datepicker .calendar .controls > div:first-of-type {
  border-top: none;
}
.datepicker .calendar .controls > div > div {
  background: white;
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  cursor: pointer;
  padding: 0.5em;
}
.datepicker .calendar .controls > div > div.prev {
  left: 0;
  border-right: thin solid #C5D3E2;
}
.datepicker .calendar .controls > div > div.next {
  right: 0;
  border-left: thin solid #C5D3E2;
}
.datepicker .calendar .dayLabel {
  border: thin solid #C5D3E2;
  padding: 0.5em;
}
.datepicker .calendar .week {
  width: 100%;
}
.datepicker .calendar .week .day {
  font-size: 14px;
  width: 14.28571429%;
  text-align: center;
  padding: 0.5em;
  border: thin solid #C5D3E2;
  color: #1C2A39;
}
.datepicker .calendar .week .day.selected {
  color: #3498DB;
  border-bottom: 2px solid #3498DB;
}
.datepicker .calendar .week .day.disabled {
  color: #C5D3E2;
}
.datepicker .calendar .week .day:not(.disabled):not(.selected):hover {
  cursor: pointer;
  background: #BCCAD9;
}