/* elements */

.devs text {
    /*text-transform: uppercase;*/
    font-weight: 800;
}

.devs .body {
    fill: #ffffff;
    stroke: rgba(0,0,0,0.5);
    stroke-width: 2px;
}
.devs:hover .body {
    fill: #ccfdff;
}
.devs:hover .label {
    fill: #00d2c6;
}
.devs:hover .header{
    fill: rgba(0,0,0,0.8);
}

.devs .label {
    fill: transparent;
    font-size: 16px;
}

.devs .port-body {
    stroke: #ffffff;
    stroke-width: 1px;
    fill: #666;
}

.devs .port-body:hover {
    opacity: 1;
    fill: #ff7e5d;
}

.devs .port-label {
    fill: #999;
}


/* links */

.link .connection {
    stroke: #212135;
    stroke-width: 2px;
}

.link .marker-arrowhead, .link .marker-vertex {
    fill: #696b87;
}

.link-tools {
    opacity: 0 !important;
}

/* highlighting */

.devs.highlighted-parent .body {
    stroke: #ff7e5d;
    transition: stroke 1s;
}

.devs.highlighted-parent .label {
    fill: #ff7e5d;
    transition: fill 1s;
    text-decoration: underline;
}