diff --git a/public/Forwarder/chat.html b/public/Forwarder/chat.html
index 829e9ab..66666b1 100644
--- a/public/Forwarder/chat.html
+++ b/public/Forwarder/chat.html
@@ -708,83 +708,148 @@
                 </div>
                 <!-- END CONTENT BODY -->
                 <div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
-                    <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <form role="form">
-                                    <div class="form-body">
-                                        <div class="form-group">
-                                            <label>Name</label>
-                                            <div class="input-group">
-                                                <span class="input-group-addon">
-                                                    <i class="fa fa-envelope"></i>
-                                                </span>
-                                                <input type="text" class="form-control" placeholder="Name"> </div>
-                                        </div>
-                                        <div class="form-group">
-                                            <label>Choose Member</label>
-                                            <div class="row">
+                    <div class="portlet-body">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <div class="portlet box blue">
+                                            <div class="portlet-title">
+                                                <div class="caption">
+                                                    <i class="fa fa-gift"></i>Select Contact</div>
+                                                <div class="tools">
+                                                    <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
+                                                </div>
+                                            </div>
+                                            <div class="portlet-body">
+                                                <div class="table-toolbar">
+                                                    <div class="row">
+                                                        <div class="col-md-6">
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div id="sample_1_wrapper" class="dataTables_wrapper no-footer">
+                                                    <div class="row">
+                                                        <div class="col-md-6 col-md-6">
+                                                            <div id="sample_1_filter" class="dataTables_filter">
+                                                                <label>Search:
+                                                                    <input type="search" class="form-control input-sm input-small input-inline" placeholder aria-controls="sample_1">
+                                                                </label>
+                                                            </div>
+                                                        </div>
+                                                        <button style="margin-left:180px" type="select" class="btn green">
+                                                            Select All</button>
+                                                    </div>
+                                                    <div class="table-scrollable">
+                                                        <table style="" class="table table-striped table-bordered table-hover" id="sample_3">
+                                                            <thead>
+                                                                <tr role="row">
+                                                                    <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="" style="width: 62px;">
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </th>
+                                                                    <th class="sorting_asc" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" aria-sort="ascending" aria-label="No : activate to sort column descending" style="width: 136px;"> Contact </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Linda Wong </td>
 
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="A" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Edris Karim </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Azrin Hamidi </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Kuhanraj Balan </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Dia Audia </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Belly Goh </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Zamani Hashim </td>
+
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
                                                     </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="B" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
+                                                    <div class="row">
+
+                                                        <br>
+                                                        <br>
+
+
                                                     </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="C" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="D" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="E" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
                                                 </div>
                                             </div>
                                         </div>
+                                        <div class="form-actions">
+                                            <div class="row">
+                                                <div style="margin-left:220px" class="col-md-offset-5 col-md-5">
+                                                    <button type="submit" class="btn green">
+                                                        Send</button>
+                                                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
                                     </div>
-                                </form>
-
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                <button type="button" class="btn green">Create</button>
-                            </div>
+                                </div>
                         </div>
-                        <!-- /.modal-content -->
                     </div>
                     <!-- /.modal-dialog -->
                 </div>
diff --git a/public/Importer/chat.html b/public/Importer/chat.html
index 0566037..dcdaa63 100644
--- a/public/Importer/chat.html
+++ b/public/Importer/chat.html
@@ -741,83 +741,148 @@
                     </div>
                 </div>
 				  <div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
-                    <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body"> 	
-                                <form role="form">
-                                    <div class="form-body">
-                                        <div class="form-group">
-                                            <label>Name</label>
-                                            <div class="input-group">
-                                                <span class="input-group-addon">
-                                                    <i class="fa fa-envelope"></i>
-                                                </span>
-                                                <input type="text" class="form-control" placeholder="Name"> </div>
-                                        </div>
-                                        <div class="form-group">
-                                        <label>Choose Member</label>
-                                            <div class="row">
+                    <div class="portlet-body">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <div class="portlet box blue">
+                                            <div class="portlet-title">
+                                                <div class="caption">
+                                                    <i class="fa fa-gift"></i>Select Contact</div>
+                                                <div class="tools">
+                                                    <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
+                                                </div>
+                                            </div>
+                                            <div class="portlet-body">
+                                                <div class="table-toolbar">
+                                                    <div class="row">
+                                                        <div class="col-md-6">
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div id="sample_1_wrapper" class="dataTables_wrapper no-footer">
+                                                    <div class="row">
+                                                        <div class="col-md-6 col-md-6">
+                                                            <div id="sample_1_filter" class="dataTables_filter">
+                                                                <label>Search:
+                                                                    <input type="search" class="form-control input-sm input-small input-inline" placeholder aria-controls="sample_1">
+                                                                </label>
+                                                            </div>
+                                                        </div>
+                                                        <button style="margin-left:180px" type="select" class="btn green">
+                                                            Select All</button>
+                                                    </div>
+                                                    <div class="table-scrollable">
+                                                        <table style="" class="table table-striped table-bordered table-hover" id="sample_3">
+                                                            <thead>
+                                                                <tr role="row">
+                                                                    <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="" style="width: 62px;">
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </th>
+                                                                    <th class="sorting_asc" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" aria-sort="ascending" aria-label="No : activate to sort column descending" style="width: 136px;"> Contact </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Linda Wong </td>
 
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="A" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Edris Karim </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Azrin Hamidi </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Kuhanraj Balan </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Dia Audia </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX even" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Belly Goh </td>
+
+                                                                </tr>
+                                                                <tr class="gradeX odd" role="row">
+                                                                    <td>
+                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                            <span></span>
+                                                                        </label>
+                                                                    </td>
+                                                                    <td class="sorting_1"> Zamani Hashim </td>
+
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
                                                     </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="B" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
+                                                    <div class="row">
+
+                                                        <br>
+                                                        <br>
+
+
                                                     </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="C" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="D" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="input-group">
-                                                        <input class="form-control" value="E" disabled>
-                                                        <span class="input-group-addon">
-                                                            <input type="checkbox"> </span>
-                                                    </div>
-                                                    <!-- /input-group -->
                                                 </div>
                                             </div>
                                         </div>
+                                        <div class="form-actions">
+                                            <div class="row">
+                                                <div style="margin-left:220px" class="col-md-offset-5 col-md-5">
+                                                    <button type="submit" class="btn green">
+                                                        Send</button>
+                                                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
                                     </div>
-                                </form>
-
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                <button type="button" class="btn green">Create</button>
-                            </div>
+                                </div>
                         </div>
-                        <!-- /.modal-content -->
                     </div>
                                             <!-- /.modal-dialog -->
                 </div>