/*----------------------------------------
  Map chart
----------------------------------------*/
.iq-map-chart .iq-map-lable {
	height: 150px;
	width: 150px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	z-index: 1;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	align-items: center;
	border-radius: 100%;
	box-shadow: var(--primary-box-shadow);
}

.iq-map-chart .iq-map-lable .iq-map-location-value {
	font-size: 50px;
	line-height: 50px;
}

.iq-map-chart .iq-map-lable .iq-map-info {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0;
}

#chartdiv {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

#chartdiv svg {
	pointer-events: none;
}

.map-marker {
	margin-left: -8px;
	margin-top: -8px;
	box-sizing: border-box;
}

.map-marker.map-clickable {
	cursor: pointer;
}

.map-marker .pulse {
	-webkit-animation: shadow-pulse-dots 1s ease-in-out infinite;
	animation: shadow-pulse-dots 1s infinite;
	width: 10px;
	height: 10px;
	background: var(--color-theme-primary);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	z-index: 10;
	position: absolute;
	box-sizing: border-box;
}

.map-marker .dot {
	border: 10px solid #fff601;
	background: transparent;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	height: 50px;
	width: 50px;
	-webkit-animation: pulse 3s ease-out;
	-moz-animation: pulse 3s ease-out;
	animation: pulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
	opacity: 0;
	box-sizing: border-box;
}

.popover .iq-tooltip-content {
	text-align: center;
}

.popover {
	border-radius: 5px;
}

.popover .iq-tooltip-content .tooltipimg {
	margin-bottom: 15px;
}

.popover .iq-tooltip-content .tooltip-title {
	margin-bottom: 10px;
}

.popover .iq-tooltip-content .tooltip-info {
	margin-bottom: 15px;
}

@keyframes shadow-pulse-dots {
	0% {
		box-shadow: 0 0 0 0px rgba(37, 177, 95, 0.2);
	}

	100% {
		box-shadow: 0 0 0 15px rgba(37, 177, 95, 0);
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	}

	25% {
		-moz-transform: scale(0);
		opacity: 0.1;
	}

	50% {
		-moz-transform: scale(0.1);
		opacity: 0.5;
	}

	75% {
		-moz-transform: scale(0.7);
		opacity: 0.9;
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}

	25% {
		-webkit-transform: scale(0);
		opacity: 0.1;
	}

	50% {
		-webkit-transform: scale(0.1);
		opacity: 0.5;
	}

	75% {
		-webkit-transform: scale(0.7);
		opacity: 0.9;
	}

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