.nav {

display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
.nav-folder {
  user-select: none;
  cursor: pointer;
  padding: 7px;
  color: #1a1f36;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  i {
    transition: .3s all;
    transform: translateY(1px);
    font-size: .7rem;
    margin-left: 10px;
  }
  &.js-opened i {
    transform: translateY(1px) rotate(180deg);
  }
}
.nav-folder + ul {
  margin-bottom: .5rem;
  .nav-item {
    padding-left: 1rem;
  }
}
.nav-menu {
  display: none;
}
.nav-item {
  font-weight: 400;
  color: #1a1f36;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 7px;
  font-size: .875rem;
  > i {
    margin-right: .8rem;
  }
}
.nav-item:active,
.nav-item.active {
  color: $color-primary;
}

} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;

} .nav-link.disabled {

color: #6c757d;
cursor: not-allowed;

} .nav-tabs .nav-item {

margin-bottom: -1px;

} .nav-tabs .nav-link {

border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;

} .nav-link {

display: block;
padding: .5rem 1rem;

} .nav-pills .nav-link.active, .nav-pills .show > .nav-link {

color: #fff;
background-color: $bg-primary;

} .card-header-pills {

margin-right: -.625rem;
margin-left: -.625rem;

}