.lux-tooltip {
	max-width: 150px;
	font-size: 14px;
	text-align: center;
	color: #f8f8f2;
	padding: 3px 8px;
	background: #282a36;
	border-radius: 4px;
	z-index: 1000;
	opacity: 0;
}
.lux-tooltip:after {
	content: "";
	position: absolute;
	border-style: solid;
}
.lux-tooltip-top:after {
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-color: black transparent transparent transparent;
}
.lux-tooltip-bottom:after {
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-color: transparent transparent black transparent;
}
.lux-tooltip-left:after {
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-color: transparent transparent transparent black;
}
.lux-tooltip-right:after {
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-color: transparent black transparent transparent;
}
.lux-tooltip-show {
	opacity: 1;
}