html, body { margin: 0; border: 0; font: 15px Arial, Helvetica, sans-serif; }

h1 { margin: 0 0 15px; }
p { margin: 0 0 15px; }

ul { padding: 0 0 0 8px; list-style-position: inside; 
	}

#map {
	position: fixed;
	width: 100%;
	height: 100%;
	
}
	
.leaflet-tile-pane .leaflet-layer.map {
	filter: grayscale(80%) opacity(50%);
	
}

/*
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="11"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="12"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="13"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="14"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="15"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="16"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="17"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="18"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="19"],
.leaflet-tile-pane .leaflet-layer.simple[data-zoom="20"] {
	display: none;
}
*/

.leaflet-layer svg path.track-rail { stroke: #FF7A00; }
.leaflet-layer svg path.track-subway { stroke: #b1b1b1; }
.leaflet-layer svg path.track-yard { stroke: #FF7A0055; }

.leaflet-layer[data-zoom="6"] svg path.track-subway { visibility: hidden; }
.leaflet-layer[data-zoom="7"] svg path.track-subway { visibility: hidden; }
.leaflet-layer[data-zoom="8"] svg path.track-subway { visibility: hidden; }
.leaflet-layer[data-zoom="9"] svg path.track-subway { visibility: hidden; }
.leaflet-layer[data-zoom="10"] svg path.track-subway { visibility: hidden; }

.leaflet-layer svg circle.station-rail { fill: #FF7A00; }
.leaflet-layer svg circle.station-subway { fill: #b1b1b1; }

.leaflet-layer[data-zoom="6"] svg circle.station-subway { visibility: hidden; }
.leaflet-layer[data-zoom="7"] svg circle.station-subway { visibility: hidden; }
.leaflet-layer[data-zoom="8"] svg circle.station-subway { visibility: hidden; }
.leaflet-layer[data-zoom="9"] svg circle.station-subway { visibility: hidden; }
.leaflet-layer[data-zoom="10"] svg circle.station-subway { visibility: hidden; }

.leaflet-layer.simple[data-zoom="6"] svg path { stroke-width: 6; }
.leaflet-layer.simple[data-zoom="7"] svg path { stroke-width: 4; }
.leaflet-layer.simple[data-zoom="8"] svg path { stroke-width: 2.56; }
.leaflet-layer.simple[data-zoom="9"] svg path { stroke-width: 1.28; }
.leaflet-layer.simple[data-zoom="10"] svg path { stroke-width: 0.64; }


.leaflet-layer.tracks[data-zoom="11"] svg path { stroke-width: 5.12; }
.leaflet-layer.tracks[data-zoom="12"] svg path { stroke-width: 2.56; }
.leaflet-layer.tracks[data-zoom="13"] svg path { stroke-width: 1.28; }
.leaflet-layer.tracks[data-zoom="14"] svg path { stroke-width: 0.64; }
.leaflet-layer.tracks[data-zoom="15"] svg path { stroke-width: 0.32; }
.leaflet-layer.tracks[data-zoom="16"] svg path { stroke-width: 0.16; }
.leaflet-layer.tracks[data-zoom="17"] svg path { stroke-width: 0.08; }
.leaflet-layer.tracks[data-zoom="18"] svg path { stroke-width: 0.04; }
.leaflet-layer.tracks[data-zoom="19"] svg path { stroke-width: 0.03; }
.leaflet-layer.tracks[data-zoom="20"] svg path { stroke-width: 0.01; }

/*.leaflet-layer svg circle { fill: #FF7A00; }*/

.leaflet-layer.simple[data-zoom="6"] svg circle { r: 12; }
.leaflet-layer.simple[data-zoom="7"] svg circle { r: 6; }
.leaflet-layer.simple[data-zoom="8"] svg circle { r: 4; }
.leaflet-layer.simple[data-zoom="9"] svg circle { r: 2.4; }
.leaflet-layer.simple[data-zoom="10"] svg circle { r: 1.5; }
.leaflet-layer.simple[data-zoom="11"] svg circle { r: 1; }


.leaflet-layer.tracks[data-zoom="11"] svg circle { r: 24; }
.leaflet-layer.tracks[data-zoom="11"] svg circle.station-subway { r: 16; }
.leaflet-layer.tracks[data-zoom="12"] svg circle { r: 12; }
.leaflet-layer.tracks[data-zoom="12"] svg circle.station-subway { r: 8; }
.leaflet-layer.tracks[data-zoom="13"] svg circle { r: 6; }
.leaflet-layer.tracks[data-zoom="14"] svg circle { r: 3; }
.leaflet-layer.tracks[data-zoom="15"] svg circle { r: 1.2; }
.leaflet-layer.tracks[data-zoom="16"] svg circle { r: 0.6; }
.leaflet-layer.tracks[data-zoom="17"] svg circle { r: 0.3; }
.leaflet-layer.tracks[data-zoom="18"] svg circle { r: 0.15; }
.leaflet-layer.tracks[data-zoom="19"] svg circle { r: 0.075; }

.leaflet-layer div.station-label { 
	position: absolute;
	font: 40px Roboto, sans-serif; 
	white-space: nowrap;
}

.leaflet-layer div.station-label.subway { opacity: 0.4; }

.leaflet-layer div.inner {
	position: absolute;
	left: 0;
	transform: scale(0.25);
}

.leaflet-layer[data-zoom="11"] div.station-label { font-size: 48px; margin-left: 36px; margin-top: -8px; text-shadow: -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff; }
.leaflet-layer[data-zoom="11"] div.station-label.subway { display: none; }
.leaflet-layer[data-zoom="12"] div.station-label { font-size: 24px; margin-left: 18px; margin-top: -4px; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
.leaflet-layer[data-zoom="12"] div.station-label.subway { display: none; }
.leaflet-layer[data-zoom="13"] div.station-label { font-size: 12px; margin-left: 9px; margin-top: -2px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.leaflet-layer[data-zoom="14"] div.station-label { font-size: 6px; margin-left: 4px; margin-top: -1px; text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff; }
.leaflet-layer[data-zoom="15"] div.station-label { font-size: 3px; margin-left: 2px; margin-top: -1px; text-shadow: -0.25px -0.25px 0 #fff, 0.25px -0.25px 0 #fff, -0.25px 0.25px 0 #fff, 0.25px 0.25px 0 #fff; }
.leaflet-layer[data-zoom="16"] div.station-label { font-size: 1.5px; margin-left: 2px; margin-top: 0px; }
.leaflet-layer[data-zoom="17"] div.station-label { font-size: 1px; margin-left: 0.5px; margin-top: 0px; }
.leaflet-layer[data-zoom="18"] div.station-label { font-size: 0.5px; margin-left: 0.5px; margin-top: 0px; }
.leaflet-layer[data-zoom="19"] div.station-label { font-size: 0.3px; margin-left: 0.5px; margin-top: 0px; }

svg path, svg circle {
/*	shape-rendering: optimizeSpeed;*/
}


.leaflet-grab { cursor: pointer; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: none; background-clip: unset; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); margin: 10px; }

.leaflet-control { position: static; }

/*.leaflet-control.search {  max-width: 200px; transition: max-width 0.5s ease; }
.leaflet-control.search.closed { max-width: 34px; }*/

.leaflet-control.intro {
	opacity: 0;
	background: #ffffff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s linear;
}

.leaflet-control.intro.in { opacity: 1; }

.leaflet-control.search.closed:before,
.leaflet-control.route.closed:before { 
	display: block; 
	content: ""; 
	width: 34px; 
	height: 34px; 
	background: #ffffff; 
	border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.leaflet-control.search.closed > input,
.leaflet-control.route.closed > * { display: none; }

.leaflet-control.search.closed:before { background: url('/static/images/icon-search.svg') no-repeat #ffffff; }
.leaflet-control.route.closed:before { background: url('/static/images/icon-route.svg') no-repeat #ffffff; }

.leaflet-control.route button { 
	border: none;
	background: #2869ce;
	border-radius: 5px;
	width: 34px;
	height: 34px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	vertical-align: top;
	margin-left: 10px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.leaflet-control.route.busy button {
	background: url('/static/images/spinner.svg') center no-repeat #2869ce; 
	background-size: 16px;
	text-indent: 1000px;
}

.leaflet-control input[type=text] { 
	padding: 8px 10px;
	border-radius: 5px;
	font-size: 16px;
	border: none;
	width: 150px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

.leaflet-control .select-dropdown {
	position: absolute;
	background: #ffffff;
	width: 170px;
	margin-top: 30px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.leaflet-control.closed .select-dropdown { display: none; }


.leaflet-control .select-dropdown > div {
	padding: 5px 10px;
	cursor: pointer;
}

.leaflet-control .select-dropdown > div span {
	margin-left: 5px;
	color: #888;
}

.leaflet-control .select-dropdown > div.selected,
.leaflet-control .select-dropdown:hover > div:hover,
.leaflet-control .select-dropdown > div:hover {
	background: #d2e2fb;
}

.leaflet-control .options { position: absolute; right: 55px; margin-top: 10px; padding: 5px 0; background: #ffffffaa; border-radius: 5px;  }
.leaflet-control label { display: block; padding: 3px 12px 3px 6px; font-size: 14px; cursor: pointer;}
.leaflet-control input[type=checkbox] { width: 16px; height: 16px; vertical-align: bottom; margin-right: 5px; }

/*.leaflet-control .select-dropdown:hover > div.selected {
	background: inherit;
}*/

.leaflet-container > .logo { position: absolute; bottom: 5px; left: 10px; z-index: 500; }

div.leaflet-control select { min-width: 150px; }
.select2-container .select2-selection--multiple { min-height: 0; }