/* Custom Elevation Theme */
.club-andino.leaflet-control.elevation .area {
    fill: rgba(23,74,117,0.4);
    stroke: #283188;
    stroke-width: 2.8;
    }

.club-andino.height-focus.circle-lower {
  fill: #283188;
  stroke: #fff;
}

.club-andino.leaflet-control.elevation .axis path {
  stroke: #8a8a8a;
}

.club-andino.leaflet-control.elevation .axis line {
  stroke: #8a8a8a;
}

.club-andino.leaflet-control.elevation .axis text {
  fill: #8a8a8a;
}

.club-andino.elevation-polyline {
    stroke: #000000;
    stroke-opacity: 0.85;
}
.leaflet-control.elevation .background {
	height: 1px;    
    background-color: rgb(255, 255, 255) !important
}
/* END Custom Elevation Theme */

/* Elevation Control Set Up CSS */
html, body, #map, #elevation-div {
    height: 96%;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#map {
    height: 75%;
}

#elevation-div {
    height: 22%;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}


.height-focus.line, .height-focus-label {
    display: none;
}

.height-focus.circle-lower {
    stroke: white;
    fill: black;
    stroke-width: 3px;
    -webkit-filter: drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 5px #000);
}

.gpx-summary {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 45px;
}

.gpx-summary .summaryvalue {
    font-weight: bold;
}

.chart-placeholder {
    top: 20%;
    position: absolute;
    text-align: center;
    left: 0;
	right: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	opacity: 0.5;
	font-size: 0.9rem;
}
/* END Elevation Control Set Up CSS */

/* Start General CSS */