.tooltip{display:inline-block;position:relative}
.tooltip.text-center,.tooltip.text-right{display:block}
.tooltip .bottom{width:200px;left:50%;transform:translate(-50%,0);padding:8px 12px;color:#444;background-color:#fff;border-radius:2px;position:absolute;z-index:5;box-sizing:border-box;border:1px solid #f8f8f8;box-shadow:0 4px 8px rgba(0,0,0,0.075);transition:.2s all ease;transition-delay:.2s;opacity:0;visibility:hidden;margin:10px 0}
.tooltip .bottom p{font-size:14px}
.tooltip:hover .bottom{opacity:1;visibility:visible;transition:.2s all ease;transition-delay:0}
.tooltip .bottom i{position:absolute;bottom:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}
.tooltip .bottom i::after{content:"";position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 4px 8px rgba(0,0,0,0.075)}
.tooltip .fsg-icon{font-size:20px}
.tooltip.text-right .bottom{transform:none;right:0;left:auto}
.tooltip.text-right .bottom i{left:auto;right:12px}
.tooltip.text-left .bottom{left:200px}
.tooltip.text-left .bottom i{left:24px}
@media(min-width:1024px){.tooltip .bottom{width:400px}
}