:root {
  --primary-color: #0FB387;
  --hover-primary-color: #009E8E;
  --secondary-color: #374B43;
}

#login {
  background: url(/assets/images/backgrounds/login_2.png) no-repeat;
  background-size: cover;
  background-position: center;
  align-items: flex-end;
  padding-right: 12.5% !important;
}

@media screen and (max-width: 768px) {
  #login {
    display: flex;
    align-items: center;
  }
}

.layout #wrapper>.aside>.aside-content-wrapper>.aside-content>#sidenav .nav-link.active {
  background-color: #0FB387;
}

.text-secondary {
  color: #0FB387 !important;
}

.bg-secondary {
  background-color: #0FB387 !important;
}

.bg-secondary.text-auto {
  background-color: #0FB387 !important;
}

.btn-primary {
  background-color: #0FB387;
}

.btn-primary:hover {
  background-color: #009E8E;
}

.btn-secondary {
  background-color: #374B43;
}

.btn-secondary:hover {
  background-color: #374B43;
}

.switch {
  --uiSwitchBgColorActive: #404454;
}

.verified-icon {
  background: url('/assets/icons/verified_icon.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  filter: invert(49%) sepia(93%) saturate(393%) hue-rotate(113deg) brightness(94%) contrast(94%);
  height: 2rem;
  width: 2rem;
}

.total_amount {
  background-color: #e7fff9;
  color: #0FB387;
  font-weight: bold;
}

.paid_out {
  color: #0FB387;
  background-color: #d6fff4;
}

.text-total-sales {
  color: #1a9eb7 !important
}

/* .switch_type1 .switch__label:after {
  background-color: #000;
} */