.datetimepicker tbody td {
  border: 1px solid #eceef9;
  background-color: #fff;
  text-align: center;
  color:var(--color-primary) !important;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 12px;
}
.datetimepicker th {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 6px 10px;
    color: #a3a7b7;
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background: var(--color-primary) !important;
    border-radius: 0;
    color:white !important;
}



.datetimepicker table tr td.old, .datetimepicker table tr td.new {
  border: 1px solid #eceef9;
  padding: 0;
  background-color: white;
  text-align: center;
  color:#fff !important;
  border-radius: 0;
  height: 0;
  visibility: unset;
  opacity: 0;
  border: inherit;
  background: 0;
  cursor: default;
}
.datetimepicker table tr td.day:hover {
  border-radius: 0;
}
.datetimepicker th {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #473b52;
}