.window {
  z-index: 20;
}

.jtk-connector {
  z-index: 4;
}

.jtk-endpoint {
  z-index: 5;
}

.jtk-overlay {
  z-index: 6;
}


/* disabling text selection */
body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

text {
  pointer-events: none;
}

#circuit-board {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0.2rem solid black;
}

/* for dropping instruction box  */

.instructions-box {
  max-height: 70px;
  overflow: hidden;
  transition: all .5s ease;
}

.instructions-box.expand {
  max-height: 400px;
}

.v-instruction-container {
  border: .2rem solid #97d23d;
  justify-content: flex-start;
}

.highlight {
  border: 3px solid red;
  box-shadow: 0 0 10px #719ECE;
}

.demo-transistor {
  fill: none;
  stroke: rgb(0, 0, 0);
  stroke-width: 3;
  stroke-miterlimit: 10;
  pointer-events: stroke;
}

.demo-input-wires {
  fill: none;
  stroke: #bf6be3;
  stroke-width: 3;
  stroke-miterlimit: 10;
  pointer-events: stroke;
}

.demo-wires {
  fill: none;
  stroke: #97d23d;
  stroke-width: 3;
}

.speed-box {
  border: 1px solid black;
  color: black;
  background-color: white;
  text-align: center;
  font-size: 1.0rem;
  border-radius: 1em;
  padding: .5em 1.0em;
  cursor: pointer;
}

.demo-circles {
  fill: green;
  stroke: rgb(68, 68, 119);
  stroke-width: 3;
  fill-opacity: 1;
  stroke-opacity: 1;
}

.demo-text {
  font-size: 1.5rem;
  fill: black;
}