//
// Pager
// --------------------------------------------------

.pager {
  li {
    > a,
    > span {
      @include button-variant($btn-default-color, $btn-default-bg, $btn-default-bg-img-start, $btn-default-bg-img-stop, $btn-default-border);
      color: $gray-pf;
      font-weight: 600;
      line-height: 22px;
      padding: 2px 14px;
      > .i {
        font-size: 18px;
        vertical-align: top;
        margin: 2px 0;
      }
    }
    a:active {
      background-image: none;
      @include box-shadow(inset 0 3px 5px rgba($color-pf-black, (12.5/100)));
      outline: 0;
    }
  }
  .disabled {
    > a,
    > a:hover,
    > a:focus,
    > a:active,
    > span {
      background: $pagination-bg;
      @include box-shadow(none);
      color: $pager-disabled-color;
      cursor: not-allowed;
    }
  }
  .next {
     > a,
     > span {
       > .i {
          margin-left: 5px;
       }
     }
  }
  .previous {
     > a,
     > span {
       > .i {
          margin-right: 5px;
       }
     }
  }
}

.pager-sm {
  li {
    > a,
    > span {
      font-weight: 400;
      line-height: 16px;
      padding: 1px 10px;
      > .i {
        font-size: 12px;
      }
    }
  }
}
