@import "~antd-v4/lib/style/themes/default.less";
:global {
  .commonListTab-container{
    padding: 10px;
    padding-top: 3px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
  }
  .commonListTab-sider{
    box-sizing: border-box;
    //width: 224px;
    height: 100%;
    border: 1px solid #d9d9d9;
    float: left;
    position: relative;
    .resize-controller{
      width: 100%;
      height: 24px;
      //position: absolute;
      z-index: 10;
      right: -3px;
      top: 0;
      cursor: row-resize;
      background-color: #d4d4d4;
    }
    .commonListTab-sider-title{
      width: 100%;
      height: 30px;
      padding-left: 6px;
      line-height: 30px;
      background: #f2f2f2;
      box-sizing: border-box;
      border-bottom: 1px solid #dbdbdb;
      color: #101010;
      font-size: 14px;
      font-weight: bold;
      .control-icon{
        cursor: pointer;
      }
      span{
        margin-left: 16px;
      }
    }
    .commonListTab-sider-content{
      width: 100%;
      height: ~"calc(100% - 30px)";
      overflow: auto;
    }
  }
  .commonListTab-content{
    //width: ~"calc(100% - 224px)";
    float: left;
    height: 100%;
    #expandTable{
      .ant-table-scroll{
        padding-bottom: 30px!important;
      }
    }
    .topTable .ant-table-content .ant-table-scroll{
      padding-bottom: 0!important;
    }
    .ant-table-content .ant-table-body{
      max-height: 100%!important;
    }
    .ant-table-summary{
      position: sticky!important;
      bottom: 20px;
    }
  }
}
.mychart{
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
.mychartSmall{
  width: 50%;
  margin: 0 auto;
  padding-top: 10px;
}