/**
 * Functions.php
 *
 * @package  Familytree
 * @since    1.0.0
 * @Author	 agnasg
 */
.arrow-next {
	float: left;
	background-image: url("../images/next16.png");
	width: 16px;
	height: 16px;

}

.arrow-prev {
	float: left;
	background-image: url("../images/prev16.png");
	width: 16px;
	height: 16px;
}

.arrows {
	display: flex;
    justify-content: center;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 60px;
	font-size: 12px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
    top: -30px;
	z-index: 1;
}

.tooltip .tt-left {
	position: absolute;
    left: -38px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}