span.info {
cursor: pointer;
display: inline-block;
width: 16px;
height: 16px;
background-color: #EBF0F9; 
line-height: 16px;
color: orangered;
font-size: 13px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight: bold;
border-radius: 8px;
text-align: center;
position: relative;
}
span.info:hover { background-color: #667ea6; color: White;}
div.tooltip {
background-color: #667ea6;
color: White;
position: absolute;
/*left: -175px;*/
top: -50px;
z-index: 1000000;
width: 300px;
border-radius: 5px;
}
div.tooltip:before {
border-color: transparent #667ea6 transparent transparent;
border-right: 6px solid #667ea6;
border-style: solid;
border-width: 6px 6px 6px 0px;
content: "";
display: block;
height: 0;
width: 0;
line-height: 0;
position: absolute;
top: 40%;
left: -6px;
}
div.tooltip p {
margin: 10px;
color: White;
}