.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{
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: 18em;
    left: 1.5em;
}

#ld2 {
    top: 18em;
    left: 2.75em;
}

#ld3 {
    top: 18em;
    left: 4.05em;
}

#ld4 {
    top: 18em;
    left: 5.4em;
}

#ld5 {
    top: 18em;
    left: 12em;
}
#ld6 {
    top: 18em;
    left: 16.5em;
}
#ld7 {
    top: 18em;
    left: 25.7em;
}
#ld8 {
    top: 18em;
    left: 27.9em;
}
#ld9 {
    top: 18em;
    left: 30.1em;
}
#ld10 {
    top: 18em;
    left: 32.3em;
}
#ld11 {
    top: 18em;
    left: 39.2em;
}
#ld12 {
    top: 18em;
    left: 41.4em;
}
#ld13 {
    top: 18em;
    left: 43.6em;
}
#ld14 {
    top: 18em;
    left: 45.8em;
}
#ld15 {
    top: 18em;
    left: 54em;
}
#ld16 {
    top: 18em;
    left: 58.5em;
}
#ld17 {
    top: 39em;
    left: 3.6em;
}
#ld18 {
    top: 39em;
    left: 6em;
}
#ld19 {
    top: 39em;
    left: 8.5em;
}
#ld20 {
    top: 39em;
    left: 17em;
}
#ld21 {
    top: 39em;
    left: 21em;
}
#ld22 {
    top: 39em;
    left: 31.5em;
}
#ld23 {
    top: 39em;
    left: 35.5em;
}
#ld24 {
    top: 38.3em;
    left: 51.4em;
}
#ld25 {
    top: 38.3em;
    left: 55.5em;
}
#ld26 {
    top: 38.3em;
    left: 59.5em;
}
#ld27 {
    top: 25.5em;
    left: 3em;
}
#ld28 {
    top: 25.5em;
    left: 5em;
}
#ld29 {
    top: 25.5em;
    left: 7em;
}
#ld30 {
    top: 25.5em;
    left: 9em;
}

   


path, .jtk-endpoint {
    cursor: pointer;
}
.text_1
{
    width: 52px;
     margin-top: 4px;
    margin-left: 110px;
}
.text_2
{
    width: 52px;
    margin-left: 110px;
    margin-top: 4px;
}

.text_3
{
    width: 52px;
     margin-left: 110px;
    margin-top: 4px;
}

.text_4
{
    width: 52px;
     margin-left: 110px;
    margin-top: 4px;
}

.text_5
{
    width: 52px;
     margin-left: 110px;
    margin-top: 4px;
}

.text_6
{
    width: 52px;
     margin-left: 110px;
    margin-top: 4px;
}