/* MEASUREMENT STYLE */
.tool-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tool-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tool-tooltip-static {
  /*background-color: #ffcc33;*/
  background-color: #0000ff;
  color: white;
  border: 1px solid white;
}
.tool-tooltip-measure:before,
.tool-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tool-tooltip-static:before {
  border-top-color: #0000ff;
}

/* ZOOM SLIDER STYLE */
 
.ol-scale-line {
	left: 115px
}
.ol-scale-line-inner {
	background-color: rgba(0,0,0,.3)
}

/* MOUSE POSITION */
.mousePosition2 {
	position:absolute;
	right:10px;
	bottom:10px;
	font-family: Verdana;
	font-size: 14px;
	color: black;
	text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
}

.controlOutput {
	position:absolute;
	text-align: right;
	width:250px;
	right:10px;
	bottom:10px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 15px;
        line-height: 1.42857143;
	color: #fff;
   	background-color: rgba(0,60,136,.5);
        padding: 2px 15px;
        border-radius: 5px;
}

.layerTooltip {
    text-align: center;
    right: 10px;
    bottom: 10px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #fff;
    background-color: rgba(0,60,136,.5);
    padding: 2px 15px;
    border-radius: 5px;
}

.mousePosition:empty{
	display:none
} 
.mousePosition{
	font-size:12px;
}