.pager {
    padding-left: 0;
    margin: 22px 0;
    list-style: none;
    text-align: center
  }

  .pager:after,
  .pager:before {
    content: "";
    display: table
  }

  .pager li {
    display: inline
  }

  .pager li>a,
  .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    color: #888;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
  }

   .pager li>span {
      color: #fff;
      background-color: #828c98;
   }

  .pager li>a:focus,
  .pager li>a:hover {
    text-decoration: none;
    background-color: #eee
  }

  .pager .next>a,
  .pager .next>span {
    float: right
  }

  .pager .previous>a,
  .pager .previous>span {
    float: left
  }

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

    .pager {
    padding-left: 0;
    margin: 22px 0;
    list-style: none;
    text-align: center
  }

  .pager:after,
  .pager:before {
    content: "";
    display: table
  }

  .pager li {
    display: inline
  }

  .pager li>a,
  .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    color: #888;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
  }

   .pager li>span {
      color: #fff;
      background-color: #828c98;
   }

  .pager li>a:focus,
  .pager li>a:hover {
    text-decoration: none;
    background-color: #eee
  }

  .pager .next>a,
  .pager .next>span {
    float: right
  }

  .pager .previous>a,
  .pager .previous>span {
    float: left
  }

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

  /* ggggg */
  .pagination {
    display: block;
    padding-left: 0;
    margin: 22px 0;
    list-style: none;
    text-align: center
  }

  .pagination:after,
  .pagination:before {
    content: "";
    display: table
  }

  .pagination li {
    display: inline
  }

  .pagination li>a,
  .pagination li>span {
    display: inline-block;
    padding: 5px 14px;
    color: #888;
    background-color: #fff;
    border: 1px solid #828c98;
    border-radius: 15px
  }

   .pagination li>span {
      color: #fff;
      background-color: #828c98;
      font-weight: bold;
   }

  .pagination li>a:focus,
  .pagination li>a:hover {
    text-decoration: none;
    background-color: #eee
  }

  .pagination .next>a,
  .pagination .next>span {
    float: right
  }

  .pagination .previous>a,
  .pagination .previous>span {
    float: left
  }

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