.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;
}