#marcoArbol{
    height: 650px;
    width: 100%;
    /*background-color: #ecececa1;*/
}
.nodoIna, .nodoHab, .nodoHabD, .linea, .nodoMas{stroke-width:2;}
.nodoHab:hover, .nodoHabD:hover{cursor: move;}
.nodoInaA{
    fill:rgb(223, 151, 230);
    stroke:rgb(165, 201, 214);
}
.nodoInaB{
    fill:rgb(223, 151, 230);
    stroke:rgb(165, 201, 214);
}
.nodoInaA{cursor: not-allowed;}
.nodoHabA{
    fill:rgb(195, 214, 220);
    stroke:rgb(162, 162, 162);
}
.nodoHabB{
    fill:rgb(232, 35, 151);
    stroke:rgb(162, 162, 162);
}
.nodoHabD{
    fill:rgb(228, 23, 23);
    stroke:rgb(44, 181, 232);
}
.nodoHabA, .nodoHabB, .nodoHabD, .nodoInaB{
    cursor: move;
}
.linea{
    stroke: rgb(84, 84, 84);
}
.nodoDeps{
    fill: rgb(232, 35, 151);
}
.nodoDeps:hover{
    fill: rgb(44, 181, 232);
}
.nodoDepsTo{
    fill: rgb(109, 109, 109);
    cursor: context-menu;
}
.nodoDepsT{
    fill: rgb(232, 35, 151);
    cursor: context-menu;
}
.nodoTef{
    border:none;
    background: rgba(255, 255, 255, 0.76);
    font-family: Futura;
    font-size: 16px;
    width: 290px;
    outline:none;
    resize: none;
}
.nodoTef:focus{
    border-bottom: 1px solid rgb(44, 181, 232);
}
.nodoOpciones{
    fill:rgb(234, 227, 234);
    stroke-width:1.5;
    stroke:rgb(97, 97, 97);
}
.nodoOpciones:hover{
    fill:rgb(44, 181, 232);
}
.nodoMas{
    stroke: rgb(255, 255, 255);
}
.lineaF{
    display: none;
    stroke: rgb(84, 84, 84);
    stroke-dasharray: 10;
    stroke-dashoffset:0;
    animation: lp 10s linear;
    animation-iteration-count:infinite;
}
.lineaD{
    stroke: rgb(16 44 189);
    stroke-dasharray: 10;
    stroke-dashoffset:0;
    animation: lp 10s linear;
    animation-iteration-count:infinite;
}
.lineaA{
    stroke: rgb(16 189 71);
    stroke-dasharray: 10;
    stroke-dashoffset:0;
    animation: lp 10s linear;
    animation-iteration-count:infinite;
}
@keyframes lp{
    to{stroke-dashoffset:100;}
}