:root {
  --primary: #9bcfc5;
  --secondary: #f7f8f9;
  --success: #9bcfc5;
  --info: #b2aba7;
  --warning: #f6c89e;
  --danger: #455a64;
  --light: #f8f9fa;
  --dark: #343a40;
}

.btn {
  border: 1px solid transparent !important;
}

.btn-primary {
  background-color: var(--primary) !important;
  border-color: #93c5bb !important;
  color: #000 !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: #ebeced !important;
  color: #000 !important;
}

.btn-success {
  background-color: var(--success) !important;
  border-color: #93c5bb !important;
  color: #000 !important;
}

.btn-info {
  background-color: var(--info) !important;
  border-color: #a9a29f !important;
  color: #000 !important;
}

.btn-warning {
  background-color: var(--warning) !important;
  border-color: #eabe96 !important;
  color: #000 !important;
}

.btn-danger {
  background-color: var(--danger) !important;
  border-color: #42565f !important;
  color: #fff !important;
}

.btn-light {
  background-color: var(--light) !important;
  border-color: #ecedee !important;
  color: #000 !important;
}

.btn-dark {
  background-color: var(--dark) !important;
  border-color: #31373d !important;
  color: #fff !important;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active {
  box-shadow: 0 0 0 0.2rem rgba(155, 207, 197, 0.5) !important;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:active, .btn-secondary.active {
  box-shadow: 0 0 0 0.2rem rgba(247, 248, 249, 0.5) !important;
}

.btn-success:focus, .btn-success.focus,
.btn-success:active, .btn-success.active {
  box-shadow: 0 0 0 0.2rem rgba(155, 207, 197, 0.5) !important;
}

.btn-info:focus, .btn-info.focus,
.btn-info:active, .btn-info.active {
  box-shadow: 0 0 0 0.2rem rgba(178, 171, 167, 0.5) !important;
}

.btn-warning:focus, .btn-warning.focus,
.btn-warning:active, .btn-warning.active {
  box-shadow: 0 0 0 0.2rem rgba(246, 200, 158, 0.5) !important;
}

.btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(69, 90, 100, 0.5) !important;
}

.btn-light:focus, .btn-light.focus,
.btn-light:active, .btn-light.active {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}

.btn-dark:focus, .btn-dark.focus,
.btn-dark:active, .btn-dark.active {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}

.btn-gradient {
  background: linear-gradient(to right, rgb(53, 105, 95), rgb(155, 207, 197)) !important;
  color: #000 !important;
  border: none;
}

.btn-gradient:hover {
  background: linear-gradient(to left, rgb(117, 169, 159), rgb(206, 255, 248)) !important;
  color: #000 !important;
}

a {
  color: #9bcfc5;
}

a:hover {
  color: #93c5bb;
}

.dropdown-item:active {
  color: #000 !important;
  background-color: #93c5bb !important;
}

#sidebar #navbarNav ul li {
  border-right: 4px solid transparent;
}
#sidebar #navbarNav ul li.active {
  border-right: 4px solid #93c5bb;
}