@keyframes fadeIn {
	0% { opacity: 0 }
    50% { opacity: 0.99 }
	100% { opacity: 1 }
}

@keyframes fadeOut {
	0% { opacity: 1 }
    50% { opacity: 0.99 }
	100% { opacity: 0 }
}

.ttip {
    display: none;
	font-size: 11px;
    line-height: 14px;
    padding: 5px;
	background: rgb(38, 38, 38);
    color: rgb(255, 255, 255);
}

.ttip-host {
	position: fixed;
    display: inline-block;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
	opacity: 0;
	top: -9999px;
    left: -9999px;
    z-index: 9999;
}
.ttip-host .ttip{
	display: inline-block;
}

.ttip-host.ttip-active {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
	opacity: 1;
    visibility: visible;
}