:root {
  --bs-theme-1: #84ac79;   /* your main brand color */
  --bs-theme-hover-1: #729e66;
  --bs-theme-active-1: #649656;
}

.btn-theme-1 {
    background-color: var(--bs-theme-1);
    color: #fff;
}
.btn-theme-1:hover {
    background-color: var(--bs-theme-hover-1);
    color: #fff;
}

body {
  overflow-x: hidden;
}

/* Sidebar */
#sidebar {
  width: 328px;
  min-height: 100vh;
  transition: all 0.3s ease;
}
/* Collapsed state */
#sidebar.collapsed {
  margin-left: 0px;
  width: 82px;
}

/* Hide text when collapsed */
#sidebar.collapsed .menu-text, #sidebar.collapsed .nav-item .nav-link .toggle-icon {
  display: none;
}

/* Center icons */
#sidebar.collapsed .nav-link {
  justify-content: center;
}

/* Hide submenu when collapsed */
#sidebar.collapsed .submenu {
  display: none;
}

/* Rotate arrow */
.toggle-icon {
  transition: transform 0.3s;
}

.collapse.show + .toggle-icon {
  transform: rotate(180deg);
}

/* Page content */
#page-content {
  width: 100%;
}

/* Mobile fix */
/* @media (max-width: 768px) {
  #sidebar {
    position: fixed;
    z-index: 1000;
    margin-left: -250px;
  }

  #sidebar.show {
    margin-left: 0;
  }
} */

@media (max-width: 768px) {
  #sidebar {
    position: fixed;
    left: 0px;
    z-index: 1000;
  }

  #sidebar.show {
    left: 0;
  }
}