body {
  font-family: "Poppins", serif;
}

br.half {
  display: block;
  line-height: 10px !important;
  margin-top: 10px;
  content: " ";
}

html, body {
  scroll-behavior: smooth;
  height: 100vh;
  margin: 0;
  font-size: 16px;
}

main.admin {
  padding-top: 80px;
}

nav.admin {
  height: 80px;
  background-color: white;
}
nav.admin .nav-item:hover {
  background-color: #00c7db;
}
nav.admin .nav-item > .nav-link {
  color: #006b75;
  font-size: 16px;
}
nav.admin .nav-item > .nav-link:hover {
  color: #ffffff;
}
nav.patient {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #006b75;
  height: 80px;
}
nav.patient .nav-item {
  margin-left: 15px;
  margin-right: 15px;
}
nav.patient .nav-item > .nav-link {
  color: #00c7db;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 3px solid #006b75;
}
nav.patient .nav-item > .nav-link.router-link-active {
  color: white;
  border-bottom: 3px solid #004169;
}
nav.patient .nav-item > .nav-link:hover {
  color: white;
  border-bottom: 3px solid #004169;
}

table > thead {
  background-color: #47a2d0;
  color: white;
}
table > thead > tr > th {
  font-size: 14px;
  font-weight: normal;
}
table > tbody > tr > td {
  font-size: 13px;
}

ul.nav-tabs {
  border-bottom: 4px solid white;
}
ul.nav-tabs > li > a.nav-link {
  color: #35384d;
}
ul.nav-tabs > li > a.nav-link.active {
  border-color: white;
  background-color: white;
  color: #2b95c9;
  border-bottom: 4px solid #2b95c9;
}

.bg-admin-menu {
  background-color: #2b95c9;
}

.btn.btn-magenta {
  background-color: #00609c;
  color: white;
  border-radius: 20px;
}
.btn.btn-magenta:hover {
  background-color: #004169;
}
.btn.btn-rounded {
  border-radius: 50%;
}

.btn-main {
  color: #ffffff;
  background-color: #0099a8;
}
.btn-main:hover {
  color: #ffffff;
  background-color: #006b75;
}

.card > .card-body.no-border {
  padding: 0 5px;
}
.card > .card-body.no-border > textarea {
  resize: none;
  border: none;
}
.card > .card-header {
  background-color: #2b95c9;
  color: white;
}
.card > .card-header > button {
  color: white;
  opacity: 1;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}

.full-height {
  height: 100vh;
}

.green {
  color: #2fa360;
}

.list-group > a.list-group-item {
  background-color: #47a2d0;
  color: white;
}
.list-group > a.list-group-item.list-group-item-collapse.collapsed {
  background-color: #2b95c9;
  color: #a2d0e7;
}
.list-group > a.list-group-item.list-group-item-collapse.collapsed:after {
  content: "\f107";
}
.list-group > a.list-group-item.list-group-item-collapse:after {
  content: "\f106";
  float: right;
  font-family: "FontAwesome";
}
.list-group > div > a.list-group-item {
  background-color: #47a2d0;
  color: white;
}
.list-group > div > a.list-group-item.router-link-active {
  background-color: white;
  color: #2b95c9;
}

.magenta {
  color: #00609c;
}
.magenta.magenta-strong {
  color: #004169;
}

.modal > .modal-dialog > .modal-content > .modal-header {
  background-color: #2b95c9;
  color: white;
}
.modal > .modal-dialog > .modal-content.landing-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0;
}

.position-ref {
  position: relative;
}

.row.primary {
  margin-left: 0;
  margin-right: 0;
}
.row.primary > .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.row.secondary {
  margin-left: 5px;
  margin-right: 5px;
}

.schedule-options.row {
  margin-left: 0;
  margin-right: 0;
}

.schedule-search-menu {
  background-color: #006b75;
  background-image: linear-gradient(to right, #0099a8, #006b75);
  border-radius: 0 0 85% 85%/30%;
  top: 0;
  width: 100%;
  z-index: 999;
}
.schedule-search-menu > .schedule-search-menu-span {
  height: 80px;
}
.schedule-search-menu.row {
  margin-left: 0;
  margin-right: 0;
}
.schedule-search-menu label {
  color: white;
  font-weight: bolder;
}

.vs__dropdown-toggle {
  background-color: white !important;
}

.marked-success {
  color: #2ed573;
  font-weight: bold;
}

.marked-danger {
  color: #eb4d4b;
  font-weight: bold;
}

.vfc-calendars {
  font-family: "Poppins", sans-serif;
}

.vfc-popover-container .vfc-main-container {
  box-shadow: none;
  -webkit-box-shadow: none;
}