//
// Pagination (multiple pages)
// --------------------------------------------------
.paginationWrap{
  @include clearfix;
  > div{
    float: left; 
    margin: $line-height-computed 0;
    line-height: $btn-height-base;
    color: $gray;
  }
  >ul{
    float: right
  }
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: $line-height-computed 0;

  > li {
    float: left;
    margin-right: 2px;
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      border-radius: $border-radius-small;
      font-size: $font-size-small;
      padding: $padding-small-vertical $pagination-horizontal-padding;
      min-width: $btn-height-small;
      text-align: center;
      line-height: $line-height-small;
      text-decoration: none;
      color: $pagination-color;
      background-color: $pagination-bg;
      border: 1px solid $pagination-border;
      margin-left: -1px;
    }

    > span{
      cursor: default;
    }

    .form-control{
      width: 40px;
      text-align: center;
    }
  }

  > li > a{
    &:hover,
    &:focus {
      z-index: 3;
      color: $pagination-color;
      background-color: $pagination-hover-bg;
      border-color: $pagination-hover-border;
    }
  }
  > .active > a{
    &,
    &:hover,
    &:focus {
      z-index: 2;
      color: $pagination-active-color;
      background-color: $pagination-active-bg;
      border-color: $pagination-active-border;
      cursor: default;
    }
  }

  > .disabled {
    > a,
    > a:hover,
    > a:focus {
      color: $pagination-disabled-color;
      background-color: $pagination-disabled-bg;
      border-color: $pagination-disabled-border;
      cursor: $cursor-disabled;
    }
  }
}

// Sizing
// --------------------------------------------------

// Large
.pagination-lg {
  @include pagination-size($padding-large-vertical, $btn-height-large, $font-size-large, $line-height-large, $border-radius-large);
}

// Small
.pagination-sm {
  @include pagination-size($padding-small-vertical, $btn-height-small, $font-size-small, $line-height-small, $border-radius-small);
}
