.ui-tooltip, .arrow:after {
	background: #5C5961;
	border: 0.22vh solid #D1D1D6;
}
.ui-tooltip {
	padding: 0.6em 1.2em;
	color: white;
	border-radius: 1.75em;
	font: bold 0.7em "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 0.6em black;
}
.arrow {
	width: 70%;
	height: 1.4em;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -2.5em;
	bottom: -1.4em;
}
.arrow.top {
	top: -1.4em;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 1.75em;
	top: -1.75em;
	width: 1.7em;
	height: 1.7em;
	box-shadow: 0.5em 0.4em 0.8em -0.8em black;	
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -1.75em;
	top: auto;
}