.ht-base-menu.ant-menu-horizontal {
  height: 64px;

  .ant-menu-submenu.ant-menu-submenu-horizontal {
    padding: 0 0;
  }

  //旋转箭头
  .ant-menu-submenu-title {
    i.ht-base-icon.iconfont.ht-base-LiRa_down {
      display: inline-block;
      transform: rotate(0deg);
      transition: transform 0.2s ease-in-out;
    }
  }

  .ant-menu-submenu-title:hover {
    i.ht-base-icon.iconfont.ht-base-LiRa_down {
      display: inline-block;
      transform: rotate(180deg);
      transition: transform 0.2s ease-in-out;
    }
  }

  .ant-menu-item, .ant-menu-submenu-title {
    //padding: 0 16px !important;//
    margin: 0 !important;
  }

  .ant-menu-item {
    i {
      margin-right: 8px;
    }
  }
}

.ant-menu-horizontal.ht-base-menu {
  height: 64px;
  line-height: 64px;

  .ant-menu-submenu.ant-menu-submenu-horizontal {
    margin: 0;
  }

  .ant-menu-submenu.ant-menu-submenu-horizontal.ant-menu-submenu-open.ant-menu-submenu-active {
    margin: 0;
  }
}

.ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
  padding: 0 4px;
}

.ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
  .ant-menu-item-group-title {
    color: @sub-color;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    font-size: 12px;
  }

  .ant-menu-item-group-list {
    .ant-menu-item {
      color: @text-color;
      font-size: 14px;
      padding: 0 16px;
      height: 32px;
      line-height: 32px;

      &:hover {
        background-color: @background-color-base;
      }
    }

    .ant-menu-item.ant-menu-item-selected {
      color: @info-color;
      background-color: transparent;
    }

    .ant-menu-item.ant-menu-item-disabled {
      color: @disabled-color !important;
      background-color: transparent;
    }
  }
}

//dark和primary 不要2px到border-bottom，只有light有
.ant-menu-dark.ht-base-menu.ant-menu-horizontal, .ht-base-menu-theme-primary.ht-base-menu.ant-menu-horizontal {
  border-bottom: none;

  .ant-menu-item:hover {
    border-bottom: none;
  }

  .ant-menu-submenu:hover {
    border-bottom: none;
  }
}

//顶部导航菜单，下拉菜单区域样式
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light.ant-menu-submenu-placement-bottomLeft{
  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    .ant-menu-item-group {
      .ant-menu-item-group-list{
        .ant-menu-item{
          background-color: @white;
          color: @disabled-color;
          &:hover{
            color: @primary-color;
          }
        }
        .ant-menu-item.ant-menu-item-selected{
          color: @primary-color;
          background-color: @primary-1;
        }
      }
    }
  }
}
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark.ant-menu-submenu-placement-bottomLeft,
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark.ant-menu-submenu-placement-topLeft,
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light.ant-menu-submenu-placement-bottomLeft,
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light.ant-menu-submenu-placement-topLeft{
  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    min-width: 160px !important;
    padding: 4px 0;
    .ant-menu-item-group {
      .ant-menu-item-group-title{
        background-color: @white;
      }
      .ant-menu-item-group-list{
        background-color: @white;
        .ant-menu-item{
          //background-color: @title-color;
          background-color: @white;
          color: @text-color;
          &:hover{
            color: @primary-color;
          }
        }
        .ant-menu-item.ant-menu-item-selected{
          color: @white;
          background-color: @primary-color;
        }
        .ant-menu-item.ant-menu-item-disabled{
          color: @disabled-color;
        }
      }
    }
  }
}

.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark.ant-menu-submenu-placement-bottomLeft,
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light.ant-menu-submenu-placement-bottomLeft {
  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    min-width: 160px !important; //
    padding: 4px 0;

    .ant-menu-item-group {
      .ant-menu-item-group-list {
        .ant-menu-item {
          margin: 0;
          background-color: #ffffff;
        }

        .ant-menu-item:active {
          color: @info-color;
        }
      }
    }
  }
}

//右侧悬浮菜单-浅色
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light.ant-menu-submenu-placement-rightTop, .ant-menu-submenu.ant-menu-submenu-popup.ant-menu-light {
  //left: 639px!important;//
  .ant-menu-submenu.ant-menu-submenu-popup.ant-menu-undefined.ant-menu-submenu-placement-rightTop {
    //left: 164px!important;//
  }

  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    padding: 0;
    color: @text-color;
    background: pink;

    .ant-menu-item {
      padding: 0 16px; //
    }

    .ant-menu-submenu-title, .ant-menu-item {
      background-color: @white;
      margin: 0;
    }

    .ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-selected {
      .ant-menu-submenu-title {
        color: @primary-color;

        &:hover {
          color: @primary-color;

          .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
            background: @primary-color;
          }
        }

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @primary-color;
        }
      }
    }

    .ant-menu-item.ant-menu-item-selected {
      background-color: @primary-1;
    }
  }

  .ant-menu-submenu.ant-menu-submenu-vertical {
    background-color: @white;
    //padding: 0 16px;//
    .ant-menu-submenu-title {
      color: @text-color;
      //padding: 0;
      &:hover {
        color: @primary-color;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @primary-color;
        }
      }

      .ant-menu-submenu-arrow {
        right: 8px;
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @text-color;
      }
    }

    .ant-menu-submenu-title.ant-menu-submenu-selected {
      color: @primary-color;

      &:hover {
        color: @primary-color;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @primary-color;
        }
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @primary-color;
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-active {
    .ant-menu-submenu-title {
      color: @text-color;

      &:hover {
        color: @primary-color;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @primary-color;
        }
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @text-color;
      }
    }
  }

  .ant-menu-item-group {
    .ant-menu-item-group-title {
      height: 48px;
      line-height: 48px;
      background-color: @white;
    }

    .ant-menu-item-group-list {
      .ant-menu-item {
        height: 48px;
        line-height: 48px;
        background-color: @white; //设计不统一 带标题的子菜单背景
        &:hover{
          color: @primary-color;
        }
      }
    }
  }
}

//右侧悬浮菜单深色
.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark.ant-menu-submenu-placement-rightTop, .ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark {
  //left: 639px!important;//
  .ant-menu-submenu.ant-menu-submenu-popup.ant-menu-undefined.ant-menu-submenu-placement-rightTop {
    //margin-left: 32px;
    //left: 164px!important;//
    //.ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content{
    //  margin-left: 4px;
    //}
  }

  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    padding: 0;
    color: @disabled-color;
    background: @text-color;

    .ant-menu-item-group-title {
      background-color: @text-color;
      color: @sub-color;
    }

    .ant-menu-item {
      padding: 0 16px; //
      background: @text-color;
      color: @disabled-color;

      &:hover {
        color: @white;
      }
    }

    .ant-menu-item.ant-menu-item-selected {
      background-color: @primary-color !important;
      color: @white;
    }

    .ant-menu-submenu-title, .ant-menu-item {
      background-color: @text-color;
      margin: 0;
    }

    .ant-menu-item-group {
      .ant-menu-item-group-title {
        height: 48px;
        line-height: 48px;
        background-color: @text-color;//title-color
      }

      .ant-menu-item-group-list {
        .ant-menu-item {
          height: 48px;
          line-height: 48px;
          background-color: @text-color;//title-color//设计不统一 带标题的子菜单背景
        }
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-selected, .ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-selected.ant-menu-submenu-active {
    .ant-menu-submenu-title {
      color: @white;

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @white;
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-vertical {
    background-color: @text-color;
    //padding: 0 16px;//
    .ant-menu-submenu-title {
      color: @disabled-color;
      //padding: 0;
      &:hover {
        color: @white;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: transparent;
        }
      }

      .ant-menu-submenu-arrow {
        right: 8px;
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @disabled-color;
      }
    }

    .ant-menu-submenu-title.ant-menu-submenu-selected {
      color: @white;

      &:hover {
        color: @white;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @white;
        }
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @white;
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-active {
    .ant-menu-submenu-title {
      color: @disabled-color;

      &:hover {
        color: @white;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @white;
        }
      }

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @disabled-color;
      }
    }
  }
}

//dark主题顶部导航菜单
.ant-menu.ant-menu-horizontal.ant-menu-dark.ht-base-menu {
  .ant-menu-submenu.ant-menu-submenu-open.ant-menu-submenu-active { //带下拉的item悬浮到下拉框内时，item文字不设置会变成原色。
    color: @white;
    //background: pink!important;
  }
}

.ant-menu-dark.ht-base-menu.ant-menu-horizontal {
  background-color: @title-color;

  .ant-menu-item, .ant-menu-submenu {
    color: @sub-color;

    &:hover {
      color: @white;
    }

    &:active {
      background-color: @title-color;
      color: @white;
    }
  }

  .ant-menu-item.ant-menu-item-selected {
    background-color: @title-color;
    color: @white;
  }

  .ant-menu-submenu.ant-menu-submenu-selected {
    background-color: @title-color;
    color: @white;
  }
}

//light主题顶部导航菜单
.ant-menu-light.ht-base-menu.ant-menu-horizontal {
  background-color: @white;
  border-bottom: 1px solid @border-color-base;

  .ant-menu-item {
    color: @text-color;

    &:hover {
      color: @primary-color;
      border-bottom: 2px solid @primary-color;
    }

    &:active {
      background-color: @white;
      color: @primary-color;
      border-bottom: 2px solid @primary-color;
    }
  }

  .ant-menu-item.ant-menu-item-selected {
    color: @primary-color;
    border-bottom: 2px solid @primary-color;
  }

  .ant-menu-submenu.ant-menu-submenu-selected {
    color: @primary-color;
    border-bottom: 2px solid @primary-color;
  }
}


.ant-menu-light.ht-base-menu.ant-menu-horizontal .ant-menu-item, .ant-menu-light.ht-base-menu.ant-menu-horizontal .ant-menu-submenu {
  height: 100%;
  line-height: 64px;
  //border-bottom: none;
}

.ht-base-menu-theme-primary.ht-base-menu.ant-menu-horizontal .ant-menu-item, .ht-base-menu-theme-primary.ht-base-menu.ant-menu-horizontal .ant-menu-submenu {
  border-bottom: none;
}

.ht-base-menu.ant-menu-horizontal > .ant-menu-item, .ht-base-menu.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
}


//primary主题顶部导航菜单
.ht-base-menu.ant-menu-horizontal.ht-base-menu-theme-primary {
  background-color: @primary-color;
  color: @white;
  overflow: hidden;

  .ant-menu-item {
    &:hover {
      background-color: @primary-7;
      border-bottom: none;
    }

    &:active {
      background-color: @primary-7;
      border-bottom: none;
    }
  }

  .ant-menu-item.ant-menu-item-selected {
    background-color: @primary-7;
    height: 64px;
    line-height: 64px;
    border-bottom: none;
  }

  .ant-menu-submenu.ant-menu-submenu-selected {
    background-color: @primary-7;
    height: 64px;
    line-height: 64px;
    border-bottom: none;
  }
}

//侧边导航
.ht-base-menu.ant-menu-vertical .ant-menu-item, .ht-base-menu.ant-menu-vertical-left .ant-menu-item, .ht-base-menu.ant-menu-vertical-right .ant-menu-item, .ht-base-menu.ant-menu-inline .ant-menu-item, .ht-base-menu.ant-menu-vertical .ant-menu-submenu-title, .ht-base-menu.ant-menu-vertical-left .ant-menu-submenu-title, .ht-base-menu.ant-menu-vertical-right .ant-menu-submenu-title, .ht-base-menu.ant-menu-inline .ant-menu-submenu-title {
  height: 48px;
  line-height: 48px;
}

.ht-base-menu.ant-menu.ant-menu-vertical {
  width: 240px !important;

  .ant-menu-item-group {
    .ant-menu-item-group-title {
      line-height: 48px;
      padding: 0 0 0 24px;
      color: @sub-color;
    }
  }

  .ant-menu-item {
    padding: 0 0 0 24px;
    margin: 0;

    i {
      margin-right: 10px;
    }
  }
}

//侧边栏深色主题
.ant-menu-dark.ht-base-menu.ant-menu-vertical {
  background-color: @text-color;

  .ant-menu-item-group-title {
    color: @sub-color;
  }

  .ant-menu-item {
    color: @disabled-color;

    &:hover {
      color: @white;
      background-color: transparent;
    }

    &:active {
      background-color: @primary-color;
      color: @white;
    }
  }

  .ant-menu-item-active:not(.ant-menu-submenu):hover {
    background-color: transparent;
  }

  .ant-menu-item.ant-menu-item-selected {
    background-color: @primary-color !important; //悬浮到选中到项，不加此样式，会使背景透明
    color: @white !important;
  }

  .ant-menu-submenu.ant-menu-submenu-vertical {
    padding: 0 0 0 16px;
  }
}

//侧边栏浅色菜单
.ant-menu-light.ht-base-menu.ant-menu-vertical {
  background-color: @white;
  border-right: 1px solid @border-color-base;

  .ant-menu-item {
    color: @text-color;

    &:hover {
      color: @primary-color;
    }

    &::after {
      border-right: 0
    }
  }

  .ant-menu-item-active:not(.ant-menu-submenu) {
    background-color: transparent;
  }

  .ant-menu-item.ant-menu-item-selected {
    background-color: @primary-1 !important;
    color: @primary-color !important;
    border-right: 2px solid @primary-color;
  }
}

//折叠导航菜单
.ant-menu-inline.ht-base-menu.ant-menu {
  background: @white;

  .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 48px;
    line-height: 48px;
    margin: 0;
  }

  .ant-menu-submenu-title {
    padding: 0 24px;
    margin: 0;

    &:active {
      background-color: @white;
    }
  }

  .ant-menu.ant-menu-inline {
    .ant-menu-item {
      padding: 0 0 0 48px;

      &:active {
        color: @primary-color;
        background: @white;
      }
    }

    .ant-menu-item-group {
      .ant-menu-item-group-title {
        //background-color: pink;
        height: 48px;
        line-height: 48px;
        padding: 0 0 0 48px;
        color: @sub-color;
      }

      .ant-menu-item-group-list {
        .ant-menu-item {
          margin: 0;
        }

        .ant-menu-item-group-title {
          padding: 0 0 0 48px;
        }

        .ant-menu-item-group-list {
          padding: 0 24px 0 48px;
          //background-color: yellow;
        }

        .ant-menu-item-group {
          .ant-menu-item {
            //padding: 0 0 0 56px !important;
          }
        }
      }
    }
  }

  .ant-menu.ant-menu-submenu-selected {
    background: @primary-color !important;
  }
}

//折叠菜单浅色
.ht-base-menu.ant-menu.ant-menu-inline.ant-menu-light {
  .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-selected > .ant-menu-submenu-title {
    color: @primary-color;

    .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
      background-image: linear-gradient(to right, @primary-color, @primary-color);
    }
  }
}

//折叠菜单dark深色
.ht-base-menu.ant-menu.ant-menu-inline.ant-menu-dark {
  .ant-menu-submenu.ant-menu-submenu-inline > .ant-menu-submenu-title {
    color: @disabled-color;

    .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
      background-image: linear-gradient(to right, @disabled-color, @disabled-color);
    }
  }

  .ant-menu-submenu.ant-menu-submenu-inline > .ant-menu-submenu-title:hover {
    color: @white;

    .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
      background-image: linear-gradient(to right, @white, @white);
    }
  }

  .ant-menu-inline.ant-menu-sub {
    box-shadow: none;
    opacity: unset !important;

    .ant-menu-item {
      &:active {
        color: @white;
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-selected {
    .ant-menu-submenu-title {
      color: @white;

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background-image: linear-gradient(to right, @white, @white);
      }
    }
  }

  .ant-menu-submenu.ant-menu-submenu-inline {
    .ant-menu-submenu-title {
      background-color: @text-color;
    }

    .ant-menu-item, .ant-menu-item-group-title {
      background-color: @title-color;
    }

    .ant-menu-item.ant-menu-item-selected {
      background-color: @primary-color;
    }
  }
}

.ant-menu-submenu.ant-menu-submenu-popup.ant-menu-dark {
  .ant-menu.ant-menu-vertical.ant-menu-sub.ant-menu-submenu-content {
    .ant-menu-submenu-title, .ant-menu-item {
      background-color: @title-color;
    }

    color: @disabled-color;

    &:hover {
      color: @white;
    }

    .ant-menu-item.ant-menu-item-selected {
      background-color: @primary-color;
    }
  }
}

//弹出默认深色
.ht-base-menu.ant-menu.ant-menu-vertical.ant-menu-root.ant-menu-dark {
  .ant-menu-submenu.ant-menu-submenu-vertical {
    //padding: 0 16px;//
    &.ant-menu-submenu-selected {
      .ant-menu-item, .ant-menu-submenu-title {
        color: @white;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @white;
        }
      }
    }
  }

  .ant-menu-item, .ant-menu-submenu-title {
    color: @disabled-color;

    &:hover {
      background: transparent;
      color: @white;

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @white;
      }
    }
  }

  .ant-menu-submenu-title {
    margin: 0;
    padding: 0;

    .ant-menu-submenu-arrow {
      right: 8px;
    }
  }

  .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
    background: @disabled-color;
  }
}

.ht-base-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ht-base-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 1;
}

//弹出浅色
.ht-base-menu.ant-menu.ant-menu-vertical.ant-menu-root.ant-menu-light {
  .ant-menu-submenu.ant-menu-submenu-vertical {
    //padding: 0 16px;//

    &.ant-menu-submenu-selected {
      .ant-menu-item, .ant-menu-submenu-title {
        color: @primary-color;

        .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
          background: @primary-color;
        }
      }
    }
  }

  .ant-menu-item, .ant-menu-submenu-title {
    color: @text-color;

    &:hover {
      background: transparent;
      color: @primary-color;

      .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
        background: @primary-color;
      }
    }
  }

  .ant-menu-submenu-title {
    margin: 0;
    padding: 0;

    .ant-menu-submenu-arrow {
      right: 8px;
    }
  }

  .ant-menu-submenu-arrow:after, .ant-menu-submenu-arrow:before {
    background: @text-color;
  }

}

//弹出浅色
.ht-base-menu.ant-menu.ant-menu-vertical.ant-menu-root.ant-menu-light.ant-menu-inline-collapsed {
  width: 80px !important;

  .ant-menu-submenu.ant-menu-submenu-vertical {
    padding: 0;

    .ant-menu-submenu-title {
      padding: 0 32px;
    }
  }

  /*.ant-menu-item span,.ant-menu-submenu span{
    margin-left: 0!important;
  }*/

  .ant-menu-item.ant-menu-item-selected {
    color: @primary-color;
    border-right: none;

    &:hover {
      background-color: @primary-1;
    }

  }

  .ant-menu-item {
    span {
      //background-color: @white;
    }
  }
}

//弹出菜单icon深色-收起状态
.ht-base-menu.ant-menu.ant-menu-vertical.ant-menu-root.ant-menu-dark.ant-menu-inline-collapsed {
  width: 80px !important;

  .ant-menu-submenu.ant-menu-submenu-vertical {
    padding: 0;

    .ant-menu-submenu-title {
      padding: 0 32px;
    }
  }

  .ant-menu-item.ant-menu-item-selected {
    color: @white;
  }
}

//折叠导航菜单
.ht-base-menu.ant-menu.ant-menu-inline.ant-menu-root.ant-menu-dark {
  background: @text-color; //弹出菜单icon深色
  .ant-menu-item {
    margin: 0;
    /*span {
      margin-left: 0 !important;
    }*/
  }

  .ant-menu-submenu {
    /* span {
       margin-left: 0 !important;
     }*/
  }
}
.ht-base-menu.ant-menu.ant-menu-inline.ant-menu-root.ant-menu-light{
  .ant-menu-item {
    margin: 0;
  }
}

//弹出菜单icon右侧tooltip
.ant-tooltip.ant-menu-inline-collapsed-tooltip.ant-tooltip-placement-right {
  .ant-tooltip-content {
    .ht-base-icon {
      display: none;
    }

    .ant-tooltip-arrow {
      border-right-color: @text-color;
    }

    .ant-tooltip-inner {
      background-color: @text-color;
      padding: 0 8px;
      line-height: 32px;

      .ht-base-icon {
        //display: none;
      }

      & > span {
        margin-left: 0 !important;
      }
    }
  }
}

.ant-menu-submenu > .ant-menu {
  background-color: #fff !important;
}

.ant-menu {
  &.ht-base-menu-theme-primary, .ht-base-menu-theme-primary .ant-menu-sub {
    color: @white !important;
    background: @primary-color;

    .ant-menu-item-selected {
      color: @white !important;
      border-bottom-width: 0;
      background: @primary-7;
    }

    .ant-menu-item:hover, .ant-menu-item-active, .ant-menu-submenu-active {
      color: @white !important;
      background: @primary-7;
    }

    .ant-menu-submenu-selected, .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover {
      color: @white !important;

    }

    .ant-menu-submenu-selected {
      background: @primary-7;
    }

    &.ant-menu-horizontal .ant-menu-submenu {
      padding: 0 !important;
    }

    &.ant-menu-horizontal .ant-menu-item, .ant-menu-submenu-title {
      color: @white !important;
    }
  }
}


body {
  .ant-menu-dark.ant-menu-vertical .ant-menu-item-selected {
    color: @cascadermenu-font-color;
  }

  //.ant-menu.ant-menu-horizontal.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected, .ant-menu-dark.ant-menu-vertical .ant-menu-submenu-selected .ant-menu-submenu-title {
  //  color: @cascadermenu-font-color;
  //  background: #333;
  //}

  .ant-menu-light.ant-menu-inline .ant-menu-submenu-selected .ant-menu-submenu-title {
    //color: @primary-color;
  }

  .ant-menu-vertical > .ant-menu-item,
  .ant-menu-vertical-left > .ant-menu-item,
  .ant-menu-vertical-right > .ant-menu-item,
  .ant-menu-inline > .ant-menu-item,
  .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 48px;
    line-height: 48px;
  }

  //.ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) {
  //  margin-bottom: 0;
  //}
  //
  //.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
  //  margin-top: 0;
  //}
  //
  //.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
  //  margin-bottom: 0;
  //}
  //
  ////.ant-menu-dark.ant-menu-vertical .ant-menu-item-active:not(.ant-menu-submenu), .ant-menu-dark.ant-menu-vertical .ant-menu-submenu-title-active:not(.ant-menu-submenu) {
  ////  color: @cascadermenu-font-color;
  ////  background: #333;
  ////}
  //
  //.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  //  height: 48px;
  //  line-height: 48px;
  //}
  //
  //.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
  //  height: 48px;
  //  line-height: 48px;
  //}
  //
  //.ant-menu-vertical.ant-menu-light .ant-menu-item-group-list .ant-menu-item-selected:after, .ant-menu-inline .ant-menu-selected:after, .ant-menu-inline .ant-menu-item-selected:after {
  //  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
  //  opacity: 1;
  //  transform: scaleY(1);
  //}
  //
  //.ant-menu-dark.ant-menu-horizontal .ant-menu-submenu-selected .ant-menu-submenu-title .submenu-title-wrapper {
  //  color: @cascadermenu-font-color;
  //}
}
