#map {
  position: relative;
  height: 600px;
  width: 100%;
}

#map .leaflet-pane.leaflet-marker-pane img.hide {
  display: none;
}



#mapControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
 justify-content: space-evenly;
}

#mapControl > div {
  width: 100%;
    margin-right: 26px;
    padding-right: 10px;
}

#mapControl > div > * {
  width: 100%;
}


#mapControl select, #mapControl input, #mapControl button {
	border-radius: 5px!important; 
	background: #e5e5e5;
	font-weight: 700;
	color: black;
	height: 40px;
}

button#executeFilter {
	background: #83cbc4;
	border: none; 
	color: white;
	height: 40px;
}

button#executeFilter:hover{
	transform: translateY(-5px);
	cursor: pointer;
}

#overlay {
  position: absolute;
  width: 240px;
  height: calc(100% - 60px);
  background: white;
  padding: 15px;
  z-index: 999;
  left: 20px;
  top: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  -webkit-box-shadow: 4px 4px 12px -4px rgba(0, 0, 0, 0.4);
          box-shadow: 4px 4px 12px -4px rgba(0, 0, 0, 0.4);
}

#overlay.active {
  opacity: 1;
  visibility: visible;
}

#mapControl select option {
	font-family: 'Open Sans';
}

div.type {
	font-family: Montserrat;
	color: #83cbc4;
	font-size: 18px;
	font-weight: 500;
}

div.name {
	font-size: 16px; 
	padding-bottom: 20px; 
	font-weight: 700;
}

div.mail a, div.website a {
		color: #83cbc4;
}

div#overlay div {
	font-size: 16px;
}

.place:nth-of-type(odd) {
	background: #F0F1F3;
}

.place {
	cursor: pointer;
}
.place div {
	font-size: 16px;
}

i.fas.fa-angle-right {
	transition: .3s all ease;
}

.togglerotate {
	   transform: rotate(90deg);
	   transition: .3s all ease;
}

#placesList,
.placesWrapper .place {
	padding: 10px; 
}
html select option {
	font-family: Montserrat, sans-serif;
}

div#overlay div.type, div#overlay div.street div#overlay div.fax {
	padding-bottom: 10px; 
}

.close-overlay {
	transform: rotate(45deg); 
	float: right; 
	cursor: pointer;
	transition: .2s ease all; 
}

.close-overlay:hover {
	transform: scale(1.2) rotate(45deg);
}

#placesList h3 {
	cursor: pointer;
}

}
@media screen and (max-width: 475px) {
	#mapControl > div {
  	width: 100%;
	margin: 0 auto;
		padding: 15px;
}
	#mapControl { 
	flex-direction: column!important; 
	}
	div#placesList {
		padding: 10px; 
	}
}

/*# sourceMappingURL=app.css.map */