@import url("leaflet/leaflet.css");
@import url("leaflet.sidebar/L.Control.Sidebar.css");
@import url("leaflet.fullscreen/leaflet.fullscreen.css");
@import url("leaflet.contextmenu/leaflet.contextmenu.min.css");

.pltsm-map-wrapper {
	width:100%;
	max-height: 700px;
}

/* 
.pltsm-map-splitted {
 	-webkit-transition: width .15s ease-in;
    -moz-transition: width .15s ease-in;
    -o-transition: width .15s ease-in;
    transition: width .15s ease-in;
	width: var(--splitted-pc) !important;
	clear: left;	
}
 */

.pltsm-map {
	height: 80vh;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	background-color: #FFF;
	box-sizing: border-box;
}

.side-bar-content {
	width: 100%;
	height: 100%;
	border: none;
}

div.pm-cluster-icon {
	display: block;
	min-width: 32px;
	min-height: 25px;
	color: #FFF;
	background-color: #000;
	border-radius: 32px;
	text-align: center;
	padding-top: 7px;
}

div.pm-marker-div-icon {
/* 	text-align: center; */
	
}

div.pm-marker-div {
	/* 
display: flex;
	align-items: center;
	justify-content: center;
 */

 text-align: center;
 width: auto;
}

img.pm-marker-icon {
	width: 32px;
	height: 32px;
}

div.pm-marker-text {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	transform: translate(-34px,0);
/* 	text-align: center; */
	width: 100px;
/*    	cursor: default; */
}

.pm-marker-popup {
   width: 400px;
   
   min-height: auto !important; 
}

.pm-control-add-marker a {
	background: #fff url(images/marker-add.png) no-repeat center;
}