.datepicker.dropdown-menu {
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-light);
  padding: 1px;
  border-radius: 5px;
  overflow: hidden;
}

.datepicker-days,
.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  border-radius: 4px;
  background-color: var(--white);
  padding: 10px;
}

.datepicker table thead {
  background-color: inherit;
  color: var(--black-light) !important;
}

.datepicker table tr td,
.datepicker table tr th {
  border-radius: 5px;
  font-weight: 500;
}

body .datepicker-switch {
  color: var(--black-light)!important;
}

.datepicker table thead .prev:hover,
.datepicker table thead .next:hover,
.datepicker-switch:hover {
  transition: 0.3s;
  background-color: var(--blue);
  color: var(--white)!important;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  transition: 0.3s;
  background-color: var(--blue);
  color: var(--white)!important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  transition: 0.3s;
  background-color: var(--blue);
  color: var(--white)!important;;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-color: var(--blue-dark);
}

.datepicker table tr td span:hover {
  transition: 0.3s;
  background-color: var(--blue);
  color: var(--white)!important;;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-color: var(--blue-dark);
}

.datepicker table tr td span {
  border-radius: 5px;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover,
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: 0;
  cursor: not-allowed;
  opacity: 0.3;
  color: var(--black-light)!important;
}

@media (max-width: 480px) {
  .datepicker-days,
  .datepicker-months,
  .datepicker-years,
  .datepicker-decades,
  .datepicker-centuries {
    padding: 0;
  }
}