/*body, html {width: 100%; height: 100%; margin: 0; padding: 0;}*/
.map-container {display: flex; width: 100%; height: 85vh; flex-direction: column; background-color: #eaeaea; overflow: hidden;}
.map-frame { flex-grow: 1; border: none; margin: 0; padding: 0; }

#map { height: 100%; }
.line-container {
	position: absolute;
	width: 100%;
	height: 50vh;
	overflow-y: scroll;
	border: 1px solid black;
	padding: 30px 12px 40px 12px;
	margin-bottom: 80px;
}
.single {
	padding: 30px 12px 40px 12px;
}
.line4 {
	top: 50vh;
}

.map-row table {
	width: 100%;
}
.map-row td, .map-row th {
	border-top: 1px solid #555;
	border-collapse: collapse;
	padding: 3px 6px;
}

/* tabs */
#myTab {
    justify-content: space-between;
}
#myTab {
	margin: 30px 0 0 0;
}
#myTab .nav-item {
	width: 49%;
}
#myTab .nav-item .nav-link {
	width: 100%;
	color: #888;
}
#myTab .nav-item .nav-link.active {
	color: #000;
}
.tab-content {
	margin: 20px 0 0 0;
}
.tab-pane  {
	max-height: 75vh;
	overflow-y: auto;
}
.tab-pane table {
	max-height: 600px;
}