/* !Close button */
.map-area .close-btn{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    float: right;
    top: 0;
    left: 0;
    z-index: 999999;
    transition: all 2s;
    opacity: 1;
}
.map-area .close-btn:hover {
    cursor: pointer;
}
.map-area .close-btn:after {
    content: '\e938';
    font-family: 'mfn-icons';
    display: block;
    width: 100%;
    color: #565656;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    height: 100%;
    line-height: 1px;
    font-size: 25px;
    position: absolute;
    top: 19px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.map-area .close-btn:hover:after {
    color: black;
}


.transparent{
    opacity: 0 !important;
}
.map-area .close-btn.transparent{
    opacity: 0;
}

.map-tooltip.market-tooltip img{
    max-width: 200px !important;
}


/* !General Map */
.map-area{
    min-height: 600px;
}

/*  !Map panel overlay */
.main_map_display{
    z-index: 999;
    position: absolute;
    right: 0;
    float: revert;
    background-color: #ffffffa1;
    display: block;
    height: 100%;
    top: 0;
    width: 50%;
    max-width: 500px;
    padding: 50px 60px;
}
.main_map_display h3{
	font-family:var(--font-deco);

}
.marker-panel{
	font-family:var(--font-deco) !important;
	color:black;
	font-size:var(--body) !important;

}
.slideInRight{
    -webkit-animation: slideInRight 1s forwards;
    animation: slideInRight 1s forwards;
}
.slideOutRight{
    -webkit-animation: slideOutRight 1s forwards;
    animation: slideOutRight 1s forwards;
}
.google-map .marker-panel img {
    max-width: 100% !important;
}


/* !Marker state */
.leaflet-marker-icon{
    transition: all 0.5s;
}
/*
.leaflet-marker-icon.marker_active{
    -webkit-filter: hue-rotate(160deg);
    filter: hue-rotate(160deg);
    width: 47px !important;
    height: 61px !important;
    transition: all 0.5s;
}
*/
.marker_hover{
    -webkit-filter: drop-shadow(3px 3px 5px gray);
    filter: drop-shadow(3px 3px 5px gray);

    transition: all 0.5s;
}

/* !Marker tooltip state */
.leaflet-tooltip{
    display: none !important;
}
.leaflet-tooltip.tooltip_active,
.leaflet-tooltip.tooltip_hover
{
    display: block !important;
}



/* !MISC */
.hidden{
    display: none !important;
}

.google-map img{
	 max-width: 100% !important;
}
.leaflet-container a{
	color:var(--shadow);
}
.leaflet-container a.btn-primary{
	background-color:var(--primary) !important;
	border-radius: 0px;
    text-transform: uppercase;
    font-family: var(--font-medium) !important;
font-size:15px !important;

padding:10px 20px;
display: block;
    width: max-content;
    margin-top: 35px;

}

.leaflet-tooltip-pane{
	display:none;
}


/* ! Buscador localizaciones */
.select-busqueda-localizaciones,
.map-area .select2-container
{
  position: absolute;
  top: 30px;
  left: 100px;
  z-index: 999;
}


/* ! Ajustes en los marcadores del mapa */
.leaflet-marker-icon{
  border: 1px solid black;
  border-radius: 25px;
  padding: 5px;
  box-shadow: black 1px 1px 1px 1px;
}

.leaflet-marker-icon.marker-cluster div{
  border: 1px solid black;
}



/* */