@charset "utf-8";

#map_container {  height: 70vh; border-bottom: solid 2px #32A04A; }
#map_nav { width: 18%;  height: 70vh; overflow: auto; background-color: #EEE; display: inline-block; }
#map { width: 82%; height: 70vh; display: inline-block; }

div#map_adress_search { border-top: solid 1px #AFAFAF; border-bottom: solid 1px #AFAFAF; margin: 0 0 0px 0; padding: 0px; height: 32px; line-height: 0px; width: 100%; }
div#map_adress_search input.address { height: 30px;  margin: 0px; padding: 0 0 0 10px;  width: calc(100% - 101px);  border-radius: 0px;}
div#map_adress_search input.search_button  { width:100px; margin: 0px; padding: 0px; height: 30px; border: none; float: right; border-radius: 0px; }



ul.myUL {
  margin: 0;
  padding: 0;	
	list-style-type: none;
}
ul.myUL li { background-color: #ccc; border-bottom: solid 1px #fff !important; margin: 0px; padding: 7px 0 7px 0; font-size: 16px !important; }

ul.myUL ul { margin: 0px !important; padding: 7px 0 7px 0; }

ul.myUL ul li { padding: 0 !important;}

ul.myUL li li { background-color: #bbb; border-bottom: none; margin:0 px; padding: 7px 0 7px 0;}

ul.myUL a { text-decoration: none !important; color: #000; display: block; padding-left: 18px !important; padding: 7px 0 7px 0; }
ul.myUL a:hover { background-color: #eee;  }

.caret {
  cursor: pointer;
  user-select: none; 
}

.caret::before {
  content: ">";
  color: white;
  display: inline-block;
  margin-right: 5px;
  padding: 7px 0 7px 0
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}