html, body{
  margin:0;
  padding:0;
  height:100%;
}
#paper-drawing{
/*  margin:0;
  padding:0;*/
  height:100%;
}
#paper-drawing #paper-canvas{
  cursor:default;
  /*border:1px solid red;*/
}
#paper-drawing #toolbar{
  position:fixed;
  bottom:0;
  left:0;
  height:25px;
  width:100%;
  width:100vw;
  z-index:990;
  background-color:#666;
  padding-top:5px;
}
#paper-drawing #new-path{
  margin-left:5px;
}
#paper-drawing #zoom{
  position:absolute;
  right:38vw;
  width:25vw;
}
#paper-drawing #zoom-label{
  position:absolute;
  right:64vw;
}
#paper-drawing #centerX{
  position:absolute;
  right:25px;
  width: 30vw;
}
#paper-drawing #toolbar-side{
  position:fixed;
  bottom:0;
  right:0;
  height:100%;
  height:100vh;
  width:25px;
  z-index:991;
  background-color:#666;
}
#paper-drawing input[type=range][orient=vertical]{
  writing-mode: bt-lr; /* IE */
  -webkit-appearance: slider-vertical; /* WebKit */
  width: 8px;
  height: 175px;
  padding: 0 5px;
}
#paper-drawing #centerY{
  position:absolute;
  bottom:30px;
  right:5px;
  height: 50vh;
}

#paper-drawing #xyNav{
  position:fixed;
  bottom:30px;
  right:25px;
  z-index:992;
  opacity: 0.9;
  border-top:1px solid #666;
  border-left:1px solid #666;
}

#paper-drawing #xyNavBounds{
  position:fixed;
  bottom:30px;
  right:25px;
  width:30px;
  height:40px;
  border:1px solid red;
  z-index:993;
}