/*icon font*/
.leaflet-marker-icon.leaflet-interactive span{
  position: relative;
  font-family: "iconfont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*marker*/
/* .leaflet-marker-icon.leaflet-interactive span::before{
  content: "/ea26";
	background-position: center;
	background-repeat: no-repeat;
  font-size: 1.6rem;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3rem;
  margin-left: -1.5rem;
  color: var(--color-primary);
  width: 9rem;
  height: 9rem;
  padding: 100px;
} */

/* $imageEl.css('background-image', `url("${background}")`); */
/*popup*/
.leaflet-popup-content{
  margin: 0;
  padding: 33px 31px;
  font-size: 14px;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
  margin-bottom: 4.5rem;
  display:none;

  touch-action: pan-x pan-y;
}

.leaflet-popup-content-wrapper{
  box-shadow: none;
  max-height: 40vh;
  overflow-x: hidden;

}
.leaflet-container a.leaflet-popup-close-button{
  top: 0;
  right: 0;
  font-size: 16px;
  background: #0433A9;
  color: #fff;
  border-top-right-radius: 12px;
}
  /*map*/
  .map-wrapper__map{
    position: relative;
    padding-left: 0 !important;

  }
  .webform__cell{
    height: 100%;
    position: relative;
  }
  .leaflet-container-outer {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.leaflet-bar {
  background-color: rgba(206,213,215,255);
  padding: 4px 6px;
  border-radius: 0;
}
.leaflet-left .leaflet-control {
  margin-left: 17px;
}
.leaflet-top .leaflet-control {
  margin-top: 23px;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  border: none;
}
.leaflet-touch .leaflet-bar a:last-child, .leaflet-touch .leaflet-bar a:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.leaflet-container a {
	font-size: 14px !important;
	font-weight: 600;
}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 16px;
}
.leaflet-control-resetview a .leaflet-control-resetview-icon {
	width: 12px;
	height: 12px;
	margin: 9px
}
div#leaflet-map-view-poi-map-grouped--2 {
  width: 628px;
  height: 685px;
}
/*responsive*/
@media screen and (min-width:992px){
  /* set map height */
    .leaflet-container {
    height: 100%;
    width:100%;
    position: absolute !important;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width:991px){
  .leaflet-container {

 }
 .hide-control-leaflet{
   z-index: 1;
 }
 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
  display:block
}
}