<div class="filter-panel mkt">
<div class="filters-text">
<span><i class="icon-filter"></i> <span class="ml-1">Filters</span> </span>
<a class="float-right clearAllFilter disabled" href="javascript:void(0);"><span>Clear All</span></a>
</div>
<div class="search-bar-panel">
<div class="input-group">
<div class="input-group-append">
<span class="input-group-text">
<i class="icon-search filter-search" aria-hidden="true"></i>
</span>
</div>
<input type="text" class="form-control search-menu" placeholder="Search">
<i class="icon-cross" style="display: none;"></i>
</div>
</div>
<div class="card filter-content">
<article class="filter-group customGrp groupWithChk" style="display: none;">
<header class="card-header">
<a href="#" data-toggle="collapse" data-target="#sw" data-abc="true" aria-expanded="false" >
<i class="icon-control icon-arrow-bottom"></i>
<h6 class="title">Software </h6>
</a>
</header>
<div class="filter-content collapse show" id="sw">
<div class="card-body">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-attr="software">
<div class="custom-control-label dynamicText highlight"><span></span> </div>
</label>
</div>
</div>
</article>
<article class="filter-group groupWithChk">
<header class="card-header">
<a href="javascript:void(0);" data-toggle="collapse" data-target="#myfav" data-abc="true" aria-expanded="false">
<i class="icon-control icon-arrow-bottom"></i>
<h6 class="title">My Favorites </h6>
</a>
</header>
<div class="filter-content collapse show" id="myfav" style="">
<div class="card-body">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<div class="custom-control-label">
Aerochive
<div class="rating">
<a href="javascript:void(0);"><i class="icon-star-filled"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<div class="custom-control-label">
Google
<div class="rating">
<a href="javascript:void(0);"><i class="icon-star-filled"></i></a>
</div>
</div>
</label>
</div>
</div>
</article>
<article class="filter-group groupWithChk">
<header class="card-header all-vendor-section">
<a href="javascript:void(0);" data-toggle="collapse" data-target="#allvendors" data-abc="true" aria-expanded="false" >
<i class="icon-control icon-arrow-bottom"></i>
<h6 class="title">All Vendors (A-Z) </h6>
</a>
</header>
<div class="filter-content collapse show" id="allvendors" style="">
<div class="card-body data">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Aerochive
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox"class="custom-control-input" data-attr="avepoint" data-heading = "Vendor">
<div class="custom-control-label">
AvePoint
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-attr="bea" data-heading = "Vendor">
<div class="custom-control-label">
BAE Systems
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Barracuda
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Betasoloin
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Betatech
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<div class="view-all view-all-content">
<a href="javascript:void(0);"><span>View more</span></a>
</div>
<label class="custom-control custom-checkbox showAll">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Betatech
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox showAll">
<input type="checkbox" class="custom-control-input" data-heading = "Vendor">
<div class="custom-control-label">
Aerochive
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox showAll">
<input type="checkbox"class="custom-control-input" data-attr="avepoint" data-heading = "Vendor">
<div class="custom-control-label">
AvePoint
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<label class="custom-control custom-checkbox showAll">
<input type="checkbox" class="custom-control-input" data-attr="bea" data-heading = "Vendor">
<div class="custom-control-label">
BAE Systems
<div class="rating">
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add to Favorites"><i class="icon-star-outline"></i></a>
</div>
</div>
</label>
<a href="javascript:void(0);" class="view-less"><span>View less</span></a>
</div>
</div>
</article>
<article class="filter-group groupWithoutChk">
<header class="card-header">
<a href="javascript:void(0);" data-toggle="collapse" data-target="#department" data-abc="true" aria-expanded="false" class="collapsed">
<i class="icon-control icon-arrow-bottom"></i>
<h6 class="title">Department </h6>
</a>
</header>
<div class="filter-content collapse" id="department" style="">
<div class="card-body p-0 data">
<ul class="list-group list-group-flush department-list main-list">
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Audio/Video/Output Devices <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Computer Components <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Computers and Portables <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Digital Cameras/Keyboards <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Digital Signage <i class="icon-arrow-right"></i></a></li>
<a href="javascript:void(0);" class="view-all px-3"><span>View more</span></a>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Drones <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Gaming <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Display <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Networking <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Office Supplies and Equipments <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Photo <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Portable Electronics <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Power Equipment <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Printers <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Projectors <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Security <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Service/Support <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll " >
<div class="showAppliances">
<a href="#" class="" >
<i class="icon-arrow-right left-arrow left" style="display: none;"> </i>
Software <i class="icon-arrow-right right"></i></a>
</div>
<ul class="list-group list-group-flush department-list subAppList" style="display:none">
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">
Computer Based Trainings <i class="icon-arrow-right"></i></a>
</li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Creativity Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Data Management Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Education Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Game/Entertainment <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Home/Lifestyle Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Internet Communication Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Network Management Tools <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Office Productivity Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Operating Systems <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Programming Tools <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Reference Data Sources <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Security Applications <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action">
<a href="javascript:void(0);" class="toggle-sub-list">Software Suites <i class="icon-arrow-right"></i></a>
<div class="subAppList-submenu" style="display: none;">
<article class="filter-group">
<header class="card-header">
<a href="javascript:void(0);">
<h6 class="title">Explore All in Software Suites </h6>
</a>
</header>
<div class="filter-content" data-heading = "Software" data-typeTxt = "Software Suites">
<div class="card-body chkAllContent">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input all" data-attr="software">
<div class="custom-control-label">All </div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-attr="software">
<div class="custom-control-label">Office 365 </div>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" data-attr="software">
<div class="custom-control-label">Avepoint </div>
</label>
</div>
</div>
</article>
</div>
</li>
<li class="list-group-item list-group-item-action"><a href="javascript:void(0);">Utilities <i class="icon-arrow-right"></i></a></li>
</ul>
</li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">Storage Devices <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">TV & Video <i class="icon-arrow-right"></i></a></li>
<li class="list-group-item list-group-item-action showAll"><a href="javascript:void(0);">UCC / Mobility / Telecom <i class="icon-arrow-right"></i></a></li>
</ul>
<a href="javascript:void(0);" class="view-less px-3"><span>View less</span></a>
</div>
</div>
</article>
</div>
</div>