#mapid { 
	height: 580px;
	width:74%;
	margin-top: -134px;
	z-index: 1;
}

.leaflet-popup-content{
	width:180px;
	overflow-wrap: break-word;
	font-family: Roboto,sans-serif;
}

#mapainterativo p{
	font-size: 18px;
	font-family: Raleway, sans-serif;
}

.focusMarker{
 	content:url("https://www.infarmed.pt/documents/15786/4530169/Simbolo+Farm%C3%A1cia+Focus/52a3a5a7-05a9-979a-97dd-a1cc9b61be21?t=1626453335749");
/* 	content:url("https://srvlr0pre:8443/documents/15786/0/Pharmacy+Symbol+Focus/ae8c6fb5-bafb-c60c-fc27-c7bb3ec25dd2?t=1626453202981"); */
}
.laboratorio-marker-icon.focusMarker{
	content:url("https://www.infarmed.pt/documents/15786/4530169/Simbolo+Laborat%C3%B3rio+Focus/0e36d7dc-6079-552d-c8a3-88c0a4809b54?t=1626453379318");
/* 	content:url("https://srvlr0pre:8443/documents/15786/0/Flask+Symbol+focus/55a2add2-7574-c76f-7603-731475b36973?t=1626453184498"); */
}
.farmacia-marker-icon-alargada.focusMarker{
	content:url("https://www.infarmed.pt/documents/15786/4530169/Simbolo+Farm%C3%A1cia+Alargada+Focus/87db5d50-4aad-7064-46ff-6be860074681?t=1640098893696");
}
.laboratorio-trag-marker-icon.focusMarker{
	content:url("https://www.infarmed.pt/documents/15786/4530169/Simbolo+Laborat%C3%B3rio+TRAg+Focus/f621be9e-ef23-c4ee-4266-79e4d4ee5553?t=1642698825298");
}


#DistritoSelect{
	font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: inline-grid;
    width:100%
}

#concelhoSelect,
#tipoEstabelicimentoSelect{
	font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    width:100%;
}

#filtros{
	margin-top: 30px;
	width:25%
}

#farmaciasList{
	overflow: hidden;
    overflow-y: auto;
    height: 437px;
    margin-top: 20px;
}

#farmacias{
	float:left;
	margin-right: 10px;
	width:25%;
	margin-top: -16px;
	
}


#farmaciasList li{
	font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 400;
  	padding: 10px;
    cursor: pointer;
}

.allOptions{
	color:#999;
}

#farmaciasList::-webkit-scrollbar {
width: 6px;
}
#farmaciasList::-webkit-scrollbar-track {
background: #eeeeee75;
}
#farmaciasList::-webkit-scrollbar-thumb {
background-color: #ddd
}

#distritos,
#concelhos,
#tipoEstabelicimento{
	width:100%
}

.nomePopup,
.moradaPopup,
.telefonePopup{
	padding:5px;
}

.icon-map-marker,
.icon-phone{
	padding-right:5px;
}

.moradaPopupText{
	font-family: Roboto,sans-serif;
	margin-top:2px;
}

.moradaPopup,
.telefonePopup{
	float:left;
}

.telefonePopup{
	margin-top:-15px !important;
}

.telefonePopupText{
	font-family: Roboto,sans-serif;
	margin-top:-13px;
}

.leaflet-marker-icon.laboratorio-marker-icon,
.leaflet-marker-icon.laboratorio-trag-marker-icon,
.leaflet-marker-icon{
	height:40px !important;
	width:40px !important;
}

.hideList,
.leaflet-marker-icon.farmacia-marker-icon-hide,
.leaflet-marker-icon.laboratorio-marker-icon-hide,
.leaflet-marker-icon.laboratorio-trag-marker-icon-hide{
	display:none;
}

.pharmacyMarkerAlargadaImg,
.pharmacyMarkerImg,
.labMarkerAImg,
.labTRAgMarkerAImg{
	height:30px !important;
}

/*------------------#MediaScreen(980px)-----------------*/

@media screen and (max-width: 980px){
	#mapid {
		width:60%
	}

	
}

/*------------------#MediaScreen(660px)------------------*/

@media screen and (max-width: 660px){
	#mapid {
		left:20px;	
	}

}
	

/*------------------#MediaScreen(561px)------------------*/

@media screen and (max-width: 561px){
	
	#mapid {
		width:95%;
		left:15px;
	}
	
	#farmacias{
		display:none;
	}
	
	#filtros{
		float:left;
		width:100%;
	}
	
	#filtros > #DistritoSelect,
	#filtros > #concelhoSelect,
	#filtros > #tipoEstabelicimentoSelect{
		width:100%
	}
	
	
	#distritos,
	#concelhos,
	#tipoEstabelicimento{
		width:95%;
		margin-left:15px;
	}
	
	#mapaInterativoAnchor{
		display: block;
	    position: relative;
	    top: -50px;
	    visibility: hidden;
	}
	
}