: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);
}

.myAppointments, .userInfo {
  margin-top: 40px;
}

.myAppointments img {
  width: 68px;
  height: 68px;
  border-radius: 100%;
}
.myAppointments .status span {
  background-color: var(--bs-secondary-bg);
  border-radius: 30px;
  padding: 4px 12px;
  font-size: smaller;
}

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