html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }

@-moz-keyframes pulsate {
	from {
		-moz-transform: scale(0.25);
		opacity: 1.0;
	}
	95% {
		-moz-transform: scale(1.3);
		opacity: 0;
	}
	to {
		-moz-transform: scale(0.3);
		opacity: 0;
	}
}
@-webkit-keyframes pulsate {
	from {
		-webkit-transform: scale(0.25);
		opacity: 1.0;
	}
	95% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(0.3);
		opacity: 0;
	}
}
/* get the container that's just outside the marker image, 
	which just happens to have our Marker title in it */
#fullscreen-map div.gmnoprint[title="I might be here"] {
	-moz-animation: pulsate 1.5s ease-in-out infinite;
	-webkit-animation: pulsate 1.5s ease-in-out infinite;
	border:1pt solid #fff;
	/* make a circle */
	-moz-border-radius:51px;
	-webkit-border-radius:51px;
	border-radius:51px;
	/* multiply the shadows, inside and outside the circle */
	-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	/* set the ring's new dimension and re-center it */
	height:51px!important;
	margin:-18px 0 0 -18px;
	width:51px!important;
}
/* hide the superfluous marker image since it would expand and shrink with its containing element */
/*	#fullscreen-map div[style*="987654"][title] img {*/
#fullscreen-map div.gmnoprint[title="I might be here"] img {
	display:none;
}
/* compensate for iPhone and Android devices with high DPI, add iPad media query */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
	#fullscreen-map div.gmnoprint[title="I might be here"] {
		margin:-10px 0 0 -10px;
	}
}

/* --- map legend --- */

.map_legend {
    background-color: transparent;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 193px;
    z-index: 40;
}
.map_legend .top_mask {
    background: url("/images/legend/maplegend_top.png") no-repeat scroll left top transparent;
    height: 10px;
}
.map_legend .content {
    background: url("/images/legend/maplegend_cen.png") repeat-y scroll left top transparent;
    color: #D0D0D0;
    padding: 1px 15px;
    position: relative;
}
.map_legend .content .legend_text {
    background-position: 10px 0;
    background-repeat: no-repeat;
    font-size: 11px;
    margin: 10px 0;
    min-height: 21px;
    padding-left: 42px;
    font-weight: 100;
    text-shadow: none;
	display: flex;
    flex-direction: row;
    align-items: center;
}
.map_legend .content .close {
    background: url("/images/legend/legend_close.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 9px;
}

.map_legend .bottom_mask {
    background: url("/images/legend/maplegend_bottom.png") no-repeat scroll left top transparent;
    height: 11px;
}

/* --- /map legend --- */
.map_legend .content .legend_text 
{
	background-size: contain;
	min-height: 35px;
}

/*OPENLAYER_MAP*/
.ol-attribution
{
	display: none;
}
.ol-zoom button
{
	font-size: 25px;
	height: 40px;
	width:40px;
}
.ol-zoom
{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 250px;
	right: 35px;
}
.ol-rotate
{
	display: none;
}
@media (max-width: 768px) {
	.map_legend
	{
		right: 12px;
		top: 12px;
		width: 193px;
	}
	.ol-zoom
	{
		top: 205px;
        right: 15px;
	}
}

.ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: -5px;
	left: -50px;
	min-width: 280px;
  }
  .ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  }
  .ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
  }
  .ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
  }
  .ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
  }
  .ol-popup-closer:after {
	content: "✖";
  }
.ol-attribution
{display: none;}