.oc-tijdrit {
    --tr-accent: var(--bs-primary, #ef6600);
    --tr-border: var(--bs-secondary, #30827d);
    --tr-stripe: #f2f2f2;
}

.oc-tijdrit h2 {
    color: var(--tr-accent);
}

.oc-tijdrit .dataTables_filter {
    margin-bottom: 1em;
    input{
        margin-left: 0.5em;
    }
}

.oc-tijdrit table.oc-tijdrit-table.dataTable {
    width: auto;
    margin: 0;
    border-collapse: collapse;
}

.oc-tijdrit table.oc-tijdrit-table.dataTable thead th {
    color: var(--tr-accent);
    font-weight: bold;
    border-bottom: 1px solid var(--tr-border);
    padding: .5em 1.75em .5em .75em;
    white-space: nowrap;
    cursor: pointer;
}

.oc-tijdrit table.oc-tijdrit-table.dataTable tbody td {
    border: 1px solid var(--tr-border);
    padding: .5em .75em;
    white-space: nowrap;
}

.oc-tijdrit table.oc-tijdrit-table.dataTable.no-footer {
    border-bottom: 0;
}

.oc-tijdrit table.oc-tijdrit-table.dataTable tbody tr:nth-child(even) > td {
    background: var(--tr-stripe);
    box-shadow: none;
}

.oc-tijdrit table.oc-tijdrit-table.dataTable tbody tr:nth-child(odd) > td {
    background: #fff;
    box-shadow: none;
}

.oc-tijdrit .oc-num {
    text-align: right;
}

/* Paging, styled like the old DNN grid */
.oc-tijdrit .dataTables_info {
    font-weight: bold;
    padding-top: 1em;
}

.oc-tijdrit .dataTables_paginate {
    padding-top: .75em;
}

.oc-tijdrit .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--tr-accent) !important;
    border: 0 !important;
    background: none !important;
    padding: .25em .4em;
    min-width: 0;
    cursor: pointer;
}

.oc-tijdrit .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.oc-tijdrit .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: inherit !important;
}

.oc-tijdrit .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    text-decoration: underline;
}

@media (max-width: 575px) {
    .oc-tijdrit .dataTables_wrapper {
        overflow-x: auto;
    }
}