diff --git a/Forwarder/chat.html b/Forwarder/chat.html
index b7dc5d5..a2ab524 100644
--- a/Forwarder/chat.html
+++ b/Forwarder/chat.html
@@ -93,13 +93,13 @@
 			   		margin-right: -100%;
 			   	}
 			   }
-         .media-object-4 {
-          width: 35px;
-          position: right ;
-          margin-left: 82%;
-          margin-top:0.7%;
-         }
-             </style>
+			 .media-object-4 {
+				  width: 35px;
+				  position: right ;
+				  margin-left: 82%;
+				  margin-top:0.7%;
+			 }
+            </style>
          </head>
          <!-- END HEAD -->
          <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
@@ -121,8 +121,7 @@
                   </a>
                   <!-- END RESPONSIVE MENU TOGGLER -->
                   <!-- BEGIN TOP NAVIGATION MENU -->
-                  <img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                    <div class="top-menu">
+				  <img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
                   <div class="top-menu">
                      <ul class="nav navbar-nav pull-right">
                         <!-- BEGIN USER LOGIN DROPDOWN -->
@@ -199,32 +198,12 @@
                             </li>
                             
                             <li class="nav-item">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Arrangements</span>
-                                    <span class="arrow"></span>
+                                <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>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  ">
-                                        <a href="deliveryarrange.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Delivery Arrangement</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a href="shipementarrange.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipment Arrangement</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a href="warehousearrange.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Warehouse Receive Note</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>                 
+                            </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>
@@ -1403,7 +1382,7 @@
 					});
 				});
                 
-                 $(document).on('click', '.fa-download', function(event) {
+                 $(document).on('click', '#download2', function(event) { 
 				 var url = $( ".ekko-lightbox-item.show" ).children("img").attr('src');
 					$("a#download").attr("href", url);
 					document.getElementById('download').click();
diff --git a/assets/lightbox/.gitignore b/assets/lightbox/.gitignore
deleted file mode 100644
index cf124fb..0000000
--- a/assets/lightbox/.gitignore
+++ /dev/null
@@ -1,6 +0,0 @@
-# Jetbrains
-*.idea
-
-# Node
-node_modules
-.DS_Store
diff --git a/assets/lightbox/dist/ekko-lightbox.js b/assets/lightbox/dist/ekko-lightbox.js
index 50a5fa0..28213bb 100644
--- a/assets/lightbox/dist/ekko-lightbox.js
+++ b/assets/lightbox/dist/ekko-lightbox.js
@@ -99,8 +99,8 @@ var Lightbox = (function ($) {
 			var h4 = '<h4 class="modal-title">' + (this._config.title || "&nbsp;") + '</h4>';
 			var btn = '<button type="button" class="close" data-dismiss="modal" aria-label="' + this._config.strings.close + '"><span aria-hidden="true">&times;</span></button>';
 
-			var header = '<div class="modal-header' + (this._config.title || this._config.alwaysShowClose ? '' : ' hide') + '">' + (this._isBootstrap3 ? btn + h4 : h4 + btn) + '</div>';
-			var footer = '<div class="modal-footer"><center><i class="fa fa-download" aria-hidden="true"></i></center></div>';
+			var header = '<div class="modal-header' + (this._config.title || this._config.alwaysShowClose ? '' : ' hide') + '">' + (this._isBootstrap3 ? btn + h4 : h4 + btn) + '</div>'; 
+			var footer = '<div class="modal-footer"><center><i class="fa fa-download" id="download2" aria-hidden="true"></i></center></div>';
 			var body = '<div class="modal-body"><div class="ekko-lightbox-container"><div class="ekko-lightbox-item fade in show"></div><div class="ekko-lightbox-item fade"></div></div></div>';
 			var dialog = '<div class="modal-dialog" role="document"><div class="modal-content">' + header + body + footer + '</div></div>';
 			$(this._config.doc.body).append('<div id="' + this._modalId + '" class="ekko-lightbox modal fade" tabindex="-1" tabindex="-1" role="dialog" aria-hidden="true">' + dialog + '</div>');
diff --git a/assets/pages/img/QR_code.png b/assets/pages/img/QR_code.png
new file mode 100644
index 0000000..8093fdf
Binary files /dev/null and b/assets/pages/img/QR_code.png differ
