.tooltip-bottom::after,.tooltip-left::after,.tooltip-right::after,.tooltip-top::after{content:"";border-width:5px;border-style:solid}.tooltip{position:relative;zcursor:help;color:#006080}.tooltip .tooltiptext{visibility:hidden;position:absolute;width:170px;background-color:#555;color:#fff;text-align:center;padding:7px 0;border-radius:6px;z-index:1;opacity:0;transition:opacity 1s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltip-right{top:-5px;left:110%}.tooltip-right::after{position:absolute;top:50%;right:100%;margin-top:-5px;border-color:transparent #555 transparent transparent}.tooltip-bottom{top:80%;left:15%;margin-left:-20px}.tooltip-bottom::after{position:absolute;bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #555}.tooltip-top{bottom:125%;left:50%;margin-left:-90px}.tooltip-top::after{position:absolute;top:100%;left:50%;margin-left:-5px;border-color:#555 transparent transparent}.tooltip-left{top:-5px;bottom:auto;right:128%}.tooltip-left::after{position:absolute;top:50%;left:100%;margin-top:-5px;border-color:transparent transparent transparent #555}