<div class="profile-leftbar">
<div class="col-auto p-0 sidebar left shadow-sm toggleCustomer fliph">
<a href="#" class="button-left user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Expand"><i class="icon-collapse-arrow"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></a>
<ul class="left-sidebar customerList endCust">
<li class="d-none">
<a class="collapsed" href="#"><i class="icon-left-panel"></i></a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Account Settings" data-attr-title="Account Settings">
<a class="collapsed active" href="#" data-list-item="account">
<i class="icon-settings"></i>
<span class="nav-label">Account Settings</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Company Contracts" data-attr-title="Company Contacts">
<a class="collapsed " href="#" data-toggle="collapse" data-list-item="contracts">
<i class="icon-contracts"></i>
<span class="nav-label">Company Contacts</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Marketplace Alerts" data-attr-title="Marketplace Alerts">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="alerts">
<i class="icon-warning-outline"></i>
<span class="nav-label">Marketplace Alerts</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Notification Management" data-attr-title="Notification Management">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="notification">
<i class="icon-alert"></i>
<span class="nav-label">Notification Management</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="My Accepted Agreements">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="agreement">
<i class="icon-accepted"></i>
<span class="nav-label">My Accepted Agreements</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Vendor Account Management" data-attr-title="Vendor Account Management">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="accMgmt">
<i class="icon-account"></i>
<span class="nav-label">Vendor Account Management</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Azure Invoice Management" data-attr-title="Azure Invoice Management">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="invMgmt">
<i class="icon-recent-view"></i>
<span class="nav-label">Azure Invoice Management</span>
</a>
</li>
<li class="item" data-toggle="tooltip" data-placement="right" title="" data-original-title="Auto Renew Management" data-attr-title="Auto Renew Management">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="autoRenew">
<i class="icon-renew"></i>
<span class="nav-label">Auto Renew Management </span>
</a>
</li>
</ul>
</div>
</div>