
<div id="panel-11" class="panel">
    <div class="panel-hdr beam">
        <h2>
            Pill <span class="fw-300"><i>borders & icons</i></span>
        </h2>
        <div class="panel-toolbar">
            <button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
            <button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
            <button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
        </div>
    </div>
    <div class="panel-container show">
        <div class="panel-content">

        <br><br>
        <div class="bar">
            <div class="autocomplete">
                <form autocomplete="off" method="POST" action="?nero=cstm">
                    <div id="search">
                    <input class="searchbar" type="text" title="Search" id="search-box" name="keyword" placeholder="Search by customer name or Phone or service ID..." required>
                    <button type="submit" >
                        <img class="btnsearch" src="../img/search.png" id="hrdSearch" title="Search by Name">
                    </button>
                    <div id="suggesstion-box"></div>
                        </div>
                </form>
            </div>
        </div>
        <br>

        </div>
    </div>
</div>