.demo {
    /* for IE10+ touch devices */
    touch-action:none;
}
/** JSPLUMB ARTEFACTS **/
.jtk-overlay {
    z-index: 51;
}

.jtk-endpoint {
    z-index: 50;
    cursor: move;
}

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

/** ELEMENTS **/
.littledot
{
    cursor: pointer;
    width: 12px;
    height: 12px;
    
    z-index: 5;
    position: absolute;
    border-radius: 31px;
}




.littledot-hover-hover {
    border: 2px solid orange;
}

.dropHover {
    border: 1px solid orange;
}
.button{

  margin-top: 500px;
  background-color: #4CAF50; 
  border: none;
  color: white;
  border-radius: 4px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin:10px 14px;
  cursor: pointer;
}

/** ELEMENT POSITIONS **/





#ld1 {
    top: 20.8em;
    left: 12.1em;
}

  
#ld2 {
    top:21.4em;
    left: 15.2em;
}
#ld3 {
    top: 21.5em;
    left: 18.3em;
}
#ld4 {
   
    top: 21.5em;
    left: 21.4em; 
}
#ld5 {
   top: 20.8em;
    left: 24.4em;
}
#ld6 {
    top: 25.2em;
    left: 7.5em;
}


#ld7 {
   
    top: 25.3em;
    left: 29em; 
}

#ld8 {
    top: 23.2em;
    left: 36.5em;
}

#ld9 {
    top: 32.9em;
    left: 36.5em;
}
#ld10 {
   
    top: 17.5em;
    left: 40.2em; 
}
#ld11 {
   top: 21.4em;
    left: 40.2em;
}
#ld12 {
    top: 25.2em;
    left: 40.2em;
}


#ld13 {
   
    top: 29.2em;
    left: 40.2em; 
}

#ld14 {
    top: 33em;
    left: 40.2em;
}












path, .jtk-endpoint {
    cursor: pointer;
}