@import  'app/style/default.scss';
.order-tabel{
    background: #15171E;
    .ant-table-scroll{
        display: flex;
        flex-direction: column;

    }
    .ant-table-body{
        overflow-x: hidden;
        background: #15171E!important;     
        &::-webkit-scrollbar{
            width:8px;
            height: 8px;
            background: $tabel-bg;
        }// 滚动条整体部分
        &::-webkit-scrollbar-thumb {
            background: $input-bg ;
            border-radius: 4px;
        }// 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
        // &::-webkit-scrollbar-button{
            // border: 4px solid #000;
            // &:vertical:start{
            //     border-color:$tabel-bg $tabel-bg $input-bg $tabel-bg ;
            // }
            // &:vertical:end{
            //     border-color:$input-bg $tabel-bg $tabel-bg  $tabel-bg ;
            // }
        // }// 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
    }
    .table-th{
        border-right: 14px solid transparent;
    }
    table{
        min-width: 800px;
        overflow: hidden;
        background: $tabel-bg;
        width: 100%;
        thead{
            border-right: 14px solid transparent;
        }
        tr>th{
          background-color: #1A1D26;
          color: $text-tabel-th;
        }
        th,td{
          font-weight: normal;
          width: 200px;
          box-sizing: border-box;
          height: 26px;
          padding: 0;
          color: $text-content;
          text-align: center;
          border: 1px solid #1E2129 ;
          font-size: 14px;
        }
        td:nth-of-type(1){
            span:nth-of-type(2) span{
                min-width: 40px;
                display: inline-block;
            }
        }
        td:nth-of-type(4){
          color: $text-red;
        }
        .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
          background: none;
        }
    }
    .ant-checkbox-inner{
      border-color: #3C4350 !important;
      background-color: #3C4350;
    }
    .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #1890ff;
        border-color: #1890ff;
    }
    .ant-table-tbody > tr.ant-table-row-selected td{
        background:none;
    }
    .ant-table-fixed-header .ant-table-scroll .ant-table-header{
        overflow:hidden;
        margin-bottom:0!important;
    }
    
    .load-more{
        height: 29px;
        line-height: 29px;
        color:$btn-bg ;
        text-align: center;
        border-top: 1px solid $body-bg-color;
    }
    .progress{
        top:200px;
        width:416px;
        left: 50%;
        margin-left: -208px;
    }
    .ant-table table{
        border-radius:0;
    }
}