@import './theme.less';

.@{fin-common-prefix}-checkboxItemOption {
    width: 100%;
    .ant-checkbox-group-item {
        width: 32%;
    }
}

.@{fin-common-prefix}-pagination {
    margin: 6px 0 !important;
}

.@{fin-common-prefix}-common-table {
    height: 100%;
    overflow: auto;
    padding-top: 4px;
    .react-resizable {
        position: relative;
        background-clip: padding-box;
    }
    .ant-table-header .react-resizable {
        border-right: 1px solid #c2c2c2;
    }
    
    .react-resizable-handle {
        position: absolute;
        width: 10px;
        height: 100%;
        bottom: 0;
        right: -5px;
        cursor: col-resize;
        z-index: 1;
    }
}

.@{fin-common-prefix}-table-head-sticker-scroll,
.@{fin-common-prefix}-display-columns-table {
    .ant-table-body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #eee;
    }
      
    .ant-table-body::-webkit-scrollbar-track {
        box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.1);
        border-radius: 10px;
    }
      
    .ant-table-body::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background:rgba(0,0,0,0.1);
    }
    .ant-table-body-outer {
        -webkit-margin-after: -10px !important;
    }
    .ant-table-fixed {
        padding-top: 2px !important;
    }
    .ant-table-fixed-header {
        .ant-table-scroll {
          .ant-table-header::-webkit-scrollbar {
            width: 10px;
          }
        }
        .ant-table-fixed-left,
        .ant-table-fixed-right {
          z-index: 3;
        }
        .ant-table-fixed-left .ant-table-header,
        .ant-table-fixed-right .ant-table-header {
          position: relative;
          z-index: 4;
        }
    }
}

.@{fin-common-prefix}-display-columns-table {
    .ant-table-row-selected td {
        background: #e6f7ffab !important;
    }
    .ant-table-row-selected:hover td {
        background: #d4f1ff !important;
    }
    .ant-table-row:hover td {
        background: #d4f1ff !important;
    }
}