Bundle Questions

Reseller Name Reseller ID Reseller Domain for DAR Acceptance Google DAR Acceptance
1+1 Technology 593853 1plus1tech.com Accepted
2 Techs, LLC D.B.A. The Tech of South West Michigan 343235 2tech.com Accepted
215, LLC DBA 215 Tech 345346 -- Not Accepted
5K Technical Services, LLC 342345 5ktecservices.com Accepted
ADNA Technologies 654345 adnatech.com Accepted
Agilis Professional Solutions LLC 326745 agilispro.com Accepted
Allen Business Machines 456345 -- Cancelled
Allez Consulting, Inc. DBA Z-Tech Associates 543456 allezconinc.com Accepted
Applied Connective Technologies, LLC 234234 apexinfinitesolution.com Accepted
Ascent Data, LLC 345321 appliedconnective.com Accepted
Assorted Business Services Inc. 435432 ascentdata.com Accepted
B Unlimited Group 565434 assortedbusiness.com Accepted
Batchnet LLC 456342 bunlimited.com Accepted
BD Managed Services, LLC 456432 batchnet.com Accepted
BD Managed Services, LLC 456543 bdmanaged.com Accepted
        
<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>