Template:LinesOverlay Transport (Sur6)/styles.css

#overlays-container .mw-collapsible-toggle{
	width: 20%;
	bottom: 0;
	left: 0;
	opacity: 0;
	text-align: center;
	z-index: 120000;
}

#overlays-container .mw-collapsible-toggle a{
	width: 100%;
	z-index: 120000;
	display: inline-block;
	position: absolute;
	left: 0;
}

#overlays-container #ntn-overlay .mw-collapsible-toggle{
	left: 20%;	
}

#overlays-container #rhn-overlay .mw-collapsible-toggle{
	left: 40%;	
}

#overlays-container #srn-overlay .mw-collapsible-toggle{
	left: 60%;	
}

#overlays-container #hub-overlay .mw-collapsible-toggle{
	left: 80%;	
}

#overlays-container #toggles-background{
	width: 100%;
	bottom: 0;
	background-color: #00000099;
	line-height: 2;
	font-size: large;
	position: absolute;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#overlays-container .toggle{
	color: white;
	font-weight: bold;
	font-size: large;
	line-height: 2;
	width: 20%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 110000;
}

#overlays-container #ntn-toggle{
	left: 20%;
}

#overlays-container .mw-collapsed .toggle{
	color: gray;
}

#overlays-container #rhn-toggle{
	left: 40%;
}

#overlays-container #srn-toggle{
	left: 60%;
}

#overlays-container #hub-toggle{
	left: 80%;
}

#overlays-container .toggle .fa-square{
	display: none;
}

#overlays-container .mw-collapsed .toggle .fa-square{
	display: inline-block;
}

#overlays-container .toggle .fa-square-check{
	display: inline-block;
}

#overlays-container .mw-collapsed .toggle .fa-square-check{
	display: none;
}

#overlays-container .mw-collapsed .toggle .fa-check{
	display: none;
}

#overlays-container .toggle .fa-check{
	display: inline-block;
}

#outer-map-container a.external{
	height: calc(100% - 2em)!important;
}

#overlays-container .mw-collapsible-content{
	position: absolute;
	top: 0;
	width: 100%;
}

#overlays-container .area-separator{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: large;
	font-weight: bold;
	line-height: 2;
	color: white;
	margin: 0;
}