@import "../global/_variables";

.scui-drawer {
  min-height: 100vh;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: row;
  width: 420px;

  .drawer-inner {
    background-color: $blank_2;
    width: 420px;
  }

  &.drawer-pos-left {
    margin-left: 64px;
  }

  &.collapsed {
    z-index: -1;
    width: auto;
    background: $main_1;
    .drawer-collapse {
      background-color: $main_4 !important;
    }
  }

  .drawer-collapse {
    width: 8px;
    min-height: 100vh;
    height: 100%;
    background-color: $main_3;
    cursor: pointer;
    &:hover {
      background-color: $prim_4 !important;
    }
  }
  .icon-zoom-99 {
    margin-left: -17px;
    opacity: 0;
  }
}
.submenu-nav-item:hover {
  .icon-zoom-99 {
    opacity: 1;
  }
}