#tree-container {
    position: absolute;
    left: 0px;
    width: 100%;
}



.node {
    cursor: pointer;
}

.node-rect {
}

.node-rect-closed {
    stroke-width: 2px;
    stroke: #7fa2f1;
}

.link {
    fill: none;
    stroke: #d7d7d7;
    stroke-width: 2px;
}

.arrowCompleted {
    fill: #999 !important;
}

.arrowIncompleted {
    fill: #999 !important;
}

.linkCompleted {
    stroke: #999 !important;
}

.linkIncompleted {
    stroke: #999 !important;
}

.linkselected {
    fill: none;
    stroke: tomato;
    stroke-width: 2px;
}

.arrow {
    fill: #d7d7d7;
    stroke-width: 1px;
}

.arrowselected {
    fill: tomato;
    stroke-width: 2px;
}

.link text {
    font: 7px sans-serif;
    fill: #CC0000;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.node-text {
    font: 9px sans-serif;
    color: #6e707e;
}

.tooltip-text-container {
    height: 100%;
    width: 100%;
}

.tooltip-text {
    visibility: hidden;
    font: 7px sans-serif;
    color: white;
    display: block;
    padding: 5px;
}

.tooltip-box {
    fill: #6e707e;
    stroke: #6e707e;
    visibility: hidden;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-color: #e74a3b;
    border-top-right-radius: 0.5em;
}

p {
    display: inline;
}

.textcolored {
    color: orange;
}

a.exchangeName {
    color: orange;
}

.node-group.disabled > g > svg {
    color: #e4e4e4;
}