.pagination {
  margin-bottom: 0;
  color: $white;

  &.pagination-xs {
    > li {
      > a , > span {
        padding: $padding-m;
      }
    }
  }

  &.pagination-split{
    li {
      display: inline-block;
      margin-right: $margin-xs;
      padding: $padding-xs;
      color: $blue;
      background: $pagination-active-color;
      border-color: darken($pagination-active-color,5%);
      border-radius: $radius-s;

      &:hover:not(.active), &:focus:not(.active) {
        background-color: lighten($pagination-active-color, 5%);
        color: $white;
      }
    }

    .active {
      background: none;
    }

    a {
      border-radius: 4px;
      padding: $padding-xs;
      color: $white;
      text-decoration: none;
    } 


    .active a {
      color: $blue;
    }
  }
}

.paginator-button {
  cursor: pointer;
}

.disabled {
  opacity: 0.5;
  pointer-events:none;

}