html, body, #fullheight {
    min-height: 100% !important;
    height: 100%;
    overflow: hidden;
}

#mapContainer {
    height: 100%;
    grid-area: map;
}

#map { 
    height: 100%;
}

#header {
    grid-area: header;
}

#routeStatistics {
    grid-area: footer;
}

.statisticHeader {
    font-weight: bold;
}

.distance-marker {
    font-size: large;
    font-weight: bold;
    color: black;
    background-color: lightblue;
    border-radius: 10px;
    width: 50px;
    height: 50px;
}

.dist-marker {
    font-size: large;
    font-weight: bold;
    background-color: lightblue;

}

.distanceMarkerLine {
    display: none;
}

body {
    display: grid;
    grid-template-areas: "header" "map" "footer";
    grid-template-rows: 1fr 20fr 1fr;
}

/* .noCursor { cursor: none; } */