/**
 * Admin Paging Styles with Dark Mode Support
 *
 * Note: Until the HTML can be taken out of paging_functions, this is the most customization
 * that is allowed for paging. The paging_gap classes are in paging_functions.php, not templates.
 */

.paging_gap_1 { /* Base Pixels */
    margin-left: 3px;
    margin-right: 3px;
}

.paging_gap_2 { /* Base Pixels x 2 */
    margin-left: 6px;
    margin-right: 6px;
}

.paging_gap_3 { /* Base Pixels x 3 */
    margin-left: 9px;
    margin-right: 9px;
}

.paging_gap_right_2 { /* Base Pixels x 4 */
    margin-right: 12px;
}

.paging_gap_left_5 { /* Base Pixels * 10 */
    margin-left: 30px;
}

.paging_gap_left_3 { /* Base Pixels * 6 */
    margin-left: 18px;
}

.paging_current_page { /* Highlighted Page */
    color: var(--admin-link);
    font-weight: bold;
}

.paging_links {
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    color: var(--admin-text);
}

.paging_links a:link,
.paging_links a:visited,
.paging_links a:active {
    color: var(--admin-link);
    text-decoration: none;
}

.paging_links a:hover {
    color: var(--admin-link-hover);
    text-decoration: underline;
}

.paging_order_by_sort_by {
    text-align: center;
    color: var(--admin-text);
}

.paging_order_by_sort_by a:link,
.paging_order_by_sort_by a:visited,
.paging_order_by_sort_by a:active {
    color: var(--admin-link);
    text-decoration: none;
}

.paging_order_by_sort_by a:hover {
    color: var(--admin-link-hover);
    text-decoration: underline;
}