<div class="row table1">
<div class="col-md-12 expand-table-col">
<a href="javascript:void(0);" class="expandAll mt-0"><i class="icon-expandall"></i><span class="txt">Expand all </span></a>
<div class="clearfix"></div>
<div class="list-view-tile summary-tab-table adminDiv">
<table class="table custom-table adminTable">
<thead class="thead-light">
<tr>
<th scope="col" width="35%">Reseller Name </th>
<th scope="col" width="15%">Reseller ID</th>
<th scope="col" width="20%">Reseller Domain for DAR Acceptance </th>
<th scope="col" width="20%">Google DAR Acceptance</th>
<th scope="col" width="10%"> </th>
</tr>
</thead>
<tbody tabindex="4" style="overflow-y: hidden; outline: none;">
<tr class="prod-row">
<td><a href="javascript:void(0);">1+1 Technology</a></td>
<td>593853</td>
<td><a href="javascript:void(0);">1plus1tech.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr class="addOnRow addon-shadow" style="display: none;">
<td colspan="9" class="p-0 border-0">
<div class="total-customer-col">
<div class="cutomer-container">
<h1 class="totalCustomer-heading">Total Customer (7)</h1>
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>1+1 Technology</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td >
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>Abstergo Ltd.</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span><span class="release-lbl">Release Domain to Google</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>California Collision</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (12)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span>
</td>
<td class="position-relative">
<span class="seats-col">5</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">GSuite Business</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td class="position-relative">
<span class="status-bar active">Activated</span>
</td>
<td class="position-relative">
<span class="seats-col">5</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td>
<span class="status-bar active">Activated</span>
</td>
<td class="position-relative">
<span class="seats-col">5</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">GSuite Business</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td>
<span class="status-bar active">Activated</span>
</td>
<td class="position-relative">
<span class="seats-col">5</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
<div class="table-pagination">
<nav aria-label="navigation" class="pagination-col">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>16</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<div class="pagination-holder m-auto">
</div>
<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>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>California Collision</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>Ember West</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>Golden Bear Shredding LLC</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
</div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">2 Techs, LLC D.B.A. The Tech of South West Michigan</a></td>
<td>343235</td>
<td><a href="javascript:void(0);">2tech.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr class="addOnRow addon-shadow" style="display: none;">
<td colspan="9" class="p-0 border-0">
<div class="total-customer-col">
<div class="cutomer-container">
<h1 class="totalCustomer-heading">Total Customer (7)</h1>
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>1+1 Technology</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>Abstergo Ltd.</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
</div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">215, LLC DBA 215 Tech</a></td>
<td>345346</td>
<td><a href="javascript:void(0);">--</a></td>
<td><span class="status-bar cancelled">Not Accepted</span><span class="restart-icon"><i class="icon-restart" data-toggle="tooltip" data-placement="top" title="Refresh functionality once DAR domain is entered by dev."></i></span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr class="addOnRow addon-shadow" style="display: none;">
<td colspan="9" class="p-0 border-0">
<div class="total-customer-col">
<div class="cutomer-container">
<h1 class="totalCustomer-heading">Total Customer (7)</h1>
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>1+1 Technology</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>Abstergo Ltd.</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (1)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="position-relative">
<span class="seats-col">5/8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService disabled"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<i class="favIcon icon-star-outline" data-original-title="Save as Favorite"></i>
<div class="totalCustomer-details">
<h3>California Collision</h3>
<div class="details-col">
<ul>
<li>Customer Number: <span>764423</span></li>
<li>Contract Number: <span>18972578</span></li>
<li>Google ToS Acceptance: <span>Yes</span></li>
</ul>
<ul class="ml-auto">
<li><i class="icon-domain"></i> Domain: <span>sagaciousinsurance.com</span></li>
<li><a href="javascript:void(0);"><i class="icon-customer-dashboard"></i>Customer Dashboard</a></li>
</ul>
</div>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th class="subscription-th">Subscriptions (12)</th>
<th class="billingType">Billing Type</th>
<th class="startDate">Billing Start Date</th>
<th class="renewDate">Renew Date</th>
<th class="status-th">Status</th>
<th class="seats-th">Seats</th>
</tr>
</thead>
<tbody>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">5</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">GSuite Business</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">3</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">Google WS Business Starter Flex</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">6</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
<tr>
<td class="position-relative">
<a href="javascript:void(0);">GSuite Business</a>
<div class="custom-flyout float-right copy-flyout">
<a href="javascript:void(0)" class="ml-2"><i class="icon-subscriptions float-right"><span class="path1"></span><span class="path2"></span></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-action-arrow"></i>
<label>Copy Subscription ID</label><br>
<span>53212460-5809-4747-8C38-A6DC6A43F6CD</span>
</div>
</div>
</td>
<td>Monthly</td>
<td>07/31/2018</td>
<td>07/31/2099</td>
<td><span class="status-bar active">Activated</span></td>
<td class="position-relative">
<span class="seats-col">8</span>
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-2 manageService" ><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-upgrade"></i>
<span>Upgrade</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
<li><a href="javascript:void(0);"><i class="icon-finance"></i>
<span>Change Cap Amount</span></a>
</li>
<li><a href="javascript:void(0);"><i class="icon-sync"></i>
<span>Sync to ConnectWise</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="cross-circle" data-toggle="modal" data-target="#cancelServiceModal"><i class="icon-cross-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancel Service"><span class="path1"></span><span class="path2"></span></i></a>
</td>
</tr>
</tbody>
</table>
<div class="table-pagination">
<nav aria-label="navigation" class="pagination-col">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>16</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<div class="pagination-holder m-auto">
</div>
<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>
<!--cutomer box section-->
</div>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">5K Technical Services, LLC</a></td>
<td>342345</td>
<td><a href="javascript:void(0);">5ktecservices.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);"><i class="icon-download1" data-toggle="tooltip" data-placement="top" title="Download"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">ADNA Technologies</a></td>
<td>654345</td>
<td><a href="javascript:void(0);">adnatech.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Agilis Professional Solutions LLC</a></td>
<td>326745</td>
<td><a href="javascript:void(0);">agilispro.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Allen Business Machines</a></td>
<td>456345</td>
<td><a href="javascript:void(0);">--</a></td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Allez Consulting, Inc. DBA Z-Tech Associates</a></td>
<td>543456</td>
<td><a href="javascript:void(0);">allezconinc.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Applied Connective Technologies, LLC</a></td>
<td>234234</td>
<td><a href="javascript:void(0);">apexinfinitesolution.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Ascent Data, LLC</a></td>
<td>345321</td>
<td><a href="javascript:void(0);">appliedconnective.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Assorted Business Services Inc.</a></td>
<td>435432</td>
<td><a href="javascript:void(0);">ascentdata.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">B Unlimited Group</a></td>
<td>565434</td>
<td><a href="javascript:void(0);">assortedbusiness.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Batchnet LLC</a></td>
<td>456342</td>
<td><a href="javascript:void(0);">bunlimited.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">BD Managed Services, LLC</a></td>
<td>456432</td>
<td><a href="javascript:void(0);">batchnet.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">BD Managed Services, LLC</a></td>
<td>456543</td>
<td><a href="javascript:void(0);">bdmanaged.com</a></td>
<td><span class="status-bar active">Accepted</span></td>
<td class="text-right">
<div class="right-icon-list"><a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Download"><i class="icon-download1"><span class="path1"></span><span class="path2"></span></i></a> <a href="javascript:void(0);" class="row-expand-icon"><i class="icon-arrow-bottom"></i></a></div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>16</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<div class="pagination-holder m-auto">
</div>
<!-- <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><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="javascript:void(0);"><span>2</span></a></li>
<li><a href="javascript:void(0);"><span>3</span></a></li>
<li><a href="javascript:void(0);"><span>4</span></a></li>
<li><a href="javascript:void(0);"><span>5</span></a></li>
<li><a href="javascript:void(0);"><span>6</span></a></li>
<li class="ellipsis-style"><a href="javascript:void(0);"><i class="icon-three-dot"></i></a></li>
<li><a href="javascript:void(0);"><span>12</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>