.datepicker {}

.datepicker-container {
  font-size: .8em;
  font-weight: 400;
  line-height: 35px;
  color: #14142A;
  width: 245px;
  z-index: 11 !important;
}

.datepicker-top-left,
.datepicker-top-right {
  border-color: #a0ce1e;
  border-radius: 15px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #a0ce1e;
}

.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
  width: 175px;
}

.datepicker-panel > ul[data-view="months"] > li,
.datepicker-panel > ul[data-view="years"] > li {
  width: 60.5px;
}

.datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="next"] {
  font-size: 24px;
}

.datepicker-panel > ul > li {
  width: 35px;
  height: 35px;
  border-radius: 15px;
}

.datepicker-panel > ul > li:hover {
  background-color: #9fce1e59;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  font-weight: 500;
  color: #a0ce1e;
}

.datepicker-panel > ul > li.highlighted {
  background-color: #9fce1e59;
}