.xrpagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
.xrpagination li {
  display: inline; }
.xrpagination  li > a,
.xrpagination li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #7E8299;
  background-color: #fff;
  /*border: 1px solid #efefef;*/
  border-radius: .42rem;
  margin-left: .4rem;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.xrpagination  li:first-child > a,
.xrpagination  li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }
.xrpagination  li:last-child > a,
.xrpagination  li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }
.xrpagination  li > a:hover, .xrpagination  li > a:focus,
.xrpagination  li > span:hover,
.xrpagination  li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd; }
.xrpagination  .active > a, .xrpagination  .active > a:hover, .xrpagination  .active > a:focus,
.xrpagination  .active > span,
.xrpagination  .active > span:hover,
.xrpagination  .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  border-color: var(--bs-app-header-base-menu-link-bg-color-active);;
  cursor: default; }