.imgsplit {
margin-left:12px;
}

#mainvisualizationdiv 
{
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size:0.8em;
    z-index:10;
}

#visualization{
  

}

#mainsvg{

  
}

.svgg
{
    margin:4px;
    padding:4px;
    border:1px solid #ddd;
    width:100px;

}

.invisible{
    display:none;
}

.svgtext {
    margin:12px;
    fill:#555;
    width:100px;
    cursor:pointer;

}

.currentnode .svgrect {
    fill: rgba(255, 211, 165, 0.72);
    stroke:#bf6202;
}

.svgrect {
    fill:rgba(255, 242, 229, 0.70);
    stroke:#ffad59;
}

.dummy {
    fill:rgba(222, 242, 255, 0.70);
    stroke:#ffad59;

}

.currentnode .svgtext{
    fill:#555;
    font-size:1.1em;
    /*font-weight:bold;*/
}

.nodecircle {
   stroke-width:2;
   cursor:pointer;
   stroke:#555;
   fill:#fff;
}


/*.nodecircle.currentnode{
    fill: #ffad59;
}*/

.nodecircle.linnode-MMS{
    stroke:#0676ff;
    fill:#86addd;
}


    .nodecircle.block-MMS {
        fill:rgba(222, 242, 255, 0.70);
    }
        .nodecircle.chapter-MMS {
        fill:rgba(222, 242, 255, 0.70);
    }

.nodecircle.adopted{
   /*fill:#fff;
   stroke:#aaa;
   stroke-width:2;*/
}



.link{
    fill:transparent;
    stroke-width:1;
}

.parent{
     stroke:#aaa;
      stroke-opacity:1;
       fill-opacity:0;
}

    .parent.adopted {
       stroke:blue;
    }

.linParent-MMS{
    stroke-width:1;
     stroke:#0764d7;
     stroke-opacity:1;
     fill-opacity:0;
     
}
.arrow1 {
   marker-end:url(#triangle1);
}
.arrow2 {
   marker-end:url(#triangle2);
}
.arrowhead{
    stroke:#888;
    fill:#888;
    fill-opacity:1;
}