.leaflet-control-layers-toggle  {
	background-image: url('./ico_4.png');}

.leaflet-control-layers-toggle  {

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAnXsAAJ17ATyfd8QAAAAHdElNRQflDBYQBABClaOnAAAB10lEQVRIx9XVMUiVURQH8N97PisdTB9hEOlkr6YWt4hnRThHibOba21NgWlrYzWbQ0FBS5NkmNEmtPYih5LC0mcgqPme72t433e7ZQShkP2X7/7Pd8+5557/4Vz+e+San37aHJFDzpbPtre1dDosQc6aKlp0OyBBYsX6/I8A/Rw0YTgNumnclJK7TqQB3hlVMWzcodTrseu+zaOQOnUb0hvyOmNK2YXAe5RVDCgFyyW3fYB8uErez2jdwXIRz2fsV7e/xp4FqFmPrFtYVQ+8bhUb0Y51teYiK+KSW85qpDJOYtqY4xrIWzSN+wqpjHkvLe029xRZH3BSWQE5VdNWtBpQSvugYlZN0aCiBHUvvCHug053gu6JGyaUPVRMLVXDnhk1EWo244qvcRE79EVZHUMpuFNUQk+kWZ+OPZbx3wdYsxBsiY94qxosVRUsagTLgrWsYHYn466RZZA35Hx63oZJrxWN6k0b9717qk4b0Zbuee6RRtxIR405FVXmqkE3w9+6BQ+MuBZ2nDPnU1zEVu1RXgfQFdwp6CIdZ020ZwNn//RBEmncRG0HSyLeyFh2zy+euJyuN73CnJlorM9h1sUw1p9ajmT83cOS1/jTw7JsY0/aaD/gOzppkMB3BmFFAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTEyLTIyVDE2OjAzOjU5KzAwOjAwUl5EPgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0xMi0yMlQxNjowMzo1OSswMDowMCMD/IIAAAAgdEVYdHNvZnR3YXJlAGh0dHBzOi8vaW1hZ2VtYWdpY2sub3JnvM8dnQAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQANTEyj41TgQAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAA1MTIcfAPcAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADE2NDAxODkwMzlSkE0QAAAAE3RFWHRUaHVtYjo6U2l6ZQAxMDMxNUJC7M67tQAAAEh0RVh0VGh1bWI6OlVSSQBmaWxlOi8vLi91cGxvYWRzLzU2L3FtWGJ4RzQvMzI5OC91aV9tZW51X2dyaWRfaWNvbl8yMDg4MjAucG5nz5QI3QAAAABJRU5ErkJggg==);
	width: 30px;
	height: 30px;
        position:relative;
margin-top:0px;
html:"<span>Mapas/Rutas</span>";
 
	}
//.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 30px;
	height: 30px;
	}



.leaflet-hidden {
    visibility: hidden
}

.legend {
    cursor: pointer
}

.leaflet-container {
    z-index: 0
}

.elevation-control .background {
    background-color: transparent;
    border-radius: 5px;
    display: block;
    max-width: 100%;
    overflow: visible;
    touch-action: none;
    user-select: none
}
.elevation-control .background ::before {
   content: "";
			position: absolute;
			top: -1rem;
			left: 0;
			width: 0;
			height: 0;
			border-right: 1rem solid transparent;
			border-bottom: 1rem solid rgba(32, 39, 60, 0.7);
}

.elevation-control .area>foreignObject,.elevation-control .axis,.elevation-control .grid,.elevation-control .tooltip,.height-focus.line {
    pointer-events: none;
background-color: transparent;
}

.elevation-control .axis line,.elevation-control .axis path {
    stroke: var(--ele-axis,green);
    stroke-width: 1;
    fill: none
}

.elevation-control .grid .tick line {
    stroke: var(--ele-grid,#eee);
    stroke-width: 1px;
    shape-rendering: crispEdges
}

.elevation-control .grid path {
    stroke-width: 0
}

.elevation-control .axis text,.elevation-control .legend text,.elevation-control .point text {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-weight: 700;
    paint-order: stroke fill
}

.elevation-control .y.axis text {
    text-anchor: end
}

.elevation-control .area {
    fill: var(--ele-area,#4682b4);
    stroke: var(--ele-stroke,#000);
    stroke-width: 1.2;
    paint-order: stroke fill
}

.elevation-control .horizontal-drag-line {
    stroke: transparent;
    stroke-dasharray: 5;
    stroke-width: 1.1;
    cursor: row-resize
}

.elevation-control .active .horizontal-drag-line {
    stroke: #000
}

.elevation-control .horizontal-drag-label {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-weight: 700;
    paint-order: stroke
}

.elevation-control .ruler {
    color: #000;
    cursor: row-resize
}

.elevation-control .mouse-focus-line {
    stroke: #000;
    stroke-width: 1
}

.elevation-control .mouse-focus-label-rect {
    fill: #000;
    fill-opacity: .75;
    stroke-width: 1;
    stroke: #444
}

.elevation-control .mouse-focus-label-text {
    fill: #fff;
    font-size: 10px
}

.elevation-control .brush .overlay {
    cursor: unset
}

.elevation-control .brush .selection {
    fill: var(--ele-brush,rgba(23,74,117,.4));
    stroke: none;
    fill-opacity: unset
}

.elevation-summary {
    font-family: Lucida Grande,Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: var(--ele-sum-margin,0 auto);
    //text-shadow: var(--ele-sum-shadow,1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff)
}

.elevation-summary>span:not(:last-child):after {
    content: var(--ele-sum-sep,"")
}

.multiline-summary>span {
    display: block
}

.multiline-summary .download {
    float: right;
    font-size: 1.2em;
    font-weight: 700;
    margin-right: 2em;
    margin-top: -3em
}

.elevation-summary .summaryvalue {
    font-weight: 700
}

.elevation-toggle-icon {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    height: var(--ele-toggle-size,36px);
    position: var(--ele-toggle-pos,relative);
    right: 5px;
    top: 5px;
    width: var(--ele-toggle-size,36px)
}

.elevation-toggle-icon:before {
    color: #000;
    //content: "\2716";
    display: var(--ele-close-btn,none);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.leaflet-elevation-pane .height-focus,.leaflet-overlay-pane .height-focus {
    stroke: #000;
    fill: var(--ele-circle,var(--ele-area,#fff))
}

.leaflet-elevation-pane .height-focus.line,.leaflet-overlay-pane .height-focus.line {
    stroke-width: 2
}

.leaflet-elevation-pane .height-focus-label,.leaflet-overlay-pane .height-focus-label {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-size: 12px;
    font-weight: 600;
    paint-order: stroke
}

.elevation-position-icon:before,.elevation-waypoint-icon:before {
    background: var(--ele-marker) no-repeat center center /contain;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%
}

.elevation-polyline {
    stroke: var(--ele-poly,var(--ele-area,#000));
    filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF)
}

.elevation-detached {
    font: 12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 0
}

.elevation-detached .area {
    fill-opacity: var(--ele-alpha,.8)
}

.elevation-detached.elevation-collapsed .elevation-summary {
    display: block
}

.elevation-detached.elevation-collapsed .elevation-toggle-icon {
    bottom: 5px;
    margin: auto;
    right: 9px;
    top: 5px
}

.elevation-control.elevation-collapsed>* {
    display: none
}

.elevation-control.elevation-collapsed>.elevation-toggle-icon {
    display: inline-block
}

.elevation-detached {
    --ele-sum-margin: 12px 35px;
    --ele-sum-shadow: none;
    --ele-toggle-pos: absolute
}

.elevation-expanded {
    --ele-close-btn: inline-block;
    --ele-toggle-bg: none;
    --ele-toggle-pos: absolute;
    --ele-toggle-size: 20px
}

.inline-summary {
    --ele-sum-sep: "\0020\2014\0020"
}

.elevation-waypoint-icon {
    --ele-marker: url(https://www.kamgure.com/hiking.png)
}

.elevation-position-icon {
    --ele-marker: url(../images/elevation-position.svg)
}

.lime-theme {
    --ele-bg: rgba(156,194,34,.2);
    --ele-axis: #566b13;
    --ele-area: #9cc222;
    --ele-grid: #ccc;
    --ele-brush: rgba(99,126,11,.4);
    --ele-poly: #566b13;
    --ele-line: #70ab00
}

.steelblue-theme {
    --ele-axis: #0d1821;
    --ele-area: #4682b4;
    --ele-brush: rgba(23,74,117,.4);
    --ele-line: #174a75
}

.purple-theme {
    --ele-bg: rgba(115,44,123,.2);
    --ele-area: #732c7b;
    --ele-brush: rgba(74,14,80,.4);
    --ele-line: #732c7b
}

.yellow-theme {
    --ele-area: #ff0
}

.red-theme {
    --ele-area: red
 --ele-bg: rgba(115,44,123,.2);
    --ele-area: #732c7b;
    --ele-brush: rgba(74,14,80,.4);
    --ele-line: #732c7b
}

.magenta-theme {
    --ele-bg: hsla(0,0%,100%,.47);
    --ele-area: #ff005e
}

.lightblue-theme {
    --ele-area: #36c;
    --ele-alpha: 0.45;
    --ele-stroke: #4682b4;
    --ele-circle: #fff;
    --ele-line: #000
}

.elevation-detached.lightblue-theme .area {
    stroke: #36c
}

.dist-marker {
    background: #fff;
    border: 1px solid #777;
    border-radius: 10px;
    color: #000;
    font-size: .5rem;
    text-align: center
}