html, body
{
   margin: 0px;
   padding: 0px;
   min-height: 100%;
   height: 100%;
   overflow: hidden;
   background: white;
   font-family: helvetica;
   font-size: 10pt;
   -ms-touch-action: none;
   -webkit-user-select: none;
   -webkit-text-size-adjust: none;
}

#wrapper
{
   min-height: 100%;
   margin: 0 auto -50px;
   position: relative;
}

#header
{
   height: 66px;
   padding: 8px;
   padding-bottom: 0px;
}

#sidebar
{
   width: 210px; /*Change width of sidebar at start*/
   position: absolute;
   left: 0;
  /* top: 74px; */
   padding: 8px;
   min-width: 50px; /*Change the smallest we can resize to*/
}

#main
{
   padding: 8px;
}

#imageViewerDiv
{
   width: 100%;
   height: 100%;
   position: relative;
   border: 1px solid #000000;
   background-color: #7F7F7F;
}

#myViewer_canvas
{
   cursor: default;
}

/* Drop shadows */
.drop-shadow
{
   -moz-box-shadow: 3px 3px 10px 3px #ccc;
   -webkit-box-shadow: 3px 3px 10px 3px #ccc;
   box-shadow: 3px 3px 10px 3px #ccc;
}

/* Increase resizable area */
.ui-resizable-e
{
   width: 12px;
   right: -2px;
}

.ui-resizable-w
{
   left: -7px;
}