//
// Pagination (multiple pages)
// --------------------------------------------------
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 3px;

  > li {
    display: inline; // Remove list-style and block-level defaults

    > .btn {
      padding: 5px 16px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1); // custom shadow
    }
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #2d84b8;
      background-color: #fff;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
      border-radius: 3px;
      margin-left: 6px;
      font-weight: bold;
    }
    &:first-child {
      > a,
      > span {
        margin-left: 0;
      }
    }
    &:last-child {
      > a,
      > span {
      }
    }
  }

  > li > a,
  > li > span {
    &:hover,
    &:focus {
      color: #fff;
      background-color: #2d84b8 !important;
      border-color: #ddd;
    }
  }

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      z-index: 2;
      color: #fff;
      background-color: #2d84b8 !important;
      border-color: #2d84b8;
      cursor: default;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      color: #777;
      background-color: #fff;
      border-color: #ddd;
      cursor: not-allowed;
    }
  }
}

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

// Large
.pagination-lg {
  > li {
    > a,
    > span {
      padding: 10px 16px,;
      font-size: 16px;
    }
    &:first-child {
      > a,
      > span {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }
    }
    &:last-child {
      > a,
      > span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
      }
    }
  }
}

// Small
.pagination-sm {
  > li {
    > a,
    > span {
      padding: 5px 10px;
      font-size: 12px;
    }
    &:first-child {
      > a,
      > span {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }
    }
    &:last-child {
      > a,
      > span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
      }
    }
  }
}