.pagination {display: flex;padding-left: 0;list-style: none;border-radius: 0; } .page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: var(--pagination-color);background-color: var(--pagination-bg);border: 1px 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.7; } .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.875rem;line-height: 1.7; } .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.25rem; } .nav-pagination.loader .pagination-loader {display: flex; }