:root {
  --brand-color: rgb(34, 58, 102);
  --brand-color-dark: rgb(20, 33, 56);
  --overlay-brand-color: rgba(34, 58, 102, 0.8);
}

[data-bs-theme=dark] {
  --brand-color: rgb(87 133 217);
  --brand-color-dark: rgb(43, 72, 127);
  --overlay-brand-color: rgba(52, 88, 155, 0.8);
}

.appointment, .confirmation {
  margin-top: 40px;
}

.appointment .doctor-info img {
  width: 72px;
  height: 72px;
}

#ReserveAppointmentModal .rules li, #ReserveOnlineVisitModal .rules li, .confirmation .rules li {
  margin-top: 0.5rem;
}

#ChooseTimeModal #Dates {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  border: none;
}
#ChooseTimeModal #Dates .nav-link {
  color: var(--bs-body-color);
  border: 1px solid #dee2e6;
}
#ChooseTimeModal #Dates .nav-link.active {
  background-color: var(--brand-color);
  color: var(--bs-body-bg);
  border-color: var(--brand-color);
}
#ChooseTimeModal #Dates .nav-link .date {
  white-space: nowrap;
  font-size: smaller;
}
#ChooseTimeModal .morning-evening {
  border: none;
}
#ChooseTimeModal .morning-evening .nav-link {
  color: var(--bs-body-color);
  border: none;
  border-bottom: 1px solid #dee2e6;
}
#ChooseTimeModal .morning-evening .nav-link.active {
  color: var(--brand-color);
  border-bottom: 1px solid #dee2e6;
  border-color: var(--brand-color);
}
#ChooseTimeModal .morning-evening-Content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: nowrap;
}

/*# sourceMappingURL=unit.css.map */