* {
  font-family: Arial, Helvetica, sans-serif;
  --primary: #368a3a;
  --secondary: #87bd48;
  --primary-hover: #316e34;
  --primary-active: #265228;
  --secondary-hover: #81b446;
  --secondary-active: #74a042;
  --text-primary: #fff;
}

.toggler {
  font-size: 2rem;
  color: #495057;
}
.toggler:hover, .hamburger:hover, .hamburger:active {
  color: var(--primary);
}

.nav-link, .card-title a {
  color: var(--primary);
}
.card-title a:hover {
  color: var(--primary-hover);
}
.card-title a:active {
  color: var(--primary-active);
}

a.sidebar-toggle, .text-decoration-none {
  text-decoration: none;
}

.active > .page-link, .page-link.active,
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--text-primary);
}

.btn-primary, .btn-secondary {
  --bs-btn-color: var(--text-primary);
  --bs-btn-hover-color: var(--text-primary);
  --bs-btn-disabled-color: #4B4B4B;
  --bs-btn-disabled-bg: #9bc799;
  --bs-btn-disabled-border-color: #9bc799;
  --bs-btn-focus-shadow-rgb: 88, 145, 226;
}
.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-border-color: var(--primary-hover);
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);
}
.btn-secondary {
  --bs-btn-bg: var(--secondary);
  --bs-btn-border-color: var(--secondary);
  --bs-btn-hover-bg: var(--secondary-hover);
  --bs-btn-hover-border-color: var(--secondary-hover);
  --bs-btn-active-bg: var(--secondary-active);
  --bs-btn-active-border-color: var(--secondary-active);
}

.nav-link.dropdown-toggle {
  color: var(--bs-nav-link-color);
}

.bg-primary {
  background-color: var(--primary-hover) !important;
  color: var(--text-primary);
}
.bg-secondary {
  background-color: var(--secondary) !important;
  color: var(--text-primary);
}

.min-height-50 {
  min-height: 50dvh;
}

.statistics div.card {
  min-width: 200px;
}
@media (max-width: 457px) {
  .statistics div.card {
    min-width: 100%;
  }
}
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .mobile-nav {
    max-height: 75px;
    margin: 0 0.5rem;
  }
  .mobile-nav p {
    font-size: 0.75rem;
  }
  .mobile-nav .icon {
    max-height: 25px !important;
    max-width: 25px !important;
  }
}

.icon {
  max-height: 50px;
  max-width: 50px;
}

.sidebar-brand, 
.sidebar-nav, 
.sidebar-link, 
.sidebar-item, 
a.sidebar-link {
  background: var(--primary);
  color: var(--text-primary);
}
a.page-link:active{
  color: var(--primary);
}
.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active > .sidebar-link {
  background: var(--primary-hover);
  border-left-color: var(--secondary);
}
.sidebar-link:hover {
  background: var(--primary);
}

.stat {
  background: var(--secondary);
  color: var(--text-primary);
}

.text-inherit {
  color: inherit !important;
}

img, p, span, a{
  max-width: 100%;
}