AlchemyCMS/alchemy_cms

.pagination {
  position: fixed;
  display: flex;
  align-items: center;
  background: $light_gray;
  bottom: 0;
  right: 0;
  width: 100%;
  left: 0px;
  height: $pagination-height;
  padding: 2 * $default-padding;
  padding-left: $main-menu-width + 10px;
  text-align: left;
  border-top: $default-border;
  z-index: 10;

  a,
  span,
  em {
    font-size: $default-font-size;
    font-weight: bold;
    color: $icon-color;
    padding: $default-padding;
    margin: 0 $default-margin/2;
    border-radius: $default-border-radius;
  }

  a:hover {
    color: $text-color;
    background-color: $default-border-color;
    text-decoration: none;
  }

  span a {
    padding: 0;
  }

  .page {
    padding: $default-padding 2 * $default-padding;
  }

  .current {
    color: $text-color;
    background-color: $default-border-color;
    cursor: default;
  }

  .previous_page {
    margin-right: 2 * $default-padding;
  }

  .next_page {
    margin-left: 2 * $default-padding;
  }

  .disabled,
  span {
    color: #c0c0c0;
  }

  .gap {
    border: none;
    background: transparent;
    cursor: default;
    margin: 0;
  }

  .next_page,
  .previous_page,
  .first-page,
  .last-page,
  .gap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .icon {
    fill: currentColor;
  }
}

.per-page-select-form {
  margin-left: auto;
  display: inline;
}

#assign_image_list .pagination,
#assign_file_list .pagination {
  position: absolute;
  padding-left: 8px;
}