.type-hint {
	position: absolute;
	width: auto;
	font-size: 14px;
	padding: 5px 5px;
	border-radius: 4px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	opacity: 0;
	pointer-events: none;
	/*
	top: 0;
	color: rgb(255,255,255);
	background: rgb(255,255,255);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	*/
	z-index: 9999;
}

.type-hint {
	opacity: 0.8;
	visibility: visible;
	pointer-events: auto;
	border: 1px solid rgb(40, 40, 40);
	background: rgb(40, 40, 40);
	color: rgb(255, 255, 255);
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
	/* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); */
}

.type-hint-label {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 5px 8px;
}

.type-hint-data {
	padding: 5px 8px;
}

.hint-arrow-outer,
.hint-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-style: solid;
	border-width: 6px;
	border-color: transparent;
}

.hint-arrow {
	display: none;
}

.hint-right .hint-arrow-outer {
	left: 0;
	top: 50%;
	margin: -6px 0 0 -13px;
}

.hint-right .hint-arrow {
	left: 0;
	top: 50%;
	margin: -6px 0 0 -13px;
}

.hint-left .hint-arrow-outer {
	right: 0;
	top: 50%;
	margin: -6px -13px 0 0;
}

.hint-left .hint-arrow {
	right: 0;
	top: 50%;
	margin: -6px -13px 0 0;
}

.hint-top .hint-arrow-outer {
	bottom: 0;
	left: 50%;
	margin: 0 0 -13px -5px;
}

.hint-top .hint-arrow {
	bottom: 0;
	left: 50%;
	margin: 0 0 -13px -6px;
}

.hint-bottom .hint-arrow-outer {
	top: 0;
	left: 50%;
	margin: -13px 0 0 -6px;
}

.hint-bottom .hint-arrow {
	top: 0;
	left: 50%;
	margin: -13px 0 0 -6px;
}

.hint-right .hint-arrow-outer {
	border-right-color: rgb(40, 117, 168);
}

.hint-right .hint-arrow {
	border-right-color: #ffffff;
}

.hint-left .hint-arrow-outer {
	border-left-color: rgb(40, 117, 168);
}

.hint-left .hint-arrow {
	border-left-color: #ffffff;
}

.hint-top .hint-arrow-outer {
	border-top-color: rgb(40, 117, 168);
}

.hint-top .hint-arrow {
	border-top-color: #ffffff;
}

.hint-bottom .hint-arrow-outer {
	border-bottom-color: rgb(40, 117, 168);
}

.hint-bottom .hint-arrow {
	border-bottom-color: #ffffff;
}