/* Nedko */
.custom-div-icon .marker-pin {
	position: relative;
	width: 30px;
	height: 30px;
	background-color: #207ac9;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	/* margin: 20px; */
}

.custom-div-icon .marker-pin::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.custom-div-icon .marker-pin span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	color: black;
	font-weight: bold;
	z-index: 2;
}

.leaflet-popup-content {
	display: inline-block;
}

.popup-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 7px;
}

.popup-content a {
	color: #007bff;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	display: inline-block;
}


/* Change the background color of the cluster */
.marker-cluster-medium {
	background-color: rgb(74 172 253 / 60%);
}

.marker-cluster-medium div {
	background-color: rgb(74 172 253 / 80%);
	color: white;
}

.marker-cluster-small {
	background-color: rgb(77 199 241 / 60%);
}

.marker-cluster-small div {
	background-color: rgb(202 237 255 / 60%)
}


.marker-cluster-large {
	background-color: rgb(72 144 204 / 60%);
}

.marker-cluster-large div {
	background-color: rgb(72 144 204 / 80%);
	color: white;
}

.mapcommand-wrapper {
    background: white;
    padding: 5px 10px;
    font-size: 15px;
	line-height: 1.1;
}

.mapcommand-wrapper form {
	display: flex;
    align-items: center;
}

.mapcommand-wrapper label {
	margin-bottom: 0;
}

#mapcommand {
	margin-right: 6px !important;
}

.leaflet-control-attribution svg {
    width: 0;
}