/* Apply striping effect (Using .table-striped was causing issues with the hover and selected classes) */
table.dataTable>tbody>tr.odd {
    background-color: var(--bs-gray-200);
}

/* CSS for Sweep Balance Report */
table.dataTable>tbody>tr.balance_tr_subTotal,
table.dataTable>tbody>tr.balance_tr_subTotal:hover,
table.dataTable>tbody>tr.balance_tr_subTotal.portalTableSelected,
table.dataTable>tbody>tr.balance_tr_subTotal.portalTableSelected:hover,
table.dataTable>tbody>tr.balance_tr_subTotal.portalTableSelectedInPast,
table.dataTable>tbody>tr.balance_tr_subTotal.portalTableSelectedInPast:hover
{
    background-color: var(--bs-gray-500);
    color: white;
    cursor: default;
}

table.dataTable>tbody>tr.balance_tr_blank,
table.dataTable>tbody>tr.balance_tr_blank:hover,
table.dataTable>tbody>tr.balance_tr_blank.portalTableSelected,
table.dataTable>tbody>tr.balance_tr_blank.portalTableSelected:hover,
table.dataTable>tbody>tr.balance_tr_blank.portalTableSelectedInPast,
table.dataTable>tbody>tr.balance_tr_blank.portalTableSelectedInPast:hover
{
    background-color: var(--bs-gray-500);
    cursor: default;
}

/* If we have a text-danger text-success in one of our dark state bump it into a more easy to read color and hopefully its ok we lost our red/green color */
table.dataTable>tbody>tr.linked_row:hover>td.text-danger,
table.dataTable>tbody>tr.linked_row:hover>td.text-success,
table.dataTable>tbody>tr.portalTableSelected>td.text-danger,
table.dataTable>tbody>tr.portalTableSelected>td.text-success
{
    color: var(--oak-portalTable-hover-font-color) !important;
}

table.dataTable>tbody>tr.balance_tr_grandTotal,
table.dataTable>tbody>tr.balance_tr_grandTotal:hover,
table.dataTable>tbody>tr.balance_tr_grandTotal.portalTableSelected,
table.dataTable>tbody>tr.balance_tr_grandTotal.portalTableSelected:hover,
table.dataTable>tbody>tr.balance_tr_grandTotal.portalTableSelectedInPast,
table.dataTable>tbody>tr.balance_tr_grandTotal.portalTableSelectedInPast:hover
{
    background-color: var(--bs-gray-700);
    font-weight: bold;
    color: white;
    cursor: default;
}

/* Change cursor to a pointer for tables with linked rows */
table.dataTable>tbody>tr.linked_row {
    cursor: pointer;
}

/* set mouse over highlight for each row */
table.dataTable>tbody>tr.linked_row:hover,
table.dataTable>tbody>tr.linked_row.portalTableSelected:hover,
table.dataTable>tbody>tr.linked_row.portalTableSelectedInPast:hover {
    background-color: var(--oak-portalTable-hover-bg-color);
    color: var(--oak-portalTable-hover-font-color) !important;
}

/* Highlight currently selected row */
table.dataTable>tbody>tr.portalTableSelected {
    background-color: var(--oak-portalTable-selected-bg-color);
    color: var(--oak-portalTable-selected-font-color);
}

/* Highlight rows selected in past (the class is set by portalTable.js when you click on a row)*/
table.dataTable>tbody>tr.portalTableSelectedInPast {
    background-color: var(--oak-portalTable-selectedInPast-bg-color);
    color: var(--oak-portalTable-selectedInPast-font-color);
}

.dataTables_length {
    margin-top: 0.5rem;
    margin-left: 0.25rem;
}

/* Make links look like normal text */
table.dataTable>tbody>tr a {
    text-decoration: none;
    color: inherit;
}

/*Combined phone# - Home+Work+Mobile*/
table.dataTable tbody tr .combinedPhone {
    white-space: nowrap;   
}

/* Do not allow table content to extend out of its container in smaller resolutions */
.dataTables_wrapper {
    overflow-x:auto;
}