.force-table-block {
    display: block !important
}

@media (max-width: 768px) {
    .force-table-block {
        display: none !important
    }
}

/* Checkable rows */
.dt-checkbox-col {
    width: 32px;
    text-align: center;
}

/* Center the header checkbox. DataTables v2 renders <th> as a flex container,
   so text-align alone is not enough — justify-content is needed as well. */
th.dt-checkbox-col {
    justify-content: center;
}

/* Remove the default vertical margins radio.css adds to .custom-radio so the
   checkbox sits flush inside both the <th> header and each <td> body cell. */
th.dt-checkbox-col .custom-radio,
td.dt-checkbox-col .custom-radio {
    margin: 0;
}

#table-results-container table tbody tr.selected td {
    background-color: rgba(0, 123, 255, 0.1);
}

.cards-in-mobile .card-general.selected {
    background-color: rgba(0, 123, 255, 0.1);
}