@import '../../../../global/theme.less';

.pagination {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: @t-pagination-color !important;
  :global {
    .@{ant-prefix}-pagination-options-size-changer {
      .@{ant-prefix}-select-selection {
        border: 1px solid @t-pagination-border-color;
      }
    }

    .@{ant-prefix}-pagination-simple
      .@{ant-prefix}-pagination-simple-pager
      input {
      background: transparent !important;
      color: @t-pagination-color !important;
      border: solid 1px @t-pagination-border-color;
    }
    .@{ant-prefix}-pagination-options-quick-jumper input {
      border: solid 1px @t-pagination-border-color;
    }
    .@{ant-prefix}-input-number {
      background-color: transparent !important;
    }

    .@{ant-prefix}-pagination-item {
      border: 1px solid @t-pagination-border-color !important;
      background-color: @t-dashboard-bg;
      a {
        color: @t-pagination-color;
      }
    }
    .@{ant-prefix}-pagination-item-active {
      border-color: @t-theme-color;
      background-color: @t-dashboard-bg;
      a {
        color: @t-theme-color;
      }
    }
    .@{ant-prefix}-input-number-input-wrap input {
      color: @t-pagination-color !important;
    }
    .@{ant-prefix}-select-selection--single .@{ant-prefix}-input {
      color: @t-pagination-color !important;
      text-align: center !important;
    }
    .@{ant-prefix}-pagination-disabled a,
    .@{ant-prefix}-pagination-disabled:hover a,
    .@{ant-prefix}-pagination-item-link,
    .@{ant-prefix}-pagination-disabled:hover
      .@{ant-prefix}-pagination-item-link,
    .@{ant-prefix}-pagination-disabled:focus a,
    .@{ant-prefix}-pagination-disabled:focus
      .@{ant-prefix}-pagination-item-link {
      background-color: @t-dashboard-block-bg !important;
      border-color: @t-pagination-border-color !important;
      .anticon {
        color: @t-pagination-border-color !important;
      }
    }
  }
  .pageSize {
    width: 55px;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: 10px;
    border: 1px solid @t-pagination-border-color;
    border-radius: 2px;
    :global {
      .@{ant-prefix}-select-selection--single {
        height: 100% !important;
        background: transparent !important;
      }
      .@{ant-prefix}-input {
        border: none;
        height: 22px !important;
      }
      .@{ant-prefix}-select-selection__rendered {
        line-height: 22px !important;
      }
    }
  }
  .item {
    margin-left: 5px;
    margin-top: 7px;
  }
}