/* CSS styles common to 2-dimensional visualization templates */

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  cursor: pointer;
  cursor: hand;
}

#canvasElement2d {
  background-color: #fff;
  cursor: default;
  display: inline;
  z-index: 2;
  padding-bottom: 10px;
}

#canvasElement2d:not(.active):not(.shift) {
  cursor: crosshair;
}

path.link {
  fill: none;
  stroke: #b6b6b6;
  stroke-width: 2px;
  cursor: default;
}

#canvasElement2d:not(.active):not(.shift) path.link {
  cursor: pointer;
}

path.link.selected {
  stroke-dasharray: 10, 2;
}

path.link.highlighted {
  fill: none;
  /* stroke: #B6B6B6; */
  stroke: #ff0000;
  stroke-width: 4px;
  cursor: default;
}

path.link.dragline {
  pointer-events: none;
}

path.link.hidden {
  stroke-width: 0;
}

circle.node {
  stroke-width: 0px;
  cursor: pointer;
}

circle.node.reflexive {
  stroke: #000 !important;
  stroke-width: 2.5px;
}

circle.node.highlighted {
  stroke: #000 !important;
  stroke-width: 1.5px;
}

text {
  font: 12px sans-serif;
  pointer-events: none;
}

text.id {
  text-anchor: middle;
  font-weight: bold;
}

/* CSS for sliders */
#charge-slider {
  margin: 10px;
  display: inline-block;
  height: 10px;
  width: 120px;
}

#linkdist-slider {
  margin: 10px;
  display: inline-block;
  height: 10px;
  width: 120px;
}

.list-group-item.active > textarea {
  color: #333;
}