.map {
		height: 70vh;
	}

@media only screen and (orientation: portrait) and (max-width:750px) {
	.map {
		height: 60vh;
	}
}


@media only screen and (orientation: portrait) and (max-width:500px){
	.map {
		height: 56vh;
	}
}

/* @media only screen and (max-width:1000px) { */
/* 	.map { */
/* 		height: 70vh; */
/* 	} */
/* } */

/* /* Smartphone portrait */ */
/* @media only screen and (max-width:500px) { */
/* 	.map { */
/* 		height: 70vh; */
/* 		min-width: 300px; */
/* 	} */
/* } */

/* /*    Smartphone landscape */ */
/* @media only screen and (min-width:501px) and (max-width:900px) { */
/* 	.map { */
/* 		height: 70vh; */
/* 		width:  70vh; */
/* 		min-height: 300px; */
/* 	} */
/* } */

/* /*         Standard layout */ */
/* @media only screen and (min-width:901px) { */
/* 	.map { */
/* 		height: 600px; */
/* 	} */
/* } */

.controls-pad {
	padding: 2px;
}

.draw-polygon-control {
	right: .3em;
	top: .3em;
}

.modify-polygon-control {
	right: .3em;
	top: 2.2em;
}

.clear-polygon-control {
	right: .3em;
	top: 5em;
}

.ttip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}
/* .ttip-measure {
  opacity: 1;
  font-weight: bold;
} */
.ttip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
}
/* .ttip-measure:before,
.ttip-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%;
}
.ttip-static:before {
  border-top-color: #ffcc33;
} */
.ol-scale-line-inner {
	border: 1px solid #eee;
	border-top: none;
	color: #eee;
	font-size: 10px;
	text-align: center;
	margin: 1px;
	padding: 0 2px;
}

.ol-unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.ol-viewport {
	touch-action: auto !important;
}

.ol-scale-line {
	background: #95b9e6;
	background: rgba(0, 60, 136, .3);
	border-radius: 4px;
	bottom: 8px;
	left: 8px;
	padding: 2px;
	position: absolute;
}