/*Haylem redefine of the css imported from the DataTable v3*/

table.dataTable tbody td {
    vertical-align: middle;
}


/*Checkbox in the header of the datatable and the custom redefine first column in the datatable*/
table.dataTable tbody td:has(input[type="checkbox"]),
table.dataTable thead th:has(input[name="select_all"]),
table.dataTable tbody input[type="checkbox"],
table.dataTable thead input[name="select_all"] {
    cursor: pointer;
}

table.dataTable.selectable-row tbody tr:not(.no-select) td:not(:last-child),
table.dataTable.selectable-row tbody tr:not(.no-select) td:first-child {
    cursor: pointer;
}

table.dataTable.selectable-row tbody tr:not(.no-select):has(td:first-child):hover:not(.no-hover) {
    background-color: var(--haylem-hover-color); /* Couleur de surbrillance au survol */
}

table.dataTable.selectable-row tbody tr.highlighted {
    background-color: var(--haylem-active-color); /* Couleur de surbrillance active */
}

/*Hide the default circle bubble animation provided by datatables v3
(The default loading from datatable v3 is a text + div where there an animation of loading bubble)*/
div.dt-processing > div:last-child {
    display: none;
}

/*Prevent from changing color of row that are selected by redefining the default datatable style*/
table.dataTable.table > tbody > tr.selected > * {
    color: inherit !important;
    box-shadow: none !important;
    background-color: inherit !important;
}