@import (inline, css)  "lfh-font.css";
@import (inline, css)  "../lib/awesome-marker/leaflet.awesome-markers.css";

.lfhicon() {
    display: inline-block;
    font: normal normal normal 14px/1 "lfhiker";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 
.lfh-element,
#content .lfh-element,
#lfh-fade .lfh-element,
.main .lfh-element{
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
    border-bottom-left-radius:6px;
    pointer-events: auto;
    cursor:auto;
} 


.main .lfh-element h1, 
.main .lfh-element h2, 
.main .lfh-element h3,
.main .lfh-element h4,
.main .lfh-element h5,
.main .lfh-element h6,
#content .lfh-element h1, 
#content .lfh-element h2, 
#content .lfh-element h3,
#content .lfh-element h4,
#content .lfh-element h5,
#content .lfh-element h6,
#lfh-fade .lfh-element h1, 
#lfh-fade .lfh-element h2, 
#lfh-fade .lfh-element h3,
#lfh-fade .lfh-element h4,
#lfh-fade .lfh-element h5,
#lfh-fade .lfh-element h6{
    letter-spacing:-1px;
    text-transform:none;
    font-weight:600;
    max-height:30px;
    color:#000;
    margin-bottom:1px
}
.lfh-element h1, 
.lfh-element h2, 
.lfh-element h3{
    
    font-size:150%;
}

.lfh-element h4{
    font-size:130%;
}
.lfh-element h5{
    font-size:110%;
}

.lfh-section .lfh-header{
    font-style: italic;
    background-color:#ddddee;
    cursor:pointer;

}
.lfh-section.disabled .lfh-header{
    color:grey;
    cursor:default;

}

.lfh-section .lfh-header h4:before{
    content:"\0025BC  ";
    font-style:normal;
    font-size:18px;
    
}
.lfh-section.lfh-hidden .lfh-header h4:before{
    content:"\0025B6  ";
    font-style:normal;
    font-size:18px;
}
.lfh-section.lfh-hidden .lfh-header h4,
#content .lfh-section.lfh-hidden .lfh-header h4,
#lfh-fade .lfh-section.lfh-hidden .lfh-header h4{
    margin-bottom:1px;
}
.lfh-section .lfh-content{
    display:block;
    height:auto;
    line-height:1;
    margin: 0 5px 5px 5px;
    -ms-transition: -ms-transform .8s ease-in;
    -webkit-transition:-webkit-transform .8s ease-in;
    -moz-transition: -moz-transform .8s ease-in;
    -o-transition: -o-transform .8s ease-in;
    transition: transform .8s ease-in;
}
.lfh-section.lfh-hidden .lfh-content{
    line-height:0;
    height: 0;
    max-height:0px;
    margin:0;
    overflow: hidden;
}
.lfh-section .lfh-header h4{
       padding:3px 5px;
    
}
.lfh-container-fullscreen{
    
    width:120px;
}
.lfh-container-fullscreen .leaflet-control{
    margin-top:0;
}

.leaflet-control .lfh-control-fullscreen,
.leaflet-control .lfh-control-list{
   .lfhicon;
   width:30px;
    height:30px;
    background-color:white;
    font-size:24px;
	line-height:30px;
    cursor:pointer;
    text-align:center;
    clear:none;
}
.leaflet-control .lfh-control-list.lfh-hidden{
    display:none;
}
.lfh-control-fullscreen:hover,
.lfh-control-refresh:hover,
.lfh-control-list:hover{
   background-color:#f4f4f4;
}
.lfh-control-fullscreen::before{
   content:"\e819";
   margin-left:0px;
   vertical-align:top;
}
.lfh-control-fullscreen.actived::before{
   content:"\e818";
   margin-left:0;
   vertical-align:top;
}

.lfh-control-refresh{
    background-color:white;
    cursor:pointer;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.lfh-control-refresh.lfhicon-reset::before{
    height:25px;
	width:25px;
	line-height: 25px;
	margin:0;
    font-size:20px;

    
}

.lfh-control-list::before{
 content:"\e812";
 margin-left: 0px;
font-size: 20px;
 vertical-align:top;
}
#lfh-fade .lfh-control-list::before{
 margin-left:0px;
}
.lfh-warning{
    font-style:italic;
}
div.lfh-no-data{
    text-align:center;
    color:red;
    height: 20px;
    line-height: 20px;
    border: 1px dotted red;
    margin: 5px;
}
div.lfh-min div.lfh-no-data,
div.undermap div.lfh-no-data{
    display:block;
    margin-top:2px;
    height:@height - @height_title - 20px;
    line-height:@height - @height_title - 20px;
  
}
.lfh-element svg + div.lfh-no-data{
    display:none;
}
#lfh-fade{
    position:fixed;
    top:0;
    left:0;
    width:0;
    height:0;
    opacity:0;
    background:grey;
    text-align:center;
    z-index:99999;
}
#lfh-fade.actived{
        
    opacity:0.99;
}
#lfh-fade.actived,
div.lfh-map-container,
div.lfh-fadable,
#lfh-fade.actived div.lfh-map-container{
    width:100%;
    height:100%;


}

.lfh-map{
    display:inline-block;
    z-index:0;
    vertical-align:middle;
    width:100%;
    height:100%;
}

#lfh-fade.lfh-min div.lfh-map,
#lfh-fade.undermap div.lfh-map{
	position:absolute;
	width:100%;
	top:0;
	bottom:@height;
}
 .lfh-element {
    float:right;
    position:absolute;
    max-height:800px;
    text-align:left;
     border-right: 2px grey groove;
    top:50px;
    right:0px;
    width:300px;
    opacity: 1;
    overflow: hidden;
    background-color:white;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -ms-transition: -ms-transform .8s, max-height .8s;
   -webkit-transition:-webkit-transform .8s, max-height .8s;
   -moz-transition: -moz-transform .8s, max-height .8s;
   -o-transition: -o-transform .8s, max-height .8s;
   transition: transform .8s, max-height .8s;
   -ms-transition-timing-function: ease-in-out;
   -webkit-transition-timing-function: ease-in-out;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
  
 }
 .lfh-element-content{
    height:auto;
    overflow-y:auto;
    overflow-x:hidden;
    margin-bottom:10px;
 }
 .lfh-file{
    margin-top:3px;
 }
 .lfh-number{
    font-style:italic;
    text-align: right;
    width: 80px;
    display:inline-block;
 }
 .lfh-var{
    text-align: right;
    font-weight:700;
    width:90px;
    display: inline-block;
 }
 @color: #e95325;
/* @color: #191970;*/
.lfh-button,
#content .lfh-button,
.main .lfh-button{
    min-height:24px;
    height:auto;
    font-size:14px;
}
.lfh-button span{
    font-size:14px;
}
.lfh-short-button{
    max-width: 215px;
   word-wrap: break-word;
   display: inline-block;
}
.lfh-button,
#content .lfh-button,
.main .lfh-button
input.lfh-button,
#content input.lfh-button,
.main input.lfh-button,
input.lfh-button + input[type="button"]{
   display: inline-block;
    margin: 0px 7px 3px 0;
    padding: 3px 12px;
    height: auto;
    width: @width - 15;
    line-height: 1.43;
    white-space: normal;
    text-align:center;
    background: @color;
    border-width:1px;
    border-style: solid;
    border-radius:3px;
    border-color: lighten(@color, 10%) darken(@color,10%) darken(@color,10%);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px darken(@color,20%),1px 0 1px darken(@color,10%),0 1px 1px darken(@color,10%),-1px 0 1px darken(@color,20%);
    vertical-align: top;
    cursor: pointer;
    pointer-events:auto;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
 }
.lfh-button:hover,
 #content .lfh-button:hover,
 .main .lfh-button:hover,
.lfh-button:hover ,
#content input.lfh-button:hover,
.main input.lfh-button:hover
 {
    background: saturate(@color, 20%);
    text-decoration:none; 
 }
 .lfh-button input[type="checkbox"],
 .entry-content .lfh-button input[type="checkbox"]{
     margin-bottom:0;
     float:right;
 }
 .lfh-element.lfh-hidden{
    max-height:0;
   -ms-transform: translateX(400px);
   -webkit-transform: translateX(400px);
   -moz-transform: translateX(400px);
   -o-transform: translateX(400px);
   transform: translateX(400px);
   -ms-transition: -ms-transform .8s, max-height .8s;
   -webkit-transition:-webkit-transform .8s, max-height .8s;
   -moz-transition: -moz-transform .8s, max-height .8s;
   -o-transition: -o-transform .8s, max-height .8s;
   transition: transform .8s, max-height .8s;
   -ms-transition-timing-function: ease-in-out;
   -webkit-transition-timing-function: ease-in-out;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }
  .lfh-data{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    box-shadow: 0px -1px 2px rgba(0,0,0,0.45);
}

 .lfh-nav{
    background:none;
    pointer-events:none;
    z-index:1003;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:@height;
    display:none;
 }
div.lfh-container{
    clear:both;
}
div.lfh-container.lfh-min div.lfh-data,
div.lfh-container.undermap div.lfh-data{
  
    position: relative;
    height:@height;
}
#lfh-fade.lfh-min div.lfh-data,
#lfh-fade.undermap div.lfh-data{
	position:absolute;
	top:auto;
	bottom:0;
	height:@height;
	background-color:white;
}
div.lfh-min div.lfh-content,
div.undermap div.lfh-content{
    margin:0;
}
div.lfh-min div.lfh-control-list,
div.undermap div.lfh-control-list{
    display:none;
}
div.lfh-data-content{
    display:none;
    line-height:1em;
}
div.lfh-data-content > div:not(.lfh-contributor){
	width:100%;
	margin-top:3px;
}
div.lfh-min div.lfh-data-content,
div.undermap div.lfh-data-content{
    margin: 35px 5px;
    display:block;
    text-align:left;
    vertical-align:middle;
}
div.lfh-min div.lfh-data-content div.lfh-section,
div.undermap div.lfh-data-content div.lfh-section{

    display:block;
    height:100%;
    vertical-align:middle;
    line-height:@height - @height_title - 60px;
}
 
div.lfh-min div.lfh-data-content div.lfh-section div.lfh-content,
div.undermap div.lfh-data-content div.lfh-section div.lfh-content{
	margin:auto;
}
div.lfh-container.lfh-min,
#fade div.lfh-container.lfh-min,
div.lfh-container.undermap,
#fade div.lfh-container.undermap{
    height:auto;
}
#lfh-fade.lfh-min div.lfh-nav,
 div.lfh-min div.lfh-nav,
 #lfh-fade.undermap div.lfh-nav,
 div.undermap div.lfh-nav{
    display: block;
 }
 div.lfh-container.lfh-min,
  div.lfh-container.undermap{
     border: 2px solid #9e9e9e;
 }
 
 div.lfh-nav div.lfh-back,
 div.lfh-nav div.lfh-next{
     display:none;
 }
 div.lfh-min div.lfh-head,
 div.undermap div.lfh-head{
     display:none;
 }
 div.lfh-min div.lfh-nav div.lfh-back,
 div.lfh-min div.lfh-nav div.lfh-next,
 div.undermap div.lfh-nav div.lfh-back,
 div.undermap div.lfh-nav div.lfh-next{
    position:absolute;
    display:none;
    top:@height/2;
    opacity:0.1;
    font-size:50px;
    pointer-events:all;
    cursor:pointer;
    padding: 0;
    width: 46px;
    height: 50px; 
    border-radius: 25px;

    margin:auto;
     background-color:rgba(255,255,255,0.6)
   
 }
 div.lfh-min div.lfh-nav div.lfh-back,
 div.undermap div.lfh-nav div.lfh-back{
      left:-1px;
 }
 div.lfh-min div.lfh-nav div.lfh-next,
 div.undermap div.lfh-nav div.lfh-next{
     right:0px;
 }
 div.lfh-nav div.lfh-next::before,
div.lfh-nav div.lfh-back::before{
    margin-left:-3px;
}
 div.lfh-min div.lfh-nav div.lfh-back:hover,
 div.lfh-min div.lfh-nav div.lfh-next:hover,
 div.undermap div.lfh-nav div.lfh-back:hover,
 div.undermap div.lfh-nav div.lfh-next:hover{
     opacity:0.9;
     background-color:rgba(255,255,255,0.9);

 }
 a.lfh-gpx-file{
    margin-left:5px;
    padding: 4px 10px 1px 2px;
    font-style:italic;
    font-size:15px;
    line-height:1.8;
    color:#000;
    background:#ddd;
    font-weight:500;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid black;
    letter-spacing: -2px;
    border-radius:2px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
a.lfh-gpx-file:hover{
      background:#eee;
}
 div.lfh-min a.lfh-gpx-file,
#lfh-fade.lfh-min a.lfh-gpx-file,
div.undermap a.lfh-gpx-file,
#lfh-fade.undermap a.lfh-gpx-file{
     color:inherit;
     pointer-events: auto;
     background:none;
     border:none;
     box-shadow:none;
     padding:0;
     margin:0 2px;
 }

 div.lfh-min a.lfh-gpx-file,
 div.undermap a.lfh-gpx-file{
      pointer-events: auto;
      cursor: pointer;
      margin: 0 5px;
      float:right;
 }

 div.lfh-min div.lfh-contributor,
 div.undermap div.lfh-contributor{
     position:absolute;
     bottom:0;
     right:5px;
     font-size:11px;
     pointer-events:auto;
 }
  div.lfh-min div.lfh-contributor a,
  div.undermap div.lfh-contributor a{
     text-decoration:none;
  }
 @width: 280px;
 @height:200px;
 @height_title:27px;
 @padding_title:3px;
 div.lfh-min div.lfh-nav div.lfh-title,
 div.undermap div.lfh-nav div.lfh-title{
     font-size:1rem;
     font-weight:600;
     padding: @padding_title 5px;
     min-height:@height_title;
     max-height:@height_title;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
      text-overflow: ellipsis;
    overflow: hidden;
 }
 
 #lfh-fade.lfh-min div.lfh-nav div.lfh-title,
 #lfh-fade.undermap div.lfh-nav div.lfh-title{
     text-align:left;
 }
 
 div.lfh-min div.lfh-element,
 div.undermap div.lfh-element{
    position:absolute;
    top: @height_title + 6px;
    left:0;
    min-width:100%;
    width:5000px;
    height:@height - @height_title - 2*@padding_title;
    max-height:@height - @height_title - 2*@padding_title;
 
}

div.lfh-min div.lfh-element.lfh-small-content,
div.undermap div.lfh-element.lfh-small-content{
    width:100%;
}

div.lfh-min div.lfh-element.lfh-small-content div.lfh-element-content,
div.undermap div.lfh-element.lfh-small-content div.lfh-element-content{
    text-align:center;
}
div.lfh-min div.lfh-element.lfh-small-content:not(.lfh-list) div.lfh-content,
div.undermap div.lfh-element.lfh-small-content:not(.lfh-list) div.lfh-content{
    text-align:left;
}
div.lfh-min div.lfh-element.lfh-small-content div.lfh-section,
div.undermap div.lfh-element.lfh-small-content div.lfh-section{
    float:none;
    margin:auto;
}
div.lfh-min div.lfh-element.lfh-hidden,
div.undermap div.lfh-element.lfh-hidden{
   -ms-transform: translateY(300px);
   -webkit-transform: translateY(300px);
   -moz-transform: translateY(300px);
   -o-transform: translateY(300px);
   transform: translateY(300px);

 }
div.lfh-min div.lfh-list.lfh-element.lfh-hidden,
div.undermap div.lfh-list.lfh-element.lfh-hidden{
   opacity:1;
   max-height:@height - @height_title - 2* @padding_title;
   -ms-transform: translate(0, 0);
   -webkit-transform: translate(0,0);
   -moz-transform: translate(0,0);
   -o-transform: translate(0,0);
   transform: translate(0,0);
   z-index:0;
   background: transparent;
}
div.lfh-min div.lfh-list.lfh-element.lfh-hidden div.lfh-description,
div.undermap div.lfh-list.lfh-element.lfh-hidden div.lfh-description{
    margin-top:40px;
}
.loopingClass (@i) when (@i < 11) {
    div.lfh-min div.lfh-element.step@{i},
    div.lfh-min div.lfh-list.lfh-hidden.step@{i},
    div.undermap div.lfh-element.step@{i},
    div.undermap div.lfh-list.lfh-hidden.step@{i} {
        -ms-transform: translateX(-(@i * @width));
        -webkit-transform: translateX(-(@i * @width));
        -moz-transform: translateX(-(@i * @width));
        -o-transform: translateX(-(@i * @width));
        transform: translateX(-(@i * @width));
    }
    .loopingClass(@i + 1);
}
.loopingClass (1);

 div.lfh-min div.lfh-element.lfh-hidden:not(.lfh-list),
 div.lfh-min div.lfh-element.lfh-hidden.step0:not(.lfh-list),
 div.undermap div.lfh-element.lfh-hidden:not(.lfh-list),
 div.undermap div.lfh-element.lfh-hidden.step0:not(.lfh-list){
   -ms-transform: translateY( @height + 50px);
   -webkit-transform: translateY( @height + 50px );
   -moz-transform: translateY( @height + 50px );
   -o-transform: translateY( @height + 50px );
   transform: translateY( @height + 50px );
 }
.loopHidden (@k) when (@k < 11) {
    div.lfh-min div.lfh-element.lfh-hidden.step@{k}:not(.lfh-list),
    div.undermap div.lfh-element.lfh-hidden.step@{k}:not(.lfh-list) {
        -ms-transform: translate(-(@k * @width), @height + 50);
        -webkit-transform: translate(-(@k * @width),@height + 50);
        -moz-transform: translate(-(@k * @width), @height + 50);
        -o-transform: translate(-(@k * @width), @height + 50);
        transform: translate(-(@k * @width), @height + 50);
    }
    .loopHidden(@k + 1);
}
.loopHidden (1);           


div.lfh-min div.lfh-section,
div.undermap div.lfh-section{
    float:left;
    display:inline-block;
    max-height:@height - @height_title - 2* @padding_title;
    margin-top:0;

}
div.lfh-section div.lfh-content,
div.lfh-section div.lfh-content > div{
    height:auto;
}
div.lfh-min .lfh-content > div,
div.undermap .lfh-content > div
{
     max-width:@width;
     width:@width;
     float:left;
   /*  height:@height - @height_title - 2*@padding_title;*/
     max-height:@height - @height_title - 2*@padding_title;
     vertical-align: bottom;
     margin-top: 5px;
     padding:0 5px;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lfh-element svg{
    min-height:220px;
    max-height:220px;
    max-width:290px;
    margin:0;
}
div.lfh-min .lfh-element svg,
div.undermap .lfh-element svg{
    margin-top:0;
    min-height:@height - @height_title - 13px; 
    height:@height - @height_title - 13px;
    max-height: @height - @height_title - 13px;
    max-width: @width - 10px;
}
div.lfh-min div.lfh-file,
div.lfh-min div.lfh-position,
div.undermap div.lfh-file,
div.undermap div.lfh-position{
    display:none;
}

div.lfh-min .lfh-section .lfh-header h4,
div.undermap .lfh-section .lfh-header h4{
    display:none;
}
div.lfh-min div.lfh-data-content .lfh-section .lfh-header h4,
div.undermap div.lfh-data-content .lfh-section .lfh-header h4{
    display: block;
}
div.lfh-min .lfh-section .lfh-header h4::before,
div.lfh-min .lfh-section.lfh-hidden .lfh-header h4::before,
div.undermap .lfh-section .lfh-header h4::before,
div.undermap .lfh-section.lfh-hidden .lfh-header h4::before
{
    content:none;
}


div.lfh-min div.lfh-content,
div.lfh-min div.lfh-content svg,
div.lfh-min div.lfh-content ~ div,
div.undermap div.lfh-content,
div.undermap div.lfh-content svg,
div.undermap div.lfh-content ~ div{
    display:inline-block;
}

div.lfh-min div.lfh-content ~ div,
div.undermap div.lfh-content ~ div{
       max-width:@width;

    }
div.lfh-min div.lfh-content > div,
div.undermap div.lfh-content > div{
    width: @width;
    /* height: @height - @height_title - 2*@padding_title;*/
    max-width: @width;
    max-height: @height - @height_title - 2*@padding_title;
}
div.lfh-min div.lfh-content div.wp-caption,
div.undermap div.lfh-content div.wp-caption{
    max-width: @width;
    max-height: @height - @height_title - 2*@padding_title;
    
}
div.lfh-min div.lfh-content  img,
div.undermap div.lfh-content  img{
    max-width: @width - 10px;
     max-height: @height - @height_title - 2*@padding_title;
}

div.lfh-min .lfh-element-content,
div.undermap .lfh-element-content{
    float:left;
    height:@height - @height_title - 2*@padding_title;
    max-height:@height - @height_title - 2*@padding_title;
    min-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    box-sizing: border-box;
}
div.lfh-min .lfh-element:hover ~ div.lfh-nav div.lfh-next,
div.lfh-min .lfh-element:hover ~ div.lfh-nav div.lfh-back,
div.undermap .lfh-element:hover ~ div.lfh-nav div.lfh-next,
div.undermap .lfh-element:hover ~ div.lfh-nav div.lfh-back{
	opacity:0.7;
	/* border-radius: 50% 50%;
    width: 50px;
    height: 50px; 
    padding:0;
    margin:0;*/
	 background-color:rgba(255,255,255,1);
}
div.lfh-nav div.lfh-next::before,
div.lfh-nav div.lfh-back::before{
	padding-left:2px;
}
.lfh-element h3:first-child,
#content .lfh-element h3:first-child, 
#lfh-fade .lfh-element h3:first-child
{
    margin-top:0;
    background-color:grey;
    color:white;
    width:100%;
    padding: 5px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
}

span.lfh-trackname{
    max-width:250px;
    height:25px;
    display: inline-block;
    line-height:1;
}
span.lfh-close::before{
    display: inline-block;
}
span.lfh-close{
    float:right;
    width:20px;
    height:20px;
	margin-right:10px;
    box-shadow:none;
    pointer-events:auto;
}
div.lfh-min span.lfh-close,
div.undermap span.lfh-close{
	margin-right:0px;
}
span.lfh-close:hover{
    cursor:pointer;
}

div.lfh-min div.lfh-data span.lfh-close,
div.undermap div.lfh-data span.lfh-close{
	margin-left:5px;
	display:none;
}

div.lfh-min div.lfh-data div.lfh-list:not(.step0) ~ div.lfh-nav div.lfh-back,
div.undermap div.lfh-data div.lfh-list:not(.step0) ~ div.lfh-nav div.lfh-back{
    display:inline;
}
div.lfh-min div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav span.lfh-close,
div.lfh-min div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav div.lfh-back,
div.lfh-min div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav div.lfh-next,
div.undermap div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav span.lfh-close,
div.undermap div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav div.lfh-back,
div.undermap div.lfh-data div.lfh-element:not(.lfh-hidden) ~ div.lfh-nav div.lfh-next{
	display:inline;
}

div.lfh-min div.lfh-data div.lfh-element.step0:not(.lfh-hidden) ~ div.lfh-nav div.lfh-back,
div.undermap div.lfh-data div.lfh-element.step0:not(.lfh-hidden) ~ div.lfh-nav div.lfh-back{
    display:none;
}
.fakefull .lfh-map-container{
    height:100%;
    display:inline-block;
}
#lfh-fade .fakefull{
    position:relative;
    margin:32px auto;
    width:98%;
    height:92%;
    
} 

/**svg**/
.lfh-element .axis{
    stroke:#000;
    stroke-width:1px;
    marker-end: url(#t);
} 
.lfh-element text{
    font-family: serif;
    font-size  : 12px;
    stroke     : none;
    fill       : #000;
}

.lfh-element .line{
    stroke:#b5b5b5;
    stroke-width:1px;
    font-family: serif;
    font-size  : 10px;
}
.lfh-element rect{
    stroke:#4a4a4a;
    fill:none;
}
.lfh-profile{
    z-index: 1000;
    position:relative;
    margin-bottom:5px;
}
.lfh-element .lfh-profile-line{
    stroke:#00f;
    fill:none;
    stroke-width:3px;
}
.lfh-element .lfh-move-line{
    stroke:#f00;
    fill:none;
    stroke-width:1px;
}
.markerbounds{
    display:block;
}
.markerbounds .lfh-hidden{
    display:none;
}

/**
* class for map simple-border', 'thick-border', 'simple-border-round', 'thick-border-round
*/
div.lfh-container.thick-border-round,
div.lfh-container.thick-border{
    border: 10px solid #9e9e9e;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
}
div.lfh-container.thick-border-round,
div.lfh-container.simple-border-round{
     border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}
div.lfh-container.simple-border,
div.lfh-container.simple-border-round{
    border: 2px solid #9e9e9e;
}
div.lfh-container.center{
    margin:auto;
}
div.lfh-container.left{
    clear:none;
    margin-left:0;
    float:left;
    margin-right:5px;
    min-width:300px;
}
div.lfh-container.right{
    clear:none;
    float:right;
    margin-left:5px;
     min-width:300px;
}
div.lfh-list-gpx,
#content div.lfh-list-gpx,
#content div.lfh-list-markers,
#lfh-fade div.lfh-list-gpx,
#lfh-fade div.lfh-list-markers{
    text-align:center;
}

div.lfh-list-gpx input:first-letter ,
div.lfh-list-markers input:first-letter {
    text-transform: uppercase;
}

div.lfh-list h4,
#content div.lfh-list h4,
#lfh-fade div.lfh-list h4{
    margin-bottom:2px;
}

svg.leaflet-zoom-animated{
    max-height: none;
}

@media screen and (max-width: 768px)

{

 /*.lfh-control-fullscreen{
    display:none;*/

}