/** styling */

.dataTable tfoot {
    display: table-header-group;
}

table.dataTable tr.odd {
    background-color: var(--ct-secondary-bg-subtle) !important;
}

table.dataTable > thead > tr > th {
    padding-left: 0.35rem !important;
}

table.dataTable > thead > tr > th, table.dataTable > :not(caption) > * > * {
    padding: 0.35rem;
}

table.dataTable > tfoot > tr > th {
    padding: 1px;
}

table.dataTable tbody, table.dataTable td, table.dataTable tfoot, table.dataTable th, table.dataTable thead, table.dataTable tr {
    border-style: none;
}


table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
    top: 0;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    top: 6px;
}

/** for deleted items checkbox */
.dataTables_length, .dataTable_deleted_switch {
    display: inline-block;
    padding-right: 1rem;
}

.dataTable_deleted_switch label {
    font-weight: 400;
}

table.dataTable:not(.dataTable-static) > tbody > tr {
    cursor: pointer;
}

@media (max-width: 768px) {
    div.dataTables_wrapper div.dataTables_filter {
        text-align: left;
    }
}

@media (max-width: 1024px) {
    div.dataTables_wrapper div.dataTables_length, .dataTable_deleted_switch {
        text-align: left;
        display: block;
        margin-bottom: 1em;
    }
}

.card.datatable_validation_error_class {
    border-color: var(--ct-form-invalid-border-color);
}

.card.datatable_validation_error_class .datatable_validation_error_message  {
    margin-top: -1em;
    margin-bottom: 1em;
    text-align: center;
}

.dataTables_wrapper table > tfoot > tr > th {
    padding-bottom: .45rem;
}