html,
body {
	height: 100%;
	background-color: #1e1e1e;
	margin: 0;
	padding: 0;
}

input {
	padding: 1% 3%;
}

code {
	margin-left: 1.8em;
	i {
		margin-left: 0.9rem;
		font-size: 1.2rem;
	}
}

.hidden {
	display: none;
}

.leaflet-container {
	height: 90%; /* 400px */
	width: 90%; /* 600px; */
	max-width: 100%;
	max-height: 100%;
}

.panel {
	background-color: #fff;
	z-index: 100;
	position: absolute;
	top: 15%;
	font-family: arial;
	font-size: small;
	font-weight: 300;
}

.button {
	padding: 0.5em;
	margin: 3px 10px;
	font-size: small;
	border: 0;
}

.carbon {
	color: #fff;
	background-color: #000;
	margin: 0;
	border: 0;
}

.chevron-crimson {
	font-weight: 900;
	font-size: 12pt;
	color: #fff;
	background-color: #c50f3c;
	border: 0;
}

.crimson {
	color: #c50f3c;
}

.background-crimson {
	background-color: #c50f3c;
}

.button-crimson {
	font-size: 10pt;
	color: #fff;
	background-color: #c50f3c;
	border: 0;
	text-decoration: none;
	padding: 0.5em 0.85em;
}

.chevron {
	color: #c50f3c;
}

.flex {
	display: flex;
}

.liner-gray {
	border-bottom: 3px solid #c8ccc8;
}

.liner-crimson {
	border-bottom: 3px solid #c50f3c;
}

.nav-item {
	font-family: arial;
	font-size: small;
	font-weight: 700;
	color: #d1d1d1;
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

#filter-container {
	height: 3.75em;
	line-height: 3.5;
	padding-left: 5em;
	margin-top:1px;
}

#filters-box {
	font-family: arial;
	font-size: 14px;
	background-color: #fefefe;
	position: absolute;
	top: 5.5em;
	height: 16em;
	width: 30%;
	z-index: 1000;
	padding: 1.6em 0;
	h3 {
		line-height: 1.2rem;
		margin-top: 0;
		margin-left: 1.8em;
	}
	ul,
	li {
		list-style-type: none;
		line-height: 1.7;
		max-width: 100%;
		font-size: small;
	}
	ul {
		padding-left: 2em;
	}
	.all {
		font-size: 10pt;
		color: #fff;
		background-color: #c50f3c;
		border: 0;
		text-decoration: none;
		padding: 0.5em 0.85em;
		margin-left: 2em;
	}
}

#widget-sidebar {
	height: 20%;
	width: 30em;
	padding: 3em;
	z-index: 1500;
	top: 22%;
	right: 0;
	box-shadow: -5px 0 3px -3px #00000030;
	.pane {
		height: 58em;
		padding: 5% 4% 5% 0;
		font-size: 8pt;
		overflow: auto;
	}

	.line-item {
		line-height: 2.1;
		border-bottom: 1px solid #ececec;
	}

	textarea {
		font-size: 8pt;
		line-height: 2.1;
		padding: 0.5em;
	}

	#pane-n {
		.line-item {
			line-height: 1.1;
			padding-bottom: 0.55em;
			margin-bottom: 0.55em;
		}
		button {
			margin-top: 0.4em;
		}
	}
	#close {
		text-align: right;
	}

}

#widget-legend {
	font-family: arial;
	font-size: 10pt;
	font-weight: 300;
	position: absolute;
	top: 80%;
	left: 2%;
	padding: 1em 2em;
	width: 65em;
	z-index: 100;
	background-color: #fff;
	padding: 1em 2em 2em 2em;

	.segment {
		font-size: 9pt;
		width: 25%;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		text-align: center;
		padding: 5px 10px;
	}
}

#map {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 5;
}