/* Aparência compartilhada para todas as tabelas DataTables do sistema. */
table.dataTable.table-bordered {
    border-collapse: collapse !important;
}

table.dataTable.table-bordered > thead > tr > *,
table.dataTable.table-bordered > tbody > tr > *,
table.dataTable.table-bordered > tfoot > tr > * {
    border: 1px solid #d6dee8 !important;
    background-clip: padding-box;
}

table.dataTable.table-bordered > tbody > tr:last-child > * {
    border-bottom: 1px solid #c9d4e0 !important;
    box-shadow: inset 0 -1px 0 #c9d4e0;
}

table.dataTable thead th,
table.dataTable thead td {
    background: #f3f6fa;
    border-bottom-width: 1px;
    color: #344767;
    font-size: .72rem;
    font-weight: 700;
    hyphens: none;
    letter-spacing: .03em;
    overflow-wrap: normal;
    text-transform: uppercase;
    white-space: nowrap !important;
    word-break: normal;
}

table.dataTable tbody td {
    color: #425466;
    hyphens: none;
    overflow-wrap: normal;
    vertical-align: middle;
    word-break: normal;
}

table.dataTable.table-striped tbody tr:nth-of-type(odd) > * {
    background-color: #f7f9fc;
}

table.dataTable.table-hover tbody tr:hover > * {
    background-color: #edf5fc;
}

table.dataTable th.datatable-coluna-texto,
table.dataTable td.datatable-coluna-texto {
    max-width: 17rem;
    hyphens: none;
    overflow-wrap: normal;
    text-align: left;
    white-space: normal;
    word-break: normal;
}

table.dataTable th.datatable-coluna-data,
table.dataTable td.datatable-coluna-data,
table.dataTable th.datatable-coluna-status,
table.dataTable td.datatable-coluna-status,
table.dataTable th.datatable-coluna-acao,
table.dataTable td.datatable-coluna-acao {
    text-align: center;
}

table.dataTable th.datatable-coluna-numero,
table.dataTable td.datatable-coluna-numero {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

table.dataTable th.datatable-coluna-acao,
table.dataTable td.datatable-coluna-acao {
    min-width: 7rem;
    white-space: nowrap;
}

/* Mantém o bloco de busca/paginação leve e coerente com a tabela. */
div.dt-container .dt-search input,
div.dataTables_wrapper div.dataTables_filter input,
div.dt-container .dt-length select,
div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #bdcad8;
    border-radius: .45rem;
    box-shadow: none;
}

div.dt-container .dt-search input:focus,
div.dataTables_wrapper div.dataTables_filter input:focus,
div.dt-container .dt-length select:focus,
div.dataTables_wrapper div.dataTables_length select:focus {
    border-color: #0b72ce;
    box-shadow: 0 0 0 .18rem rgba(11,114,206,.14);
    outline: 0;
}