html { font-size: 62.5%; }

body {
    font-family: Verdana, Helvetica, sans-serif, Arial;
    font-size: 1rem;
    margin: 0px;
}
.mbox {
    z-index:1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.myCSSClass {
  background: yellow;
  box-shadow: black;
  border: 1px;
  padding: 0 2px;
}
.leaflet-tooltip-right.myCSSClass:before {
 content: none;
}
/*
#loader {
 position: absolute;
 display: none;
 top: 50%;
 left: 50%;
 margin-top: -150px;
 margin-left: -300px;
 width: 600px;
 height: 200px;
 cursor: pointer;
 text-align: center;
 vertical-align: middle;
 font-size: 1.7rem;
 font-weight: 700;
 z-index: 4;
}
*/
.sugo {
 position: absolute;
 display: none;
 top: 5%;
 left: 5%;
 height: 75%;
 width: 75%;
 background: #EEEEEE;
 border: 1px solid black;
 overflow: scroll;
 font-size: 1.2rem;
 padding: 1rem;
 cursor: pointer;
 z-index: 5;
}
.sugo h2 {font-size: 1.3rem; font-weight: 700;}
.sugo h3 {font-size: 1.2rem; font-weight: 700;}
.sugo ul {list-style-type:none;}
a {cursor: pointer;color : #ea670c;}
a:HOVER {color: #008fd0;}

.buttons {
 position: absolute;
 display: none;
 top: 2px;
 left: 2px;
 cursor: pointer;
 z-index: 3;
}
.setup {
 position: absolute;
 bottom: 20px;
 right: 60px;
 cursor: pointer;
 z-index: 3;
}
.btn, .over, .full, .label {
 display: inline-block;
 margin: .2rem;
 border: .2rem solid #444;
 background: #aaa;
 width: 3.4rem;
 height: 3.4rem;
 border-radius: 1rem;
 text-align: center;
 font-weight: 700;
 font-size: 2.4rem;
 line-height: 3.4rem;
 cursor: pointer;
 opacity: .85;
 box-shadow: 0 2px 6px rgba(0,0,0,.85);
}
.space {
 display: inline-block;
 width: 4.2rem;
}
.map, .icon {
 display: inline-block;
 margin: .2rem;
 border: .2rem solid #444;
 background: #aaa;
 width: 3.4rem;
 height: 3.4rem;
 border-radius: 3.4rem;
 text-align: center;
 font-weight: 700;
 font-size: 2.4rem;
 line-height: 3.4rem;
 cursor: pointer;
 z-index: 5;
 opacity: .85;
 box-shadow: 0 2px 6px rgba(0,0,0,.85);
}
.gpx {
 display: inline-block;
 margin: .2rem;
 border: .3rem solid #444;
 background: #0098d6;
 width: 4rem;
 height: 4rem;
 border-radius: 4rem;
 text-align: center;
 font-weight: 700;
 font-size: 3rem;
 line-height: 4rem;
 cursor: pointer;
 z-index: 5;
 opacity: .85;
 box-shadow: 0 2px 6px rgba(0,0,0,.85);
}
.cfg {
 display: inline-block;
 margin: .2rem;
 border: .3rem solid #444;
 background: #aaa;
 width: 4rem;
 height: 4rem;
 border-radius: 4rem;
 text-align: center;
 font-weight: 700;
 font-size: 4rem;
 line-height: 3.5rem;
 cursor: pointer;
 z-index: 5;
 opacity: .85;
 box-shadow: 0 2px 6px rgba(0,0,0,.85);
}
.hlp {
 display: inline-block;
 margin: .2rem;
 border: .3rem solid #444;
 background: #0098d6;
 width: 4rem;
 height: 4rem;
 border-radius: 4rem;
 text-align: center;
 font-weight: 700;
 font-size: 3rem;
 line-height: 4rem;
 cursor: pointer;
 z-index: 5;
 opacity: .85;
 box-shadow: 0 2px 6px rgba(0,0,0,.85);
}
.on {
 opacity: 1 !important;
 background: #eee;
}
.title{
 padding: 0 2px;
 background: #F5F6CE;
 border: 1px solid black;
 font-size: 1.2rem;
 font-weight: 500;
 color: black;
/* text-shadow: 2px 2px #ffffff; */
}

#close {
 position: absolute;
 top:.5rem;
 right:.5rem;
}
.cp {
 margin: 2rem;
 font-size: 1.3rem;
}
.cp label {
 display: inline-block;
 width: 20rem;
 vertical-align: middle;
}
.cp span {
 float: right;
 margin-right: 1rem;
 width: 3rem;
}
.range {
 vertical-align: middle;
}
.cp input {
 width: 12rem;
}
.test {
 display: block;
 width: 3rem;
 height: 1.6rem;
}

.leaflet-control-layers label {font-size: 1.3rem !important;}
.leaflet-container {font-size: 1.3rem !important;}