.new-tooltip{position:relative;display:inline-block}.new-tooltip .tooltiptext{visibility:hidden;position:absolute;width:200px;background-color:#555;color:#fff;text-align:left;padding:5px 10px;border-radius:6px;z-index:100;opacity:0;transition:opacity .3s;white-space:normal}.new-tooltip.tooltip-right .tooltiptext{top:-5px;left:150%}.new-tooltip.tooltip-left .tooltiptext{top:-5px;right:150%}.new-tooltip.tooltip-bottom .tooltiptext{top:100%;left:50%;margin-left:-100px}.new-tooltip.tooltip-bottom-left .tooltiptext{top:150%;left:100%;margin-left:-180px}.new-tooltip .tooltiptext::after{content:"";position:absolute;border-width:5px;border-style:solid;z-index:100}.new-tooltip.tooltip-right .tooltiptext::after{top:15px;right:100%;margin-top:-5px;border-color:transparent #555 transparent transparent}.new-tooltip.tooltip-left .tooltiptext::after{top:15px;left:100%;margin-top:-5px;border-color:transparent transparent transparent #555}.new-tooltip.tooltip-bottom .tooltiptext::after{bottom:100%;left:50%;border-color:transparent transparent #555 transparent}.new-tooltip.tooltip-bottom-left .tooltiptext::after{top:-5px;right:20px;margin-top:-5px;border-color:transparent transparent #555 transparent}.new-tooltip:hover .tooltiptext{visibility:visible;opacity:1}h1 .new-tooltip,h2 .new-tooltip,h3 .new-tooltip,h4 .new-tooltip,h5 .new-tooltip,h6 .new-tooltip{font-size:14px;font-weight:normal}