.hotspot {
    stroke: darkblue;
    stroke-width: 5px;
    fill: blue;
    fill-opacity: 0.2;
    cursor: move;
}

#preview_content .hotspot {
    opacity: 1;
    fill: #000;
    fill-opacity: 0;
    stroke-width: 0;
    cursor: pointer;
}

#preview_content .hotspot:hover {
    fill-opacity: 0.3;
    
}


#edits {
    visibility: hidden;    
}

.edit-rect {
  stroke: none;
  
  fill: black;
}

.edit-rect:hover {
   fill: #666;
}

.edit-rect.nw {
  cursor: nw-resize;
}

.edit-rect.ne {
  cursor: ne-resize;
}

.edit-rect.sw {
  cursor: sw-resize;
}

.edit-rect.se {
  cursor: nw-resize;
}


.edit-rect.n {
  cursor: n-resize;
}

.edit-rect.s {
  cursor: s-resize;
}

.edit-rect.w {
  cursor: w-resize;
}

.edit-rect.e {
  cursor: e-resize;
}