/**********************************************************/
/* Cor da linha da tabela striped */
[data-bs-theme="dark"] .table:not(.table-bordered).table-row-bordered tr {
  border: none;
}
[data-bs-theme="dark"] table.dataTable > tbody > tr {
  background-color: #201e23;
}
[data-bs-theme="dark"] table.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px #28262c;
}
/**********************************************************/
/* Alinhamento dos campos de filtro, busca e informações */
.dataTables_wrapper .dataTabldes_filter {
  text-align: right;
  float: right;
}

.dataTables_wrapper .dataTables_length,
.dataTables_info {
  text-align: left;
  float: left;
  width: 50%;
}

/**********************************************************/
/* Deixar em negrito e alterar a cor o título que estiver em ordenação */
.dataTables_wrapper .dataTable th.sorting_desc,
.dataTables_wrapper .dataTable th.sorting_asc {
  color: var(--text-system);
  font-weight: 700;
}
[data-bs-theme="dark"] .dataTables_wrapper .dataTable th.sorting_desc,
[data-bs-theme="dark"] .dataTables_wrapper .dataTable th.sorting_asc {
  color: var(--bs-text-gray-700);
  font-weight: 600;
}

/**********************************************************/
/* Alterar a cor dos ícones de ordenação */
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after {
  background-color: var(--bs-text-primary);
}

[data-bs-theme="dark"] table.dataTable > thead .sorting_asc:after,
[data-bs-theme="dark"] table.dataTable > thead .sorting_desc:after {
  background-color: var(--bs-text-gray-700);
}

/**********************************************************/
/* Alterar a cor da linha selecionada */
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #d9d9d9;
  color: var(--bs-table-striped-color);
}

table.dataTable.table-striped > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 9999px #c3c3c3;
}

[data-bs-theme="dark"] table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #323248;
  color: var(--bs-table-striped-color);
}

[data-bs-theme="dark"]
  table.dataTable.table-striped
  > tbody
  > tr.odd.selected
  > * {
  box-shadow: inset 0 0 0 9999px #323248;
}

/**********************************************************/
/* Alinhar texto ao centro verticalmente */
/* table.dataTable td,
table.dataTable th {
  vertical-align: middle;
} */
/* Aplica vertical-align: middle a todos os td e th */
table.dataTable td,
table.dataTable th {
  vertical-align: middle;
}

/* Remove vertical-align: middle do primeiro th se ele tiver um pseudo-elemento :before */
table.dataTable td:first-child {
  /* Define um estilo diferente ou remova o alinhamento se necessário */
  vertical-align: baseline; /* Exemplo de estilo diferente, ajuste conforme necessário */
}
/**********************************************************/
/* Alterar a cor de fundo da paginação selecionada */

[data-bs-theme="dark"] .active > .page-link,
.page-link.active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-light);
}

/**********************************************************/
/* Configurar ícones de + e - da responsividade */
/*--------------------------------------------------------*/
/* Cor de fundo do ícone */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  border: 1px solid;
  box-shadow: none;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  box-sizing: border-box;
}

/*--------------------------------------------------------*/
/* Alteração do ícone [+] */
table.dataTable.dtr-column.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column.collapsed > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  color: var(--bs-primary-light) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  width: 25px;
  margin-bottom: -7px;
}
/*--------------------------------------------------------*/
/* Alteração do ícone [-] */
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > th:first-child:before {
  content: "\f068";
  color: var(--bs-danger-light) !important;
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}
/**********************************************************/
/* Detalhes expandidos */
table.dataTable > tbody > tr.child ul.dtr-details .dtr-title::after {
  content: ":";
}
table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}
table.dataTable > tbody > tr.child ul.dtr-details .dtr-data {
  width: 100%;
  text-align: right;
}

[data-bs-theme="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li {
  padding: 0.5em 0;
  border-bottom: 1px solid var(--bs-gray-400);
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 200px;
  text-align: left;
}

/**********************************************************/
/* Configurações do título do grupo */
.tb-group {
  background: var(--bs-gray-300) !important;
  border-bottom: 2px solid var(--bs-gray-400) !important;
  border-top: 2px solid var(--bs-gray-400) !important;
}

[data-bs-theme="dark"] .tb-group {
  background: var(--bs-gray-200) !important;
  border-bottom: 2px solid var(--bs-gray-400) !important;
  border-top: 2px solid var(--bs-gray-400) !important;
}

.tb-group span.groupTitle strong {
  color: var(--bs-gray-700);
}
.tb-group span.groupData strong {
  color: var(--bs-gray-700);
}

/**********************************************************/
/* Ocultar botões de exportação para usar botões personalizados */
div.dt-buttons {
  display: none;
}

/**********************************************************/
/* Remover os sinais originais da tabela responsiva */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  content: "";
}

/**********************************************************/
/* Configurações da parte responsiva */
td.child table tr td {
  padding: 0.3rem 0 !important;
}
td.child table {
  width: 100%;
}
[data-bs-theme="dark"] td.child table tr {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: var(--bs-border-color) !important;
}

/**********************************************************/
/* Caso queira o título esculo */
[data-bs-theme="dark"] table.dataTable thead th,
[data-bs-theme="dark"] table.dataTable tfoot th {
  background: #181719 !important;
}
table.dataTable thead th,
table.dataTable tfoot th {
  background: #1f212a !important;
  color: #fff !important;
}
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > tfoot .sorting_asc:after,
table.dataTable > tfoot .sorting_desc:after {
  background-color: #a6a9e2 !important;
}
table.dataTable thead th:first-child {
  border-top-left-radius: 0.475rem;
}
table.dataTable thead th:last-child,
table.dataTable thead th.last-visible-header {
  border-top-right-radius: 0.475rem;
}
table.dataTable tfoot th:first-child {
  border-bottom-left-radius: 0.475rem;
}
table.dataTable tfoot th:last-child,
table.dataTable tfoot th.last-visible-footer {
  border-bottom-right-radius: 0.475rem;
}
div.dataTables_wrapper div.dataTables_length select {
  text-transform: none;
}

/* Imprimir/Exportar */
body.dt-print-view * {
  -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
  color-adjust: exact !important; /* Firefox */
}

body.dt-print-view {
  background: #fff !important;
  background-image: none !important;
}

/* body.dt-print-view h1::before {
  content: 'Relatório de ' !important;
  font-size: 1.9rem !important;
  color: #252f4a !important;
  text-transform: uppercase !important;
  display: inline !important;
} */

body.dt-print-view h1 {
  font-size: 1.9rem !important;
  color: #252f4a !important;
  text-transform: uppercase !important;
}

body.dt-print-view thead tr th {
  border-bottom: 1px solid #dbdfe9 !important;
  border-top: 1px solid #dbdfe9 !important;
  color: #78829d !important;
  --bs-bg-rgb-color: 219, 223, 233;
  background-color: #f1f1f4 !important;
  font-weight: 600 !important;
  font-size: 1.075rem !important;
  text-transform: uppercase !important;
}

body.dt-print-view tr td {
  padding-top: 6px !important;
  padding-bottom: 4px !important;
}

body.dt-print-view td {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}

body.dt-print-view tr:nth-child(odd) {
  background-color: #fafafa !important;
}

body.dt-print-view tr:nth-child(even) {
  background-color: #ffffff !important;
}
/* FIM - Imprimir/Exportar */

/* Botão de limpar campo de busca */
.dataTables_filter input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background-color: var(--bs-danger-light) !important;
  border-radius: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20"><path fill="rgb(241, 65, 108)" d="M10 8.586l4.95-4.95a1 1 0 011.414 1.414L11.414 10l4.95 4.95a1 1 0 01-1.414 1.414L10 11.414l-4.95 4.95a1 1 0 01-1.414-1.414L8.586 10 3.636 5.05a1 1 0 011.414-1.414L10 8.586z"/></svg>')
    no-repeat center center;
  background-size: 50%;
  cursor: pointer;
}
.dataTables_filter input[type="search"]::-webkit-search-cancel-button:hover {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background-color: var(--bs-danger) !important;
  border-radius: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20"><path fill="rgb(255, 255, 255)" d="M10 8.586l4.95-4.95a1 1 0 011.414 1.414L11.414 10l4.95 4.95a1 1 0 01-1.414 1.414L10 11.414l-4.95 4.95a1 1 0 01-1.414-1.414L8.586 10 3.636 5.05a1 1 0 011.414-1.414L10 8.586z"/></svg>')
    no-repeat center center;
  background-size: 50%;
  cursor: pointer;
}
[data-bs-theme="dark"]
  .dataTables_filter
  input[type="search"]::-webkit-search-cancel-button {
  background-color: var(--bs-danger-light) !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20"><path fill="rgb(228,  40,  85)" d="M10 8.586l4.95-4.95a1 1 0 011.414 1.414L11.414 10l4.95 4.95a1 1 0 01-1.414 1.414L10 11.414l-4.95 4.95a1 1 0 01-1.414-1.414L8.586 10 3.636 5.05a1 1 0 011.414-1.414L10 8.586z"/></svg>')
    no-repeat center center;
}
[data-bs-theme="dark"]
  .dataTables_filter
  input[type="search"]::-webkit-search-cancel-button:hover {
  background-color: var(--bs-danger) !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20"><path fill="rgb(255, 255, 255)" d="M10 8.586l4.95-4.95a1 1 0 011.414 1.414L11.414 10l4.95 4.95a1 1 0 01-1.414 1.414L10 11.414l-4.95 4.95a1 1 0 01-1.414-1.414L8.586 10 3.636 5.05a1 1 0 011.414-1.414L10 8.586z"/></svg>')
    no-repeat center center;
}

/* Ajuste da altura das setas de ordenação por conta da altura do cabecalho */
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after {
  top: 0;
}

table.dataTable tbody tr:hover {
  background-color:var(--bs-gray-300)
}