.fn_tooltip_wrapper {
	z-index: 9999;
	cursor: default;
	position: absolute;
	box-sizing: border-box;
	max-width: 360px;
	min-width: 100px;
	width: 200px;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 5px;
	background:rgba(0,0,0,.8);
	color:#eceff0;
	font-size: 14px;
	line-height: 16px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	margin-top: 5px;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	text-align: left;
	--movedLeft: 50%;
	--movedUp: 0%;
	transform: scale(.9) translateY(-4px);
	transform-origin: 50% 0%;
	transform-origin: var(--movedLeft) var(--movedUp);
}
.fn_tooltip_wrapper.on,
.fn_tooltip_wrapper.off {
	transition: visibility .2s, opacity .2s, transform .2s;
}
.fn_tooltip_wrapper:not(.hide_arrow)::before,
.fn_tooltip_wrapper:not(.hide_arrow)::after {
	border:9px solid rgba(255,255,255,0);
	border-bottom:9px solid #eceff0;
	position: absolute;
	top:0;
	left:50%;
	left: var(--movedLeft);
	margin-top: -17px;
	margin-left: -9px;
	content:"";
	z-index: 2;
}
.fn_tooltip_wrapper:not(.hide_arrow)::before {
	z-index: 1;
	border-bottom:10px solid #BEC3C7;
	margin-top: -19px;
}
.fn_tooltip_wrapper.above {
	margin-top: -5px;
	--movedUp: 100%;
	transform: scale(.9) translateY(4px);
	transform-origin: 50% 100%;
	transform-origin: var(--movedLeft) var(--movedUp);
}
.fn_tooltip_wrapper.above:not(.hide_arrow)::before,
.fn_tooltip_wrapper.above:not(.hide_arrow)::after {
	border-bottom:9px solid rgba(255,255,255,0);
	border-top:9px solid #eceff0;
	top:auto;
	bottom:0;
	margin-top: 0;
	margin-bottom: -17px;
}
.fn_tooltip_wrapper.above:not(.hide_arrow)::before {
	z-index: 1;
	border-top:10px solid #BEC3C7;
	margin-bottom: -19px;
}
.fn_tooltip_wrapper.measuring {
	visibility: visible;
	opacity: 0;
	transform: none;
}
.fn_tooltip_wrapper.on {
	visibility: visible;
	opacity: 1;
	transform: none;
}

.fn_tooltip {
	padding:6px;
}

.fn_tooltip_title_icon {
	width: 32px;
	line-height: 32px;
	margin-right: 10px;
	font-size: 32px;
	text-align: center;
	flex-shrink: 0;
}


.fn_tooltip_wrapper.red {
	background-image: linear-gradient(to top, #802428, #8d252a, #9a252b, #a7252c, #b4252d);
	color:#eceff0;
	border:1px solid rgba(255,255,255,.3);
	}
.fn_tooltip_wrapper.red:not(.hide_arrow)::before,
.fn_tooltip_wrapper.red:not(.hide_arrow)::after {
	border-bottom:10px solid #b4252d;
}
.fn_tooltip_wrapper.red:not(.hide_arrow)::before {
	border-bottom:9px solid rgba(255,255,255,.3);
	display: none;
}