.pagination {
  position: relative;
  padding-top: 10px;
}

.paginationjs > .paginationjs-nav.J-paginationjs-nav{
  position: absolute;
  right: 0;
}

div.paginationjs-pages ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.paginationjs-pages > ul > li > a {
  padding: 6px 9px;
  color: white;
  background-color: whitesmoke;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
.paginationjs-pages > ul > li > a:hover {
  color: black;
  background-color: white;
  cursor: pointer;
}
.paginationjs-pages > ul > li.active > a {
  color: white;
  background-color: #666666;
  box-shadow: none;
}
.paginationjs-pages > ul > li.active > a:hover {
  color: white;
  background-color: #666666;
  cursor: text;
}
.paginationjs-pages > ul > li.disabled > a {
  color: white;
  background-color: #666666;
  box-shadow: none;
}
.paginationjs-pages > ul > li.disabled > a:hover {
  color: white;
  background-color: #666666;
  cursor: text;
}

.paginationjs-page,.paginationjs-prev,.paginationjs-next {
  text-decoration: underline;
  margin: 0 4px;
}

.paginationjs-page:hover,.paginationjs-prev:hover,.paginationjs-next:hover {
  text-decoration: none;
}

.paginationjs-page.active,.paginationjs-prev.disabled,.paginationjs-next.disabled {
  text-decoration: none;
}

.paginationjs-pages > ul {
  display: flex;
  align-items: baseline;
}
.paginationjs-pages > ul > li.paginationjs-ellipsis.disabled > a {
  border: none;
  background-color: LightCyan;
  color: black;
  margin: 0 4px;
  padding: 0;
}
