Layout overrides to place navbar inside main panel without extra top padding
.nav-in-main .page-body-wrapper{
  padding-top: 0 !important;
  min-height: 100vh !important;
}

.nav-in-main .main-panel{
  min-height: 100vh !important;
  max-height: 100vh !important;
}

/* Ensure navbar sits above content when used inside main panel */
.nav-in-main .navbar{
  position: relative;
  z-index: 2;
}

/* Modern sidebar look */
.sidebar-modern{
  background: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
}

.sidebar-modern .nav{
  padding: 10px 8px 20px 8px;
}

.sidebar-modern .nav .nav-item > .nav-link{
  background: #f3f4f6;
  border-radius: 7px !important;
  margin: 6px 6px;
  color: #374151;
  padding: 12px 18px;
}

.sidebar-modern .nav .nav-item > .nav-link i.menu-icon{
  margin-right: 12px;
  color: inherit;
}

.sidebar-modern .nav .nav-item.active > .nav-link,
.sidebar-modern .nav .nav-item > .nav-link:hover{
  background: #026022 !important;
  color: #ffffff !important;
}

.sidebar-modern .nav .nav-item.active > .nav-link i,
.sidebar-modern .nav .nav-item.active > .nav-link .menu-title,
.sidebar-modern .nav .nav-item.active > .nav-link .menu-arrow{
  color: #ffffff !important;
}

.sidebar-modern .nav .nav-item .menu-arrow{
  color: inherit;
}

.sidebar-modern .nav .nav-item .collapse{
  background: #ffffff;
  border-radius: 10px !important;
  margin: 0 6px 6px 6px;
  padding-left: 8px;
}

.sidebar-modern .nav.sub-menu .nav-item .nav-link{
  border-radius: 10px !important;
  padding: 8px 12px;
}



.sidebar .nav.sub-menu {
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0 1.07rem;
    background: #fff;
}
.sidebar .nav.sub-menu .nav-item {
    position: relative;
    padding: 0;
}

#sub_categories_8 .sub-menu {
    margin-left: -10px;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
    color: #484848;
    padding: 15px;
    position: relative;
    border-radius: 5px !important;
    font-size: 12px;
    line-height: 1;
    height: auto;
    border-top: 0;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active,
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
    background-color: #079615;
    color: #ffffff;
}