Customers Details

        
<div class="col-auto p-0 customer-dashboard">
  <a href="javascript:void(0);" class="expand-collapse-link"><i class="icon-collapse-arrow1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Collapse"><span class="path1"></span><span class="path2"></span></i><i class="icon-expand-arrow1" style="display: none;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Expand"><span class="path1"></span><span class="path2"></span></i></a>
  <div class="dashboard-btn active">
    <button class="btn btn-outline showCustDash"><i class="icon-manage-seat"></i> Customer Dashboard</button>
  </div>
  <div class="customerSearch">
    <div class="search-bar-panel ">
      <div class="input-group">
        <i class="icon-search filter-search" aria-hidden="true"></i>
        <input type="text" class="form-control search-menu" placeholder="Search Customer">
        <i class="icon-cross" style="display: none;"></i>
      </div>
    </div>
    <a href="javascript:void(0);" class="addCustomer-link showCustomer" data-toggle="tooltip" data-placement="top" data-attr-title="Add New Customer" data-original-title="Add New Customer"><i class="icon-customer" ></i></a>
  </div>
  <ul class="customer-nam-list">
    <li data-search="new" class="showCustDetail">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Abstergo Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="new">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-filled" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Acme Co. </h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="new">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Biffco Enterprises Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Brandon Demo</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Brent and Dasher</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Biffco Enterprises Private Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="new" class="showCustDetail">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Big Kahuna Burger Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="new">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-filled" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Binford Ltd. </h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="new">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Barone LLC.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Biffco Enterprises Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Big Kahuna Burger Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Binford Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Barone LLC.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Big Kahuna Burger Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Biffco Enterprises Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Binford Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Biffco Enterprises Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
    <li data-search="pending">
      <div class="list-col">
        <a href="javascript:void(0);" class="rating"><i class="icon-star-outline" data-original-title="Save as Favorite"></i></a>
        <div class="customer-name mr-auto">
          <h3>Binford Ltd.</h3>
          <span>Customer Number: 184528</span>
        </div>
      </div>
    </li>
  </ul>
</div>