/*-- MAPS */
.placeIconName {
	position:relative;
}
.placeIconName:before {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,70%);
	content:attr(placeiconname); <? /* BqMap - Set name for page icon as css class and html attribute */ ?>
	font-size:0.9em;
	font-weight:bolder;
	background:white;
	z-index:2000;
}
.placeIconName .result_tags {
	margin:0px !important;
}
.placeIcon .result_tags {}
.placeIcon .result_tags a {
	margin:3px;
}
/*-- EXISTING PLACE */
#mymap .placeIcon {
    background:red;
    /*border-radius:33px; outline:none;*/
    background-size: contain;
    background-repeat: no-repeat;
    border-radius:13px;
    /*background-image: url(/img/marker.png);*/
}
#mymap .placeIcon > span {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    padding-top:17px;
}
#mymap .placeIcon > span > div:nth-child(1) { /* Sub */
	position: relative;
    background: white;
    /*left:-100px;
    top: 21px;*/
    width: 206px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0px 0px 2px 1px gray;
}
#mymap .placeIcon > span > div:nth-child(2) { /* Htmls */
}
#mymap .placeIcon > span > div:nth-child(2) > div { /* each *.Html */
}
#mymap .placeIcon .menu {
    position: relative;
    background: white;
    /*left:-100px;
    top: 21px;*/
    width: 206px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0px 0px 2px 1px gray;
    z-index:2001;
    padding:7px 0px;
}
#mymap .placeIcon .menu:before { /* pointer from options to location */
	position: absolute;
	left: 48%;
	top: -7px;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background: gray;
	content: "";
	z-index: -1;
}
#mymap .placeIcon .menu > div {
}
#mymap .placeIcon .menu > div > button {}
#mymap .placeIcon .menu > div.text {
	margin:3px 13px;
	text-align:left;
}
/*-- EXISTING PLACE
#mymap .placeIcon { 
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/marker.png);
}
#mymap .placeIcon > span > div:nth-child(1) { 
	position: relative;
    background: white;
    left:-100px;
    top: 21px;
    width: 206px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0px 0px 2px 1px gray;
}
#mymap .placeIcon > span > div:nth-child(2) {
}
#mymap .placeIcon > span > div:nth-child(2) > div {
}
#mymap .placeIcon .menu {
    position: relative;
    background: white;
    left:-100px;
    top: 21px;
    width: 206px;
    border-radius: 17px;
    box-shadow: 0px 0px 2px 1px gray;
}
#mymap .placeIcon .menu:before {
	position: absolute;
	left: 48%;
	top: -7px;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background: gray;
	content: "";
	z-index: -1;
}
#mymap .placeIcon .menu > div {
    display:inline-block;
}
#mymap .placeIcon .menu > div > button {}
#mymap .placeIcon .menu > div.text {
	margin:3px 13px;
	text-align:left;
}*/



/*-- CREATING PLACE */
#mymap .creatingPlaceIcon { 
	background:red;
    border-radius:13px; 
    outline:none;
    /*background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/marker.png);*/
}
#mymap .creatingPlaceIcon #creatingPlaceIcon {
    position: relative;
    background: white;
    left:-100px;
    top: 21px;
    width: 206px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0px 0px 2px 1px gray;
}
#mymap .creatingPlaceIcon #creatingPlaceIcon:before { /* pointer from options to location */
	position: absolute;
	left: 48%;
	top: -7px;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background: gray;
	content: "";
	z-index: -1;
}
#mymap .creatingPlaceIcon #creatingPlaceIcon > div {
    display:inline-block;
}