/* VISTAS DE BAUL FORESTAL */
ul.contenedor-arbol {
    margin-left: 2px;
}
.contenedor-arbol ul {
    margin-left: 5px;
}

.tree-view {
    font-family: Arial, sans-serif;
    font-size: 14px;
    user-select: none;
    padding: 5px;
}


.tree-node {
    list-style-type: none;
    padding: 0 0 0 5px;
    margin: 0;
    line-height: 1.8;
}

.node-label {
    display: inline-block;
    cursor: pointer;
    padding-right: 5px;
}
.node-label:hover {
    background-color: #eee;
}


.icon {
    display: inline-block;
    width: 16px; 
    height: 16px; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; 
    margin-right: 5px;
}


.toggle-icon {
    width: 16px; 
    height: 16px; 
    background-image: url('/images/arbol/mas.gif'); 
}


.expanded > .node-label > .toggle-icon {
    background-image: url('/images/arbol/menos.gif');
}

    
.icon.folder-icon {
    background-image: url('/images/arbol/folder_closed.gif'); /*  carpeta cerrada */
}


.expanded > .node-label > .folder-icon {
    background-image: url('/images/arbol/folder_open.gif'); /*  carpeta abierta */
}

/* icono archivos */
.file-node .icon {
    background-image: url('/images/arbol/file.gif'); /* GIF de archivo */
}


.tree-children {
    padding-left: 5px;
    border-left: 1px dotted #ccc;
    margin-left: 8px;
    list-style: none;
}


.tree-children ul{
    margin-left: 5px;
}


.collapsed > .tree-children {
    display: none;
}

/* FIN VISTAS DE BAIL FORESTAL */