//
// Component: Main Sidebar
//


// Sidebar user panel
.user-panel {

    .image {
      padding-left: unset;
      padding-right: $nav-link-padding-x - .2;
    }
  
    .info {
      padding: 5px 10px 5px 5px;
    }
  }
  
  // Sidebar navigation menu
  .nav-sidebar {
    .nav-link > .right,
    .nav-link > p > .right {
      right: unset;
      left: 1rem;
  
      i,
      span {
        margin-left: unset;
        margin-right: .5rem;
      }
  
      &:nth-child(2) {
        right: unset;
        left: 2.2rem;
      }
    }
  
    .menu-open {
      > .nav-link {
        i.right {
          @include rotate(-90deg);
        }
      }
    }
  
    // First Level
    > .nav-item {
      .nav-icon {
        margin-right: unset;
        margin-left: .2rem;
      }
    }
  
  
    &.nav-child-indent {
      .nav-treeview {
        transition: padding $transition-speed $transition-fn;
        padding-left: unset;
        padding-right: 1rem;
      }
    }
  
    .nav-header {
      &:not(:first-of-type) {
        padding: 1.7rem 0 .5rem 1rem;
      }
    }
  }
  
  
  // Nav Flat
  .nav-flat {
    margin: (-$sidebar-padding-x/2) 0 0 (-$sidebar-padding-x);
  
    &.nav-child-indent {
      .nav-treeview {
        padding-left: unset !important;
        padding-right: 0 !important;
  
        .nav-treeview {
          border-left: unset;
          border-right: .2rem solid;
        }
      }
    }
  
    .nav-icon {
      @include transition(margin-right $transition-fn $transition-speed);
    }
  
    .nav-treeview {
      .nav-icon {
        margin-left: unset;
        margin-right: -.2rem;
      }
    }
  
    .sidebar-collapse & {
      .nav-icon {
        margin-left: unset;
        margin-right: .5rem;
      }
  
      .nav-treeview {
        .nav-icon {
          margin-left: unset;
          margin-right: .3rem;
        }
      }
    }
  
    &.nav-sidebar > .nav-item {
      .nav-treeview,
      > .nav-treeview {
  
        .nav-item {
          > .nav-link {
            border-left: unset;
            border-right: .2rem solid;
          }
        }
      }
    }
  }
  
  
  // Nav Compact
  .nav-compact {
    .nav-header:not(:first-of-type) {
      padding: ($nav-link-padding-y * 1.5) 0 ($nav-link-padding-y / 2) ($nav-link-padding-x / 2);
    }
  
    .nav-link > .right,
    .nav-link > p > .right {
      right: unset;
      left: .5rem;
  
      &:nth-child(2) {
        right: unset;
        left: 1.6rem;
      }
    }
  }