svg {
  border: 1px solid black;
}

line {
  stroke: black;
  stroke-width: 1px;
}

line:hover {
  stroke-width: 4px;
}

.drag_line {
  pointer:default;
}
.drag_line:hover {
  stroke-width: 1px;
}

.hidden-carbon circle {
  stroke:transparent;
  fill:transparent;
}

.hidden-carbon text {
  visibility:hidden;
}

circle {
  stroke: transparent;
  fill: white;
}

.selected {
  stroke: red;
}

.selected line {
  stroke: red;
}

svg text {  
  font-family: Verdana;
  font-size: 14px;

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


.node {
  cursor: default;
}

#periodic-table {
  visibility: hidden;
  position: absolute;
  width:662px;
  height:300px;
  left: 7px;
  top: 50px;
  border: 1px solid lightgrey;
  padding: 3px;
  background-color: rgb(241, 241, 241);
}

sup {
  font-size:10px;
}

table sup {
  float:left;
}


table {
  border-spacing: 1px;
  float:right;
}

td {
  border: 1px solid lightgrey;
  padding-top:0;
  text-align:center;
  cursor: default;
  background-color: rgb(223, 223, 223);
}

td:hover {
  background-color: rgb(243, 243, 243);
}

#periodic-close {
  border:none;
  float:right;
}

#periodic-close:hover {
  background-color: highlight;
}