/* Common doc properties */

:root {
	--main-key-color: #00bbe5;
	--main-active-color: #333;
	--main-active-color-bg: rgba(84, 170, 127, 0.938);
	--main-active-color-text:rgba(255, 255, 255, 0.938);
	--secondary-key-color: #FDBE43;
	--tertiary-key-color: #FF7500;
	--disabled-color: #808080;
}


h2{
	padding:5px;
	margin:0;
	font-family:soleil,arial,sans-serif;
	color: rgb(255,255,255);
	font-size:12pt;
}

h3{
	padding:0px;
	display:inline-block;
	margin-top:10px;
	margin-bottom:3px;
	line-height: 12pt;
	font-family:soleil,arial,sans-serif;
	font-size:10pt;
	color: var(--main-active-color);
	padding-bottom: 8px;
}

h4 {
	display:inline-block;
	margin:0;
	font-family:soleil,arial,sans-serif;
	font-size:8.5pt;
	color:var(--main-active-color);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 12px;
}

.blockText {
	/*display:inline-block;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 2px;
	font-family:soleil,arial,sans-serif;
	font-size:9pt;
	color:var(main-active-color);
	padding-bottom: 1px;
	padding-top: 1px;
}

.popup .nearby-route-item{
	cursor: pointer;
	color: var(--tertiary-key-color);

}

.popup .nearby-route-item:hover{
	cursor: pointer;
	color: var(--secondary-key-color);
}



@media only screen and (min-width: 370px) {
	h2 {
		font-size: 14pt;
	}


	h4 {
		font-size:10pt;
	}
}