.leaflet-div-icon {
	background: transparent;
	border: none;
}

.leaflet-marker-icon .number{
	position: relative;
	top: -37px;
	font-size: 12px;
	width: 25px;
	text-align: center;
}
.black_number-icon {
	background-image: url("/image/map_marker/black_location_number.png");
	text-align: center;
	color: White;
}
.grey_number-icon {
	background-image: url("/image/map_marker/grey_location_number.png");
	text-align: center;
	color: White;
}
.orange_number-icon {
	background-image: url("/image/map_marker/orange_location_number.png");
	text-align: center;
	color: White;
}

.red_number-icon {
	background-image: url("/image/map_marker/red_location_number.png");
	text-align: center;
	color: White;
	padding-top: 5px;
}
 /*.html {
	position: relative;
	top: 20px;
	font-size: 16px;
	font-weight: 600;
	width: 25px;
	text-align: center;
	color: White;
}*/

.circle-icon {
	background-image: url("/image/map_marker/circle.png");
	text-align: center;
	color: White;
}
	
.tooltipcenter {
	display: flex;
	justify-content: center;
	align-items: center;
	height:30px;
}
.my-labels {
	background-color: transparent;
	border: transparent;
	box-shadow: none;
	font-weight: bold;
	font-size: 16px;
	color: white;
}
$marker-color: #002147;
.map__marker {
	background: $marker-color;
	border-radius: 10px;
	height: 10px;
	position: relative;
	width: 10px;
	&::before

{
	animation: blink 1s infinite ease-out;
	border-radius: 60px;
	box-shadow: inset 0 0 0 1px $marker-color;
	content: '';
	height: 10px;
	left: 50%;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
}

}

@keyframes blink {
	100% {
		height: 30px;
		opacity: 0;
		width: 30px;
	}
}


.css-icon {
}

.gps_ring {
	border: 3px solid #999;
	-webkit-border-radius: 30px;
	height: 18px;
	width: 18px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	/*opacity: 0.0*/
}

@-webkit-keyframes pulsate {
	0%

{
	-webkit-transform: scale(0.1, 0.1);
	opacity: 0.0;
}

50% {
	opacity: 1.0;
}

100% {
	-webkit-transform: scale(1.2, 1.2);
	opacity: 0.0;
}

}

.pulse {
	animation: pulsate 1s ease-out;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.0
}


@keyframes pulsate {
	0% {
		transform: opacity: 0.0;
	}

	50% {
		opacity: 1.0;
	}

	100% {
		transform: opacity: 0.0;
	}
}