.pagination {
  display: inline-block;
  text-align: center;
  padding-left: 0;
  margin-top: $spacer-y;
  margin-bottom: $spacer-y;
  user-select: none;
  cursor: pointer;
}

.page-item {
  display: inline-block; // Remove list-style and block-level defaults
  &:not(:last-child) {
    margin-right: $pagination-item-spacer-x;
  }

  &.active .page-link {
    color: $pagination-active-color;
    border-color: $pagination-active-border;
  }

  &.disabled {
    cursor: $cursor-disabled;

    .page-link {
      color: $pagination-disabled-color;
      pointer-events: none;
    }
  }
  .fa-ellipsis-h {
    color: $pagination-ellipsis-color;
    padding: 0 $pagination-ellipsis-padding;
  }
}

.page-link {
  position: relative;
  display: inline-block;
  min-width: $pagination-link-min-size;
  min-height: $pagination-link-min-size;
  line-height: $pagination-link-line-height;
  padding: $pagination-padding-y $pagination-padding-x;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  color: $pagination-color;
  background-color: $pagination-bg;
  border: $pagination-border-width solid $pagination-border-color;
  transition: $pagination-transition;
  border-radius: $pagination-border-radius;

  i {
    transform: scale($pagination-fa-scale);
  }

  &:hover {
    box-shadow: $pagination-hover-box-shadow;
    text-decoration: none;
  }
}
.pagination-jumper {
  display: inline-block;
  & > span {
    padding-left: $pagination-jumper-spacing;
    padding-right: $pagination-jumper-spacing;
  }
}
.pagination-jumper-input {
  display: inline-block !important;
  width: $pagination-jumper-input-width !important;
  & > input {
    text-align: center;
    width: 100% !important;
  }
}
.pagination-total {
  display: inline-block;
  padding-left: $pagination-jumper-spacing;
  & > span {
    padding-left: $pagination-total-spacing;
    padding-right: $pagination-total-spacing;
  }
}