html, body, #map {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: sans-serif, serif, Monospace;
	z-index: 5;
}

#cvcs_logo {
	position: absolute;
	bottom: calc(100vh*0);
	left: calc(100vw*0);
	z-index: 0;
	background-color: white;
	padding: calc(100vw*0.005);
}

#cvcs_logo img {
	width: calc(100vw*0.05);
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	border-radius: 0;
}

table, tr, td {
	font-size: 14px;
	border: 0px;
}

form {
	margin: 0;
}

div .ui-widget-header,
div .ui-widget-content {
	padding: 5px;
}

div .ui-widget-content {
	font-size: 14px;
}

#events {
	position: absolute;
	top: calc(100vh*0.05);
	right: 10px;
	background-color: white;
	padding: 0px 10px 10px 10px;
	border: 2px solid darkgrey;
	width: calc(100vw*0.2) !important;
	height: calc(100vh*0.9) !important;
	overflow: auto;
}

#toggle {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 10;
}

#latestEvents {
	padding: 5px 0px 5px 0px;
	overflow: auto;
}

.green {
	color: green;
}

.red {
	color: red;
}

#info {
	position: absolute;
	top: 0;
	left: 0;
}

#eventsFooter .ui-widget-content {
	font-size: 14px;
	padding: 10px;
}

div .ui-widget-header {
	margin-top: 10px;
}

.ui-content {
	padding: 0px !important;
}

@media only screen and (orientation: landscape) and (max-width: 1200px){
	#events {
		top: calc(100vh*0.09);
		height: calc(100vh*0.8) !important;
		width: calc(100vw*0.85) !important;
	}
}

@media only screen and (orientation: portrait) {
	#events {
		width: calc(100vw*0.9) !important;
		height: calc(100vh*0.92)!important;
		font-size: calc(100vw*0.05);
	}

	#events .ui-widget-header {
		font-size: calc(100vw*0.05);
	}

	#events .ui-widget-content input {
		width: calc(100vw*0.05);
		height: calc(100vh*0.05);
	}
	#events .ui-widget-content,
	#events .ui-widget-content table tr td {
		font-size: calc(100vw*0.04);
	}

	#events .ui-widget-content form input[type=checkbox] {
	}

	button[id=toggle] {
		font-size: calc(100vh*0.02);
	}
	button[id=toggle] .ui-icon {
	
	}
}