/*
 *            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
 *                    Version 2, December 2004
 *
 * Copyright (C) 2014 Tim Severien
 *
 * Everyone is permitted to copy and distribute verbatim or modified
 * copies of this license document, and changing it is allowed as long
 * as the name is changed.
 *
 *            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
 *   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 *
 * 0. You just DO WHAT THE FUCK YOU WANT TO.
*/

.taggd-wrapper {
	position: relative;
}

.taggd-wrapper .taggd-item {
	background-color: #c00;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	z-index: 500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.taggd-wrapper .taggd-item.active,
.taggd-wrapper .taggd-item:hover {
	background-color: rgba(219, 50, 92, 0.75);
}

.taggd-wrapper .taggd-item-hover {
	min-width: 220px;
	background-color: #fff;
	color: transparent;
	cursor: default;
	display: none;
	font-weight: lighter;
	overflow: hidden;
	z-index: 1000;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px;
	border-radius: 20px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.taggd-item-hover ul {
	margin: 0;
	padding: 0;
}

.taggd-item-hover ul li {
	border-bottom: solid 1px #ccc;
}

.taggd-item-hover ul li:last-child {
	border: none;
}

.taggd-item-hover ul li h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
}

.taggd-wrapper .taggd-item-hover.show {
	color: #fff;
	opacity: 1;
	display: block;
}

.popmaplist {
	padding: 10px 0;
	margin: 0;
}

.taggd-wrapper .taggd-item:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100px;
}

.taggd-wrapper .taggd-item:after {
	content: '';
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -3px;
	-webkit-animation: hideshow 2s infinite;
	/* Safari 4+ */
	-moz-animation: hideshow 2s infinite;
	/* Fx 5+ */
	-o-animation: hideshow 2s infinite;
	/* Opera 12+ */
	animation: hideshow 2s infinite;
	/* IE 10+, Fx 29+ */
}

@-webkit-keyframes hideshow {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 0.9;
	}
}

@-moz-keyframes hideshow {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 0.9;
	}
}

@-o-keyframes hideshow {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 0.9;
	}
}

@keyframes hideshow {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 0.9;
	}
}