<style>
    .table-borderless th,
    .table-borderless td,
    .table-borderless thead th,
    .table-borderless tbody+tbody {
        padding: 4px;
    }

    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell,
    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row>.kt-datatable__cell,
    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell>.kt-marginless {
        padding: 4px;
    }
</style>
<div class="row" style="margin-top:10px;">
    <div class="col-lg-12">
        <div class="card-body row">
            <div class="col-lg-4">
                <div class="form-group row">
                    <div class="col-lg-12">
                        <label class="col-lg-12 col-form-label"></label>
                    </div>
                </div>

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

<div class="row">
    <div class="col-lg-12">
        <div class="card-body row" style="padding-top: 0px;">
            <div class="col-lg-12">
                <input type="hidden" class="form-control" id="txtCreditNoteItemsId" value="-1">
                <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded">
                    <table class="kt-datatable__table" id="prospect-contact-table">
                        <thead class="kt-datatable__head" style="background-color: #E0E0E0">
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px; border-bottom: 1px solid black;">
                                <th data-field="contactid" class="kt-datatable__cell" id="col_contactid" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactid','asc');" style="display: none;">
                                    ID<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactname" class="kt-datatable__cell" style="width: 15%;" id="col_contactname" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactname','desc');">
                                    Contact Name<span><i class="fa fa-sort-up"></i></span>
                                </th>
                                <th data-field="contactdept" class="kt-datatable__cell" style="width: 10%;" id="col_contactdept" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactdept','asc');">
                                    Department<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactposition" class="kt-datatable__cell" style="width: 15%;" id="col_contactposition" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactposition','asc');">
                                    Designation<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactemail" class="kt-datatable__cell" style="width: 15%;" id="col_contactemail" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactemail','asc');">
                                    Email<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactphone" class="kt-datatable__cell" style="width: 10%;" id="col_contactphone" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactphone','asc');">
                                    Telephone<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactmobile" class="kt-datatable__cell" style="width: 10%;" id="col_contactmobile" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactmobile','asc');">
                                    Mobile<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactreportto" class="kt-datatable__cell" style="width: 15%;" id="col_contactreportto" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactreportto','asc');">
                                    Report To<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contactstatus" class="kt-datatable__cell" style="width: 10%;" id="col_contactstatus" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactstatus','asc');">
                                    Status<span><i class="fa"></i></span>
                                </th>
                                <th data-field="filter" class="kt-datatable__cell" style="width: 2%;" id="col_filter">
                                    <button type="button" id="btnFilterContact" style="border:0px;" onclick="filterRow('contact-row-filter',this,false);"><i class="fa fa-filter" style="color:black;"></i></button>
                                </th>
                            </tr>
                            <!-- <tr data-row="contact-rows-0" class="dnd-moved kt-datatable__row" style="left: 0px;" id="contact-row-filter"> -->
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px; display: none; border-bottom: 1px solid black;" id="contact-row-filter">
                                <td data-field="contactid" class="kt-datatable__cell" id="col_contactid" style="display: none;">&nbsp;</td>
                                <td data-field="contactname" class="kt-datatable__cell" id="col_contactname">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactname" onkeyup="filterData(this,1);" />
                                </td>
                                <td data-field="contactdept" class="kt-datatable__cell" id="col_contactdept">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactdept" onkeyup="filterData(this,2);" />
                                </td>
                                <td data-field="contactposition" class="kt-datatable__cell" id="col_contactposition">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactposition" onkeyup="filterData(this,3);" />
                                </td>
                                <td data-field="contactemail" class="kt-datatable__cell" id="col_contactemail">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactemail" onkeyup="filterData(this,4);" />
                                </td>
                                <td data-field="contactphone" class="kt-datatable__cell" id="col_contactphone">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactphone" onkeyup="filterData(this,5);" />
                                </td>
                                <td data-field="contactmobile" class="kt-datatable__cell" id="col_contactmobile">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactmobile" onkeyup="filterData(this,6);" />
                                </td>
                                <td data-field="contactreportto" class="kt-datatable__cell" id="col_contactreportto">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactreportto" onkeyup="filterData(this,7);" />
                                </td>
                                <td data-field="contactstatus" class="kt-datatable__cell" id="col_contactstatus">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactstatus" onkeyup="filterData(this,8);" />
                                </td>
                                <td data-field="filter" class="kt-datatable__cell" id="col_filter">&nbsp;</td>
                            </tr>
                        </thead>
                        <tbody class="kt-datatable__body" id="prospect-contact-list-table">
                        </tbody>
                        <tfoot>
                            <tr>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important; padding-top: 5px !important;">
                                    <button class="btn btn-success btn-sm btn-icon btn-icon-md" type="button" id="btnNewContact" onclick="newProspectContact();"><i class="fa fa-plus"></i></button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>