.node {
  cursor: pointer;
  /*stroke: #3182bd;*/
  stroke-width: 1.5px;
}

.node circle{
  stroke: #3182bd;
}

.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}

.node text {
  color: black;
  font-family: sans-serif;
  font-size: 12px;
  stroke-width: 1px;
}

.labelText {
  color: grey;
  font-family: sans-serif;
  font-size: 10px;
  stroke-width: 1px;
}

.node.fixed{
  fill: #f00;
}

#tooltip {
position: absolute;
width: 250px;
height: auto;
padding: 10px;
background-color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
#tooltip.hidden {
display: none;
}
#tooltip p {
margin: 0;
font-family: sans-serif;
font-size: 14px;
line-height: 20px;
}

#canvas {
  width: 80%;
  margin-left: 20%;
  border: 1px solid red;
}

#sidebar {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 19%;
}