.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    //background-color: #fff; /* Fondo blanco para mejor contraste */
    padding: 10px;
    border-radius: 5px;
}

.dtree img {
    border: 0px;
    vertical-align: middle;
}

.dtree a {
    color: #333; /* Cambiado a gris oscuro para mejor contraste con fondo blanco */
    font: bold 16px Arial, sans-serif;
    text-decoration: none;
    transition: color 0.2s ease; /* Transición suave para hover */
}

.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 5px 8px; /* Más padding para mejor click */
    border-radius: 3px;
    display: inline-block;
    margin: 2px 0;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #e67e00; /* Naranja un poco más oscuro */
    background-color: #f8f8f8; /* Fondo sutil al pasar el mouse */
    text-decoration: none; /* Mantenemos sin subrayado para mejor aspecto */
}

.dtree a.nodeSel {
    background-color: #f0f0f0; /* Gris claro en lugar de negro */
    color: #222; /* Texto más oscuro para seleccionado */
    border-left: 3px solid #e67e00; /* Indicador visual de selección */
}

.dtree .clip {
    overflow: hidden;
}

/* Estilos adicionales para mejor estructura visual */
.dtree ul {
    list-style-type: none;
    padding-left: 20px;
    margin: 5px 0;
}

.dtree li {
    margin: 4px 0;
    position: relative;
}