.pagination {display: flex;padding-left: 0;list-style: none;border-radius: 0; } .page-link {position: relative;display: block;padding: 0.625rem 0.8333333333rem;margin-left: -0.0833333333rem;line-height: 1.25;color: var(--pagination-color);background-color: var(--pagination-bg);border: 0.0833333333rem solid var(--pagination-border-color); } .page-link:hover {z-index: 2;color: var(--pagination-hover-color);text-decoration: none;background-color: var(--pagination-hover-bg);border-color: var(--pagination-hover-border-color); } .page-link:focus {z-index: 2;outline: 0;box-shadow: 0 0 0 0.2rem var(--input-btn-focus-color); } .page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0; } .page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0; } .page-item.active .page-link {z-index: 1;color: var(--pagination-active-color);background-color: var(--pagination-active-bg);border-color: var(--pagination-active-border-color); } .page-item.disabled .page-link {color: var(--pagination-disabled-color);pointer-events: none;cursor: auto;background-color: var(--pagination-disabled-bg);border-color: var(--pagination-disabled-border-color); } .pagination-lg .page-link {padding: 0.75rem 1.5rem;font-size: 1.25rem;line-height: 1.3333333333; } .pagination-lg .page-item:first-child .page-link {border-top-left-radius: 0;border-bottom-left-radius: 0; } .pagination-lg .page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0; } .pagination-sm .page-link {padding: 0.25rem 0.5rem;font-size: 0.5rem;line-height: 1.3333333333; } .pagination-sm .page-item:first-child .page-link {border-top-left-radius: 0;border-bottom-left-radius: 0; } .pagination-sm .page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0; } .nav-pagination {display: flex;align-items: center;justify-content: center; } .nav-pagination .page-elipsis {border-color: transparent; } .nav-pagination .page-elipsis:hover {color: var(--body-color); } .nav-pagination .pagination-loader {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;display: none;align-items: center;justify-content: center;background: var(--white);z-index: 1;padding-bottom: 1.3333333333rem; } .nav-pagination.loader .pagination-loader {display: flex; } .nav-pagination .page-item .page-link {font-size: 0.8888888889rem;font-weight: 600;text-transform: uppercase;line-height: 1.5;padding: 0.4166666667rem 0.8333333333rem;border-width: 0.1111111111rem; } @media (min-width: 576px) {.nav-pagination .page-item .page-link {border-width: 0.0833333333rem;font-size: 0.75rem;line-height: 1.3333333333;} } .nav-pagination .page-item:first-child .page-link {border-radius: 1.4583333333rem 0 0 1.4583333333rem;padding-left: 1.0416666667rem; } .nav-pagination .page-item:last-child .page-link {border-radius: 0 1.4583333333rem 1.4583333333rem 0;padding-right: 1.0416666667rem; } .nav-pagination .page-item.active .page-link, .nav-pagination .page-item:hover .page-link {background: var(--color7);color: var(--white);border-color: var(--color7); }