/**
Project: vaaip/tooltiper.js
Project URL: https://github.com/vaaip/tooltiper
Auther: Renjith VK <renjith@vaaip.com>
Auther URL: renjithvk.com, vaaip.com
Created: 29th Oct 2016 8:35PM
*/

.tooltiper-wrapper {
	width: 100%;
	position: absolute;
}

.hide {
	display: none;
}

/*tooltip top arrow */
.arrow-top {
	position: absolute;
	background: #000000;
	bottom: 0;
	left: 50%;
}

.arrow-top:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 5px;
	margin-left: -5px;
}

/*tooltip right arrow */
.arrow-right {
	position: absolute;;
	background: #000000;
	left: 0;
	top: 47%;
}

.arrow-right:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 5px;
	margin-top: -5px;
}

/*tooltip bottom arrow */
.arrow-bottom {
	position: absolute;;
	background: #000000;
	top: 0;
	left: 50%;
}

.arrow-bottom:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 5px;
	margin-left: -5px;
}

/*tooltip left arrow */
.arrow-left {
	position: absolute;
	background: #000000;
	right: 0;
	top: 47%;
}

.arrow-left:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 5px;
	margin-top: -5px;
}