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

.tooltip .tooltiptext {
	background-color: black;
	border-radius: 6px;
	color: #fff;
	left: 50%;
	margin-left: -150px;
    margin-top: -35px;
	padding: 6px 0;
	position: absolute;
	text-align: center;
	top: 100%;
	visibility: hidden;
	width: 120px;
	z-index: 100;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}