//
//
//.scroll-bar(){
//  &::-webkit-scrollbar-track-piece {
//    background: fade(@primary-color, 10%);
//  }
//  &::-webkit-scrollbar {
//    width: 6px;
//    height: 6px;
//  }
//  &::-webkit-scrollbar-thumb {
//    background: fade(@primary-color, 50%);
//    border-radius: 20px;
//  }
//}
.spec-wrapper-content {
  position: relative;
  //padding: @padding-lg;
  //background: @background-color-base;
  height: 100%;
  //overflow: auto;
  //box-sizing: border-box;

  & * {
    //box-sizing: border-box;
  }

  & .light-block {
    //padding: @padding-lg;
    //background: @layout-body-background;
    //height: 100%;
  }
}

.spec-grid-content {
  position: relative;
  // display: flex;
  //height: calc(100vh - @layout-header-height);
  //height: 100%;
  background: transparent; // @background-color-base;
  //box-sizing: border-box;
  //
  //& * {
  //  box-sizing: border-box;
  //}
  .spec-grid-left {
    //height: calc(100vh - @layout-header-height);
    //height: 100%;
    //padding: @padding-md @padding-sm;
    //background: @layout-body-background;
    //overflow-y: auto;
    //.scroll-bar();
    .ant-tree-list,
    .ant-tree {
      max-height: 100%;
    }
  }

  .spec-grid-right {
    //flex: 1;
    //height: 100%;
    //overflow: auto;
    //height: calc(100vh - @layout-header-height);
    //padding: @padding-lg;
    //overflow-y: auto;
    //overflow-x: auto;
    //margin-left: 200px
  }

  .spec-grid-right-cont {
    width: 100%;
    overflow: auto;
  }
}