rect {
  fill: #fff;
}

#arrow {
  fill: steelblue;
}

circle, line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

line.bg {
  stroke: none;
  stroke-width: 10px;
  pointer-events: all;
}

circle {
  fill: #fff;
  fill-opacity: .5;
  cursor: move;
}

line.selected, .selected circle {
  fill: #ff7f0e;
  stroke: #ff7f0e;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.helpers {
  visibility: hidden;
  pointer-events: none;
}

#vis {
  position: relative;
}

#menu {
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 5px;
  border: solid #ccc 1px;
  padding: 10px;
  text-align: left;
  font-size: smaller;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
