/*
 GRAPH DRAWING
*/

.frame {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 2;
    stroke: none;
    fill: none;
}

.frameInvalid {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 2;
    stroke: red;
    fill: none;
}

.nodeA {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 1.6;
    stroke: black;
    fill: #8da0cb;
}

.nodeB {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 1.6;
    stroke: black;
    fill: #fc8d62;
}

.nodeAhighlight {
    stroke: none;
    fill: lime;
}

.nodeBhighlight {
    stroke: none;
    fill: lime;
}

.pathcounttext {
    font-family: sans-serif;
    font-size: 40px;
    stroke: none;
    fill: skyblue;
    opacity: 0.85;
    font-weight: bold;
}

.linkHighlight {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 10;
    stroke: skyblue;
    opacity: 0.85;
    fill: none;
}

.linkNormal { 
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 1.6;
    stroke: black;
    fill: none;
}

.linkHalo {
    stroke-linecap:round;stroke-linejoin:round;
    stroke-width: 3.9;
    stroke: white;
    fill: none;
}

/* 
 STROKE COLORS
*/

.strokeBlue {
    stroke: blue;
}

.strokeLightBlue {
    stroke: #8da0cb;
}

.strokeLightRed {
    stroke: #fc8d62;
}

.strokeRed {
    stroke: red;
}

.strokeGreen {
    stroke: green;
}

.strokeNone {
    stroke: none;
}

.strokeWhite {
    stroke: white;
}

.strokeBlack {
    stroke: black;
}

/* 
 STROKE WIDTHS
*/

.stokeThin {
    stroke-width: 1;
    stroke-linecap:round;stroke-linejoin:round;
}

.strokeMedium {
    stroke-width: 2;
    stroke-linecap:round;stroke-linejoin:round;
}

.strokeHeavy {
    stroke-width: 4.5;
    stroke-linecap:round;stroke-linejoin:round;
}

/* 
 FILL COLORS
*/

.fillBlue {
    fill: blue;
}

.fillLightBlue {
    fill: #8da0cb;;
}

.fillLightRed {
    fill: #fc8d62;
}

.fillRed {
    fill: red;
}

.fillGreen {
    fill: green;
}

.fillNone {
    fill: none;
}

.fillWhite {
    fill: white;
}

.fillBlack {
    fill: black;
}