:root {
  --twict-primary: #00a8ff !important;
  --twict-primary-gradient: #1769aa !important;
  --twict-black: #1f1f1f;
  --twict-gray: #666766;
}

body {
  color: var(--twict-black) !important;
}

a {
  color: var(--twict-black) !important;
}

.gradient {
  background-image: linear-gradient(to right top, var(--twict-primary-gradient), var(--twict-primary)) !important;
  color: #efefef !important;
}

.btn {
  background-color: var(--twict-primary) !important;
  color: #fff !important;
}

.success {
  background-color: green !important;
}

.container ul .active a {
  color: var(--twict-primary) !important;
}

.card {
  background-color: #ffffff !important;
  color: #000 !important;
  border: 2px solid var(--twict-primary) !important;
  border-top: 5px solid var(--twict-primary) !important;
}

.card i {
  color: #fff !important;
  background-color: var(--twict-primary) !important;
}

.selected-time {
  background-color: var(--twict-primary) !important;
  color: white !important;
}

.selected-day {
  background-color: var(--twict-primary) !important;
  color: white !important;
}

.p-card {
  box-shadow: none !important;
  color: #000 !important;
  border: 2px solid var(--twict-primary) !important;
  border-top: 5px solid var(--twict-primary) !important;
}