diff --git a/Forwarder/chat.html b/Forwarder/chat.html
index 2434d64..467c0ff 100644
--- a/Forwarder/chat.html
+++ b/Forwarder/chat.html
@@ -74,6 +74,19 @@
                line-height: 1.428571429;
                border-radius: 15px;
                }
+			   @media (min-width: 992px) {
+			   	.page-content-wrapper .page-content {
+			   	margin-left: 200px;
+			   	}
+			   }
+			   @media (min-width: 992px){
+			   	.page-sidebar {
+			   		width: 200px;
+			   		float: left;
+			   		position: relative;
+			   		margin-right: -100%;
+			   	}
+			   }
             </style>
          </head>
          <!-- END HEAD -->
@@ -98,298 +111,6 @@
                   <!-- BEGIN TOP NAVIGATION MENU -->
                   <div class="top-menu">
                      <ul class="nav navbar-nav pull-right">
-                        <!-- BEGIN NOTIFICATION DROPDOWN -->
-                        <!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
-                        <!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
-                        <!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
-                        <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
-                           <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                           <i class="icon-bell"></i>
-                           <span class="badge badge-default"> 7 </span>
-                           </a>
-                           <ul class="dropdown-menu">
-                              <li class="external">
-                                 <h3>
-                                    <span class="bold">12 pending</span> notifications
-                                 </h3>
-                                 <a href="page_user_profile_1.html">view all</a>
-                              </li>
-                              <li>
-                                 <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">just now</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-success">
-                                       <i class="fa fa-plus"></i>
-                                       </span> New user registered. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">3 mins</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-danger">
-                                       <i class="fa fa-bolt"></i>
-                                       </span> Server #12 overloaded. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">10 mins</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-warning">
-                                       <i class="fa fa-bell-o"></i>
-                                       </span> Server #2 not responding. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">14 hrs</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-info">
-                                       <i class="fa fa-bullhorn"></i>
-                                       </span> Application error. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">2 days</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-danger">
-                                       <i class="fa fa-bolt"></i>
-                                       </span> Database overloaded 68%. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">3 days</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-danger">
-                                       <i class="fa fa-bolt"></i>
-                                       </span> A user IP blocked. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">4 days</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-warning">
-                                       <i class="fa fa-bell-o"></i>
-                                       </span> Storage Server #4 not responding dfdfdfd. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">5 days</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-info">
-                                       <i class="fa fa-bullhorn"></i>
-                                       </span> System Error. </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="time">9 days</span>
-                                       <span class="details">
-                                       <span class="label label-sm label-icon label-danger">
-                                       <i class="fa fa-bolt"></i>
-                                       </span> Storage server failed. </span>
-                                       </a>
-                                    </li>
-                                 </ul>
-                              </li>
-                           </ul>
-                        </li>
-                        <!-- END NOTIFICATION DROPDOWN -->
-                        <!-- BEGIN INBOX DROPDOWN -->
-                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                        <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
-                           <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                           <i class="icon-envelope-open"></i>
-                           <span class="badge badge-default"> 4 </span>
-                           </a>
-                           <ul class="dropdown-menu">
-                              <li class="external">
-                                 <h3>You have
-                                    <span class="bold">7 New</span> Messages
-                                 </h3>
-                                 <a href="app_inbox.html">view all</a>
-                              </li>
-                              <li>
-                                 <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
-                                    <li>
-                                       <a href="#">
-                                       <span class="photo">
-                                       <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
-                                       <span class="subject">
-                                       <span class="from"> Lisa Wong </span>
-                                       <span class="time">Just Now </span>
-                                       </span>
-                                       <span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="#">
-                                       <span class="photo">
-                                       <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
-                                       <span class="subject">
-                                       <span class="from"> Richard Doe </span>
-                                       <span class="time">16 mins </span>
-                                       </span>
-                                       <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="#">
-                                       <span class="photo">
-                                       <img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
-                                       <span class="subject">
-                                       <span class="from"> Bob Nilson </span>
-                                       <span class="time">2 hrs </span>
-                                       </span>
-                                       <span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="#">
-                                       <span class="photo">
-                                       <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
-                                       <span class="subject">
-                                       <span class="from"> Lisa Wong </span>
-                                       <span class="time">40 mins </span>
-                                       </span>
-                                       <span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="#">
-                                       <span class="photo">
-                                       <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
-                                       <span class="subject">
-                                       <span class="from"> Richard Doe </span>
-                                       <span class="time">46 mins </span>
-                                       </span>
-                                       <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
-                                       </a>
-                                    </li>
-                                 </ul>
-                              </li>
-                           </ul>
-                        </li>
-                        <!-- END INBOX DROPDOWN -->
-                        <!-- BEGIN TODO DROPDOWN -->
-                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                        <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
-                           <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                           <i class="icon-calendar"></i>
-                           <span class="badge badge-default"> 3 </span>
-                           </a>
-                           <ul class="dropdown-menu extended tasks">
-                              <li class="external">
-                                 <h3>You have
-                                    <span class="bold">12 pending</span> tasks
-                                 </h3>
-                                 <a href="app_todo.html">view all</a>
-                              </li>
-                              <li>
-                                 <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">New release v1.2 </span>
-                                       <span class="percent">30%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">40% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">Application deployment</span>
-                                       <span class="percent">65%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">65% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">Mobile app release</span>
-                                       <span class="percent">98%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">98% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">Database migration</span>
-                                       <span class="percent">10%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">10% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">Web server upgrade</span>
-                                       <span class="percent">58%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">58% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">Mobile development</span>
-                                       <span class="percent">85%</span>
-                                       </span>
-                                       <span class="progress">
-                                       <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">85% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                    <li>
-                                       <a href="javascript:;">
-                                       <span class="task">
-                                       <span class="desc">New UI release</span>
-                                       <span class="percent">38%</span>
-                                       </span>
-                                       <span class="progress progress-striped">
-                                       <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
-                                       <span class="sr-only">38% Complete</span>
-                                       </span>
-                                       </span>
-                                       </a>
-                                    </li>
-                                 </ul>
-                              </li>
-                           </ul>
-                        </li>
-                        <!-- END TODO DROPDOWN -->
                         <!-- BEGIN USER LOGIN DROPDOWN -->
                         <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                         <li class="dropdown dropdown-user">
@@ -448,53 +169,75 @@
                            </center>
                         </li>
                         <hr>
-                        <li class="nav-item start active open ">
-                           <a href="index.html" class="nav-link nav-toggle">
-                           <i class="icon-home"></i>
-                           <span class="title">Order Status</span>
-                           <span class="selected"></span>
-                           </a>
-                        </li>
+                        <li class="nav-item start">
+							<a href="index.html" class="nav-link nav-toggle">
+								<i class="icon-home"></i>
+								<span class="title">Order Status</span>
+								<span class="selected"></span>
+							</a>
+						</li>
+						<li class="nav-item">
+							<a href="notice.html" class="nav-link nav-toggle">
+								<i class="fa fa-newspaper-o"></i>
+								<span class="title">Notice</span>
+								<span class="selected"></span>
+							</a>
+						</li>
+						
+						<li class="nav-item">
+							<a href="deliveryarrange.html" class="nav-link nav-toggle">
+								<i class="fa fa-briefcase"></i>
+								<span class="title">Delivery Arrangement</span>
+								<span class="selected"></span>
+							</a>
+						</li> 
+						<li class="nav-item  active open ">
+							<a href="chat.html?menu=true" class="nav-link nav-toggle">
+								<i class="fa fa-comments-o"></i>
+								<span class="title">Messenger</span>
+								<span class="selected"></span>
+							</a>
+						</li>
                         <li class="nav-item">
-                           <a href="notice.html" class="nav-link nav-toggle">
-                           <i class="fa fa-newspaper-o"></i>
-                           <span class="title">Notice</span>
-                           <span class="selected"></span>
-                           </a>
-                        </li>
-                        <li class="nav-item">
-                           <a href="profile.html" class="nav-link nav-toggle">
-                           <i class="icon-user"></i>
-                           <span class="title">Profile</span>
-                           </a>
-                        </li>
-                        <li class="nav-item">
-                           <a href="contactlist.html" class="nav-link nav-toggle">
-                           <i class="icon-notebook"></i>
-                           <span class="title">Contact List</span>
-                           </a>
-                        </li>
-                        <li class="nav-item">
-                           <a href="javascript:;" class="nav-link nav-toggle">
-                           <i class="icon-settings"></i>
-                           <span class="title">Settings</span>
-                           <span class="arrow"></span>
-                           </a>
-                           <ul class="sub-menu">
-                              <li class="nav-item  ">
-                                 <a href="formcustomize.html" class="nav-link ">
-                                 <i class="icon-clock"></i>
-                                 <span class="title">Form Customization</span>
-                                 </a>
-                              </li>
-                              <li class="nav-item">
-                                 <a href="updatecurrency.html" class="nav-link ">
-                                 <i class="icon-check"></i>
-                                 <span class="title">Update Currency</span>
-                                 </a>
-                              </li>
-                           </ul>
+                            <a href="trackorder.html?menu=true" class="nav-link nav-toggle">
+                                <i class="icon-basket"></i>
+                                <span class="title">Track Order</span>
+                                <span class="selected"></span>
+                            </a>
                         </li>
+						<li class="nav-item ">
+							<a href="profile.html" class="nav-link nav-toggle">
+								<i class="icon-user"></i>
+								<span class="title">Profile</span>
+							</a>
+						</li>						
+						<li class="nav-item">
+							<a href="contactlist.html" class="nav-link nav-toggle">
+								<i class="icon-notebook"></i>
+								<span class="title">Contact List</span>
+							</a>
+						</li>
+						<li class="nav-item">
+							<a href="javascript:;" class="nav-link nav-toggle">
+								<i class="icon-settings"></i>
+								<span class="title">Settings</span>
+								<span class="arrow"></span>
+							</a>
+							<ul class="sub-menu">
+								<li class="nav-item  ">
+									<a href="formcustomize.html" class="nav-link ">
+										<i class="icon-clock"></i>
+										<span class="title">Form Customization</span>
+									</a>
+								</li>
+								<li class="nav-item">
+									<a href="updatecurrency.html" class="nav-link ">
+										<i class="icon-check"></i>
+										<span class="title">Update Currency</span>
+									</a>
+								</li>
+							</ul>
+						</li>
                      </ul>
                      <!-- END SIDEBAR MENU -->
                      <!-- END SIDEBAR MENU -->
@@ -584,8 +327,8 @@
                                                             <li data-jstree='{ "opened" : true }'>
                                                                014528
                                                                <ul>
-                                                                  <li data-jstree='{ "type" : "file" }'> 014528 (1) </li>
-                                                                  <li data-jstree='{ "type" : "file" }'> 014528 (2) </li>
+                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1) </li>
+                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2) </li>
                                                                </ul>
                                                             </li>
                                                          </ul>
@@ -593,8 +336,8 @@
                                                       <li>
                                                          ABC
                                                          <ul>
-                                                            <li data-jstree='{ "type" : "file" }'> 014587</li>
-                                                            <li data-jstree='{ "type" : "file" }'>
+                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014587</li>
+                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();">
                                                                <a href="javascript:;"> 014586 </a>
                                                             </li>
                                                          </ul>
@@ -712,7 +455,7 @@
                                                          <div class="tab-pane active" id="tab_1_1_1">
                                                             <ul class="chats">
                                                                <li class="out">
-                                                                  <a href="javascript:;" style="float:right"> Lisa Wong </a>
+                                                                  <a href="profile2.html" style="float:right"> Lisa Wong </a>
                                                                   <br>
                                                                   <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
                                                                   <div class="message">
@@ -804,6 +547,7 @@
                                                          <button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-file' style='font-size:20px' aria-hidden='true'></i></button>
                                                          <button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-picture-o' style='font-size:20px' aria-hidden='true' ></i></button>
                                                          <button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
+                                                         <button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
                                                          <button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-qrcode' style='font-size:20px' aria-hidden='true'></i></a></button>">
                                                       <i class="fa fa-plus-square" aria-hidden="true"></i></button>
                                                       </span>
@@ -920,6 +664,87 @@
                </div>
                <!-- END QUICK SIDEBAR -->
             </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="col-md-12">
+                                                    <div class="input-group">
+                                                        <input class="form-control" value="A" 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="B" 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="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>
+                                </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>
+                        <!-- /.modal-content -->
+                    </div>
+                                            <!-- /.modal-dialog -->
+                </div>
             <!-- END CONTAINER -->
             <!-- BEGIN FOOTER -->
             <div class="page-footer">