html, body {
	height: 100%;
}

.pnlo-li-padding {
	padding: 2px 5px 2px 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.pnlo-fig-center {
	margin: auto;
	display: grid;
}

.leaflet-container {
	height: 90vh;
	max-width: 100%;
	max-height: 100%;
}

.pnlo-arrow-icon {
	width:  20px;
	height: 20px;
	color:  #5C7EF8; /* blue 450 */
}

.pnlo-location-icon {
	width:  40px;
	height: 40px;
}

.pnlo-location-icon-grey {
	color:  grey;
}

.pnlo-location-icon-green {
	color:  #4EB31B; /* luigi green */
}

.pnlo-location-icon-red {
	color:  #EE402E; /* red cascara */
}

.pnlo-location-icon-yellow {
	color:  #FFBF00; /* yellow amber */
}

.pnlo-location-icon-black {
	color:  black; /* black */
}

.pnlo-legend-item {
	font-size: 14px;
}

.pnlo-legend-item i {
  width:  18px;
  height: 18px;
}