.main{
  position: relative;
  .navbar{
    position: absolute;
    top: 0;
  }
// ---------------------------------------------------------------------------------
//  .ivu-menu-submenu-title {
//   /* color: rgba(255, 255, 255, 0.7); */
//   color: black;
// }
// ---------------------------------------------------------------------------------
  .ivu-layout-header {
    height: 50px;  
  }
  .logo-con{
    height: 64px;
    padding: 10px;
    img{
      height: 44px;
      width: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .header-con{
    background: #fff;
    padding: 0 20px;
    width: 96%;
    margin: 10px 0 0 15px;
  }
  .main-layout-con{
    height: 100%;
    overflow: hidden;
  }
  .main-content-con{
    height: ~"calc(100% - 60px)";
    overflow: hidden;
  }
  .tag-nav-wrapper{
    padding: 0;
    height:40px;
    background:#F0F0F0;
  }
  .content-wrapper{
    margin-top: -50px;
    padding: 18px;
    height: ~"calc(100% - 80px)";
    overflow: auto;
  }
  .left-sider{
      // -----------------------------------------
    margin-top: 50px;
    width: 210px;
    .ivu-layout-sider-children{
      width: 210px;
      // overflow-y: scroll;
      // margin-right: -18px;
    }
  }
  // -------------------------------------------

  .ivu-layout{
    padding-top: 50px;
  }
}
// -----------------------------------
// .ivu-menu-item-active .ivu-menu-item-selected{
//   width: 150px;
//   height: 40px;
//   border-radius: 5px;
//   margin: 0px auto;
//   padding-top:10px ;
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
// --------------------------------------------------------
.ivu-menu-item > i{
  margin-right: 12px !important;
}
.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  margin-right: 8px !important;
}
// ---------------------------------------------------------------
// .ivu-menu-submenu > .ivu-menu {
//   padding: 10px!important;
// }
// .ivu-menu-submenu > .ivu-menu > .ivu-menu-item
// .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
//   background: #3D8EFE;
//   border-radius: 10px;
// }
// ---------------------------------------------------------------
.collased-menu-dropdown{
  width: 100%;
  margin: 0;
  line-height: normal;
  padding: 7px 0 6px 16px;
  clear: both;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  &:hover{
    background: rgba(100, 100, 100, 0.1);
  }
  & * {
    color: #515a6e;
  }
  .ivu-menu-item > i{
    margin-right: 12px !important;
  }
  .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
    margin-right: 8px !important;
  }
}

.ivu-select-dropdown.ivu-dropdown-transfer{
  max-height: 400px;
}
