.tooltip {
	position: absolute;
	z-index: 90;
	top: 7px;
	max-width: 220px;
	color: #fff;
	font-size: 12px;
	background: #3a3c47;
	border-radius: 2px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	float: none;
	pointer-events: none
}

.tooltipstered {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.tooltip .content {
	padding: .6em .8em;
	word-wrap: break-word
}

.tooltip .content:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid
}

.tooltip.right .content:after,
.tooltip.right-top .content:after,
.tooltip.right-bottom .content:after {
	border-width: 7px 7px 7px 0;
	border-color: transparent #3a3c47 transparent transparent;
	top: 50%;
	right: 100%;
	margin-top: -7px
}

.tooltip.left .content:after,
.tooltip.left-top .content:after,
.tooltip.left-bottom .content:after {
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #3a3c47;
	top: 50%;
	left: 100%;
	margin-top: -7px
}

.tooltip.top .content:after,
.tooltip.top-left .content:after,
.tooltip.top-right .content:after {
	border-width: 7px 7px 0;
	border-color: #3a3c47 transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -7px
}

.tooltip.bottom .content:after,
.tooltip.bottom-left .content:after,
.tooltip.bottom-right .content:after {
	border-width: 0 7px 7px;
	border-color: transparent transparent #3a3c47;
	bottom: 100%;
	left: 50%;
	margin-left: -7px
}

.tooltip.bottom-left .content:after {
	right: 8px;
	left: auto
}

.tooltip.bottom-right .content:after {
	left: 8px;
	margin-left: 0
}

.tooltip.right-top .content:after {
	bottom: 8px;
	top: auto
}

.tooltip.right-bottom .content:after {
	top: 8px;
	margin-top: 0
}

.tooltip.left-top .content:after {
	bottom: 8px;
	margin-top: 0
}

.tooltip.left-bottom .content:after {
	top: 8px;
	margin-top: 0
}

.tooltip.top-left .content:after {
	right: 16px;
	left: auto
}

.tooltip.top-right .content:after {
	left: 8px;
	margin-left: 0
}

.tooltip.slide {
	opacity: 0;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity
}

.tooltip.slide.top,
.tooltip.slide.top-left,
.tooltip.slide.top-right {
	-webkit-transform: translateY(15px);
	transform: translateY(15px)
}

.tooltip.slide.bottom,
.tooltip.slide.bottom-left,
.tooltip.slide.bottom-right {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px)
}

.tooltip.slide.left,
.tooltip.slide.left-top,
.tooltip.slide.left-bottom {
	-webkit-transform: translateX(15px);
	transform: translateX(15px)
}

.tooltip.slide.right,
.tooltip.slide.right-top,
.tooltip.slide.right-bottom {
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px)
}

.tooltip.slide.in {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	transition-duration: 100ms
}

.tooltip.light {
	color: #3a3c47;
	background: #fff;
	text-shadow: none
}

.tooltip.success {
	background: #8dc572
}

.tooltip.warning {
	background: #ddc12e
}

.tooltip.error {
	background: #cb2424
}

.tooltip.light.right .content:after,
.tooltip.light.right-top .content:after,
.tooltip.light.right-bottom .content:after {
	border-color: transparent #fff transparent transparent
}

.tooltip.light.left .content:after,
.tooltip.light.left-top .content:after,
.tooltip.light.left-bottom .content:after {
	border-color: transparent transparent transparent #fff
}

.tooltip.light.top .content:after,
.tooltip.light.top-left .content:after,
.tooltip.light.top-right .content:after {
	border-color: #fff transparent transparent
}

.tooltip.light.bottom .content:after,
.tooltip.light.bottom-left .content:after,
.tooltip.light.bottom-right .content:after {
	border-color: transparent transparent #fff
}

.tooltip.success.right .content:after,
.tooltip.success.right-top .content:after,
.tooltip.success.right-bottom .content:after {
	border-color: transparent #8dc572 transparent transparent
}

.tooltip.success.left .content:after,
.tooltip.success.left-top .content:after,
.tooltip.success.left-bottom .content:after {
	border-color: transparent transparent transparent #8dc572
}

.tooltip.success.top .content:after,
.tooltip.success.top-left .content:after,
.tooltip.success.top-right .content:after {
	border-color: #8dc572 transparent transparent
}

.tooltip.success.bottom .content:after,
.tooltip.success.bottom-left .content:after,
.tooltip.success.bottom-right .content:after {
	border-color: transparent transparent #8dc572
}

.tooltip.warning.right .content:after,
.tooltip.warning.right-top .content:after,
.tooltip.warning.right-bottom .content:after {
	border-color: transparent #ddc12e transparent transparent
}

.tooltip.warning.left .content:after,
.tooltip.warning.left-top .content:after,
.tooltip.warning.left-bottom .content:after {
	border-color: transparent transparent transparent #ddc12e
}

.tooltip.warning.top .content:after,
.tooltip.warning.top-left .content:after,
.tooltip.warning.top-right .content:after {
	border-color: #ddc12e transparent transparent
}

.tooltip.warning.bottom .content:after,
.tooltip.warning.bottom-left .content:after,
.tooltip.warning.bottom-right .content:after {
	border-color: transparent transparent #ddc12e
}

.tooltip.error.right .content:after,
.tooltip.error.right-top .content:after,
.tooltip.error.right-bottom .content:after {
	border-color: transparent #cb2424 transparent transparent
}

.tooltip.error.left .content:after,
.tooltip.error.left-top .content:after,
.tooltip.error.left-bottom .content:after {
	border-color: transparent transparent transparent #cb2424
}

.tooltip.error.top .content:after,
.tooltip.error.top-left .content:after,
.tooltip.error.top-right .content:after {
	border-color: #cb2424 transparent transparent
}

.tooltip.error.bottom .content:after,
.tooltip.error.bottom-left .content:after,
.tooltip.error.bottom-right .content:after {
	border-color: transparent transparent #cb2424
}