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

.pagination-content {
   text-align: right;
   padding-top: 10px;
   font-size: 12px;

   .btn { padding: $pagination-padding-y 14px; }

   .btn-disabled {
      pointer-events: none;
      color: $gray-dark;
      background: $border-color;
      cursor: default;
   }
}

.pager-top .pagination-content {
   padding-top: 20px;
}

.pagination {
   display: inline-block;
   padding-left: 0;
   margin: 0;
   vertical-align: middle;

   > li {
      display: inline-block;

      > a {
         border-radius: 3px;
         @include underline-default;

         color: $pagination-color;
         display: inline-block;
         padding: $pagination-padding-y $pagination-padding-x;
         position: relative;
      }
   }

   > .active > a {
      text-decoration: none;
      pointer-events: none;

      @include plain-hover-focus {
         z-index: 2;
         color: $pagination-disabled-color;
         cursor: default;
         background-color: $pagination-disabled-bg;
      }
   }
}
