//
// Component: Sidebar Mini
//

// Logo style
.logo-xs,
.logo-xl {
  

  &.brand-image-xs {
    left: unset;
    right: 18px;
  }

  &.brand-image-xl {
    left: unset;
    right: 12px;
  }
}

.logo-xs {

  &.brand-image-xl {
    left: unset;
    right: 16px;
  }
}


// Add sidebar-mini class to the body tag to activate this feature
.sidebar-mini {
  @include media-breakpoint-up(lg) {
    @include sidebar-mini-breakpoint;
  }
}

.sidebar-mini-md {
  @include media-breakpoint-up(md) {
    @include sidebar-mini-breakpoint;
  }
}

.sidebar-collapse {
  .sidebar-no-expand.main-sidebar.sidebar-focused,
  .sidebar-no-expand.main-sidebar:hover {
    .nav-sidebar.nav-child-indent .nav-treeview {
      padding-left: unset;
      padding-right: 0;
    }

    .brand-text,
    .user-panel > .info,
    .nav-sidebar .nav-link p {
      margin-left: unset;
      margin-right: -10px;
    }

    .nav-sidebar > .nav-item .nav-icon {
      margin-right: unset;
      margin-left: 0;
    }

    .nav-flat {
      .nav-icon {
        margin-left: unset;
        margin-right: .5rem;
      }

      .nav-treeview {
        .nav-icon {
          margin-left: unset;
          margin-right: .3rem;
        }
      }
    }
  }
}

.nav-sidebar .nav-item > .nav-link {

  > .float-right {
    right: unset;
    left : 10px;
  }
}

.sidebar .nav-link p,
.main-sidebar .brand-text,
.main-sidebar .logo-xs,
.main-sidebar .logo-xl,
.sidebar .user-panel .info {
  @include transition(margin-right $transition-speed linear, opacity $transition-speed ease, visibility $transition-speed ease)
}