.hd-menu {
  background-color: #242D32;
  width: 100%;
  height: 100%;
  overflow-y: auto;

  .el-submenu__title {
    height: 44px;
    line-height: 44px;
  }

  .el-submenu .el-menu .el-menu-item {
    font-size: 13px;
  }


  .el-menu {
    border-right: none;
    background: #242D32;
  }

  .el-menu .el-menu-item {
    height: 44px;
    line-height: 44px;
  }

  .el-menu > .is-active > .el-submenu__title {
    color: #ffffff !important;
    padding-left: 14px !important;
    box-sizing: border-box;
    border-left: 4px solid #096DB6 !important;
    background: #20282C !important;
  }

  .el-menu > .el-submenu > .el-menu .el-submenu__title {
    color: rgb(187, 199, 205) !important;
    padding-left: 40px !important;
    border: none !important;
    background: #2F3B40 !important;
  }

  .el-menu > .is-active > .el-menu .el-submenu__title {
    color: rgb(187, 199, 205) !important;
    padding-left: 40px !important;
    border: none !important;
    background: #2F3B40 !important;
  }


  .is-opened .el-menu-item {
    background: #2F3B40 !important;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
  }

  .el-menu, .el-menu.el-menu--popup {
    .el-menu-item.is-active,
    .el-menu-item:hover {
      color: #fff !important;
    }
  }

  .el-menu-item-group__title {
    display: none;
  }
}

.hd-submenu {

  .el-menu--popup-right-start {
    margin-left: 0 !important;
    background-color: #2F3B40 !important;
    padding: 0 !important;

    .el-menu-item-group {
      .el-menu-item-group__title {
        font-size: 14px;
        padding: 12px 0 13px 20px;
        background-color: #20282C;
        color: #fff;
      }
    }

    .el-submenu__title {
      height: 44px;
      line-height: 44px;
    }

    .el-submenu .el-submenu__title {
      color: rgb(187, 199, 205) !important;
      padding-left: 20px !important;
      border: none !important;
      background: #2F3B40 !important;
    }

    .el-menu-item {
      height: 44px;
      line-height: 44px;
      background-color: #2F3B40 !important;
      color: #BBC7CD !important;
      font-size: 14px;
    }

    .el-submenu .el-menu .el-menu-item {
      font-size: 13px;
    }

    .el-menu-item.is-active,
    .el-menu-item:hover {
      color: #fff !important;
    }
  }
}