#lmap {height:100vh;width:100%;}

.mapboxgl-popup {
        max-width: 400px;
    }

.mapboxgl-popup p {
        font-size: 13px !important;
        line-height: 16px !important;
        margin-bottom:5px;
    }

#instructions {
    position:absolute;
    top:20px;
    z-index: 2;
    width:90%;
    left:0;
    right:0;
    margin:auto;
    padding:15%;
    background-color:rgba(0, 0, 0, 0.8);
    overflow: none;
    color:#fff;
}
#instructions p {
	line-height:1.1em !important;
}

@media screen and (max-width: 680px) {
    #instructions {
    padding:5%;
	}
}

#mapform {
   display:none;
   position:absolute;
   z-index:3;
   top:20px;
   right:20px;
   width:40%;
   max-width:300px;
   background-color:rgba(255, 255, 255, 0.95);
   padding:20px;
}

#formerror {
   display:none;
   color: #cc0000;
   margin-bottom:10px;
   font-weight:bold;
}

#geocoder-container {
    position: absolute;
    top: 0;
    width: 80%;
    margin-top: 10px;
}

#geocoder-container > div {
    min-width:50%;
    margin-left:25%;
}
#geocoder-container > div input[type=text] {padding-left:40px !important;}

#menu {
background: #fff;
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
border-radius: 3px;
width: 200px;
border: 1px solid rgba(0, 0, 0, 0.4);
font-family: 'Open Sans', sans-serif;
}
 
#menu a {
font-size: 15px;
color: #ccc;
display: block;
margin: 0;
padding: 0;
padding: 10px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
text-align: center;
}
 
#menu a:last-child {
border: none;
}
 
#menu a:hover {
background-color: #f8f8f8;
color: #404040;
}
 
#menu a.active {
background-color: #3887be;
color: #ffffff;
}
 
#menu a.active:hover {
background: #3074a4;
}

.icon-round-grn1 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(0,120,0,0.7) 

  }


.icon-round-grn2 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(0,100,0,0.7) 

  }
  
.icon-round-red1 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(180,0,0,0.5) 

  }
  
.icon-round-red2 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(220,0,0,0.5) 

  }
  
.icon-round-red3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(220,0,0,0.40) 

  }
  
.icon-round-grn3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0,120,0,0.40) 

  }