:root {
  --40: #f3f9f9;
  --50: #e9f5f7;
  --primary: #5dc1c3;
  --primary-70: #4db9bf;
  --yellow: #ffab2d;
}

.bg-logo {
  background: white;
}

.bg-grad-sidebar {
  width: 15rem;
  background: white;
  z-index: 100;
}

.bg-grad-sidebar h3,
.bg-grad-sidebar a {
  color: #465760 !important;
}

.shadow,
.card,
.bg-grad-sidebar {
  box-shadow: 0 2px 29px 0 #1d717013;
}

.user-avatar {
  border: 3px solid white;
  outline: 3px solid var(--50);
}

.sidemenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidemenu li a {
  padding: 10px 20px;
  margin-bottom: 10px;
}

.sidemenu li a.router-link-active {
  --sidebar-icon: var(--primary);
  background: var(--40);
  border-radius: 5px;
  color: var(--primary);
}

.sidemenu li a.router-link-active .sidebar-label {
  color: var(--primary);
}

.chartist-tooltip-meta {
  color: var(--black) !important;
}

.form-input:active,
.form-input:focus {
  background-color: var(--white);
  border-radius: 0.5rem;
  outline: 0;
  border-color: var(--primary-50);
  box-shadow: 0 0 0 3px rgba(64, 153, 222, 0.4);
}

.bg-mood-awesome {
  background: #2bdede;
}

.bg-mood-good {
  background: #60ccff;
}

.bg-mood-neutral {
  background: #bdb9b3;
}

.bg-mood-bad {
  background: #fdb166;
}

.bg-mood-terrible {
  background: #fd9381;
}

.fg-mood-awesome {
  color: #0096b4;
}

.fg-mood-good {
  color: #008bcc;
}

.fg-mood-neutral {
  color: #575772;
}

.fg-mood-bad {
  color: #b8561f;
}

.fg-mood-terrible {
  color: #ac2323;
}