.paginator.dark {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
.paginator.dark i{
    cursor: pointer;
    color: var(--FONT-COLOR);
}
.paginator.dark i:hover{
    opacity: 0.75;
}
.paginator.dark .paginator-text{
    color: var(--FONT-COLOR);
    font-size: 10px;
}
.paginator.dark i.disabled{
    opacity: 0.6;
}

.paginator.light {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
.paginator.light i{
    color: var(--PRIMARY-COLOR);
    cursor: pointer;
}
.paginator.light i:hover{
    opacity: 0.75;
}
.paginator.light .paginator-text{
    color: var(--PRIMARY-COLOR);
    font-size: 10px;
}
.paginator.light i.disabled{
    opacity: 0.6;
}
.data-listing
{
    max-height: 60vh;
    overflow: auto;
}


/* Data Listing */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 5px;
    justify-content: center;
    padding: 20px;
    gap: 5px;
}
.pagination .page-item:hover .page-link{
    background-color: var(--SECONDARY-COLOR);
    opacity: 0.95;
}
.pagination .page-link {
    color: var(--FONT-COLOR);
}
.pagination .page-item.active .page-link {
   background-color: var(--SECONDARY-COLOR);
}
@media (max-width: 768px) {
    .pagination { flex-wrap: wrap; margin-top: -1rem;padding: 0 10px; }
    .page-link { font-size: 12px; }
}