body {
      background: linear-gradient(to bottom, rgb(0, 128, 255),#013f7a);
}

.container {
    height: 100vh;
}

.card {
    background-color: rgba(255, 255, 255, 0.2);
}

.form-control {
    border-radius: 20px;
}

.btn-primary {
    border-radius: 20px;
    background-color: #333; /* Color gris oscuro */
    border-color: #333;
}

.btn-primary:hover {
    background-color: #5aa2dc;
    border-color: #9E80FF;
}

/* CSS para el menú tipo árbol */
.tree-menu ul {
    list-style: none;
    padding-left: 0;
}

.tree-menu li {
    margin-bottom: 10px;
}

.tree-menu li span {
    cursor: pointer;
}

.tree-menu li ul {
    padding-left: 20px;
}