@import url('https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.css');
@import url('https://cdn.datatables.net/keytable/2.12.1/css/keyTable.dataTables.css');
@import url('https://cdn.datatables.net/rowreorder/1.5.0/css/rowReorder.dataTables.css');

/* has_detail and is_editable: -> cursor: text */

.datatable-component.has_detail td:not([contenteditable="True"]) {
    cursor: pointer; /* has_detail and not is_editable -> cursor: pointer */
}

/* not has_detail and is_editable: -> cursor: text */

.datatable-component:not(.has_detail) td:not([contenteditable="True"]) {
    cursor: default; /* not has_detail and not is_editable -> cursor: default */
}

.datatable-component table td + td {
    border-left: 2px solid var(--primary);
}

.datatable-component #formula-input {
    height: 36px;
    margin: 0;
}