#mapAndPaperDrawing {
  height:100%;
}
#canvasPoints {
  position: absolute;
  top: 30px;
  right: 56.5%;
}
#mapPoints {
  position: absolute;
  top: 30px;
  right: 13%;
}
.points {
  background-color: white;
  width:130px;
  overflow:hidden;
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.points ul {
  list-style-position: inside;
  list-style:none;
  margin: 0;
  padding: 10px;
  border-style:solid;
  border-width:1px;
  border-color:#dcdcdc;
}
.drawing-gain {
  width:30%;
}
.tracingdistance-control {
  width:4%;
}
.pathColorBox {
  min-width:1em;
  display:inline-block;
  border-style:solid;
  border-width:1px;
  border-color:#dcdcdc;
}
.points ul li {
  padding:1px;
}
li button.deleteMarkerButton {
  width:70%;
}
li button.deletePathButton {
  width:40%;
}

.paths {
  position: absolute;
  top: 5%;
  right: 7%;
  background-color: white;
  width:30%;
  overflow:hidden;
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.paths ul {
  list-style-position: inside;
  list-style:none;
  margin: 0;
  padding: 10px;
  border-style:solid;
  border-width:1px;
  border-color:#dcdcdc;
}

.contourPointsAmt {
  font-weight:bold;
}
.overLayGjMap {
  position: absolute;
  right:0px;
  top:0px;
  width:50%;
  z-index: 10;
}
#paper-drawing{
/*  margin:0;
  padding:0;*/
  height:100%;
  width:100%;
  position:relative;
}
#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;
}
#paper-canvas {
  height:100%;
  width:100%;
}