@import "./variables";
.left-menu.el-menu {
  .el-menu--inline {
    background-color: $subMenuBg;
  }
  .el-menu-item, .el-submenu {
    font-weight: 600;
  }

  .el-submenu, .el-menu-item.submenu-title-noDropdown {
    background-color: $menuBg;
    .el-submenu__title {
      color: $menuText;
      &:hover {
        color: $menuActiveText;
      }
      i {
        color: $menuText;
      }
    }
  }
  .el-menu-item, .el-submenu-sidebar .el-menu-item {
    background-color: $subMenuBg;
    color: $menuText;
    &.is-active{
      color: $menuActiveText;
    }
    &:hover {
      background-color: $subMenuHover;
      color: $menuActiveText;
    }
    i {
      color: $menuText;
    }
  }

   i.fa {
     margin-right: 10px;
     width: 13px;
  }

  .is-active i.fa {
    color: $menuActiveText;
  }

  .el-submenu .el-menu-item {
    height: 32px;
    line-height: 2;
    padding: 0 52px;
    min-width: 200px;
  }

  .nest-menu .el-submenu__title {
    height: 32px;
    line-height: 2;
    padding: 0 52px;
    min-width: 200px;
  }

  .nest-menu li.is-opened, .nest-menu li.is-active {
    border-left: none;
  }

  .el-menu-item, .el-submenu__title {
    height: 46px;
    line-height: 46px;
  }

  .el-menu-item:hover, .el-menu-item:focus {
    color: white;
  }

  .navbar li.is-active, .navbar li.is-opened {
    border: none;
  }

  .nest-menu li.is-active {
    border: none;
  }

  li.is-active {
    border-left: 4px solid $menuActiveLeft;
  }

  .el-submenu-sidebar .el-menu-item {
    background-color: $subMenuBg ;
  }

  .el-submenu.is-opened {
    background-color: $subMenuBg ;
    .el-submenu__title {
      background-color: $subMenuBg!important;
    }
    & .nest-menu {
      background-color: $subMenuBg;
    }
  }

  .nest-menu:last-child {
    padding-bottom: 10px;
  }
}
