@import '../../index.less';
@prefix: @component-prefix;

.@{prefix}-table {
  .ant-table {
    border: @border-normal;
    .ant-table-thead {
      > tr > th {
        background: #dff7f3;
        padding: 0 16px;
        height: 40px;
        border-color: @border-normal-color;
        color: #000;
        font-family: @font-family-medium;
      }
    }

    .ant-table-tbody {
      > tr {
        &.ant-table-row {
          > td {
            padding: 0 16px;
            height: 40px;
            border-color: @border-normal-color;
            color: #1b1b1b;
          }
          &:hover {
            > td {
              background: #f8fafb;
            }
          }
        }

        &.ant-table-expanded-row {
          > td {
            border-color: @border-normal-color;
            padding: 24px;
            .ant-table-wrapper:only-child .ant-table {
              margin: 0;
              .ant-table-tbody > tr:last-child > td {
                border-bottom: @border-normal;
              }
            }
          }
        }
      }
    }
  }

  .ant-pagination {
    @pagination-border-color: rgba(0, 0, 0, 0.25);
    margin-bottom: 0;
    .ant-pagination-prev,
    .ant-pagination-next {
      &:hover {
        button {
          border-color: @research-theme-color;
          color: @research-theme-color;
        }
      }

      &.ant-pagination-disabled button,
      button {
        border-color: @pagination-border-color;
        color: @pagination-border-color;
      }
    }

    .ant-pagination-item {
      border-color: @pagination-border-color;
      a {
        color: rgba(27, 27, 27, 0.54);
      }
      &:hover {
        border-color: @research-theme-color;
        a {
          color: @research-theme-color;
        }
      }
    }
    .ant-pagination-item-active {
      background: @research-theme-color;
      border-color: @research-theme-color;
      a {
        font-weight: normal;
        color: rgba(255, 255, 255, 0.9);
        &:hover {
          color: rgba(255, 255, 255, 0.9);
        }
      }
    }
  }
}
