Auto Renew Management
You can disable the auto renew globally by selecting the switch. Also, you can disable the auto renew for some specify vendor, products, contracts by selecting the checkbox. Please use the search function to find the objects that you want to disable the auto renew. Please note, after disabling the auto renew, actions will be required to accept the renewal before the contract end date, or the subscriptions will be cancelled.
<!--auto renew management-->
<div class="row storefront-rightbar autoRenew mainTab">
<div class="col-md-12">
<h1 class="profile-heading">Auto Renew Management</h1>
<p>You can disable the auto renew globally by selecting the switch. Also, you can disable the auto renew for some specify vendor, products, contracts by selecting the checkbox. Please use the search function to find the objects that you want to disable the auto renew. Please note, after disabling the auto renew, actions will be required to accept the renewal before the contract end date, or the subscriptions will be cancelled.</p>
</div>
<div class="col-md-12">
<div class="custom-tab-col">
<div class="overview-tabs m-0 mx-auto action-tabs">
<a href="javascript:void(0);" class="active" data-active="customer-tab">Customers</a>
<a href="javascript:void(0);" data-active="vendors-prod" class="prod ml-2">Vendor Products</a>
</div>
</div>
</div>
<div class="col-md-12 selectedTab customer-tab">
<div class="row align-items-center py-3">
<div class="col-md-6 input-group align-items-center customer-search">
<div class="search-w-dropdown ">
<i class="icon-search"></i>
<div class="input-group-prepend">
<button type="button" class="btn btn-outline-secondary dropdown-toggle cust-dropdown" data-toggle="dropdown" aria-expanded="false">
<span class="btn-txt">Customer Name</span> <i class="icon-arrow-bottom ml-2"></i>
</button>
<div class="dropdown-menu" style="">
<div class="contract-number-list" tabindex="3" style="overflow-y: hidden; outline: none;">
<a class="dropdown-item" href="#">Customer Name</a>
<a class="dropdown-item" href="#">Customer Number</a>
<a class="dropdown-item" href="#">Contract Number</a>
<a class="dropdown-item" href="#">Subscription Name</a>
<a class="dropdown-item" href="#">Subscription ID</a>
</div>
</div>
</div>
<span class="border-mid-sep">|</span>
<input type="text" class="form-control cust-input-search" placeholder="Search">
</div>
<div class=" selection-customer ">
<!-- <div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="customCheck09" name="example10">
<label class="custom-control-label" for="customCheck09">Accepted</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="customCheck12" name="example10">
<label class="custom-control-label" for="customCheck12">Not Accepted</label>
</div> -->
</div>
</div>
<div class="col-md-6 d-flex">
<div class="check-opt ml-auto">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="autoRenew" name="shiptime1">
<label class="custom-control-label" for="autoRenew">View Disabled Auto Renew</label>
</div>
<div class="custom-control custom-checkbox ml-4">
<input type="checkbox" class="custom-control-input" id="upcomingRenewal" name="shiptime1">
<label class="custom-control-label" for="upcomingRenewal">Upcoming Renewal in 90 Days</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 expand-table-col selectedTab customer-tab">
<div class="clearfix"></div>
<div class="list-view-tile summary-tab-table">
<table class="table custom-table adminTable">
<thead class="thead-light">
<tr>
<th style="width:15%">Customer Name</th>
<th style="width:15%"></th>
<th style="width:35%"></th>
<th style="width:25%"><a href="javascript:void(0);" class="expandAll mt-0 autoExpand"><i class="icon-expandall"></i><span class="txt">Expand all </span></a></th>
</tr>
</thead>
<tbody tabindex="4">
<tr class="prod-row">
<td><a href="javascript:void(0);">Mike Morrison</a></td>
<td>8302284</td>
<td>
</td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="addOnRow addon-shadow" style="display: none;">
<td colspan="4" class="p-0 border-0">
<div class="total-customer-col">
<div class="cutomer-container">
<h1 class="totalCustomer-heading">Total Contracts <strong>(2)</strong></h1>
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<div class="totalCustomer-details mb-1 ml-0 d-flex align-items-center">
<h3 class="mb-0">1068224 </h3><span class="status-bar current ml-2">Current</span>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th width="25%">Subscription (3)</th>
<th width="12%">Billing Start Date</th>
<th width="12%">Billing End Date</th>
<th width="10%">SKU#</th>
<th width="11%">Status</th>
<th width="15%">Vendor Name</th>
<th width="15%">
</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);">M365 Business Standard</a></td>
<td>07/31/2020</td>
<td>07/30/2021</td>
<td>4093510</td>
<td><span class="status-bar active">Activated</span></td>
<td>Microsoft Corp/CSP</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Azure Active Directory Premimum P1 </a></td>
<td>07/31/2020</td>
<td>07/30/2021</td>
<td>4093510</td>
<td><span class="status-bar active">Activated</span></td>
<td>Microsoft Corp/CSP</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox"><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">M365 Business Standard</a></td>
<td>07/31/2020</td>
<td>07/30/2021</td>
<td>4093510</td>
<td><span class="status-bar active">Activated</span></td>
<td>Microsoft Corp/CSP</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
<!--cutomer box section-->
<div class="customers-box">
<div class="cutomer-fav-col">
<div class="totalCustomer-details mb-1 ml-0 d-flex align-items-center">
<h3 class="mb-0">1068311 </h3><span class="status-bar current ml-2">Current</span>
</div>
</div>
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th width="25%">Subscription (1)</th>
<th width="12%">Billing Start Date</th>
<th width="12%">Billing End Date</th>
<th width="10%">SKU#</th>
<th width="11%">Status</th>
<th width="15%">Vendor Name</th>
<th width="15%">
</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);">Google WS Business Starter Annual</a></td>
<td>07/31/2020</td>
<td>07/30/2021</td>
<td>4093510</td>
<td><span class="status-bar active">Activated</span></td>
<td>Google INC</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--cutomer box section-->
</div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Kirk Samuels</a></td>
<td>1024474</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">EC Services</a></td>
<td>1024470</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Tang Zhihong</a></td>
<td>8302290</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Stephanie</a></td>
<td>8302281</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">David Zhang</a></td>
<td>2830428</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Allard 712</a></td>
<td>8228307</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">David </a></td>
<td>2278308</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Mike </a></td>
<td>3028228</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Allard</a></td>
<td>1830228</td>
<td></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col mb-4">
<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 class="col-md-12 selectedTab vendors-prod " style="display: none;">
<div class="row align-items-center py-3">
<div class="col-md-6 input-group align-items-center customer-search">
<div class="search-w-dropdown ">
<i class="icon-search"></i>
<div class="input-group-prepend">
<button type="button" class="btn btn-outline-secondary dropdown-toggle cust-dropdown" data-toggle="dropdown" aria-expanded="false">
<span class="btn-txt">Product Name</span> <i class="icon-arrow-bottom ml-2"></i>
</button>
<div class="dropdown-menu" style="">
<div class="contract-number-list" tabindex="3" style="overflow-y: hidden; outline: none;">
<a class="dropdown-item" href="#">Product Name</a>
<a class="dropdown-item" href="#">Vendor Name</a>
<a class="dropdown-item" href="#">SKU Number</a>
</div>
</div>
</div>
<span class="border-mid-sep">|</span>
<input type="text" class="form-control cust-input-search" placeholder="Search">
</div>
<div class=" selection-customer ">
<!-- <div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="customCheck09" name="example10">
<label class="custom-control-label" for="customCheck09">Accepted</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="customCheck12" name="example10">
<label class="custom-control-label" for="customCheck12">Not Accepted</label>
</div> -->
</div>
</div>
<div class="col-md-6 d-flex">
<div class="check-opt ml-auto">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="autoRenew" name="shiptime1">
<label class="custom-control-label" for="autoRenew">View Disabled Auto Renew</label>
</div>
<!-- <div class="custom-control custom-checkbox ml-4">
<input type="checkbox" class="custom-control-input" id="upcomingRenewal" name="shiptime1">
<label class="custom-control-label" for="upcomingRenewal">Upcoming Renewal in 90 Days</label>
</div> -->
</div>
</div>
</div>
</div>
<div class="col-md-12 expand-table-col selectedTab vendors-prod" style="display: none;">
<div class="clearfix"></div>
<div class="list-view-tile summary-tab-table">
<table class="table custom-table adminTable">
<thead class="thead-light">
<tr>
<th style="width:50%">Vendor Name</th>
<th><a href="javascript:void(0);" class="expandAll mt-0 autoExpand"><i class="icon-expandall"></i><span class="txt">Expand all </span></a></th>
</tr>
</thead>
<tbody tabindex="4">
<tr class="prod-row">
<td><a href="javascript:void(0);">Dropbox Inc</a></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="addOnRow addon-shadow" style="display: none;">
<td colspan="4" class="p-0 border-0">
<div class="total-customer-col">
<div class="cutomer-container pl-0">
<!--cutomer box section-->
<div class="customers-box mt-4 pt-0">
<div class="customer-tabel-col">
<table>
<thead>
<tr>
<th>Product Name</th>
<th>SKU#</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 0-299 MO Y2</a></td>
<td>4773146</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 0-299 Annual </a></td>
<td>4773148</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox"><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 1000+ MO Y2</a></td>
<td>4773091</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 3-299 Annual</a></td>
<td>4773126</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 3-299 MO</a></td>
<td>4772832</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 300-600 Annual</a></td>
<td>4772833</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 300-600 MO</a></td>
<td>4772899</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 300-600 MO Y2</a></td>
<td>4772834</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server Integration 601-1000 Annual</a></td>
<td>4772835</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Adv Server New Sub-300-600 Annual</a></td>
<td>4772836</td>
<td>
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn ml-auto">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pagination-disabled">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li 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>
<!--cutomer box section-->
</div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Google Inc</a></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
<tr class="prod-row">
<td><a href="javascript:void(0);">Microsoft Sorp CSP</a></td>
<td>
<div class="d-flex align-items-center float-right">
<div class="set-default-btn disabled-autorenew">
<span class="toggle-btn">
<label class="switch locationSwitch"><input type="checkbox" ><span class="slider round"></span></label>
</span><span class="set-default-lbl">Auto Renew Disabled</span>
</div>
<div class="right-icon-list"><a href="javascript:void(0);" class="row-expand-icon mr-0" data-toggle="tooltip" data-placement="top" title="Expand"><i class="icon-arrow-bottom"></i></a></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col mb-4">
<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>
<!--auto renew management-->