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

.pager {
  margin: 0px;
  padding-bottom: 2px;

  &>li {
    &.page {
      padding-right: @line-height-computed / 3;
    }

    a {
      &, &:link, &:visited {
        background-color: @btn-default-bg;
        border-color: @btn-default-bg;
        border-radius: @border-radius-base;
        box-shadow: 0px 2px 0px 0px @btn-default-border;
        padding: 6px 9px;

        color: @btn-default-color;
      }

      &:hover {
        background-color: darken(@btn-default-bg, 10%);
        border-color: darken(@btn-default-bg, 10%);
        box-shadow: 0px 2px 0px 0px darken(@btn-default-border, 10%);

        color: @btn-default-color;
      }

      &:active, &:focus {
        background-color: darken(@btn-default-bg, 15%);
        border-color: darken(@btn-default-bg, 15%);
        box-shadow: none;
        position: relative;
        top: 2px;

        color: darken(@btn-default-color, 10%);
      }
    }
  }
}
