@import '../../styles/default.scss';

.#{$pkg-prefix}-table {
  .ant-table-container {
    font-size: 13px;
  
    thead.ant-table-thead {
      th {
        background-color: #f4fbff;
        padding: 8px 16px;
        height: 40px;
        border-color: #3296fa;
        color: #555;
  
        &::before {
          background-color: #eee;
        }
      }
  
      .ant-table-filter-column {
  
        .ant-table-column-sorter,
        .ant-table-filter-trigger {
          margin-left: 0;
          margin-right: 0;
          padding-left: 4px;
          padding-right: 0;
        }
      }
    }
  
    .ant-table-tbody > tr.ant-table-row:hover > td {
      background-color: #f7f7f7;
    }
  
    .ant-table-tbody > tr.ant-table-row-selected > td {
      background-color: #f0faff;
    }
  
    .ant-table-tbody {
      td {
        height: 48px;
        padding: 8px 16px;
      }
    }
  }

  &.#{$pkg-prefix}-table-none-hovercolor {
    .ant-table-container .ant-table-tbody > tr.ant-table-row:hover > td {
      background-color: transparent;
    }
  }
}