Membership/ Subscriber i Icon

Membership / Subscriber "i" Icon Pop Hover
 
<tr> <td height="40" nowrap="nowrap"><span style="padding: 5px"> <select style="width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; cursor: not-allowed; color: #4F4F4F; background-color: #f3f1f1; cursor: not-allowed" name="menu3" onchange="window.document.location.href=this.options[this.selectedIndex].value; " value="GO" disabled="disabled"> <option value="" selected="selected">Disabled</option> <option value="">Selection 1</option> <option value="">Selection 2</option> </select> </span></td> <td><span style="font-size: 14px; padding-left: 10px">&nbsp;</span><a href="#member_info" data-toggle="popover" data-trigger="focus" data-placement="bottom" data-popover-content="#member" data-original-title="" title=""><i class="fa fa-info-circle" title="Click to see more info" style="font-size: 16px;" disabled=""></i></a><span style="position: relative; padding-left: 5px"></span> <div id="member" class="hidden"> <div class="popover-body"> <table border="0" cellspacing="0" cellpadding="0" style="float: left; width: 800px !important"> <tbody> <tr> <td valign="top" colspan="3" align="right"><table style="float: right"> <tbody> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td><a href="#member"><i class="fa fa-times-circle" title="Close" style="font-size: 18px; cursor: hand !important; float: right; margin-right: 10px"></i></a>&nbsp;</td> </tr> </tbody> </table></td> </tr> <tr> <td valign="top" align="center"><strong> <span style="font-size: 14px">Member Info </span></strong> <hr style="margin: 5px !important"></td> <td valign="top" align="center">&nbsp;</td> <td valign="top" align="center"><strong> <span style="font-size: 14px"> Subscriber Info</span></strong> <hr style="margin: 5px !important"></td> </tr> <tr> <td valign="top" width="50%"><div style="padding-left: 0px; border-right: solid 1px #dadada"> <div class="row" style="padding-left: 15px; padding-right: 0px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Group ID</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">WMCGRP01 - COMM GROUP WESTCHESTER</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Subgroup ID</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">1002 - WHITE PLAINS</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Class</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">0002 - CHOICE PLANS</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Plan</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">D101- DENTAL PLAN</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Product</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">PPOBasic - PPO Dental Benefits</span></div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Product Category</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">D - Dental</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Business Category</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Relationship</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">Subscriber</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Date of Birth</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">10/22/1970</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Age</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">34</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Gender</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">F</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Gender Identity</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">F - Female</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Standard Unique</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Health ID</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Memo</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">Review claims for this member.</span></div> </div> </div> </div></td> <td valign="top" align="center">&nbsp;&nbsp;&nbsp;</td> <td valign="top" width="50%"><div style="padding-left: 0px; border-right: solid 1px #dadada"> <div class="row" style="padding-left: 15px; padding-right: 0px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Group ID</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">WMCGRP01 - COMM GROUP WESTCHESTER</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Subgroup ID</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">1002 - WHITE PLAINS</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Class</span></div> <div class="col-sm-8" style="padding-left: 0px"> <span style="font-size: 12px; float: left">0002 - CHOICE PLANS</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Plan</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">D101- DENTAL PLAN</span></div> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Product</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">PPOBasic - PPO Dental Benefits</span></div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Product Category</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">D - Dental</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Business Category</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Relationship</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">Subscriber</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Date of Birth</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">10/22/1970</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Age</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">34</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Gender</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">F</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Gender Identity</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">F - Female</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Standard Unique</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Health ID</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">--</span></div> </div> <div class="row" style="padding-left: 15px"> <div class="col-sm-4" style="padding-left: 0px"> <span style="font-size: 12px; float: left; color: #808080">Memo</span></div> <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px"> <span style="font-size: 12px; float: left">Review claims for this member.</span></div> </div> </div> </div></td> </tr> <tr> <td valign="top">&nbsp;</td> <td valign="top" align="center">&nbsp;</td> <td valign="top">&nbsp;</td> </tr> </tbody> </table> </div> </div></td> </tr>

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