.datepicker {
  padding: 0 !important;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border: none !important;
  border-radius: var(--border-radius-md) !important;
}
.table-condensed thead > tr:nth-child(2) {
  border-bottom: 0.5px solid var(--color-foreground-foreground-disabled);
}
.table-condensed {
  width: 300px;
}
.datepicker td.today {
  background: none !important;
  color: var(--color-foreground-foreground-brand-default) !important;
}
.datepicker table tr td.active.active {
  background-image: none !important;
  background-color: var(--color-foreground-foreground-brand-default) !important;
  color: var(--color-foreground-foreground-on-hover) !important;
  border-radius: var(--border-radius-rounded);
  text-align: center;
  padding: var(--space-xxs);
  width: 32px;
  height: 32px;
}
.datepicker .datepicker-switch {
  font-size: var(--typography-font-size-heading5-sm);
  line-height: var(--typography-line-height-heading5-md);
  position: relative;
}
.datepicker td, 
.datepicker th {
  font-size: var(--typography-font-size-body2-sm);
  line-height: var(--typography-line-height-heading5-sm);
  padding: 10px var(--space-md);
}
.datepicker td:first-of-type,
.datepicker td:last-of-type {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.datepicker .next,
.datepicker .next:hover {
  background: url(./assets/icons/right-chevron.svg) no-repeat center !important;
  width: 32px;
}
.datepicker .prev,
.datepicker .prev:hover {
  background: url(./assets/icons/left-chevron.svg) no-repeat center !important;
  width: 32px;
}
.datepicker table tr td.new, 
.datepicker table tr td.old {
  color: var(--color-foreground-foreground-on-disabled);
}
.datepicker .datepicker-switch:hover {
  background: transparent !important;
}
.datepicker table tr td.event-day {
  position: relative;
}
.datepicker table tr td.day {
  color: var(--color-foreground-foreground-on-disabled);
  font-weight: var(--font-weight-label3);
}
.datepicker table tr td.event-day {
  color: var(--color-foreground-foreground-default);
}
th.datepicker-switch::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--color-foreground-foreground-default);
  margin-left: var(--space-xxs);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.datepicker table tr td span.active.active {
  background-color: var(--color-foreground-foreground-brand-default) !important; 
}