/* https://www.alc.edu/blackboard/ */
/* https://www.mybenta.com/classified/467424/bulletin-board-%28corkboard-w-aluminum-glass-casing%29 */
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    grid-gap: 1.0%;
    height:2%;
    width:70%;
    top:6.5%;
    margin:0%;
    position:absolute;
}
.grid-child{
  height:100%;
  top:0%;
}
.hide {
  display:none;
}
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  /* padding: 15px 32px; */
  text-align: top;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  width:100%;
  height:70%;
  /* margin: 4px 2px; */
  cursor: pointer;
}
.noteSelected{
  stroke:blue;
}
.node {
    cursor: pointer;
  }

  .overlay{
      background-color:#EEE;
  }
   
  .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
  }
    
  .node text {
    font-size:10px; 
    font-family:'Courier New', monospace ,sans-serif;
    stroke: #fff;
    stroke-width:.2px;
  }
   
  .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
  }

  .templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
  }
  #formPaneData g{
    fill: none;
    stroke: red;
    stroke-width: 3px;
  }
  

  .ghostCircle.show{
      display:block;
  }
  .chosen {
    /* fill: red; */
    stroke: red;
    stroke-width: 1px;
  }
  circle.chosen {
    fill: red;
    /* stroke: red;
    stroke-width: 1px; */
  }
  circle.last_chosen {
    fill:green;
  }
  .ghostCircle, .activeDrag .ghostCircle{
       display: none;
  }
  .float-container{
    border:3px #fff solid black;
    padding:1px
  }
  .float-child{
    border:2px solid red;
    float:left
  }
  .float-childs{
    border:2px solid red;
    
  }
  circle.selected{
    stroke:green;
    stroke-width:3px;
  }
  path.selected{
    stroke:green;
    stroke-width:3px;
  }
  text.selected{
    font-size:10px;
    stroke:yellow;
  }