.auto_tab{
  padding: 10px 10px 0 !important;
  background: #fff;
}
.layout_container{
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.top_tab{
  :global{
    .ant-tabs-tab{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 200px;
    }
    .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
      color: #000;
      font-weight: normal;
    }
    .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active, .ant-tabs-tab:hover{
      color: #000;
    }
    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab{
      background: rgba(255, 255, 255);
      transition: none;
    }
    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active{
      background: #f0f2f5;
      border-bottom-color: transparent !important;
    }
    .ant-tabs-tab .ant-tabs-tab-remove .anticon{
      padding: 2px;
      border-radius: 50%;
    }
    .ant-tabs-tab .ant-tabs-tab-remove .anticon:hover{
      color: #5a5a5a;
      background: rgba(215, 215, 215);
    }
  }
}

.layout_children{
  position: relative;
  flex: 1;
  margin: 15px;
}
.fullContainer {
  position: absolute;
  top: 0;
  // bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  &::-webkit-scrollbar {
    width: 6px;
    height: 0;
  }
  &::-webkit-scrollbar-track{
    background-color: rgba(255, 255, 255, 0.15);
  }
  &::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.06)
  }
}