.separar{
  margin: 0 15px;
}
.itemAcao{
  cursor: pointer;
  transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
}
.itemAcao:hover, .itemAcao:hover a{
  color: #007bff !important;
}

/*
  #dataTable thead th{
    color: rgb(247, 147, 30);
  }

  #dataTable tbody td{
    max-width: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #dataTable{
    font-size: 14px;
  }
*/

#dataTable_wrapper .row + .row{
  overflow-x: auto;
}

#dataTableFixo th, #dataTable th{
  background-color: white !important;
  border: 1px solid rgb(222, 226, 230) !important;
}

#dataTable td{
  border: 1px solid rgb(222, 226, 230) !important;
}

#dataTable tr td{
  transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
}
#dataTable tr:hover td{
  color: #007bff !important;
}

/* Removido 2026-07-23: #dataTableFixo / #rodapeTabela eram do clone caseiro de
   cabecalho/rodape fixo (copiarTopo/copiarRodape), substituido pelo plugin oficial
   FixedHeader. CSS orfao -- nenhum PHP/model gera mais esses ids. O left:301px fixo
   quebraria em <400px se algo o reativasse. */