.pagination { /*display: inline-block;*/ padding-left: 0; margin: /*20px*/ 0; border-radius: var(--bs-border-radius); }

.pagination > li { display: inline; }

.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: var(--bs-body-bg)/*#ffffff*/; border: 1px solid var(--bs-border-color-translucent) /*#dddddd*/; }

.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: var(--bs-border-radius); border-top-left-radius: var(--bs-border-radius); }

.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { background-color: #eeeeee; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: var(--bs-primary) /*#428bca*/; border-color: var(--bs-primary)/*#428bca*/; }

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: var(--bs-body-bg)/*#ffffff*/; border-color: var(--bs-border-color) /*#dddddd*/; }

.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

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

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

.pager:after { clear: both; }

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

.pager:after { clear: both; }

.pager li { display: inline; }

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

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

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

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

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