Pop Hovers i Icon

Status: 01 - Accepted; Awaiting batch  
<span style="line-height: 175%; font-size: 14px"><font color="#595959">Status: </font>01 - Accepted; Awaiting batch</span> <a href="#status_info" data-toggle="popover" data-trigger="focus" data-placement="bottom" data-popover-content="#status" data-original-title="" title=""><i class="fa fa-info-circle" title="Click to see more info" style="font-size: 16px;"></i></a> <div id="status" class="hidden"> <div class="popover-body"> <table border="0" cellspacing="0" cellpadding="0" style="float: left"> <tbody> <tr> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td align="right" valign="top"><a href="#status"><i class="fa fa-times-circle" title="Close" style="font-size: 16px; cursor: hand !important"></i></a></td> </tr> <tr> <td colspan="10" valign="top" align="center"><strong> <font size="2">Status Details</font></strong><font size="2"> </font> <hr style="margin: 5px !important"></td> </tr> <tr> <td width="10" valign="top">&nbsp;</td> <td valign="top"><b><font size="2"> Status</font></b></td> <td width="10" valign="top">&nbsp;</td> <td valign="top"><b><font size="2">Date</font></b></td> <td width="10" valign="top">&nbsp;</td> <td valign="top"><b><font size="2">User</font></b></td> <td width="10" valign="top">&nbsp;</td> <td valign="top"><font size="2"><b> Routed To</b></font></td> <td width="10" valign="top">&nbsp;</td> <td valign="top"><font size="2"><b>Reason</b></font></td> </tr> <tr> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">01</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2"> 02/09/2018 09:35:22.367</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">vmallava</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">--</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">--</font></td> </tr> <tr> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">11</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2"> 02/08/2018 15:44:30.820</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">vmallava</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">--</font></td> <td valign="top">&nbsp;</td> <td valign="top"><font size="2">Claim return</font></td> </tr> <tr> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> </tr> </tbody> </table> </div> </div>

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.