@CHARSET "utf-8";
.lfh-element{
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	border-bottom-left-radius:6px;
} 
#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;
	color:#000;
}
.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.hidden .lfh-header h4:before{
    content:"\0025B6  ";
    font-style:normal;
    font-size:18px;
}
#content .lfh-section.hidden .lfh-header h4,
#lfh-fade .lfh-section.hidden .lfh-header h4{
	margin-bottom:1px;
}
.lfh-section .lfh-content{
	display:block;
	height:auto;
	max-height:800px;
	line-height:1;
	margin: 0 5px 5px 5px;
	 -webkit-transition:max-height .8s ease-out;
    transition: max-height .8s ease-out;
	
}
.lfh-section.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;
}
.lfh-control-fullscreen{
	background:white url(../images/icons/glyphicons-216-resize-full.png) no-repeat center center;
}
.lfh-control-fullscreen,
.lfh-control-list{
	width:30px;
	height:30px;
	background-color:white;
	
	cursor:pointer;
	clear:none;
	
}
.leaflet-control .lfh-control-fullscreen,
.leaflet-control .lfh-control-list{
	clear:none;
}
.lfh-control-fullscreen:hover,
.lfh-control-refresh:hover,
.lfh-control-list:hover{
   background-color:#f4f4f4;
}
.lfh-control-fullscreen.actived{
    width:30px;
    height:30px;
    background-color:white;
    background:white url(../images/icons/glyphicons-215-resize-small.png) no-repeat center center;
    cursor:pointer;
    
}
.lfh-control-refresh{
    width:25px;
    height:25px;
    background-color:white;
     cursor:pointer;
    
}
.lfh-control-refresh{
	 background:white url(../images/icons/refresh.png) no-repeat center center;
  
}
.lfh-control-list{
	 background:white url(../images/icons/glyphicons-158-show-thumbnails-with-lines.png) no-repeat center center;
  
}

#lfh-fade{
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:0;
	opacity:0;
	text-align:center;
	z-index:1000;
}
#lfh-fade.actived{
    width:100%;
    background:grey;
    text-align:center;
    height:100%;
    line-height:5;
    z-index:1000;
    
    opacity:0.99;
}
.lfh-map{
    display:inline-block;
    z-index:0;
    vertical-align:middle;
	width:100%;
	height:100%;
}

 .lfh-element {
    float:right;
    position:absolute;
    
    text-align:left;
     border-right: 2px grey groove;
    top:50px;
    right:0px;
    width:300px;
    transform:translate(0);
    opacity: 1;
    overflow: hidden;
    background-color:white;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -webkit-transition:-webkit-transform .8s ease-out;
    transition: transform .8s ease-out;
  
 }
 .lfh-element-content{
    max-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;
 }
 .lfh-element.hidden,
 .lfh-marker.hidden{
    max-height:0;
   -ms-transform: translateX(400px);
   -webkit-transform: translateX(400px);
   -moz-transform: translateX(400px);
   -o-transform: translateX(400px);
    -webkit-transition:-webkit-transform .8s ease-in;
    transition: transform .8s ease-in;
 }
#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;
 }
 span.lfh-close:before{
    display: inline-block;
 }
 span.lfh-close{
    float:right;
    color:white;
    width:20px;
    height:20px;
    box-shadow:none;
 }
 span.lfh-close:hover{
    cursor:pointer;
 }


#content a.lfh-gpx-file,
#lfh-fade 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;
}

#lfh-fade .fakefull{
	margin-top:32px;
	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 .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{
    margin-left:0;
    float:left;
    margin-right:5px;
    min-width:300px;
}
div.lfh-container.right{
    float:right;
    margin-left:5px;
     min-width:300px;
}
#content ul.lfh-list-gpx,
#content ul.lfh-list-markers,
#lfh-fade ul.lfh-list-gpx,
#lfh-fade ul.lfh-list-markers{
	list-style-type:none;
	margin: 0;
}

ul.lfh-list-gpx li,
ul.lfh-list-markers li{
	font-size:1.2em;
	font-weight:600;
	width:100%;
	cursor: pointer;
	line-height:1.5;
	background-color:lightgrey;
	margin:1px 0px;
	padding:3px 5px;
}
ul.lfh-list-gpx li:first-letter ,
ul.lfh-list-markers li:first-letter {
    text-transform: uppercase;
}
ul.lfh-list-gpx li:hover,
ul.lfh-list-markers li:hover{
	background-color:#9e9e9e;
}

#content div.lfh-list h4,
#lfh-fade div.lfh-list h4{
	margin-bottom:2px;
}
@media screen and (max-width: 768px)

{

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

}