@import '~@/variable.less';
.menus {
  position: relative;
  height: 100%;
}
.allMenus{
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1000;
  button {
    height: 40px;
    background: transparent;
    border-radius: 0;
    border: 0;
    color: #fff;
    &:hover{
      background: var(--xly-skin-active-color, #1890FF) !important;
      color: #fff!important;
    }
    &:active, &:visited, &:focus {
      background: var(--xly-skin-active-color, #1890FF) !important;
      color: #fff;
    }
  }
}
#tabs {
  height: 100%;
  .ant-tabs-nav .ant-tabs-tab:nth-child(1) .anticon-close {
    display: none!important;
  }
}
.tabs {
  background: #f0f2f5;
  position: relative;
  &:before{
    content: '';
    position: fixed;
    width: 100vw;
    height: 50px;
    left: 0px;
    top: 0px;
    z-index: 50;
    background: var(--xly-skin-header-color, #383d41);
  }
  &> div + div {
    min-height: 100vh;
  }
  &>div:first-child {
    position: fixed;
    top: 0px;
    left: 160px;
    height: 50px;
    z-index: 800;
    width: var(--tabs-nav-width, calc(100% - 510px));
    color: #fff;
    transition: 0.3s ease;
    &:before{
      display: none;
    }
    :global{
      .ant-tabs-tab{
        border: none;
        background: none;
        transition: unset;
        color: #fff;
        &:hover{
          color: #fff;
        }
      }
      .ant-tabs-tab-disabled{
        color: rgba(0, 0, 0, 0.25)!important;
      }
      .ant-tabs-ink-bar{
        visibility: visible;
        background: var(--xly-skin-active-color, @active_color);
      }
      .ant-tabs-tab-remove{
        margin-left: 4px;
        span{
          color: #fff;
          position: relative;
          top: 1px;
        }
      }
      .ant-tabs-tab-active{
        border: none;
        background: none;
        span{
          color: var(--xly-skin-active-color, @active_color);
        }
      }
    }
  }
}
.tabsContainer{
  float: left;
}
.rightMenu {
  display: none;
  position: fixed;
  right: 20px;
  top: 55px;
  z-index: 850;
  button {
    height: 26px!important;
    font-size: 14px!important;
    border: 0!important;
    background: transparent!important;
    color: #fff!important;
    i {
      font-size: 18px!important;
    }
  }
}
.contextMenu{
  position: absolute;
  display: none;
  width: 130px;
  //height: 120px;
  z-index: 1000;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  li{
    height: 30px!important;
  }
}

.homeTab_disabled {
  color: rgba(0,0,0,.25);
  cursor: not-allowed;
}