.steelblue-theme .leaflet-control.elevation .background {
   /* background-color: rgba(255, 255, 255, 1);*/
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)); /* Standard syntax (must be last) */
/*    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px*/
    -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
}

/*.steelblue-theme .leaflet-control.elevation, .steelblue-theme .leaflet-control.elevation {*/
    /*fill: none;*/
    /*stroke: #000000;*/
    /*stroke-width: 2*/
    /*!*shape-rendering: crispEdges;*!*/
/*}*/


/*.steelblue-theme .leaflet-control.elevation  {*/
    /*fill: rgba(255, 238, 170, 0.67);*/
    /*stroke: #000;*/
    /*stroke-width: 0;*/
/*}*/

.steelblue-theme .leaflet-control.elevation .mouse-focus-line {
    pointer-events: none;
    stroke-width: 2;
    stroke: #0d1821
}

.steelblue-theme .leaflet-control.elevation .elevation-toggle {
    cursor: pointer;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    background-color: #f8f8f9;

}

.steelblue-theme .leaflet-control.elevation .elevation-toggle-icon {
    background: url(images/elevation.png) no-repeat center center;
    background-color: #f8f8f9;
}

.steelblue-theme .leaflet-control.elevation-collapsed .background {
    display: none
}

.steelblue-theme .leaflet-control.elevation-collapsed .elevation-toggle {
    display: block
}

.steelblue-theme .leaflet-control.elevation .mouse-drag {
    fill: rgba(23, 74, 117, .4)
}

.steelblue-theme .leaflet-overlay-pane .height-focus {
    stroke: #ffffff;
    stroke-width: 2;
    fill: rgba(255, 255, 255, 0);
}

.steelblue-theme .leaflet-overlay-pane .height-focus.line {
    pointer-events: none;
    stroke-width: 2
}

/*.area {*/
    /*!*fill: url(#grad0);*!*/
    /*!*fill: url(gradient.svg#grad0);*!*/
    /*!*stroke: rgb( 0, 150, 51 );*!*/
    /*!*stroke-width: 2;*!*/
/*}*/

.line{
    fill: none;
    stroke: rgb( 0, 150, 51 );
    stroke-width: 1 ;
}

.axis line, .axis path {
    fill: none;
    stroke: #000000;
    /*stroke-width: 0.5*/
    shape-rendering: crispEdges;
}

.axis {
    color: black;
    font:  11px/11px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    /*fill: #000000;*/
}

.tick{
    font:  11px/11px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;

}

.title_y{
    color: black;
    font:  11px/11px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.poi_poste>text{
    font:  12px/12px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

tspan{
    font:  12px/12px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
    font-weight: normal;
    text-transform: none;
}

.quota_poste{
    font: 11px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
    font-weight: normal;
}

.quota{
    font:  8px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
    font-weight: normal;
}

.poi_point.p_acqua>text{
    font: 8px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    /*font-weight: 600;*/
    fill: #0077ea;
}

.poi_point.p_sosta>text{
    font: 8px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    /*font-weight: 600;*/
    fill: #a319e3;
}

.poi_point.p_toponimo1>text{
    font:  8px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
}

.poi_point.p_toponimo2>text{
    font:  8px/10px "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    fill: #000000;
    font-style: italic;
    /*letter-spacing: 1px;*/
}


#elevation>p, #elev_line>p{
    font: 16px/21px  "Open Sans", "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    position: absolute;
    top: -21px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #373737;
    font-variant: small-caps;
    /*font-weight: bold;*/
    /*background-color: rgba(255, 255, 255, 1);*/
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8)); /* Standard syntax (must be last) */
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .175);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .175);
}