/* SVG styles */
svg {
	overflow: hidden;  /* Note: required to avoid IE9+ issue of drawing outside the boundaries */
}

#workSpace .err {
	color: #D91E1E;
}

#workSpace>svg {
	border: thin solid #BBB;
	clear: both;
	width: 100%;
}

rect#svgbg {
	fill: #FEFEFE;
	stroke: none;
}

svg rect {
	stroke: #BBB;
	stroke-width: 0.5;
	fill: #FCFCFC;
}

svg circle {
	stroke: #BBB;
	fill: #FFF;
}

svg text {
	font-family: sans, verdana, monospace, sans-serif;
	font-size: 11px;
	fill: #1C1C1C;
	/*fill: #444;*/
}

/*svg .selected text {
	fill: #222;
}*/

svg .active text {
	fill: #000;
}

svg text.contrast {
	fill: #000;
}

svg path.link {
  fill: none;
  stroke: #ccc;
  opacity: 0;
  stroke-width: 0;  /* Hide nondes links until node is active */
  pointer-events: none;
}

svg .link.bus {
  opacity: 1;
  stroke-width: 2;
}

svg .link.active {
  opacity: 1;
  stroke: grey;
  stroke-width: 1.5;
}

svg .link.bus.active {
  stroke-width: 3;
}

svg .link.selected {
  stroke: #76BF60;  /* Darker Green */
}

svg .link.selected.active {
  stroke: #58BF39;  /* Saturated Darker Green */
}

/* Session / Explorer View */
#sevi .node rect, #sevi circle.btn {
	opacity: 0.625;
	stroke: #888;
	stroke-width: 1;
	fill: #FEFEFE;
}

#sevi .node.ont rect, #sevi .ont circle.btn {
	stroke: #4443BF;
}

#sevi .active rect, #sevi .active circle.btn {
	stroke-width: 1.5;
	fill: #E8E8E8;
}

#sevi .active circle.btn {
	stroke: #0300FF;  /* Dark blue; ED6B3B - Orange; EDB23B - Yellow-orange */
}

#sevi circle.folded {
	fill: #8382BF;
}

#sevi .active circle.folded {
	stroke: #000066;
	fill: #4443BF;
}

#sevi circle.folded.active, #sevi circle.btn.active {
	fill: #0504FA;
}

#sevi .selected rect {
	fill: #92ED77;  /* #AEED9A Green */
}

#sevi .selected.active rect {
	fill: #64ED3B;  /* ##6DED47 Saturated Green */
}

#sevi .hinted rect {
	fill: #EDDA9A;  /* EDD78E Yellow */
}

#sevi .hinted.active rect {
	fill: #EDC43B;  /* Saturated Yellow */
}

rect#sevibg {
	fill: #FAFDFF;
	stroke: #EBF7FF;
	stroke-width: 1;
	shape-rendering: crispEdges;
	cursor: move;
}

/* Session View Nodes Menu */
#sevi g.ndMenu {
	opacity: 0.85;
}

#sevi .ndMenu path {
	fill: #555;
}

#sevi #ciDel {
	fill: #ED8E93;  /* Red ED777C */
}

#sevi #ciExp {
	fill:  #7BCC91;  /* Sea */
	stroke: #7BCC91;
	stroke-width: 1;
}


/* Navigation View */
g#navi {
	opacity:0.75;
}

rect#navibg {
	fill: #FAFDFF;
	stroke: #CBE3F2;
	stroke-width: 1;
	opacity: 0.75;
	cursor: move;
}

#navi circle.node {
	opacity: 0.625;
	stroke: #888;
}

#navi circle.ont {
	stroke: #4443BF;
}

#navi circle.active {
	fill: #666;  /* Grey */
}

#navi circle.selected {
	fill: #92ED77;  /* Green */
}

#navi circle.selected.active {
	fill: #64ED3B;  /* Saturated Green */
}

/* Main Popup Notification */
g#notif rect {
	opacity: 0.75;
	fill: #FFFBE6;
}

g#notif text {
	font-family: monospace, sans, verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
}