body {
  overflow-y: hidden;
}

#container-roles {
  background-color: rgba(253, 249, 249, 0.3);
  border-radius: 40px;
  box-shadow: 0 0 50px rgba(190, 118, 102, 0.5);
}

#tabla-rol {
  height: 90vh;
  overflow-y: auto;
}

.nuevoNegocio {
  color: black;
  background-color: rgba(245, 121, 5, 0.945);
  border-radius: 10px;
  border-color: rgb(255, 81, 0);
}
#tablaUsers {
  height: 90vh;
  overflow-y: auto;
}

.container-fluid {
  width: 92vw; /* Ancho completo del viewport siempre */
  overflow-x: auto; /* Habilita el scroll horizontal */
  white-space: nowrap; /* Evita saltos de línea para el contenido en una sola fila */
  margin-left: 80px;
  margin-right: 0;
}

.table-container {
  position: relative;
  overflow: hidden; /* Se asegura de que el contenedor maneje el overflow */
}

.dataTables_wrapper .dataTables_scrollHead {
  position: sticky; /* Establece el encabezado como sticky */
  top: 0;
  z-index: 1000; /* Asegura que el encabezado quede encima del contenido */
}
.dataTables_scrollBody{
  height: 100vh;
}