#map {
	position: fixed;
	width: 100%;
	/*height: 100%;*/
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 	1;
}

#mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 	2;
	background-color: 	black;
	opacity: 	0.5;
}

#mask div {
	margin: 0 auto;
	margin-top: 23%;
	color: white;
	width: 25%;
}


.point-icon {
	width:1em;
	height:1em;
	border-radius:0.5em;
	border-width: 2px;
	border-color:black;
}

table tr:nth-child(0){
font-weight:bold;
}
table {
	background-color: black;
	color:white;
	border-radius: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;

}
table td {
	padding:0.5em;
	border:1px solid white;
}

.on-demand_area-label {
	width: 80px !important;
	text-align: left;
	padding: 10px;
	font-weight: bolder;
	color: white;
    text-shadow: 1px 1px 5px #4a3693;
}


/* fix for leaflet sidebar on mobile */
#map{ width: calc(100% - 40px); }

@media (min-width: 768px) {
#map {width:100%}
}