th,
td {
  color: #2A2A2A;
  font-size: 12px;
  font-style: normal;
  line-height: 17px;
  max-width: 250px;
  min-width:150px;
  white-space: normal;
  word-wrap: break-word;
}

table td,
table th {
	border:none !important;
  	text-align:center;
}


th,
td {
  font-weight: 400;
  text-align:center;
}


table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td{
	text-align:center;
}

td svg {
  vertical-align: middle;
  margin-right: 10px;
}

.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

.dataTable {
  font-size: 0.8em;
}
.dataTable tr:nth-child(even) {
  background-color: #ffffff;
}
.dataTable tr:nth-child(odd) {
  background-color: #F2F2F2;
}
.dataTable th:first-child,
.dataTable td:first-child {
  color: #2A2A2A;
  font-size: 12px;
  line-height: 17px;

}

/* Ajuste para garantir que o header da primeira coluna fixa fique no topo */
.DTFC_LeftHeadWrapper {
  top: 0 !important;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom:1px solid #e5e5e5 !important;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: pointer;
}

.overlay img {
	width:150px;
}

.overlay.active{
	display:flex;
}


/* Ensure proper z-index for the first column when using fixed header */
.fixed-header .dataTable th:first-child {
  z-index: 3;
}

/* Adicione estas regras ao seu CSS */
.table-container {
  position: relative;
  overflow: auto;
}

/* Atualize as regras para primeira coluna fixa */
.DTFC_LeftWrapper .dataTable th,
.DTFC_LeftWrapper .dataTable td {
  position: sticky !important;
  left: 0;
  background-color: inherit;
  border-right: 1px solid #e5e5e5 !important;
}


.DTFC_LeftHeadWrapper th {
  z-index: 3 !important;
}

.DTFC_LeftBodyWrapper td {
  z-index: 1 !important;
}

/* Adicione sombra para coluna fixa */
.DTFC_LeftWrapper .dataTable th::after,
.DTFC_LeftWrapper .dataTable td::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  pointer-events: none;
  box-shadow: inset -24px 0px 28px -24px rgba(0, 0, 0, 0.25);
}

/* Garanta que o background da primeira coluna combine com as cores das linhas */
.DTFC_LeftWrapper .dataTable tr:nth-child(even) td {
  background-color: #F2F2F2;
}

.DTFC_LeftWrapper .dataTable tr:nth-child(odd) td {
  background-color: #ffffff;
}

.DTFC_LeftWrapper .dataTable thead th {
  background-color: white;
}

/* Borda apenas quando a primeira coluna for fixa */
.fixed-first-column th:first-child,
.fixed-first-column td:first-child {
  border-right: 1px solid #e5e5e5 !important;
}

@media (max-width: 768px) {
  .dataTable {
    font-size: 0.7em;
  }
  .dataTable th:first-child,
  .dataTable td:first-child {
    max-width: 120px;
    white-space: normal !important;
    word-wrap: break-word;
  }
  .dataTables_wrapper,
  .dataTables_scroll {
    overflow-x: auto;
  }
}


.check-icon {
  color: orange;
}

.x-icon {
  color: #d3d3d3;
}

.chip {
  background-color: #F2761D;
  color: white;
  padding: 3px 6px;
  border-radius: 16px;
  font-size: 0.8em;
  margin-left: 8px;
  white-space: nowrap;
}

.cell-content {
  white-space: normal;
  word-wrap: break-word;
  max-width: 250px;
  min-height: 35px;
  align-items: center;
}

/* Estilos base para todas as células */
.dataTables_scroll td:first-child .cell-content,
.dataTables_scroll th:first-child .cell-content {
  text-align: center;
  font-weight: 400;
}

/* Estilos quando a coluna está fixa - incluindo thead */
.dataTables_scrollBody td:first-child[style*="position: sticky"] .cell-content,
.dataTables_scrollHead th:first-child[style*="position: sticky"] .cell-content {
  text-align: left !important;
  font-weight: 700 !important;
}

/* Forçar alinhamento à esquerda no header também */
table.dataTable thead th:first-child[style*="position: sticky"] {
  text-align: left !important;
}

/* Container da célula - incluindo thead */
.dataTables_scrollBody td:first-child[style*="position: sticky"],
.dataTables_scrollBody th:first-child[style*="position: sticky"],
.dataTables_scrollHead td:first-child[style*="position: sticky"],
.dataTables_scrollHead th:first-child[style*="position: sticky"] {
  border-right: 1px solid #e5e5e5 !important;
  background-color: inherit;
}

/* Cores de fundo para linhas alternadas */
.dataTables_scrollBody tr:nth-child(even) td:first-child[style*="position: sticky"] {
  background-color: #ffffff;
}

.dataTables_scrollBody tr:nth-child(odd) td:first-child[style*="position: sticky"] {
  background-color: #F2F2F2;
}

/* Garantir que o thead tenha fundo branco */
.dataTables_scrollHead tr th:first-child[style*="position: sticky"] {
  background-color: white !important;
}