body {
	font-family: sans-serif;
	font-size:14px;
}

#enlarge {
	position: absolute;
	z-index: 100;
}
#zoom {
	width: 40%;
}

#map-div {
	width: 58%;
	float: left;
	position: relative;
}

#snowpoint, #wayward {
	float: left;
	position: absolute;
	top: 2%;
	left: 4%;
	width: 100%;
	font-size: 1vw;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}

#map-div > img, #display-icons {
	width: 100%;
	cursor: pointer;
}

#table-displays {
	width: 13%;
	float: left;
}

#table-displays {
	font-size: 14px;
}

#selectors {
	float: left;
	width: 22%;
}

table {
	border: 2px solid black;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 2ex;
}

tr, td, th {
	border: 1px solid black;
}

th {
	border-bottom: 2px solid black;
}

label {
	-webkit-user-select: none;
	user-select: none;
}

h2 {
	text-align: center;
}

#filter-select {
	padding-top: 20px;	
}

#item-select  {
	display: block;
	text-align: center;
}

#filter-select > label {
	padding-right: 20px;
}

#selectors, #table-displays {
	padding: 10px;
}

#small-displays {
	border: 1px solid black;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	position: absolute;
	float: left;
	width: 10%;
	z-index: 200;
}

.single {
	position: absolute;
	width: 2.3%;
	z-index: 100;
}

.single-item {
	position: absolute;
	width: 3%;
	z-index: 100;
}

table img {
	width: 50%;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.align-right {
	text-align: right;
}

.justify-between {
	justify-content: space-between;
}

.content-right {
	justify-content: right;
}

.center-align {
	align-items: center;
}

.width-half {
	width: 50%;
}