.imageViewerViewport
  width: 100%
  height: 100%
  background-color: black
      
  // Prevents the entire page from getting larger
  // when the magnify tool is near the sides/corners of the page
  overflow: hidden
  
.viewportInstructions
  display: none
  font-size: 13px
  color: #e4ad00
  line-height: 18px
  pointer-events: none // Necessary for drag/drop through to cornerstone element below
  text-align: center
  position: absolute
  top: 0
  bottom: 0
  right: 0
  left: 0
  margin: auto
  height: 20px
  
/* These are some good CSS settings for a circular magnifying glass 
   Try removing the border-radius to make a square magnifying glass */
.magnifyTool{
    border: 4px white solid;
    box-shadow: 2px 2px 10px #1e1e1e;
    border-radius: 50%;
    display: none;
    cursor: none;
}
/* prevents selection when left click dragging */
.disable-selection {
    -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
}
/* prevents cursor from changing to the i bar on the overlays*/
.noIbar {
    cursor:default;
}