g.title {
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
    fill: "#858585";
    fontWeight: "bold";
}

g.legenda rect {
    fill:  "#888";
    stroke-width: 0;
}
g.legenda text {
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 9px Verdana, Helvetica, Arial, sans-serif;
}
g.action:hover rect{
    fill: #cc3300;
}



g.peering rect {
    fill:  #961eac;
}
g.peering text {
    fill:  #ffffff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 8px Verdana, Helvetica, Arial, sans-serif;
}
g.xs text {
    font: bold 6px Verdana, Helvetica, Arial, sans-serif;
}
g.xsmall text {
    font: bold 6px Verdana, Helvetica, Arial, sans-serif;
}


g.service rect {
    fill:  #740d08;
}
g.service text {
    fill:  #ffffff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 8px Verdana, Helvetica, Arial, sans-serif;
}




g.leaf  rect {
    fill:  #0070ff;
}
g.leaf  text {
    fill:  #fff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

g.spine  rect {
    fill:  #002eff;
}
g.spine  text {
    fill:  #fff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

g.rr  rect {
    fill:  #53ac5f;
}
g.rr  text {
    fill:  #fff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

g.edge  rect {
    fill:  #ffa600;
}
g.edge  text {
    fill:  #fff;
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

g.ce  rect {
    fill:  #00ff93;
}
g.ce  text {
    fill:  rgb(41, 41, 41);
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

g.rx rect {
    fill:  #00b7ff;
}
g.rx text {
    fill:  rgb(41, 41, 41);
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

text.pop_title {
    fill:  rgb(146, 146, 146);
    text-anchor: middle;
    dominant-baseline: middle;
    font: bold 14px Verdana, Helvetica, Arial, sans-serif;

}

.box {  
    opacity:1;
}

.boxcard {
    background: #fff;
    overflow: hidden;
    box-shadow: 2px 2px 6px #ccc;
    border-radius: 10px;
    margin-right: 20px;
    opacity:1;
}