html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.noData {
  color: #666;
  text-align: center;
  font-style: italic;
}

.arrowHead {
  fill: #000;
}

#arrow {
  fill: #888;
  opacity: 0.6;
}

#arrowSuccess {
  fill: #007700;
}

#arrowFailure {
  fill: #FF0000;
}

#arrowBoth {
  fill: #d1d100;
}

.node {
  fill: #EEF;
  stroke: #668;
  stroke-width: 1;
  cursor: pointer;
}
.node.dimmed {
  opacity: 0.3;
}
.node.connected circle {
  stroke-width: 3px;
}
.node.traceSelected {
  color: #224;
  stroke-width: 2;
  opacity: 1;
}
.node.selected {
  stroke-width: 3;
  stroke: #224;
  fill: white;
  opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.link {
  stroke: #888;
  stroke-width: 3px;
  opacity: 0.6;
  marker-end: url(#arrow);
  fill: none;
}
.link.traceSelected {
  stroke-width: 5px;
  opacity: 1 !important;
}
.link.success {
  stroke: #007300;
  marker-end: url(#arrowSuccess);
}
.link.failure {
  stroke: #FF0000;
  marker-end: url(#arrowFailure);
}
.link.success.failure {
  stroke: #d1d100;
  marker-end: url(#arrowBoth);
}
.link.hovered {
  opacity: 1;
  fill: none;
}
.link.dimmed {
  stroke-opacity: 0.3;
  stroke-width: 1;
  marker-end: none;
}

.startNode {
  fill: #FF0;
}

.hovered {
  fill: #88F;
  opacity: 1;
}

/*# sourceMappingURL=viz.css.map */