/* pagination */
.mars-pagination {
  margin: 0;
  padding: 1px 0;
  @include flexbox();
  justify-content: center;
  li {
    a {
      @include border-radius(0);
      border: 1px solid $c-border !important;
      background: color("white") !important;
      color: color("black2");
      padding: 3px 10px;
      transition: all .3s ease-in;
    }
    &:hover a,
    &.active a {
      background: color("shamrock") !important;
      color: color("white") !important;
    }
  }
  li:first-child > a,
  li:last-child > a { border: none !important; background: none !important; padding: 4px 10px; }
  li:first-child:hover > a,
  li:last-child:hover > a { background: none; color: color("black2"); }
  li:last-child > a { border-left: 1px solid $c-border; }
  li.ellipsis a { cursor: not-allowed; color: color("silver") !important; background: color("white") !important;  }
}

/* pager */
.pager {
  li > a {
    border: none; color: color("black2");
    &:hover { color: color("shamrock"); background: none !important; }
  }
  li:first-child > a i { float: left; margin-right: 5px; }
  li:last-child > a i { float: right; margin-left: 5px; }
}