//@import "../../../abstracts/abstracts";

/* ****************************** 
    Tooltips
****************************** */



.arrow {
	width: 36px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	/*margin-left: -18px; <-- outcomment, because the arrow from tooltips -> in CMS -> are not centering */
	bottom: -8px;
}

.arrow.top {
	top: -8px;
	bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 10px;
	top: -10px;
	width: 13px;
	height: 13px;
	box-shadow: none !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -10px;
	top: auto;
}