From a0f9c041ffb959d86b65363dc8f7b8417095d3c0 Mon Sep 17 00:00:00 2001
From: Hazirah Nabilah <hazirah_zida@yahoo.com>
Date: Tue, 3 Oct 2017 10:04:14 +0800
Subject: [PATCH 1/2] chat add group

---
 public/Forwarder/chat.html | 203 ++++++++++++++++++++++++-------------
 public/Importer/chat.html  | 203 ++++++++++++++++++++++++-------------
 2 files changed, 268 insertions(+), 138 deletions(-)

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>

From 68b5437011c221617a28b581b607b3467ccfd2be Mon Sep 17 00:00:00 2001
From: Hazirah Nabilah <hazirah_zida@yahoo.com>
Date: Tue, 3 Oct 2017 10:14:05 +0800
Subject: [PATCH 2/2] modal fade

---
 public/Forwarder/chat.html   | 269 +++++++++++++++++------------------
 public/Forwarder/notice.html |   2 -
 public/Importer/chat.html    | 267 +++++++++++++++++-----------------
 3 files changed, 267 insertions(+), 271 deletions(-)

diff --git a/public/Forwarder/chat.html b/public/Forwarder/chat.html
index 66666b1..be3e994 100644
--- a/public/Forwarder/chat.html
+++ b/public/Forwarder/chat.html
@@ -707,151 +707,150 @@
                     <!-- END CONTENT -->
                 </div>
                 <!-- END CONTENT BODY -->
-                <div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
-                    <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>
-
-                                                                </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>
-                                                    <div class="row">
-
-                                                        <br>
-                                                        <br>
-
-
-                                                    </div>
-                                                </div>
-                                            </div>
+                <div class="modal fade in " id="chat" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                <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 class="form-actions">
+                                    </div>
+                                    <div class="portlet-body">
+                                        <div class="table-toolbar">
                                             <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 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>
+
+                                                        </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>
+                                            <div class="row">
+
+                                                <br>
+                                                <br>
 
 
+                                            </div>
+                                        </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>
                         </div>
-                    </div>
-                    <!-- /.modal-dialog -->
+                </div>
+                                            <!-- /.modal-dialog -->
                 </div>
                 <div class="modal fade" id="member" tabindex="-1" role="member" style="z-index:999999;" aria-hidden="true">
                     <div class="modal-dialog">
diff --git a/public/Forwarder/notice.html b/public/Forwarder/notice.html
index b8e8b9a..ceedc7b 100644
--- a/public/Forwarder/notice.html
+++ b/public/Forwarder/notice.html
@@ -339,7 +339,6 @@ License: You must have a valid license purchased only from themeforest(the above
                     <!-- Begin TAble Portlet pop up-->
                     <!-- POP UP -->
                     <div id="form_delivery" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
-                        <div class="portlet-body">
                             <div class="modal-dialog">
                                 <div class="modal-content">
                                     <div class="modal-header">
@@ -582,7 +581,6 @@ License: You must have a valid license purchased only from themeforest(the above
                                     </div>
                                 </div>
                             </div>
-                        </div>
 
                         <!-- END POP UP  -->
                         <!-- END CONTENT -->
diff --git a/public/Importer/chat.html b/public/Importer/chat.html
index dcdaa63..debd16b 100644
--- a/public/Importer/chat.html
+++ b/public/Importer/chat.html
@@ -740,150 +740,149 @@
                         </div>
                     </div>
                 </div>
-				  <div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
-                    <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>
-
-                                                                </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>
-                                                    <div class="row">
-
-                                                        <br>
-                                                        <br>
-
-
-                                                    </div>
-                                                </div>
-                                            </div>
+				  <div class="modal fade in " id="chat" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                <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 class="form-actions">
+                                    </div>
+                                    <div class="portlet-body">
+                                        <div class="table-toolbar">
                                             <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 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>
+
+                                                        </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>
+                                            <div class="row">
+
+                                                <br>
+                                                <br>
 
 
+                                            </div>
+                                        </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>
                         </div>
-                    </div>
+                </div>
                                             <!-- /.modal-dialog -->
                 </div>
                 <div class="modal fade" id="member" tabindex="-1" role="member" style="z-index:999999;" aria-hidden="true">