/*Estilo arbol de datos*/   
.contenedor-arbol, .contenedor-arbol ul, .contenedor-arbol li {
        position: relative;
        width: 100%;
    }
    .contenedor-arbol ul {
        list-style: none;
    }

    .contenedor-arbol li::before, .contenedor-arbol li::after {
        content: "";
        position: absolute;
        left: -9px;
    }

    .contenedor-arbol li::before {
        border-top: 2px solid green;
        top: 9px;
        width: 8px;
        height: 0;
    }


    .contenedor-arbol li::after {
        border-left: 2px solid brown;
        height: 100%;
        width: 0px;
        top: 2px;
    }

    .contenedor-arbol ul > li:last-child::after {
        height: 8px;
        
    }

.classtitulo {
    position: relative;
    cursor:pointer;
    left: -12px;
    font-size: 10px;
    font-family: 'Century Gothic';
    text-align: left;
    border: solid;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.90);
    color: green;
    width: 200px;
    display: inline-block;
    padding-left: 10px;
    border-spacing: 0px;
    border-width: 1px;
}

.classnodo {
    font-size:10px;
    font-family:'Century Gothic';
    text-align:center;
    cursor:pointer;
    border: solid;
    border-radius: 5px;
    background-color: rgba(97, 133, 60, 0.90);
    color: rgb(255, 255, 255);
    width: 100px;
    display:inline-block;
    border-spacing:0px;
    border-width:1px;
}
    .classnodo:hover {
        background-color: rgba(139, 204, 71, 0.90);
        color: rgb(230, 230, 228);
    }
/**************************************/

/*estilo menu contextual*/

.context-menu {
    position: absolute;
    border: 2px solid rgba(32, 125, 187, 0.85);
    border-radius: 5px;
    padding: 5px 0;
    display: none;
    z-index:1000;
    background-color: rgb(71, 114, 235, 0.85);
    }
    .context-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .context-menu li {
        font-family: 'Century Gothic';
        font-size: 10px;
        padding: 2px 8px;
        cursor: pointer;
        text-align:left;
        color: rgb(255, 255, 255);
        background-color: rgba(71, 114, 235, 0.85);
    }
        .context-menu li:hover {
            background-color: #a52a2acb;
            color: rgb(0, 8, 36, 0,91);
            border-radius: 5px;
        }

/*****************************/