.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: 10px;
    height: 10px;   
    z-index: 5;
    position: absolute;
    border-radius: 31px;
}


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

.dropHover {
    border: 1px solid orange;
}
.button{
background-color: #4CAF50; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/** ELEMENT POSITIONS **/
#ld1 {
    top: 17.4em;
    left: 1.3em;
}

#ld2 {
    top: 17.4em;
    left: 4em;
}

#ld3 {
    top: 19em;
    left: 9em;
}

#ld4 {
    top: 23em;
    left: 9em;
}

/*#ld5 {
    top: 18.2em;
    left: 23em;
}
#ld6 {
    top: 18.2em;
    left: 27.5em;
}
#ld7 {
    top: 11.5em;
    left: 44.5em;
}
#ld8 {
    top: 19.5em;
    left: 44.5em;
}*/
#ld9 {
    top: 15.4em;
    left: 50.7em;
}
#ld10 {
    top: 15.4em;
    left: 55.2em;
}
#ld11 {
    top: 13.9em;
    left: 09em;
}
#ld12 {
    top: 13.9em;
    left: 17em;
}
#ld13 {
    top: 15em;
    left: 59em;
}
#ld14 {
    top: 12.3em;
    left: 56.2em;
}
#ld15 {
    top: 10em;
    left: 53.3em;
}
#ld16 {
    top: 17em;
    left: 58.3em;
}
#ld17 {
    top: 21.3em;
    left: 53.3em;
}
#ld18 {
    top: 20.8em;
    left: 50.2em;
}
#ld19 {
    top: 15.6em;
    left: 47em;
}
#ld20 {
    top: 13.5em;
    left: 49em;
}
#ld21 {
    top: 30.6em;
    left: 13.4em;
}
#ld22 {
    top: 30.6em;
    left: 19.8em;
}

   


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