/** Sidepanel Left **/

#sidepanel_left .nav-panel>.nav>.active>a,
#sidepanel_left .nav-panel>.nav>.active a.nav-sub .fa-square-o,
#sidepanel_left .nav-panel>.nav .active .nav-sub>.fa-check-square-o {
    color: var(--primary-color)!important;
}

#sidepanel_left .nav-panel a {
    color: #000 !important;
}

#sidepanel_left .nav-panel>.nav>li:not(:last-child),
#sidepanel_left .nav.nav-list>li:not(:last-child) {
    border-bottom: 1px solid var(--divider);
}

#sidepanel_left .nav .nav a:hover,
#sidepanel_left .nav .nav a:focus,
#sidepanel_left .nav .nav a:active,
#sidepanel_left .nav.nav-list>li a:hover {
    color: var(--secondary-color) !important;
}

#sidepanel_left .nav-panel>.nav>.active .nav-sub>i {
    color: var(--secondary-color)!important;
}

#sidepanel_left .nav.nav-list a i,
#sidepanel_left .nav .nav a i {
    color: var(--primary-color);
}


#sidepanel_left .nav-panel>.nav>li>a {
    font-weight: bold;
}

#sidepanel_left .nav-panel>.nav>li,
#sidepanel_left .nav.nav-list>li {
    margin-top: 10px;
    padding-bottom: 10px;
}

#sidepanel_left .nav-panel>.nav>li:first-child,
#sidepanel_left .nav.nav-list>li:first-child {
    margin-top: 0;
}

#sidepanel_left a:hover,
#sidepanel_left a:focus,
#sidepanel_left a:active,
#sidepanel_left .nav .nav a:hover,
#sidepanel_left .nav .nav a:focus,
#sidepanel_left .nav .nav a:active,
#sidepanel_left .nav.nav-list>li a:hover {
    background-color: transparent;
}

#sidepanel_left .nav .nav a i {
    margin-right: 5px;
}

#sidepanel_left .nav-item .nav-link {
    width: max-content;
    padding-right: 0;
}

#sidepanel_left .nav .fa.nav-toggle.pull-right {
    padding: 8px;
}

#sidepanel_left .nav-panel > .nav > .active > .nav-link {
    border-bottom: none;
}

#sidepanel_left .box .snippets-categories-nav-link-child,
#sidepanel_left .nav-panel .nav .nav {
    padding-left: 0;
}

#sidepanel_left ul.nav.flex-column ul.nav.flex-column{
    margin-left: 10px;
}
#sidepanel_left ul.nav.flex-column .nav-link {
    position: relative;
}
#sidepanel_left ul.nav.flex-column .nav-link::before{
  content: "";
  position: absolute;
  display: block;
  bottom: 2px;
  height: 1px;
  left: 0px;
  width: calc(100%);
  background-color: var(--primary-color);
  transform-origin: right center 0px;
  transform: scale(0, 1);
  transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s;
}
#sidepanel_left ul.nav.flex-column .nav-link:hover::before {
transform-origin: left center 0px;
transform: scale(1);
}
#sidepanel_left ul.nav.flex-column .nav-item .nav-link {
    font-weight: 400;
}
aside#sidepanel_left .nav-panel .nav .nav-item.active > .nav-link,
aside#sidepanel_left .nav-panel > .nav > .active.nav-item > .nav-link {
    font-weight: 700;
}
.snippets-categories-nav-link-child.dropdown-toggle a {
    text-decoration: none;
    color: var(--primary-font-color) !important; 
}
/** Sidepanel Left **/



@media all and (max-width: 1199px) {
    #sidepanel_left [class*="box-filter"] .panel-heading {
        background-color: var(--transparent);
        color: var(--primary-font-color);
    }
    #sidepanel_left [class*="box-filter"] .panel-heading .panel-title {
        color: var(--primary-font-color) !important;
    }
}

@media (max-width: 991px)
{
    /** Overwrite template accordion function for higher displays **/
    #sidepanel_left .box-normal .box-normal-link {
        display: flex;
      }
    #sidepanel_left  .collapse:not(.show) {
        display: none !important;
      }
    #sidepanel_left .d-md-block {
        display: block !important;
      }
      #sidepanel_left  .box-normal-hr {
        display: block;
      }
      #sidepanel_left .nav-panel > .nav > .active > .nav-link {
        margin-bottom: 0;
    }
}