.node_link .node > circle.bg {
  fill: white;
}
.node_link .node > circle.fg {
  opacity: 0.4;
  stroke: white;
}

.node_link .node > text {
  font-family: sans-serif;
  text-anchor: middle;
  pointer-events: none;
  font-size: 12px;
  fill: black;
/*   text-shadow: -1px -1px white, -1px 1px white, 1px 1px white, 1px -1px white, -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
  
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.node_link .link > * {
  stroke-width: 2px;
  opacity: 0.3;
  fill: none;
}
.node_link .link.isA > *, .node_link .link.instanceOf > * {
  stroke-width: 4px;
}

.node_link .class.node > text,
.node_link .instance.node > text
{
  font-family: monospace;
  font-weight: bold;
}

.node_link .term.node > text {
  font-style: italic;
  font-family: serif;
  font-weight: normal;
  font-size: 13px;
}

.node_link .legend_box, .node_link .frame_box {
  shape-rendering: crispEdges;
  fill: rgba(255,255,255,0.9);
  stroke: #DDD;
}
.node_link .legend text {
  font-family: monospace;
  font-size: 11px;
}
.node_link .frame {
  cursor: pointer;
}
.node_link .frame:hover text {
  font-weight: bold;
}
.node_link .selected.frame rect {
  fill: yellow;
  fill-opacity: 0.1;
}
.node_link .frame text {
  pointer-events: none;
  text-anchor: middle;
  font-family: sans-serif;
  fill: #333;
  font-size: 10px;
  
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}