Manage Customer RequestInvite customer contacts and assign access permission.
<!--manage customer-->
<div class="storefront-rightbar manage-customer">
<div class="row manageReqMain mainTab">
<div class="col-md-12">
<h1 class="storefront-heading">Manage Customer Request<span>Invite customer contacts and assign access permission.</span></h1>
<div class="config-tabs mx-auto">
<div class="custom-tab-col">
<div class="overview-tabs m-0 mx-auto action-tabs">
<a href="javascript:void(0);" class="active" data-active="pending">Pending</a>
<a href="javascript:void(0);" data-active="approved" class="prod ml-2">Approved</a>
<a href="javascript:void(0);" data-active="rejected" class="prod ml-2">Rejected</a>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="products-search">
<div class="search-input-col w-100 mr-0">
<i class="icon-cross" style="display: none;"></i>
<i class="icon-search"></i>
<input type="text" class="form-control form-control-padding search-category ui-autocomplete-input" placeholder="Search by template or customer name" autocomplete="off">
<ul id="ui-id-2" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
</div>
</div>
</div>
<div class="col-auto pl-0">
<div class="row no-gutters date-block">
<div class="col-md-6">
<div class="scheduled-time mt-0">
<div class="search-input-col date-picker w-100">
<input type="text" class="form-control form-control-padding date start-date" placeholder="Start Date">
<i class="icon-calender-outline"></i>
</div>
</div>
</div>
<div class="col-md-6">
<div class="scheduled-time mt-0">
<div class="search-input-col date-picker w-100">
<input type="text" class="form-control form-control-padding date end-date" placeholder="End Date">
<i class="icon-calender-outline"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 d-flex ml-auto">
<div class="right-col-links allProd ml-auto mt-2">
<div class="vendor-dropdown ml-3 dropdown" style="">
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="vendor-selection">
<span class="text"><span>Billing Type:</span> <span class="link-text" data-original-title=""><strong>All Billing Type</strong> <i class="icon-arrow-bottom ml-2"></i></span></span> </a>
<div class="dropdown-menu dropdown-menu-right" style="">
<ul class="sub-dropdown-menu pl-0 m-0">
<li><a href="#" class="dropdown-item"><span>All Billing Type</span></a></li>
<li><a href="#" class="dropdown-item"><span>Recurring Products</span></a></li>
<li><a href="#" class="dropdown-item"><span>One Time Products</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12 mainTab">
<div class="table-tabs main">
<nav class="all-vendor-tabs custom-tabs store-sub-tabs">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="subscription-tab" data-active="subs" data-toggle="tab" href="#subscriptiontab" role="tab" aria-controls="subscriptiontab" aria-selected="true">
<span>Subscription Requests (89) </span>
</a>
<a class="nav-item nav-link " id="invoicepayment-tab" data-active="invoicePay" data-toggle="tab" href="#invoicePaymenttab" role="tab" aria-controls="invoicepaymenttab" aria-selected="false">
<span>Invoice Payment Requests (10) </span>
</a>
<a href="javascript:void(0);" class="request-download" data-toggle="tooltip" data-placement="top" title="" data-original-title="Download Excel"><i class="icon-download"></i></a>
</div>
</nav>
<div class="list-view-tile summary-tab-table">
<table class="table custom-table selectedTab pending subs" style="">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Contact#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table custom-table selectedTab pending invoicePay" style="display: none;">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Invoice#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Approve"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reject"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pt-2 selectedTab pending invoicePay subs" style="">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
<div class="list-view-tile summary-tab-table " >
<table class="table custom-table approved selectedTab subs" style="display: none;">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Contact#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col"></th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
</td>
</tr>
</tbody>
</table>
<table class="table custom-table approved selectedTab invoicePay" style="display: none;">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Invoice#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pt-2 approved selectedTab invoicePay subs" style="display: none;">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
<div class="list-view-tile summary-tab-table " >
<table class="table custom-table rejected selectedTab subs" style="display: none;">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Contact#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);" data-toggle="modal" data-target="#alertModal" class="deleteCustReq" data-delete="delReq"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-revert" data-toggle="tooltip" data-placement="top" title="" data-original-title="Revert"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table custom-table rejected selectedTab invoicePay" style="display: none;">
<thead class="thead-light">
<tr>
<th scope="col">Customer</th>
<th scope="col">Invoice#</th>
<th scope="col">Product Name</th>
<th scope="col" class="text-center">Quantity</th>
<th scope="col">Billing Type</th>
<th scope="col">Provision File</th>
<th scope="col">Requested Change</th>
<th scope="col">Requested Date</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody tabindex="23" style="overflow-y: hidden; outline: none;">
<tr>
<td><a href="javascript:void(0);">Abstergo Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Acme Co. </a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Alphonso Capizzo</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Biffco Enterprises Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger...</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Binford Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Brent and Dasher</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Big Kahuna Burger Ltd.</a></td>
<td>527043</td>
<td>FMN-10241</td>
<td class="text-center">2</td>
<td>Monthly</td>
<td>--</td>
<td>New 2 Seats</td>
<td>03/03/2021</td>
<td>
<div class="table-action-link">
<a href="javascript:void(0);"><i class="icon-checked-circle"><span class="path1"></span><span class="path2"></span></i></a>
<a href="javascript:void(0);"><i class="icon-cross-circle"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pt-2 rejected selectedTab invoicePay subs" style="display: none;">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!--manage customer-->