@font-face {
  font-family: 'avenir-black';
  src: url('Avenir\ Black.ttf');
}

body {
  margin: 0;
  padding: 0;
  font-family: "avenir-black", Times, serif;
}
#map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.boxdraw {
  background: rgba(56, 135, 190, 0.1);
  border: 2px solid #3887be;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

/* layers list */

#menu {
  background: #ffffff;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 10px;
  border-radius: 3px;
  width: 229px;
  border: 1px solid rgba(0, 0, 0, 0.4);

  /* overflow-y:scroll;
      overflow-x:hidden; */
  /* height: 352px; */
}

#menu a {
  font-size: 12px;
  color: #404040;
  display: block;
  margin: 0;
  padding: 0;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #0b1a31;
  text-align: left;
}

#menu a:last-child {
  border: none;
}

#menu a:hover {
  background-color: #f8f8f8;
  color: #404040;
}

#menu a.active {
  background-color: #FFFFFF;
  color: #000000;
}

#menu a.active:hover {
  background: #FFFFFF;
}

#menu a#POIs,
#menu a#POIs:hover,
#menu a#Paths,
#menu a#Paths:hover {
  cursor: auto;
  background-color: #edd9a3;
  color: #404040;
  padding-top: 7px;
}

nav img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-bottom: -8px;
}

a#Labels:hover {
  cursor: pointer;
}

div#layers-custom-control {
  display: none;
}
/* end layers list */

nav img{
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-bottom: -8px;
}

div#layers-custom-control{
  display: none;
}

div#layers-custom-control{
  display: none;
}

.material-icons{
  display: none;
}

@media screen and (max-width: 575px) {
  div#layers-custom-control{
    display: block;
    border: 2px solid #ddd8d4;
    background-color: #FFFFFF;
    padding-left: 2px;
    width: 26px;
    height: 26px;
    padding-top: 2px;
    border-radius: 7px;
  }
  
  .material-icons{
      font-size: 19px;
  }
}