body[data-bs-theme='dark'] .action {
    /* Estilos personalizados para el navbar en modo oscuro */
    background-color: #343a40 !important; /* Un fondo oscuro diferente si lo deseas */
    /* ... otros estilos ... */

}
body[data-bs-theme='dark'] .card {
    /* Estilos personalizados para el navbar en modo oscuro */
    background-color: #343a40 !important; /* Un fondo oscuro diferente si lo deseas */
    /* ... otros estilos ... */

}
body[data-bs-theme='light'] .navbar {
    /* Estilos personalizados para el navbar en modo claro (si es necesario) */
    /* ... otros estilos ... */
}
.input-group .btn-primary {
    background-color: #007bff; /* Color primario de Bootstrap */
    border-color: #007bff;
}
body[data-bs-theme='dark'] .input-group .btn-primary {
    background-color: #343a40; /* Un tono diferente para el modo oscuro */
    border-color: #212529;
}
.input-group .btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}
body[data-bs-theme='dark'] .input-group .btn-primary:hover {
    background-color: #344040;
    border-color: #212529;
}

/*OrgChart*/
#chart-container {
  font-family: Arial;
  height: 420px;
  border: 1px solid #aaa;
  overflow: auto;
  text-align: center;
}