diff --git a/Forwarder/chat.html b/Forwarder/chat.html
index e6e752f..2434d64 100644
--- a/Forwarder/chat.html
+++ b/Forwarder/chat.html
@@ -54,7 +54,7 @@
             <link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
             <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
             <!-- END THEME LAYOUT STYLES -->
-            <link rel="shortcut icon" href="favicon.ico" />
+             <link rel="shortcut icon" href="favicon.ico" />
             <style>
                .qweqwe {
                height: 435px !important;
@@ -74,84 +74,7 @@
                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><style>
-               .qweqwe {
-               height: 435px !important;
-               }
-               .chat-form {
-               margin-top: 1px;
-               }
-               .tooltip {
-               position: fixed;
-               }
-               .btn-circless {
-               width: 50px;
-               height: 50px;
-               text-align: center;
-               padding: 6px 0;
-               font-size: 12px;
-               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><style>
-               .qweqwe {
-               height: 435px !important;
-               }
-               .chat-form {
-               margin-top: 1px;
-               }
-               .tooltip {
-               position: fixed;
-               }
-               .btn-circless {
-               width: 50px;
-               height: 50px;
-               text-align: center;
-               padding: 6px 0;
-               font-size: 12px;
-               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>
+            </style>
          </head>
          <!-- END HEAD -->
          <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
@@ -175,6 +98,298 @@
                   <!-- 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">
@@ -233,75 +448,53 @@
                            </center>
                         </li>
                         <hr>
-                        <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="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 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">
+                           <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>
                         </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 -->
@@ -317,11 +510,11 @@
                      <div class="page-bar">
                         <ul class="page-breadcrumb">
                            <li>
-                              <a href="index.html">Order Status</a>
+                              <a href="index.html">Home</a>
                               <i class="fa fa-circle"></i>
                            </li>
                            <li>
-                              <span>Messenger</span>
+                              <span>Contact List</span>
                            </li>
                         </ul>
                      </div>
@@ -391,8 +584,8 @@
                                                             <li data-jstree='{ "opened" : true }'>
                                                                014528
                                                                <ul>
-                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1) </li>
-                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2) </li>
+                                                                  <li data-jstree='{ "type" : "file" }'> 014528 (1) </li>
+                                                                  <li data-jstree='{ "type" : "file" }'> 014528 (2) </li>
                                                                </ul>
                                                             </li>
                                                          </ul>
@@ -400,8 +593,8 @@
                                                       <li>
                                                          ABC
                                                          <ul>
-                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014587</li>
-                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();">
+                                                            <li data-jstree='{ "type" : "file" }'> 014587</li>
+                                                            <li data-jstree='{ "type" : "file" }'>
                                                                <a href="javascript:;"> 014586 </a>
                                                             </li>
                                                          </ul>
@@ -412,7 +605,7 @@
                                           </div>
                                        </div>
                                     </div>
-                                    <div class="row" id="file_manager">
+                                    <div class="row"  id="file_manager" >
                                        <div class="col-md-12">
                                           <div class="portlet light bordered">
                                              <div class="portlet-title">
@@ -482,7 +675,7 @@
                                        </div>
                                     </div>
                                  </div>
-                                 <div class="col-md-9" id="with_content">
+                                 <div class="col-md-9"  id="with_content" >
                                     <div class="row">
                                        <div class="col-md-12">
                                           <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
@@ -621,7 +814,6 @@
                                        </div>
                                     </div>
                                  </div>
-                              
 								 <div class="col-md-9" id="without_content" style="display:none;">
 									 <div class="row">
 										   <div class="col-md-12">
@@ -639,7 +831,7 @@
 										   </div>
 									 </div>
 								 </div>
-							  </div>
+                              </div>
                            </div>
                         </div>
                      </div>
@@ -808,6 +1000,7 @@
                    })
                
                    $("#create").trigger('click');
+				   
                });
             </script>
             <script type="text/javascript">
@@ -854,10 +1047,8 @@
                    }
                    return returnElements;
                }
-               $('[data-toggle="popover"]').popover({
-                   trigger: 'focus',
-                   container: '.portlet-body'
-               });
+               $('[data-toggle="popover"]').popover({trigger: 'focus'})
+			   
             </script>
          </body>
       </html>
\ No newline at end of file
