@each $theme in dark, light {

  // @include theme($theme);
  .v-application.#{$theme}-mode {
    .pagination-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 12px 0;
      margin-top: 10px;
    }

    .ant-pagination-disabled {
      color: map-deep-get($config, #{$theme}, "paging-disable") !important;;
      cursor: not-allowed !important;
      pointer-events: none; /* disables hover and click */
      background-color: transparent;
    }

    .ant-pagination-disabled:hover {
      color: map-deep-get($config, #{$theme}, "paging-disable") !important;;
      background-color: transparent !important;
    }

    .ant-pagination-item-ellipsis {
      color: map-deep-get($config, #{$theme}, "paging-text") !important;
    }

    .ant-pagination-item,
    .ant-pagination-prev,
    .ant-pagination-next {
      // border: none !important;
      // box-shadow: none !important;
      background-color: map-deep-get($config, #{$theme}, "paging-background") !important;
      color: map-deep-get($config, #{$theme}, "paging-text");
      border: none;

      .ant-pagination-item-link {
        border: none;
        background-color: map-deep-get($config, #{$theme}, "paging-background") !important;
      }
    }

    .ant-pagination-item-active {
      border: 1px solid #1890ff !important;
      color: #1890ff !important
    }

    .ant-pagination-options-size-changer {
      .ant-select-selection {
        border: 0.5px solid map-deep-get($config, #{$theme}, "v-input-fieldset-color") !important;
        background: map-deep-get($config, #{$theme}, "paging-background") !important;
        color: map-deep-get($config, #{$theme}, "paging-text") !important;
      }

      .ant-select-arrow {
        color: map-deep-get($config, #{$theme}, "paging-text") !important;
      }

      .ant-select-selection__rendered {
        margin-right: 30px;
      }
    }

  }
}