#map-canvas {
	width: 100vw;
	height: 100vh;
}

.markerData {
	position: relative;
	width: 200px;
	padding: 0px;
	margin: -45px 0px 0px -65px;
	background-color: rgba(87, 152, 217, 0.8);
	border: 1px solid #ffffff;
	border-radius: 0px;
	display: inline-block;
	cursor: default;
	font-size: 10px;
	box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
.markerDataBackground {
	/*background-color: rgba(255,255,255,1);*/
	display: block;
	position: relative;
	top: -50px;
	margin-bottom: -45px;
}
.markerDataDisplay {
	width: 100%;
	height: 50px;
	display: inline-block;
	position: relative;
	top: -50px;
}
.markerData .cameraThumb {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0px 0px;
	/*background-color: #ffffff;*/
}
.markerData .cameraThumb img#cameraThumb{
	max-width: 100%;
	/*border: 1px solid #ffffff;*/
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.5);*/
	transition: all 2s ease;
}
.markerDataLabel {
	width: 35px;
	font-size: 12px;
	padding: 0px 0px 0px 5px;
	margin-top: 2px;
	display: inline-block;
	text-align: left;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.markerDataValue {
	color: #FFFFFF;
	width: 160px;
	font-size: 12px;
	padding: 0px;
	display: inline-block;
	text-align: left;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.markerDataValue.short {
	color: #ffffff;
	width: 60px;
	font-size: 12px;
	padding: 0px;
	display: inline-block;
	text-align: left;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.meteo_micro_pic {
	width: 100%;
}
.markerDataDisplay #imgWc {
	margin-left: 0px;
	margin-top: 0px;
	line-height: 40px;
	position: relative;
	transition: all 2s ease;
}
.markerDataDisplay #imgWi {
	margin-left: 20px;
	margin-top: 10px;
	line-height: 40px;
}
.markerDataDisplay #imgWdb {
	margin-left: 0px;
	margin-top: 0px;
	line-height: 40px;
	position: relative;
	transition: all 2s ease;
}
.markerDataDisplay #imgWdd {
	transform: rotate(0deg);
	transition: all 2s ease;
	margin-left: 0px;
	margin-top: 0px;
	line-height: 40px;
	position: relative;
	left: -50px;
	margin-right: -50px;
}
.markerDataDisplay #imgRs {
	margin-left: 0px;
	margin-top: 0px;
	line-height: 40px;
	position: relative;
	transition: all 2s ease;
}
.markerDataDisplay #imgLi {
	margin-left: 0px;
	margin-top: 0px;
	line-height: 40px;
	position: relative;
	transition: all 2s ease;
}
.markerDataDisplay #imgAl {
	margin-left: 20px;
	margin-top: 10px;
	line-height: 40px;
}
.stationname {
	position: relative;
	top: -150px;
	color: #ffffff;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	display: inline-block;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.stationtime {
	position: relative;
	top: -35px;
	color: #ffffff;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	display: inline-block;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.markerData .fa-light.fa-refresh {
	font-size: 15px;
	color: white;
	cursor: pointer;
	position: relative;
	top: -180px;
	left: 5px;
	margin-bottom: -15px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.markerData .fa-light.fa-times {
	font-size: 15px;
	color: white;
	cursor: pointer;
	position: relative;
	top: -180px;
	left: 170px;
	margin-bottom: -15px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}


/* MINI MARKER */

.minimarkerData {
	position: relative;
	top: 0px;
	left: 43px;
	width: 164px;
	height: 41px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: default;
	font-size: 10px;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.3);
}
.minimarkerDataDisplay {
	width: 100%;
	height: 40px;
	display: inline-block;
	position: relative;
	top: 0px;
}
.minimarkerDataDisplay #imgWc {
	position: relative;
	top: 0px;
	left: 0px;
}
.minimarkerDataDisplay #imgWdb {
	position: relative;
	top: 0px;
	left: 0px;
}
.minimarkerDataDisplay #imgWdd {
	transform: rotate(0deg);
	transition: all 2s ease;
	position: relative;
	top: 2px;
	left: -40px;
	margin-right: -40px;
}
.minimarkerDataDisplay #imgRs {
	position: relative;
	top: 0px;
	left: 0px;
}
.minimarkerDataDisplay #imgLi {
	position: relative;
	top: 0px;
	left: 0px;
}
.minimarkerDataDisplay #imgAl {
	position: relative;
	top: 0px;
	left: 0px;
}
.minicameraThumb {
	position: relative;
	top: 3px;
	left: -40px;
	width: 203px;
	height: 155px;
	display: inline-block;
}
.minicameraThumb img {
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.3);
}
.minicameraThumb .stationname {
	top: -155px;
	margin-bottom: -15px;
}
.minicameraThumb .stationtime {
	margin-bottom: -15px;
}
.minimarkerData .fa-light.fa-refresh {
	font-size: 15px;
	color: white;
	cursor: pointer;
	position: relative;
	top: -185px;
	left: 5px;
	margin-bottom: -15px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.minimarkerData .fa-light.fa-times {
	font-size: 15px;
	color: white;
	cursor: pointer;
	position: relative;
	top: -185px;
	left: 175px;
	margin-bottom: -15px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.minimarkerDataBackground {
	display: inline-block;
	position: relative;
	top: -25px;
	left: -39px;
	width: 202px;
	margin-bottom: -45px;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #207EFF;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.3);
}
.minimarkerDataLabel {
	width: 35px;
	font-size: 12px;
	padding: 0px 0px 0px 5px;
	margin-top: 2px;
	display: inline-block;
	text-align: left;
	color: #207EFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0);
}
.minimarkerDataValue {
	width: 160px;
	font-size: 12px;
	padding: 0px;
	display: inline-block;
	text-align: left;
	color: #207EFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0);
}
.minimarkerDataValue.short {
	width: 60px;
	font-size: 12px;
	padding: 0px;
	display: inline-block;
	text-align: left;
	color: #207EFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0);
}
.marker.anemo .minimarkerDataBackground {
	display: none;
}
.marker.anemo.displayValues .minimarkerDataBackground {
	display: inline-block;
}
.marker.anemo .minicameraThumb {
	display: none;
}
.marker.anemo.displayValues .minicameraThumb {
	display: inline-block;
}
#mapCenterPoint {
	position: fixed;
	top: 50vh;
	left: 50vw;
	margin-top: -40px;
}
.cameraPic {
	position: absolute;
	display: inline-block;
	left: 200px;
	top: 60px;
	z-index: 1000;
}
.cameraPic #cameraPic {
	border: 2px solid white;

}