body {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
}
a {
	color: #08c;
}
.header-logo {
	height: auto;
	max-height: clamp(36px, 6vw, 60px);
	max-width: 160px;
	width: auto;
}
.container-fluid { max-width: 75%; }
.header_pos {
	display: flex;
	align-items: center;
	padding-left: clamp(1rem, 3vw, 2.5rem);
	color: #666666;
}
.header-title {
	font-size: clamp(1.2rem, 2.25vw, 1.8rem);
	font-weight: 300;
	margin: 0;
	line-height: 1.2;
}
h2 {
	color: #666666;
}
thead {
	background-color: #f8f9fa;
}
.table thead th {
	border-bottom: 1px;
}
th {
	color: #555555;
}
.leaflet-container {
    min-height: 90vh;
    height: 100%;
}
#route_table {
	width: 100%;
}
#route_map {
	min-height: 30vh;
	height: 30vh;
	width: 30vh;
	margin-left: 5vh;
}
.tableFixHead          { overflow: auto; height: 95vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
.clickable {
	cursor: pointer;
}
.user_select {
	min-width: 15vw
}
.text-na {
	color: #cccccc;
}
.filter-td {
	max-width: 25vw;
	padding-right: 1vw;
}