diff --git a/public/Forwarder/chat.html b/public/Forwarder/chat.html
index eae7a60..7d79480 100644
--- a/public/Forwarder/chat.html
+++ b/public/Forwarder/chat.html
@@ -15,238 +15,250 @@
 <!--[if IE 8]> 
 <html lang="en" class="ie8 no-js">
    <![endif]-->
-   <!--[if IE 9]> 
+<!--[if IE 9]> 
    <html lang="en" class="ie9 no-js">
       <![endif]-->
-      <!--[if !IE]><!-->
-      <html lang="en">
-         <!--<![endif]-->
-         <!-- BEGIN HEAD -->
-         <head>
-            <meta charset="utf-8" />
-            <title>IZYIM | Messenger</title>
-            <meta http-equiv="X-UA-Compatible" content="IE=edge">
-            <meta content="width=device-width, initial-scale=1" name="viewport" />
-            <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-            <meta content="" name="author" />
-            <!-- BEGIN GLOBAL MANDATORY STYLES -->
-            <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-            <!-- END GLOBAL MANDATORY STYLES -->
-            <!-- BEGIN PAGE LEVEL PLUGINS -->
-            <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-            <!-- END PAGE LEVEL PLUGINS -->
-            <!-- BEGIN THEME GLOBAL STYLES -->
-            <link href="../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
-            <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-            <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-            <!-- END THEME GLOBAL STYLES -->
-            <!-- BEGIN THEME LAYOUT STYLES -->
-            <link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.css">
-            <link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.a.css">
-            <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-			<link href="../assets/lightbox/dist/ekko-lightbox.css" rel="stylesheet">
-            <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" />
-            <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;
-			   	}
-			   }
-			   .img-fluid {
-					max-width: 100% !important;
-					height: auto !important;
-					vertical-align: middle !important;
-				}
-			   @media (min-width: 992px){
-			   	.page-sidebar {
-			   		width: 200px;
-			   		float: left;
-			   		position: relative;
-			   		margin-right: -100%;
-			   	}
-			   }
-			 .media-object-4 {
-				  width: 35px;
-			 }
-                tr.eror{ border: 2px solid red; }
-            </style>
-         </head>
-         <!-- END HEAD -->
-         <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
-            <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-               <!-- BEGIN HEADER INNER -->
-               <div class="page-header-inner ">
-                  <!-- BEGIN LOGO -->
-                  <div class="page-logo">
-                     <div class="menu-toggler sidebar-toggler">
+<!--[if !IE]><!-->
+<html lang="en">
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
+
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Messenger</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.css">
+    <link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.a.css">
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/lightbox/dist/ekko-lightbox.css" rel="stylesheet">
+    <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" />
+    <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;
+            }
+        }
+        .img-fluid {
+            max-width: 100% !important;
+            height: auto !important;
+            vertical-align: middle !important;
+        }
+        @media (min-width: 992px) {
+            .page-sidebar {
+                width: 200px;
+                float: left;
+                position: relative;
+                margin-right: -100%;
+            }
+        }
+        .media-object-4 {
+            width: 35px;
+        }
+        tr.eror {
+            border: 2px solid red;
+        }
+    </style>
+</head>
+<!-- END HEAD -->
+
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                     </div>
-                  </div>
-                  <!-- END LOGO -->
-                  <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                  <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
-                  <span></span>
-                  </a>
-                  <!-- END RESPONSIVE MENU TOGGLER -->
-                  <!-- BEGIN TOP NAVIGATION MENU -->
-				          
-                  <div class="top-menu">
-                  <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                     <ul class="nav navbar-nav pull-right">
+                    </div>
+                </div>
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
                         <!-- BEGIN USER LOGIN DROPDOWN -->
                         <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-						
+
                         <li class="dropdown dropdown-user pull-right">
-							
-                           <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                           <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                           <span class="username username-hide-on-mobile"> Syed Amir </span>
-                           <i class="fa fa-angle-down"></i>
-                           </a>
-                           <ul class="dropdown-menu dropdown-menu-default">
-                              <li>
-                                 <a href="page_user_profile_1.html">
-                                 <i class="icon-user"></i> My Profile </a>
-                              </li>
-                              <li>
-                                 <a href="page_user_login_1.html">
-                                 <i class="icon-key"></i> Log Out </a>
-                              </li>
-                           </ul>
+
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="page_user_login_1.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
                         </li>
-						
+
                         <!-- END USER LOGIN DROPDOWN -->
-                     </ul>
-                  </div>
-                  <!-- END TOP NAVIGATION MENU -->
-               </div>
-               <!-- END HEADER INNER -->
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
-               <!-- BEGIN SIDEBAR -->
-               <div class="page-sidebar-wrapper">
-                  <!-- BEGIN SIDEBAR -->
-                  <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                  <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                  <div class="page-sidebar navbar-collapse collapse">
-                     <!-- BEGIN SIDEBAR MENU -->
-                     <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                     <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                     <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                     <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                     <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                     <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
+                <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
+                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
                         <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
                         <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                         <li class="sidebar-toggler-wrapper hide">
-                           <div class="sidebar-toggler">
-                              <span></span>
-                           </div>
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
                         </li>
                         <li>
-                           <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
-                           </center>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </center>
                         </li>
                         <hr>
-                        <li class="nav-item  ">
-                                <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">
+                        <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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item ">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item   ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>              
-                        <li class="nav-item start active open">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</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>
@@ -260,292 +272,289 @@
                                 <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 -->
-                  </div>
-                  <!-- END SIDEBAR -->
-               </div>
-               <!-- END SIDEBAR -->
-               <!-- BEGIN CONTENT -->
-               <div class="page-content-wrapper">
-                  <!-- BEGIN CONTENT BODY -->
-                  <div class="page-content">
-                     <!-- BEGIN PAGE BAR -->
-                     <div class="page-bar">
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+            </div>
+            <!-- END SIDEBAR -->
+            <!-- BEGIN CONTENT -->
+            <div class="page-content-wrapper">
+                <!-- BEGIN CONTENT BODY -->
+                <div class="page-content">
+                    <!-- BEGIN PAGE BAR -->
+                    <div class="page-bar">
                         <ul class="page-breadcrumb">
-                           <li>
-                              <a href="index.html">Home</a>
-                              <i class="fa fa-circle"></i>
-                           </li>
-                           <li>
-                              <span>Contact List</span>
-                           </li>
+                            <li>
+                                <a href="index.html">Home</a>
+                                <i class="fa fa-circle"></i>
+                            </li>
+                            <li>
+                                <span>Contact List</span>
+                            </li>
                         </ul>
-                     </div>
-                     <!-- CONTENT -->
-                     <div class="container-fluid">
+                    </div>
+                    <!-- CONTENT -->
+                    <div class="container-fluid">
                         <div class="row">
-                           <div class="col-md-12">
-                              <div class="row">
-                                 <div class="col-md-3">
-                                    <div class="row">
-                                       <div class="col-md-12">
-                                          <div class="portlet light bordered" style="margin-bottom: 10px;">
-                                             <div class="portlet-title">
-                                                <div class="caption">
-                                                   <span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
-                                                </div>
-                                                <div class="inputs">
-                                                   <div class="row">
-                                                      <div class="col-md-12">
-                                                         <div class="col-md-9">
-                                                            <div class="portlet-input input-inline input-small" style="margin-bottom:10px">
-                                                               <div class="input-icon right">
-                                                                  <i class="icon-magnifier"></i>
-                                                                  <input type="text" class="form-control input-circle" placeholder="search...">
-                                                              
-                                                               </div>
-                                                            </div>
-                                                         </div>
-                                                         <div class="col-md-3">
-                                                            <div class="btn-group" style="width:100%">
-                                                               <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                                               <span class="fa fa-filter"></span>
-                                                               </a>
-                                                               <ul class="dropdown-menu pull-right">
-                                                                  <li>
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Active </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li>
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Closed </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li class="active">
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Pending </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li class="active">
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Cancel </span>
-                                                                     </a>
-                                                                  </li>
-                                                               </ul>
-                                                            </div>
-                                                         </div>
-                                                      </div>
-                                                   </div>
-                                                </div>
-                                             </div>
-                                             <div class="portlet-body">
-                                                <div id="tree_1" class="tree-demo">
-                                                   <ul>
-                                                       <li onclick="show_general();">
-                                                         General
-														</li>
-                                                      <li>
-                                                         CIEF
-                                                         <ul>
-                                                            <li data-jstree='{ "opened" : true }'>
-                                                               014528
-                                                               <ul>
-                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1)<span style="margin-bottom: 20px;" class="badge badge-danger">5</span></li>
-                                                                  <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2)<span style="margin-bottom: 20px;" class="badge badge-danger">2</span></li>
-                                                               </ul>
-                                                            </li>
-                                                         </ul>
-                                                      </li>
-                                                      <li>
-                                                         Help
-                                                         
-                                                      </li>
-                                                   </ul>
-                                                </div>
-                                             </div>
-                                          </div>
-                                       </div>
-                                    </div>
-                                    <div class="row"  id="file_manager" >
-                                       <div class="col-md-12">
-                                          <div class="portlet light bordered">
-                                             <div class="portlet-title">
-                                                <div class="caption">
-                                                   <span class="caption-subject bold font-purple-plum uppercase"> File Manager </span>
-                                                </div>
-                                             </div>
-                                             <div class="portlet-body">
-                                                <div class="row">
-                                                        <div class="col-md-12" style="text-align:center;">
-                                                            <img src="../assets/global/img/folderimg.ico" alt="Image" style="width:100px;height:100px;" data-toggle="modal" href="#doc">
+                            <div class="col-md-12">
+                                <div class="row">
+                                    <div class="col-md-3">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="portlet light bordered" style="margin-bottom: 10px;">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
                                                         </div>
-                                                 </div>
-                                             </div>
-                                          </div>
-                                       </div>
+                                                        <div class="inputs">
+                                                            <div class="row">
+                                                                <div class="col-md-12">
+                                                                    <div class="col-md-9">
+                                                                        <div class="portlet-input input-inline input-small" style="margin-bottom:10px">
+                                                                            <div class="input-icon right">
+                                                                                <i class="icon-magnifier"></i>
+                                                                                <input type="text" class="form-control input-circle" placeholder="search...">
+
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="col-md-3">
+                                                                        <div class="btn-group" style="width:100%">
+                                                                            <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                                                                <span class="fa fa-filter"></span>
+                                                                            </a>
+                                                                            <ul class="dropdown-menu pull-right">
+                                                                                <li>
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Active </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li>
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Closed </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li class="active">
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Pending </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li class="active">
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Cancel </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                            </ul>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body">
+                                                        <div id="tree_1" class="tree-demo">
+                                                            <ul>
+                                                                <li onclick="show_general();">
+                                                                    General
+                                                                </li>
+                                                                <li>
+                                                                    CIEF
+                                                                    <ul>
+                                                                        <li data-jstree='{ "opened" : true }'>
+                                                                            014528
+                                                                            <ul>
+                                                                                <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1)<span style="margin-bottom: 20px;" class="badge badge-danger">5</span>
+                                                                                </li>
+                                                                                <li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2)<span style="margin-bottom: 20px;" class="badge badge-danger">2</span>
+                                                                                </li>
+                                                                            </ul>
+                                                                        </li>
+                                                                    </ul>
+                                                                </li>
+                                                                <li>
+                                                                    Help
+
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row" id="file_manager">
+                                            <div class="col-md-12">
+                                                <div class="portlet light bordered">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <span class="caption-subject bold font-purple-plum uppercase"> File Manager </span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body">
+                                                        <div class="row">
+                                                            <div class="col-md-12" style="text-align:center;">
+                                                                <img src="../assets/global/img/folderimg.ico" alt="Image" style="width:100px;height:100px;" data-toggle="modal" href="#doc">
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
                                     </div>
-                                 </div>
-                                 <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">
-                                             <div class="portlet-title">
-                                                <div class="caption">
-                                                   <i class="icon-bubble font-hide hide"></i>
-                                                   <span class="caption-subject font-hide bold uppercase">Chats</span>
-                                                </div>
-                                                <div class="actions">
-                                                   <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#chat">
-                                                   <i class="fa fa-plus"></i> Add Group </a>
-                                                   <a href="javascript:window.open('trackorder2.html', 'Track Order', 'width=1000,height=600');" class="btn btn-circle btn-default tooltips" data-placement="bottom" data-original-title="Track Order">
-                                                   <i class="fa fa-map-marker" aria-hidden="true"></i> Track Order
-                                                   </a>
-                                                   <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
-                                                </div>
-                                             </div>
-                                             <div class="portlet-body" style="height: 400px;" id="chats">
-                                                <div class="scroller" style="height:80%" data-always-visible="1" data-rail-visible1="1">
-                                                   <div class="tabbable-custom nav-justified">
-                                                      <ul class="nav nav-tabs nav-justified">
-                                                         <li class="active">
-                                                            <a href="#tab_1_1_1" data-toggle="tab">
-                                                            <span class="editInPlace">014528 </span> <i class="dropdown-toggless  fa fa-users pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
+                                    <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">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <i class="icon-bubble font-hide hide"></i>
+                                                            <span class="caption-subject font-hide bold uppercase">Chats</span>
+                                                        </div>
+                                                        <div class="actions">
+                                                            <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#chat">
+                                                                <i class="fa fa-plus"></i> Add Group </a>
+                                                            <a href="javascript:window.open('trackorder2.html', 'Track Order', 'width=1000,height=600');" class="btn btn-circle btn-default tooltips" data-placement="bottom" data-original-title="Track Order">
+                                                                <i class="fa fa-map-marker" aria-hidden="true"></i> Track Order
                                                             </a>
-                                                         </li>
-                                                         <li>
-                                                            <a href="#tab_1_1_2" data-toggle="tab">
-                                                            <span class="editInPlace">014528 (2)</span> <i class="dropdown-toggless  fa fa-users  pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
-                                                            </a>
-                                                         </li>
-                                                      </ul>
-                                                      <div class="tab-content">
-                                                         <div class="tab-pane active" id="tab_1_1_1">
-                                                            <ul class="chats">
-                                                               <li class="out">
-                                                                   <a  style="float:right" data-toggle="modal" href="#profile">Lisa Wong </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> <img src="../assets/global/img/attachment.PNG" alt="Container" ><br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:left"> 20:11 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="out">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Lisa Wong </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"></span>
-                                                                     <span class="body"><img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;">  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:left">  20:11 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="in">
-                                                                  <a  style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Confirm <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:right">  20:30 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="in">
-                                                                  <a  style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Proceed.  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a></span>
-                                                                     <span class="datetime" style="float:right"> 20:30 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="out">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> CNTR58  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:left"> 20:33 </span>
-                                                                  </div>
-                                                               </li>
-                                                            </ul>
-                                                         </div>
-                                                         <div class="tab-pane" id="tab_1_1_2">
-                                                            <ul class="chats">
-                                                               <li class="in">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Hi. <br/><a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:right"> 20:30 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="out">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Bye. <br/><a href="#url">Reply</a> <a href="#url">Recall</a> </span>
-                                                                     <span class="datetime" style="float:left"> 20:33 </span>
-                                                                  </div>
-                                                               </li>
-                                                            </ul>
-                                                         </div>
-                                                      </div>
-                                                   </div>
-                                                </div>
-                                                <div class="chat-form">
-                                                   <div class="input-group">
-                                                      <span class="input-group-btn icn-only" style="display:none">
+                                                            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body" style="height: 400px;" id="chats">
+                                                        <div class="scroller" style="height:80%" data-always-visible="1" data-rail-visible1="1">
+                                                            <div class="tabbable-custom nav-justified">
+                                                                <ul class="nav nav-tabs nav-justified">
+                                                                    <li class="active">
+                                                                        <a href="#tab_1_1_1" data-toggle="tab">
+                                                                            <span class="editInPlace">014528 </span> <i class="dropdown-toggless  fa fa-users pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
+                                                                        </a>
+                                                                    </li>
+                                                                    <li>
+                                                                        <a href="#tab_1_1_2" data-toggle="tab">
+                                                                            <span class="editInPlace">014528 (2)</span> <i class="dropdown-toggless  fa fa-users  pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
+                                                                        </a>
+                                                                    </li>
+                                                                </ul>
+                                                                <div class="tab-content">
+                                                                    <div class="tab-pane active" id="tab_1_1_1">
+                                                                        <ul class="chats">
+                                                                            <li class="out">
+                                                                                <a style="float:right" data-toggle="modal" href="#profile">Lisa Wong </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> <img src="../assets/global/img/attachment.PNG" alt="Container" ><br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:left"> 20:11 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                            <li class="out">
+                                                                                <a style="float:right" data-toggle="modal" href="#profile"> Lisa Wong </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"></span>
+                                                                                    <span class="body"><img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;">  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:left">  20:11 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                            <li class="in">
+                                                                                <a style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> Confirm <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:right">  20:30 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                            <li class="in">
+                                                                                <a style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> Proceed.  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a></span>
+                                                                                    <span class="datetime" style="float:right"> 20:30 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                            <li class="out">
+                                                                                <a style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> CNTR58  <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:left"> 20:33 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                        </ul>
+                                                                    </div>
+                                                                    <div class="tab-pane" id="tab_1_1_2">
+                                                                        <ul class="chats">
+                                                                            <li class="in">
+                                                                                <a style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> Hi. <br/><a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:right"> 20:30 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                            <li class="out">
+                                                                                <a style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
+                                                                                <br>
+                                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                                                <div class="message">
+                                                                                    <span class="arrow"> </span>
+                                                                                    <span class="body"> Bye. <br/><a href="#url">Reply</a> <a href="#url">Recall</a> </span>
+                                                                                    <span class="datetime" style="float:left"> 20:33 </span>
+                                                                                </div>
+                                                                            </li>
+                                                                        </ul>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="chat-form">
+                                                            <div class="input-group">
+                                                                <span class="input-group-btn icn-only" style="display:none">
                                                       <button id="create" style="display:none" class="btn blue"><i class="fa fa-check icon-white"></i></button>
                                                       </span>
-                                                      <input type="text" id="text-custom-trigger" class="form-control">
-                                                      <span class="input-group-btn icn-only">
+                                                                <input type="text" id="text-custom-trigger" class="form-control">
+                                                                <span class="input-group-btn icn-only">
                                                       <button class="btn blue" id="toggle"><i class="fa fa-smile-o icon-white"></i></button>
                                                       </span>
-                                                      <span class="input-group-btn icn-only">
+                                                                <span class="input-group-btn icn-only">
                                                       <button type="button" class="btn blue" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="
                                                          <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>
                                                          
@@ -564,84 +573,84 @@
                                                          ">
                                                       <i class="fa fa-plus-square" aria-hidden="true"></i></button>
                                                       </span>
-                                                   </div>
+                                                            </div>
+                                                        </div>
+
+                                                    </div>
                                                 </div>
-                                                 
-                                             </div>
-                                          </div>
-                                       </div>
+                                            </div>
+                                        </div>
                                     </div>
-                                 </div>
-								 <div class="col-md-9" id="without_content" style="display:none;">
-									 <div class="row">
-										   <div class="col-md-12">
-											  <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
-												 <div class="portlet-title">
-													<div class="caption">
-													   <i class="icon-bubble font-hide hide"></i>
-													   <span class="caption-subject font-hide bold uppercase">Chats</span>
-													</div>
-												 </div>
-												 <div class="portlet-body" style="height: 400px;">
-													<h3 style="text-align:center; margin-top: 150px;">Please choose order number </h3>
-												 </div>
-											  </div>
-										   </div>
-									 </div>
-								 </div>
- 								 <div class="col-lg-9" id="general_content" style="display:none;" >
-									<div class="portlet light bordered">
-										<div class="portlet-title">
-											<div class="caption">
-												<i class="icon-share font-dark hide"></i>
-												<span class="caption-subject font-dark bold uppercase">General Notifications</span>
-											</div>
-											<div class="actions">
-												<div class="btn-group">
-													<a class="btn btn-sm blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Filter By
+                                    <div class="col-md-9" id="without_content" style="display:none;">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <i class="icon-bubble font-hide hide"></i>
+                                                            <span class="caption-subject font-hide bold uppercase">Chats</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body" style="height: 400px;">
+                                                        <h3 style="text-align:center; margin-top: 150px;">Please choose order number </h3>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col-lg-9" id="general_content" style="display:none;">
+                                        <div class="portlet light bordered">
+                                            <div class="portlet-title">
+                                                <div class="caption">
+                                                    <i class="icon-share font-dark hide"></i>
+                                                    <span class="caption-subject font-dark bold uppercase">General Notifications</span>
+                                                </div>
+                                                <div class="actions">
+                                                    <div class="btn-group">
+                                                        <a class="btn btn-sm blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Filter By
 														<i class="fa fa-angle-down"></i>
 													</a>
-													<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
-														<label class="mt-checkbox mt-checkbox-outline">
-															<input type="checkbox" /> 
-															<span></span>
-														</label>
-														<label class="mt-checkbox mt-checkbox-outline">
-															<input type="checkbox" /> Currency Update
-															<span></span>
-														</label>
-													</div>
-												</div>
-											</div>
-										</div>
-                                        <div class="tab-content">
-                                             <div class="tab-pane active" id="tab_1_1_1">
-                                                 <div class="portlet-body" id="chats">
+                                                        <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
+                                                            <label class="mt-checkbox mt-checkbox-outline">
+                                                                <input type="checkbox" />
+                                                                <span></span>
+                                                            </label>
+                                                            <label class="mt-checkbox mt-checkbox-outline">
+                                                                <input type="checkbox" /> Currency Update
+                                                                <span></span>
+                                                            </label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="tab-content">
+                                                <div class="tab-pane active" id="tab_1_1_1">
+                                                    <div class="portlet-body" id="chats">
                                                         <ul class="chats">
                                                             <ul class="chats">
-                                                               <li class="in">
-                                                                  <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
-                                                                  <div class="message">
-                                                                     <div class="desc"> CIEF updated currency <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
-                                                                     <span class="datetime" style="float:left"> 20:11 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="in">
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/global/img/abc.png" />
-                                                                  <div class="message">
-                                                                     <div class="desc"> ABC updated currency. <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
-                                                                     <span class="datetime" style="float:left">  20:11 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="in">
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
-                                                                  <div class="message">
-                                                                     <div class="desc"> CIEF updated currency  <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
-                                                                     <span class="datetime" style="float:left"> 20:33 </span>
-                                                                  </div>
-                                                               </li>
+                                                                <li class="in">
+                                                                    <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
+                                                                    <div class="message">
+                                                                        <div class="desc"> CIEF updated currency <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
+                                                                        <span class="datetime" style="float:left"> 20:11 </span>
+                                                                    </div>
+                                                                </li>
+                                                                <li class="in">
+                                                                    <br>
+                                                                    <img class="avatar" alt="" src="../assets/global/img/abc.png" />
+                                                                    <div class="message">
+                                                                        <div class="desc"> ABC updated currency. <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
+                                                                        <span class="datetime" style="float:left">  20:11 </span>
+                                                                    </div>
+                                                                </li>
+                                                                <li class="in">
+                                                                    <br>
+                                                                    <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
+                                                                    <div class="message">
+                                                                        <div class="desc"> CIEF updated currency <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
+                                                                        <span class="datetime" style="float:left"> 20:33 </span>
+                                                                    </div>
+                                                                </li>
                                                             </ul>
                                                             <li class="out">
                                                                 <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
@@ -662,20 +671,20 @@
                                                                 </div>
                                                             </li>
                                                         </ul>
-                                                    <div class="chat-form">
-                                                        <div class="input-cont">
-                                                            <input class="form-control" type="text" placeholder="Type a message here..." /> </div>
-                                                        <div class="btn-cont">
-                                                            <span class="arrow"> </span>
-                                                            <a href="" class="btn blue icn-only">
-                                                                <i class="fa fa-check icon-white"></i>
-                                                            </a>
+                                                        <div class="chat-form">
+                                                            <div class="input-cont">
+                                                                <input class="form-control" type="text" placeholder="Type a message here..." /> </div>
+                                                            <div class="btn-cont">
+                                                                <span class="arrow"> </span>
+                                                                <a href="" class="btn blue icn-only">
+                                                                    <i class="fa fa-check icon-white"></i>
+                                                                </a>
+                                                            </div>
                                                         </div>
                                                     </div>
                                                 </div>
                                             </div>
-                                          </div>
-<!--
+                                            <!--
 										<div class="portlet-body">
 											<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
 												<ul class="feeds">
@@ -736,20 +745,20 @@
 											</div>
 										</div>
 -->
-									</div>
-								</div>
-								
-							 </div>
-                           </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
                         </div>
-                     </div>
-                     <!-- END CONTENT -->
-                  </div>
-                  <!-- END CONTENT BODY -->
-				  <div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
+                    </div>
+                    <!-- END CONTENT -->
+                </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"> 	
+                            <div class="modal-body">
                                 <form role="form">
                                     <div class="form-body">
                                         <div class="form-group">
@@ -761,7 +770,7 @@
                                                 <input type="text" class="form-control" placeholder="Name"> </div>
                                         </div>
                                         <div class="form-group">
-                                        <label>Choose Member</label>
+                                            <label>Choose Member</label>
                                             <div class="row">
 
                                                 <div class="col-md-12">
@@ -825,16 +834,16 @@
                         </div>
                         <!-- /.modal-content -->
                     </div>
-                                            <!-- /.modal-dialog -->
+                    <!-- /.modal-dialog -->
                 </div>
                 <div class="modal fade" id="member" tabindex="-1" role="member" style="z-index:999999;" aria-hidden="true">
                     <div class="modal-dialog">
                         <div class="modal-content">
-                            <div class="modal-body"> 	
+                            <div class="modal-body">
                                 <form role="form">
                                     <div class="form-body">
                                         <div class="form-group">
-                                        <label>Choose Member</label>
+                                            <label>Choose Member</label>
                                             <div class="row">
 
                                                 <div class="col-md-12">
@@ -901,687 +910,753 @@
                     <!-- /.modal-dialog -->
                 </div>
                 <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
-                    <div class="portlet-body" >
-                       <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <div class="form-body">
-                                    <div class="form-group"> 
+                    <div class="portlet-body">
+                        <div class="modal-dialog">
+                            <div class="modal-content">
+                                <div class="modal-body">
+                                    <div class="form-body">
+                                        <div class="form-group">
+
+                                            <!-- PERSONAL INFO TAB -->
+                                            <div align="center">
+                                                <div class="profile-userpic">
+                                                    <img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt="" style="width:200px;height:200px;"> </div>
+                                                <br/>
+                                                <a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
+                                                <a class="btn btn-primary btn-follow float:right" data-toggle="modal" id="share" href="#member"> Share to Friend</a>
+                                            </div>
+
+                                            <div class="tab-pane active" id="tab_1_1">
+                                                <form role="form" action="#">
+                                                    <table style="width:100%">
+                                                        <form action="#" class="form-horizontal form-row-seperated">
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">First Name </label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: Syed </label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Last Name </label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: Amir</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Phone No </label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: 0142536987</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Email</label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: amirleader@gmail.com</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Position</label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: Sales</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Interests</label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: Design</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                            <tr>
+                                                                <div class="form-group">
+                                                                    <td>
+                                                                        <label class="control-label">Occupation</label>
+                                                                    </td>
+                                                                    <td>
+                                                                        <label class="control-label">: Forwarder</label>
+                                                                    </td>
+                                                                </div>
+                                                            </tr>
+                                                        </form>
+                                                    </table>
+                                                </form>
+                                            </div>
 
-                                        <!-- PERSONAL INFO TAB -->
-                                        <div align="center">
-                                        <div class="profile-userpic">
-                                        <img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt="" style="width:200px;height:200px;"> </div>
-                                        <br/>
-                                             <a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
-                                            <a class="btn btn-primary btn-follow float:right" data-toggle="modal" id="share" href="#member"> Share to Friend</a>
                                         </div>
-
-                                        <div class="tab-pane active" id="tab_1_1">
-                                            <form role="form" action="#">
-                                                <table style="width:100%">
-                                                <form action="#" class="form-horizontal form-row-seperated">
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td> <label class="control-label">First Name  </label></td>
-                                                    <td><label class="control-label">: Syed </label></td>
-                                                </div>
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Last Name </label></td>
-                                                    <td><label class="control-label">: Amir</label></td>
-                                                </div> 
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Phone No </label></td>
-                                                    <td><label class="control-label">: 0142536987</label></td>
-                                                </div>
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Email</label></td>
-                                                    <td><label class="control-label">: amirleader@gmail.com</label></td>
-                                                </div> 
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Position</label></td>
-                                                    <td><label class="control-label">: Sales</label></td>
-                                                </div> 
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Interests</label></td>
-                                                    <td><label class="control-label">: Design</label></td>
-                                                </div>
-                                                </tr>
-                                                <tr>
-                                                <div class="form-group">
-                                                    <td><label class="control-label">Occupation</label></td>
-                                                    <td><label class="control-label">: Forwarder</label></td>
-                                                </div>  
-                                                </tr>
-                                                    </form>
-                                                </table>
-                                            </form>
-                                        </div>
-
                                     </div>
                                 </div>
                             </div>
-                           </div>
-                        </div>
                         </div>
                     </div>
+                </div>
                 <!-- Modal -->
-                 <div class="modal fade in " id="decision" 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="caption">
-                                            <h3><i class='fa fa-question'></i> Decision Making</h3>
-										</div>
-									</div>
-									<div class="modal-body"> 
-                                            <div class="portlet light bordered">
-                                                   
-                                                    <div class="portlet-body">
-                                                        <div class="row static-info">
-                                                            <div class="col-md-5 name">Title </div>
-                                                            <div class="col-md-7 value"> <input type="text" class="form-control">
-                                                            </div>
-                                                        </div>
-                                                        <div class="row static-info">
-                                                            <div class="col-md-5 name"> Details </div>
-                                                            <div class="col-md-7 value"> 
-                                                                <textarea class="form-control" rows="3"></textarea></div>
-                                                        </div>
-                                                        <div class="row static-info">
-                                                            <div class="col-md-5 name">Photo
-                                                            </div>
-                                                            <div class="col-md-5 name"> 
-                                                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
-                                                                    <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
-                                                                </div>
-                                                                <span class="fileinput-new"></span>
-                                                                <span class="fileinput-exists"></span>
-                                                                <input type="file" name="...">
-                                                            </div>
-                                                        </div>
-                                                        <div class="modal-footer">
-                                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
-                                                                <button type="button" class="btn green">Sent</button>
-                                                            </div>
+                <div class="modal fade in " id="decision" 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="caption">
+                                    <h3><i class='fa fa-question'></i> Decision Making</h3>
+                                </div>
+                            </div>
+                            <div class="modal-body">
+                                <div class="portlet light bordered">
+
+                                    <div class="portlet-body">
+                                        <div class="row static-info">
+                                            <div class="col-md-5 name">Title </div>
+                                            <div class="col-md-7 value">
+                                                <input type="text" class="form-control">
+                                            </div>
+                                        </div>
+                                        <div class="row static-info">
+                                            <div class="col-md-5 name"> Details </div>
+                                            <div class="col-md-7 value">
+                                                <textarea class="form-control" rows="3"></textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row static-info">
+                                            <div class="col-md-5 name">Photo
+                                            </div>
+                                            <div class="col-md-5 name">
+                                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                    <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
+                                                </div>
+                                                <span class="fileinput-new"></span>
+                                                <span class="fileinput-exists"></span>
+                                                <input type="file" name="...">
+                                            </div>
+                                        </div>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                            <button type="button" class="btn green">Sent</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="modal fade in" id="move" 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="caption">
+                                    <i class="fa fa-gift"></i>Move File
+                                </div>
+                            </div>
+                            <div class="modal-body">
+                                <div class="form">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <div class="form-group">
+                                                <label>Folder</label>
+                                                <select id="folder" class="form-control" onchange="show_hide(this);">
+                                                    <option>Select / Create New Folder</option>
+                                                    <option value="issue1">Documents</option>
+                                                    <option value="issue2">Images</option>
+                                                    <option value="sound">Sounds</option>
+                                                    <option value="oth">Others</option>
+                                                    <option value="create">Create New</option>
+                                                </select>
+                                            </div>
+                                            <div class="form-group" id="folder_name" style="display: none">
+                                                <label>Folder Name</label>
+                                                <input type="text" class="form-control">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                <button type="button" class="btn green" data-dismiss="modal">Move</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-lg">
+                        <div class="modal-content">
+
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal">✕</button>
+                                <h4 class="modal-title" id="myModalLabel">File Manager</h4>
+                            </div>
+
+                            <div class="modal-body">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <div class="col-md-4">
+                                            <div class="btn-group ">
+                                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                                    <span class="glyphicon glyphicon-plus-sign"></span>File Type
+                                                    <span class="caret"></span>
+                                                </a>
+                                                <ul class="dropdown-menu">
+                                                    <li><a href="#">Documents</a>
+                                                    </li>
+                                                    <li><a href="#">Images</a>
+                                                    </li>
+                                                    <li><a href="#">Sounds</a>
+                                                    </li>
+                                                    <li><a href="#">Others</a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="col-md-4">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control" placeholder="Search" name="q">
+                                                <div class="input-group-btn">
+                                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i>
+                                                    </button>
                                                 </div>
                                             </div>
-                                    </div>
-																	
-								</div>
-							</div>
-						</div>  
-				<div class="modal fade in" id="move" 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="caption">
-                                            <i class="fa fa-gift"></i>Move File
-										</div>
-									</div>
-									<div class="modal-body"> 
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="form-group">
-														<label>Folder</label>
-														<select id="folder" class="form-control"  onchange="show_hide(this);">
-															<option>Select / Create New Folder</option>
-															<option value="issue1">Documents</option>
-															<option value="issue2">Images</option>
-															<option value="sound">Sounds</option>
-															<option value="oth">Others</option>
-															<option value="create">Create New</option>
-														</select>
-													</div>
-													<div class="form-group" id="folder_name" style="display: none">
-														<label>Folder Name</label>
-														<input type="text" class="form-control">
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="modal-footer">
-										<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
-										<button type="button" class="btn green" data-dismiss="modal">Move</button>
-									</div>
-								</div>
-							</div>
-						</div>
-    <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-            
-                <div class="modal-header">
-                 <button type="button" class="close" data-dismiss="modal">✕</button>
-                    <h4 class="modal-title" id="myModalLabel">File Manager</h4>    
-                </div>
-                    
-                <div class="modal-body">
-                    <div class="row">
-                    <div class="col-md-12">
-                        <div class="col-md-4">
-                                <div class="btn-group ">
-                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
-                                <span class="glyphicon glyphicon-plus-sign"></span>File Type
-                                <span class="caret"></span>
-                                </a>
-                                <ul class="dropdown-menu">
-                                <li><a href="#">Documents</a></li>
-                                <li><a href="#">Images</a></li>
-                                <li><a href="#">Sounds</a></li>
-                                <li><a href="#">Others</a></li>
-                                </ul>
-                                </div>
-                        </div>
-                        <br/>
-                         <div class="col-md-4">
-							<div class="input-group">
-								<input type="text" class="form-control" placeholder="Search" name="q">
-								<div class="input-group-btn">
-                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
-								</div>
-							</div>
-						</div>
-                        
-                        <div class="col-md-4">
-                        <div class="pull-right"> 
-                            <button class="btn btn-default">
-                                <span class="glyphicon glyphicon-refresh"></span>
-                            </button>
-                            <a class="btn btn-default" href='#move' data-toggle='modal'>
-                                <span class="glyphicon glyphicon-move"></span>
-                            </a>
-                                <div class="btn-group">
-                                <button id="list"  type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
-                                </button>
-                                <button id="thumbnail" type="button" class="btn btn-default">  <span class="glyphicon glyphicon-th"></span>
-                                </button>
-                                </div>
-                                 <div class="btn-group ">
-                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                        </div>
+
+                                        <div class="col-md-4">
+                                            <div class="pull-right">
+                                                <button class="btn btn-default">
+                                                    <span class="glyphicon glyphicon-refresh"></span>
+                                                </button>
+                                                <a class="btn btn-default" href='#move' data-toggle='modal'>
+                                                    <span class="glyphicon glyphicon-move"></span>
+                                                </a>
+                                                <div class="btn-group">
+                                                    <button id="list" type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
+                                                    </button>
+                                                    <button id="thumbnail" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-th"></span>
+                                                    </button>
+                                                </div>
+                                                <div class="btn-group ">
+                                                    <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
                                 Sort
                                 <span class="caret"></span>
                                 </a>
-                                <ul class="dropdown-menu">
-                                <li><a href="#">ID</a></li>
-                                <li><a href="#">Title</a></li>
-                                <li><a href="#">Date</a></li>
-                                </ul>
+                                                    <ul class="dropdown-menu">
+                                                        <li><a href="#">ID</a>
+                                                        </li>
+                                                        <li><a href="#">Title</a>
+                                                        </li>
+                                                        <li><a href="#">Date</a>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-12">
+                                        <div class="col-md-3">
+                                            <div class="row">
+                                                <div class="col-md-9">
+                                                    <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                                        <h4 class="sbold">Drop files here or click to upload</h4>
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div id="thumbnails" class="col-md-9">
+                                            <div data-code="example-2">
+                                                <div class="row">
+                                                    <div class="col-md-10" style="float: none;	margin: 0 auto;">
+                                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
+                                                            <h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=253" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
+                                                            </a>
+                                                        </div>
+                                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=255" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=256" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
+                                                            </a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-9" id="lists" style="display:none;">
+                                            <table class="table table-hover" id="example2" style="height:300px">
+
+                                                <thead>
+                                                    <tr>
+                                                        <th>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span>
+                                                            </label>
+                                                        </th>
+                                                        <th>ID</th>
+                                                        <th>Date</th>
+                                                        <th>Title</th>
+                                                        <th class="text-center">Action</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>1</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>2</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>3</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                                </label</td>
+                                                                <td>4</td>
+                                                                <td>2017-08-02 13:45:22</td>
+                                                                <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                                </td>
+                                                                <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                                </td>
+                                                    </tr>
+
+
+                                                </tbody>
+                                            </table>
+                                        </div>
+                                    </div>
                                 </div>
+                            </div>
                         </div>
-                        </div>
-                    </div>
-                    <div class="col-md-12">
-                         <div class="col-md-3">
-                            <div class="row">
-								<div class="col-md-9">
-									<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
-										<h4 class="sbold">Drop files here or click to upload</h4>
-									</form>
-								</div>
-							 </div>
-                        </div>
-                         <div id="thumbnails" class="col-md-9">
-							<div data-code="example-2">
-								<div class="row">
-									<div class="col-md-10" style="float: none;	margin: 0 auto;">
-										<div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
-											<h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
-											</a>
-											<a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
-											</a>
-											<a href="https://unsplash.it/1200/768.jpg?image=253"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
-											</a>
-										</div>
-										<div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
-											<a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
-											</a>
-											<a href="https://unsplash.it/1200/768.jpg?image=255"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
-											</a>
-											<a href="https://unsplash.it/1200/768.jpg?image=256"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-												<img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
-											</a>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="col-md-9" id="lists" style="display:none;">
-                            <table class="table table-hover" id="example2" style="height:300px"> 
-                            
-                                    <thead> 
-                                    <tr>
-                                    <th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
-                                    <th>ID</th>
-                                    <th>Date</th>
-                                    <th>Title</th>
-                                    <th class="text-center">Action</th>
-                                    </tr>
-                                    </thead>
-                                    <tbody>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>1</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>2</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>3</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
-                                    <td>4</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    
-                                   
-                                    </tbody>
-                            </table>
-                        </div>
-                    </div>
                     </div>
                 </div>
+
             </div>
-        </div>
-    </div>
-    
-               </div>
-               <!-- END CONTENT -->
-               <!-- BEGIN QUICK SIDEBAR -->
-               <a href="javascript:;" class="page-quick-sidebar-toggler">
-               <i class="icon-login"></i>
-               </a>
-               <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                  <div class="page-quick-sidebar">
-                     <ul class="nav nav-tabs">
+            <!-- END CONTENT -->
+            <!-- BEGIN QUICK SIDEBAR -->
+            <a href="javascript:;" class="page-quick-sidebar-toggler">
+                <i class="icon-login"></i>
+            </a>
+            <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+                <div class="page-quick-sidebar">
+                    <ul class="nav nav-tabs">
                         <li class="active">
-                           <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> IMPORTER
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> IMPORTER
                            </a>
                         </li>
                         <li>
-                           <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> FORWARDER
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> FORWARDER
                            </a>
                         </li>
-                     </ul>
-                     <div class="tab-content">
+                    </ul>
+                    <div class="tab-content">
                         <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                           <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                              <h3 class="list-heading">Members</h3>
-                              <ul class="media-list list-items">
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Lisa Wongs</h4>
-                                       <div class="media-heading-sub">Admin </div>
-                                    </div>
-                                 </li>
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Bob Nilso</h4>
-                                    </div>
-                                 </li>
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Richard Doe</h4>
-                                    </div>
-                                 </li>
-                              </ul>
-                           </div>
+                            <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                                <h3 class="list-heading">Members</h3>
+                                <ul class="media-list list-items">
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Lisa Wongs</h4>
+                                            <div class="media-heading-sub">Admin </div>
+                                        </div>
+                                    </li>
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Bob Nilso</h4>
+                                        </div>
+                                    </li>
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Richard Doe</h4>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
                         <div class="tab-pane page-quick-sidebar-chat" id="quick_sidebar_tab_2">
-                           <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                              <h3 class="list-heading">Members</h3>
-                              <ul class="media-list list-items">
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Bob Nilso</h4>
-                                       <div class="media-heading-sub">Admin </div>
-                                    </div>
-                                 </li>
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Lisa Wongs</h4>
-                                    </div>
-                                 </li>
-                                 <li class="media">
-                                    <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..." data-toggle="modal" href="#profile">
-                                    <div class="media-body">
-                                       <h4 class="media-heading">Richard Doe</h4>
-                                    </div>
-                                 </li>
-                                 <li align="center">
-                                    <div class="actions">
-                                       <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#member">
-                                       <i class="fa fa-plus"></i> Add </a>
-                                    </div>
-                                 </li>
-                              </ul>
-                           </div>
+                            <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                                <h3 class="list-heading">Members</h3>
+                                <ul class="media-list list-items">
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Bob Nilso</h4>
+                                            <div class="media-heading-sub">Admin </div>
+                                        </div>
+                                    </li>
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Lisa Wongs</h4>
+                                        </div>
+                                    </li>
+                                    <li class="media">
+                                        <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..." data-toggle="modal" href="#profile">
+                                        <div class="media-body">
+                                            <h4 class="media-heading">Richard Doe</h4>
+                                        </div>
+                                    </li>
+                                    <li align="center">
+                                        <div class="actions">
+                                            <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#member">
+                                                <i class="fa fa-plus"></i> Add </a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                     </div>
-                  </div>
-               </div>
-               <!-- END QUICK SIDEBAR -->
+                    </div>
+                </div>
             </div>
-                
-            </div>
-                <a id="download" href="" download hidden></a>
-                
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-               <div class="page-footer-inner">
-                  Copyright &copy; 2017 IZYIM.COM
-                  <div class="scroll-to-top">
-                     <i class="icon-arrow-up"></i>
-                  </div>
-               </div>
-               <!-- END FOOTER -->
-            </div>
-            <!--[if lt IE 9]>
+            <!-- END QUICK SIDEBAR -->
+        </div>
+
+		<a id="download" href="" download hidden></a>
+
+		<!-- END CONTAINER -->
+		<!-- BEGIN FOOTER -->
+		<div class="page-footer">
+			<div class="page-footer-inner">
+				Copyright &copy; 2017 IZYIM.COM
+				<div class="scroll-to-top">
+					<i class="icon-arrow-up"></i>
+				</div>
+			</div>
+			<!-- END FOOTER -->
+		</div>
+    </div>
+    <!--[if lt IE 9]>
             <script src="../assets/global/plugins/respond.min.js"></script>
             <script src="../assets/global/plugins/excanvas.min.js"></script> 
             <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
             <![endif]-->
-            <!-- BEGIN CORE PLUGINS -->
-            <script src="../assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-            <script type="text/javascript" src="../assets/qweqwe/js/jquery.emojipicker.js"></script>
-            <script type="text/javascript" src="../assets/qweqwe/js/jquery.emojis.js"></script>
-            <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-            <!-- END CORE PLUGINS -->
-            <!-- BEGIN PAGE LEVEL PLUGINS -->
-            <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-            <!-- END PAGE LEVEL PLUGINS -->
-            <!-- BEGIN THEME GLOBAL SCRIPTS -->
-            <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-            <!-- END THEME GLOBAL SCRIPTS -->
-            <!-- BEGIN PAGE LEVEL SCRIPTS -->
-            <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
-            <script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
-            <!-- END PAGE LEVEL SCRIPTS -->
-            <!-- BEGIN THEME LAYOUT SCRIPTS -->
-            <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-            <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-            <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-            <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-            <!-- END THEME LAYOUT SCRIPTS -->
-            <script type="text/javascript">
-               $(document).ready(function(e) {
-					if(window.location.search == '?menu=true'){
-						//alert('heiiiii');
-						document.getElementById("without_content").style.display = "";
-						document.getElementById("with_content").style.display = "none";
-						document.getElementById("general_content").style.display = "none";
-						document.getElementById("file_manager").style.display = "none";
-						
-					}else{
-						//alert('hoooo');
-						document.getElementById("without_content").style.display = "none";
-						document.getElementById("with_content").style.display = "";
-						document.getElementById("general_content").style.display = "none";
-						document.getElementById("file_manager").style.display = "";
-					}
-					
-                   $('#create').click(function(e) {
-                       e.preventDefault();
-                       $('#text-custom-trigger').emojiPicker({
-                           width: '320px',
-                           height: '200px',
-                           button: false
-                       });
-                   });
-               
-                   $('#toggle').click(function(e) {
-                       e.preventDefault();
-                       $('#text-custom-trigger').emojiPicker('toggle');
-                   });
-               
-                   $('#destroy').click(function(e) {
-                       e.preventDefault();
-                       $('#text-custom-trigger').emojiPicker('destroy');
-                   })
-               
-                   $("#create").trigger('click');
-				   
-               });
-            </script>
-            <script type="text/javascript">
-			function show_content(){
-						//alert('hoooo');
-						document.getElementById("without_content").style.display = "none";
-						document.getElementById("with_content").style.display = "";
-						document.getElementById("file_manager").style.display = "";
-						document.getElementById("general_content").style.display = "none";
-					}
-			function show_general(){
-						//alert('hoooo');
-						document.getElementById("without_content").style.display = "none";
-						document.getElementById("general_content").style.display = "";
-						document.getElementById("with_content").style.display = "none";
-						document.getElementById("file_manager").style.display = "none";
-					}
-               window.onload = function() {
-                   var elements = getElementsByClassName('editInPlace', '*', document);
-                   for (var i = 0; i < elements.length; i++) {
-                       elements[i].ondblclick = function() {
-                           this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
-                           var textBox = document.createElement('INPUT');
-                           textBox.setAttribute('type', 'text');
-                           textBox.value = this.innerHTML;
-                           textBox.onblur = function() {
-                               var newValue = this.value;
-                               this.parentNode.innerHTML = newValue;
-                               //alert("Your new value: \n\n" + newValue);
-                           }
-               
-                           this.innerHTML = '';
-               
-                           this.appendChild(textBox);
-                       }
-                   }(i);
-               }
-               
-               function getElementsByClassName(className, tag, elm) {
-                   var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
-                   var tag = tag || "*";
-                   var elm = elm || document;
-                   var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
-                   var returnElements = [];
-                   var current;
-                   var length = elements.length;
-                   for (var i = 0; i < length; i++) {
-                       current = elements[i];
-                       if (testClass.test(current.className)) {
-                           returnElements.push(current);
-                       }
-                   }
-                   return returnElements;
-               }
-               $('[data-toggle="popover"]').popover({trigger: 'focus'})
-			   
-            </script>
-			<script src="http://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
-			<script src="../assets/lightbox/dist/ekko-lightbox.js"></script>
-			<script src="http://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.1/anchor.min.js"></script>
-			<script type="text/javascript">
-            $(document).ready(function ($) {
-                // delegate calls to data-toggle="lightbox"
-                $(document).on('click', '[data-toggle="lightbox"]:not([data-gallery="navigateTo"]):not([data-gallery="example-gallery-11"])', function(event) {
-                    event.preventDefault();
-                    return $(this).ekkoLightbox({
-                        onShown: function() {
-                            if (window.console) {
-                                return console.log('Checking our the events huh?');
-                            }
-                        },
-						onNavigate: function(direction, itemIndex) {
-                            if (window.console) {
-                                return console.log('Navigating '+direction+'. Current item: '+itemIndex);
-                            }
-						}
-                    });
-                });
-				var table = $('#example2');
-		
-				var tableWrapper = jQuery('#example2_wrapper');
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script type="text/javascript" src="../assets/qweqwe/js/jquery.emojipicker.js"></script>
+    <script type="text/javascript" src="../assets/qweqwe/js/jquery.emojis.js"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script type="text/javascript">
+        $(document).ready(function(e) {
+            if (window.location.search == '?menu=true') {
+                //alert('heiiiii');
+                document.getElementById("without_content").style.display = "";
+                document.getElementById("with_content").style.display = "none";
+                document.getElementById("general_content").style.display = "none";
+                document.getElementById("file_manager").style.display = "none";
 
-				table.find('.group-checkable').change(function () {
-					var set = jQuery(this).attr("data-set");
-					var checked = jQuery(this).is(":checked");
-					jQuery(set).each(function () {
-						if (checked) {
-							$(this).prop("checked", true);
-							$(this).parents('tr').addClass("active");					
-						} else {
-							$(this).prop("checked", false);
-							$(this).parents('tr').removeClass("active");
-						}				
-					});
-				});
-                
-                 $(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();
-            
-				});
-                
-				table.on('change', 'tbody tr .checkboxes', function () {
-					$(this).parents('tr').toggleClass("active");			
-				});
-                // disable wrapping
-                $(document).on('click', '[data-toggle="lightbox"][data-gallery="example-gallery-11"]', function(event) {
-                    event.preventDefault();
-                    return $(this).ekkoLightbox({
-                        wrapping: false
-                    });
-                });
-
-                //Programmatically call
-                $('#open-image').click(function (e) {
-                    e.preventDefault();
-                    $(this).ekkoLightbox();
-                });
-                $('#open-youtube').click(function (e) {
-                    e.preventDefault();
-                    $(this).ekkoLightbox();
-                });
-
-				// navigateTo
-                $(document).on('click', '[data-toggle="lightbox"][data-gallery="navigateTo"]', function(event) {
-                    event.preventDefault();
-
-                    return $(this).ekkoLightbox({
-                        onShown: function() {
-
-							this.modal().on('click', '.modal-footer a', function(e) {
-
-								e.preventDefault();
-								this.navigateTo(2);
-
-                            }.bind(this));
-
-                        }
-                    });
-                });
-
-
-                /**
-                 * Documentation specific - ignore this
-                 */
-                anchors.options.placement = 'left';
-                anchors.add('h3');
-                $('code[data-code]').each(function() {
-
-                    var $code = $(this),
-                        $pair = $('div[data-code="'+$code.data('code')+'"]');
-
-                    $code.hide();
-                    var text = $code.text($pair.html()).html().trim().split("\n");
-                    var indentLength = text[text.length - 1].match(/^\s+/)
-                    indentLength = indentLength ? indentLength[0].length : 24;
-                    var indent = '';
-                    for(var i = 0; i < indentLength; i++)
-                        indent += ' ';
-                    if($code.data('trim') == 'all') {
-                        for (var i = 0; i < text.length; i++)
-                            text[i] = text[i].trim();
-                    } else  {
-                        for (var i = 0; i < text.length; i++)
-                            text[i] = text[i].replace(indent, '    ').replace('    ', '');
-                    }
-                    text = text.join("\n");
-                    $code.html(text).show();
+            } else {
+                //alert('hoooo');
+                document.getElementById("without_content").style.display = "none";
+                document.getElementById("with_content").style.display = "";
+                document.getElementById("general_content").style.display = "none";
+                document.getElementById("file_manager").style.display = "";
+            }
 
+            $('#create').click(function(e) {
+                e.preventDefault();
+                $('#text-custom-trigger').emojiPicker({
+                    width: '320px',
+                    height: '200px',
+                    button: false
                 });
             });
-			$('#thumbnail').on('click', function() {
-				document.getElementById("thumbnails").style.display = "";
-				document.getElementById("lists").style.display = "none";
-			});
-			$('#list').on('click', function() {
-				document.getElementById("thumbnails").style.display = "none";
-				document.getElementById("lists").style.display = "";
-			});
-			function show_hide(val){
-				var drop_val = val.value;
-				if(drop_val == "create"){
-					document.getElementById("folder_name").style.display = "";
-				}else{
-					document.getElementById("folder_name").style.display = "none";
-				}
-			}
 
-            
-			
-        </script>
-         </body>
-      </html>
\ No newline at end of file
+            $('#toggle').click(function(e) {
+                e.preventDefault();
+                $('#text-custom-trigger').emojiPicker('toggle');
+            });
+
+            $('#destroy').click(function(e) {
+                e.preventDefault();
+                $('#text-custom-trigger').emojiPicker('destroy');
+            })
+
+            $("#create").trigger('click');
+
+        });
+    </script>
+    <script type="text/javascript">
+        function show_content() {
+            //alert('hoooo');
+            document.getElementById("without_content").style.display = "none";
+            document.getElementById("with_content").style.display = "";
+            document.getElementById("file_manager").style.display = "";
+            document.getElementById("general_content").style.display = "none";
+        }
+
+        function show_general() {
+            //alert('hoooo');
+            document.getElementById("without_content").style.display = "none";
+            document.getElementById("general_content").style.display = "";
+            document.getElementById("with_content").style.display = "none";
+            document.getElementById("file_manager").style.display = "none";
+        }
+        window.onload = function() {
+            var elements = getElementsByClassName('editInPlace', '*', document);
+            for (var i = 0; i < elements.length; i++) {
+                elements[i].ondblclick = function() {
+                    this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
+                    var textBox = document.createElement('INPUT');
+                    textBox.setAttribute('type', 'text');
+                    textBox.value = this.innerHTML;
+                    textBox.onblur = function() {
+                        var newValue = this.value;
+                        this.parentNode.innerHTML = newValue;
+                        //alert("Your new value: \n\n" + newValue);
+                    }
+
+                    this.innerHTML = '';
+
+                    this.appendChild(textBox);
+                }
+            }(i);
+        }
+
+        function getElementsByClassName(className, tag, elm) {
+            var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
+            var tag = tag || "*";
+            var elm = elm || document;
+            var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
+            var returnElements = [];
+            var current;
+            var length = elements.length;
+            for (var i = 0; i < length; i++) {
+                current = elements[i];
+                if (testClass.test(current.className)) {
+                    returnElements.push(current);
+                }
+            }
+            return returnElements;
+        }
+        $('[data-toggle="popover"]').popover({
+            trigger: 'focus'
+        })
+    </script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
+    <script src="../assets/lightbox/dist/ekko-lightbox.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.1/anchor.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function($) {
+            // delegate calls to data-toggle="lightbox"
+            $(document).on('click', '[data-toggle="lightbox"]:not([data-gallery="navigateTo"]):not([data-gallery="example-gallery-11"])', function(event) {
+                event.preventDefault();
+                return $(this).ekkoLightbox({
+                    onShown: function() {
+                        if (window.console) {
+                            return console.log('Checking our the events huh?');
+                        }
+                    },
+                    onNavigate: function(direction, itemIndex) {
+                        if (window.console) {
+                            return console.log('Navigating ' + direction + '. Current item: ' + itemIndex);
+                        }
+                    }
+                });
+            });
+            var table = $('#example2');
+
+            var tableWrapper = jQuery('#example2_wrapper');
+
+            table.find('.group-checkable').change(function() {
+                var set = jQuery(this).attr("data-set");
+                var checked = jQuery(this).is(":checked");
+                jQuery(set).each(function() {
+                    if (checked) {
+                        $(this).prop("checked", true);
+                        $(this).parents('tr').addClass("active");
+                    } else {
+                        $(this).prop("checked", false);
+                        $(this).parents('tr').removeClass("active");
+                    }
+                });
+            });
+
+            $(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();
+
+            });
+
+            table.on('change', 'tbody tr .checkboxes', function() {
+                $(this).parents('tr').toggleClass("active");
+            });
+            // disable wrapping
+            $(document).on('click', '[data-toggle="lightbox"][data-gallery="example-gallery-11"]', function(event) {
+                event.preventDefault();
+                return $(this).ekkoLightbox({
+                    wrapping: false
+                });
+            });
+
+            //Programmatically call
+            $('#open-image').click(function(e) {
+                e.preventDefault();
+                $(this).ekkoLightbox();
+            });
+            $('#open-youtube').click(function(e) {
+                e.preventDefault();
+                $(this).ekkoLightbox();
+            });
+
+            // navigateTo
+            $(document).on('click', '[data-toggle="lightbox"][data-gallery="navigateTo"]', function(event) {
+                event.preventDefault();
+
+                return $(this).ekkoLightbox({
+                    onShown: function() {
+
+                        this.modal().on('click', '.modal-footer a', function(e) {
+
+                            e.preventDefault();
+                            this.navigateTo(2);
+
+                        }.bind(this));
+
+                    }
+                });
+            });
+
+
+            /**
+             * Documentation specific - ignore this
+             */
+            anchors.options.placement = 'left';
+            anchors.add('h3');
+            $('code[data-code]').each(function() {
+
+                var $code = $(this),
+                    $pair = $('div[data-code="' + $code.data('code') + '"]');
+
+                $code.hide();
+                var text = $code.text($pair.html()).html().trim().split("\n");
+                var indentLength = text[text.length - 1].match(/^\s+/)
+                indentLength = indentLength ? indentLength[0].length : 24;
+                var indent = '';
+                for (var i = 0; i < indentLength; i++)
+                    indent += ' ';
+                if ($code.data('trim') == 'all') {
+                    for (var i = 0; i < text.length; i++)
+                        text[i] = text[i].trim();
+                } else {
+                    for (var i = 0; i < text.length; i++)
+                        text[i] = text[i].replace(indent, '    ').replace('    ', '');
+                }
+                text = text.join("\n");
+                $code.html(text).show();
+
+            });
+        });
+        $('#thumbnail').on('click', function() {
+            document.getElementById("thumbnails").style.display = "";
+            document.getElementById("lists").style.display = "none";
+        });
+        $('#list').on('click', function() {
+            document.getElementById("thumbnails").style.display = "none";
+            document.getElementById("lists").style.display = "";
+        });
+
+        function show_hide(val) {
+            var drop_val = val.value;
+            if (drop_val == "create") {
+                document.getElementById("folder_name").style.display = "";
+            } else {
+                document.getElementById("folder_name").style.display = "none";
+            }
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/contactlist.html b/public/Forwarder/contactlist.html
index 5664046..188c204 100644
--- a/public/Forwarder/contactlist.html
+++ b/public/Forwarder/contactlist.html
@@ -16,286 +16,286 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Contact List</title> 
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-		<style>
-			div.dt-button-collection {
-				margin-top: 70px;
-			}
-			.filterIcon {
-				height: 10px;
-				width: 10px;
-			}
-			.modalFilter {
-				display: none;
-				height: auto;
-				position: absolute;
-				z-index: 10000001;
-				}
-			.modal-footer {
-				padding: 15px;
-				text-align: left;
-				border-top: 1px solid #e5e5e5;
-			}
-			.dt-buttons{
-			    margin-top: 0px !important;
-				}
-			#mask {
-				display: none;
-				background: transparent;
-				position: fixed;
-				left: 0;
-				top: 0;
-				z-index: 1;
-				width: 100%;
-				height: 100%;
-				opacity: 1000;
-			}
-
-			@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%;
-				}
-			}
-			#example2_filter{
-				float:right;
-			}
-			.col_0{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_1{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_2{
-				width: 50px !important;
-			}
-			.col_3{
-				width: 60px !important;
-			}
-			.col_4{
-				width: 60px !important;
-			}
-			.col_5{
-				width: 60px !important;
-			}
-			.blue{
-			    color: #337ab7;
-				line-height: 14px;
-				-webkit-font-smoothing: antialiased;
-				font: normal normal normal 14px/1 FontAwesome;
-				font-size: 14px;
-				text-rendering: auto;
-				}				
-			.media-object-4 {
-				width: 35px;
-				position: right ;
-				margin-left: 63%;
-				margin-top:0.7%;
-			}
-			.media-object-1 {
-                width: 85px;
-                position: center ;
-                margin-left: 3%;
-                margin-top:0.7%;
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Contact List</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        div.dt-button-collection {
+            margin-top: 70px;
+        }
+        .filterIcon {
+            height: 10px;
+            width: 10px;
+        }
+        .modalFilter {
+            display: none;
+            height: auto;
+            position: absolute;
+            z-index: 10000001;
+        }
+        .modal-footer {
+            padding: 15px;
+            text-align: left;
+            border-top: 1px solid #e5e5e5;
+        }
+        .dt-buttons {
+            margin-top: 0px !important;
+        }
+        #mask {
+            display: none;
+            background: transparent;
+            position: fixed;
+            left: 0;
+            top: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            opacity: 1000;
+        }
+        @media (min-width: 992px) {
+            .page-content-wrapper .page-content {
+                margin-left: 200px;
             }
-		</style>
-	</head>
-    <!-- END HEAD -->
+        }
+        @media (min-width: 992px) {
+            .page-sidebar {
+                width: 200px;
+                float: left;
+                position: relative;
+                margin-right: -100%;
+            }
+        }
+        #example2_filter {
+            float: right;
+        }
+        .col_0 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_1 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_2 {
+            width: 50px !important;
+        }
+        .col_3 {
+            width: 60px !important;
+        }
+        .col_4 {
+            width: 60px !important;
+        }
+        .col_5 {
+            width: 60px !important;
+        }
+        .blue {
+            color: #337ab7;
+            line-height: 14px;
+            -webkit-font-smoothing: antialiased;
+            font: normal normal normal 14px/1 FontAwesome;
+            font-size: 14px;
+            text-rendering: auto;
+        }
+        .media-object-4 {
+            width: 35px;
+            position: right;
+            margin-left: 63%;
+            margin-top: 0.7%;
+        }
+        .media-object-1 {
+            width: 85px;
+            position: center;
+            margin-left: 3%;
+            margin-top: 0.7%;
+        }
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-					
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-							
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-							</li>
-							<hr>
-                            <li class="nav-item  ">
-                                <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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>   
-                            <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>            
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -310,46 +310,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 start active open">
-                                <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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 active open">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -361,7 +356,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
-                                    <a  href="contactlist.html">Contact List</a>
+                                    <a href="contactlist.html">Contact List</a>
                                 </li>
                             </ul>
                         </div>
@@ -369,328 +364,342 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						<div class="row">
-							<div class="col-md-12">
-								<div class="portlet light ">
-									<div class="portlet-title tabbable-line">
-										<ul class="nav nav-tabs">
-											<li class="active">
-												<a href="#tab_1" data-toggle="tab">Contacts</a>
-											</li>
-											<li>
-												<a href="#tab_2" data-toggle="tab">Companies</a>
-											</li>
-										</ul>
-									</div>
-									<div class="portlet-body">
-										<div class="tab-content">
-											<!-- PERSONAL INFO TAB -->
-											<div class="tab-pane active" id="tab_1">
-											
-												<div class="table-container">
-													<table class="table table-striped table-bordered table-hover" id="sample_3">
-														<thead>
-															<tr>
-																<th>
-																	<a href="javascript:;">Profile Picture</a>
-																</th>
-																<th>
-																	<a href="javascript:;">Name</a>
-																</th>
-																<th>
-																	<a href="javascript:;">Phone No.</a>
-																</th>
-															</tr>
-														</thead>
-														<tbody>
-															<tr>
-																<td>
-																	<a href="profile2.html">
-																		<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..."></center>
-																	</a>
-																</td>
-																<td>
-																	
-																		<a href="profilelinda.html">Linda Wong</a>
-																	
-																</td>
-																<td>
-																
-																		<a href="profilelinda.html">0123456789</a>
-																	
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																<a href="profile2.html">
-																	<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..."></center>
-																</td>
-																<td>
-																	
-																		<a href="profile2.html">Edris Karim</a>
-																	
-																</td>
-																<td>
-																	
-																		<a href="profile2.html">0123456789</a>
-																	
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																<a href="profile2.html">
-																	<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="..."></center>
-																</a>
-																</td>
-																<td>
-																	<a href="profile2.html">Azrin Hamidi</a>
-																</td>
-																<td>
-																	<a href="profile2.html">0123456789</a>
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																	<a href="profile2.html">
-																		<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..."></center>
-																	</a>
-																</td>
-																<td>
-																	<a href="profile2.html">Kuhanraj Balan</a>
-																</td>
-																<td>
-																	<a href="profile2.html">0123456789</a>
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																<a href="profile2.html">
-																	<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="..."></center>
-																</a>
-																</td>
-																<td>
-																	<a href="profile2.html">Dia Audia</a>
-																</td>
-																<td>
-																	<a href="profile2.html">0123456789</a>
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																<a href="profile2.html">
-																	<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar5.jpg" alt="..."></center>
-																</a>
-																</td>
-																<td>
-																	<a href="profile2.html;">Belly Goh</a>
-																</td>
-																<td>
-																	<a href="profile2.html">0123456789</a>
-																</td>                                            
-															</tr>
-															<tr>
-																<td>
-																<a href="profile2.html">
-																	<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="..."></center>
-																	</a>
-																</td>
-																<td>
-																	<a href="profile2.html">Zamani Hashim</a>
-																</td>
-																<td>
-																	<a href="profile2.html">0123456789</a>
-																</td>                                            
-															</tr>
-														</tbody>
-													</table>
-												</div>
-											</div>
-											<div class="tab-pane" id="tab_2">
-												<div class="row">
-													<div class="btn-group" style="float:right">
-														<a class="btn red btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
-															<i class="fa fa-share"></i>
-															<span class="hidden-xs"> Actions </span>
-															<i class="fa fa-angle-down"></i>
-														</a>
-														<ul class="dropdown-menu pull-right" id="sample_4_tools">
-															<li>
-																<a href="javascript:;" data-action="0" class="tool-action">
-																	<i class="icon-printer"></i> Print</a>
-															</li>
-															<li>
-																<a href="javascript:;" data-action="1" class="tool-action">
-																	<i class="icon-check"></i> Copy</a>
-															</li>
-															<li>
-																<a href="javascript:;" data-action="2" class="tool-action">
-																	<i class="icon-doc"></i> PDF</a>
-															</li>
-															<li>
-																<a href="javascript:;" data-action="3" class="tool-action">
-																	<i class="icon-paper-clip"></i> Excel</a>
-															</li>
-															<li>
-																<a href="javascript:;" data-action="4" class="tool-action">
-																	<i class="icon-cloud-upload"></i> CSV</a>  
-															</li>
-															<li class="divider"> </li>
-															<li>
-																<a href="javascript:;" data-action="5" class="tool-action">
-																	<i class="icon-refresh"></i> Reload</a>
-															</li>
-															</li>
-														</ul>
-													</div>
-												</div>
-												<br/>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="portlet light ">
+                                    <div class="portlet-title tabbable-line">
+                                        <ul class="nav nav-tabs">
+                                            <li class="active">
+                                                <a href="#tab_1" data-toggle="tab">Contacts</a>
+                                            </li>
+                                            <li>
+                                                <a href="#tab_2" data-toggle="tab">Companies</a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="portlet-body">
+                                        <div class="tab-content">
+                                            <!-- PERSONAL INFO TAB -->
+                                            <div class="tab-pane active" id="tab_1">
+
+                                                <div class="table-container">
+                                                    <table class="table table-striped table-bordered table-hover" id="sample_3">
+                                                        <thead>
+                                                            <tr>
+                                                                <th>
+                                                                    <a href="javascript:;">Profile Picture</a>
+                                                                </th>
+                                                                <th>
+                                                                    <a href="javascript:;">Name</a>
+                                                                </th>
+                                                                <th>
+                                                                    <a href="javascript:;">Phone No.</a>
+                                                                </th>
+                                                            </tr>
+                                                        </thead>
+                                                        <tbody>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+
+                                                                    <a href="profilelinda.html">Linda Wong</a>
+
+                                                                </td>
+                                                                <td>
+
+                                                                    <a href="profilelinda.html">0123456789</a>
+
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                                                        </center>
+                                                                </td>
+                                                                <td>
+
+                                                                    <a href="profile2.html">Edris Karim</a>
+
+                                                                </td>
+                                                                <td>
+
+                                                                    <a href="profile2.html">0123456789</a>
+
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">Azrin Hamidi</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">0123456789</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">Kuhanraj Balan</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">0123456789</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">Dia Audia</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">0123456789</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar5.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html;">Belly Goh</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">0123456789</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="profile2.html">
+                                                                        <center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">Zamani Hashim</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="profile2.html">0123456789</a>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                            </div>
+                                            <div class="tab-pane" id="tab_2">
+                                                <div class="row">
+                                                    <div class="btn-group" style="float:right">
+                                                        <a class="btn red btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
+                                                            <i class="fa fa-share"></i>
+                                                            <span class="hidden-xs"> Actions </span>
+                                                            <i class="fa fa-angle-down"></i>
+                                                        </a>
+                                                        <ul class="dropdown-menu pull-right" id="sample_4_tools">
+                                                            <li>
+                                                                <a href="javascript:;" data-action="0" class="tool-action">
+                                                                    <i class="icon-printer"></i> Print</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;" data-action="1" class="tool-action">
+                                                                    <i class="icon-check"></i> Copy</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;" data-action="2" class="tool-action">
+                                                                    <i class="icon-doc"></i> PDF</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;" data-action="3" class="tool-action">
+                                                                    <i class="icon-paper-clip"></i> Excel</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;" data-action="4" class="tool-action">
+                                                                    <i class="icon-cloud-upload"></i> CSV</a>
+                                                            </li>
+                                                            <li class="divider"> </li>
+                                                            <li>
+                                                                <a href="javascript:;" data-action="5" class="tool-action">
+                                                                    <i class="icon-refresh"></i> Reload</a>
+                                                            </li>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>
+                                                <br/>
+
+                                                <div class="table-container">
+                                                    <table class="table table-striped table-bordered table-hover" id="sample_4">
+                                                        <thead>
+                                                            <tr>
+                                                                <th>
+                                                                    <a href="javascript:;">Company Logo</a>
+                                                                </th>
+                                                                <th>
+                                                                    <a href="javascript:;">Company Name</a>
+                                                                </th>
+                                                                <th>
+                                                                    <a href="javascript:;">Contact Person</a>
+                                                                </th>
+                                                            </tr>
+                                                        </thead>
+                                                        <tbody>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="team2.html">
+                                                                        <center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp1.png" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Alpha Shipping Co</a>
+                                                                    </h3>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Linda Wong</a>
+                                                                    </h3>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="team2.html">
+                                                                        <center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp2.png" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Maersk Sdn Bhd</a>
+                                                                    </h3>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Edris Karim</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="team2.html">
+                                                                        <center><img style="width:60px" class="media-object-1" src="../assets/layouts/layout/img/comp3.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Msco Sdn Bhd</a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Azrin Hamidi</a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="team2.html">
+                                                                        <center><img style="width:80px" class="media-object-1" src="../assets/layouts/layout/img/comp4.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Cosco Sdn Bhd</a>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Kuhanraj Balan</a>
+                                                                    </a>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>
+                                                                    <a href="team2.html">
+                                                                        <center><img class="media-object-1" src="../assets/layouts/layout/img/comp5.jpg" alt="...">
+                                                                        </center>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Deep Sea Shipping Logistic Sdn Bhd</a>
+                                                                    </a>
+                                                                </td>
+                                                                <td>
+                                                                    <a href="team2.html">Dia Audia</a>
+                                                                    </a>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
 
-												<div class="table-container">
-													<table class="table table-striped table-bordered table-hover" id="sample_4">
-														<thead>
-															<tr>
-																<th>
-																	<a href="javascript:;">Company Logo</a>
-																</th>
-																<th>
-																	<a href="javascript:;">Company Name</a>
-																</th>
-																<th>
-																	<a href="javascript:;">Contact Person</a>
-																</th>
-															</tr>
-														</thead>
-														<tbody>
-															<tr>
-															<td>
-															<a href="team2.html">
-															   <center><img  style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp1.png" alt="..."></center>
-														   </a>
-															</td>
-															<td>
-																<a href="team2.html">Alpha Shipping Co</a>
-																</h3>
-															</td>
-															<td>
-																<a href="team2.html">Linda Wong</a>
-																</h3>
-															</td>                                            
-														</tr>
-														<tr>
-															<td>
-															<a href="team2.html">
-																<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp2.png" alt="..."></center>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Maersk Sdn Bhd</a>
-																</h3>
-															</td>
-															<td>
-																<a href="team2.html">Edris Karim</a>
-															</td>                                            
-														</tr>
-														<tr>
-															<td>
-															<a href="team2.html">
-																<center><img  style="width:60px" class="media-object-1" src="../assets/layouts/layout/img/comp3.jpg" alt="..."></center>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Msco Sdn Bhd</a>
-															</td>
-															<td>
-																<a href="team2.html">Azrin Hamidi</a>
-															</td>                                            
-														</tr>
-														<tr>
-															<td>
-																<a href="team2.html">
-																	<center><img  style="width:80px" class="media-object-1" src="../assets/layouts/layout/img/comp4.jpg" alt="..."></center>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Cosco Sdn Bhd</a>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Kuhanraj Balan</a>
-																</a>
-															</td>                                            
-														</tr>
-														<tr>
-															<td>
-															<a href="team2.html">
-																<center><img  class="media-object-1" src="../assets/layouts/layout/img/comp5.jpg" alt="..."></center>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Deep Sea Shipping Logistic Sdn Bhd</a>
-																</a>
-															</td>
-															<td>
-																<a href="team2.html">Dia Audia</a>
-																</a>
-															</td>                                            
-														</tr>
-														</tbody>
-													</table>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-		
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
                 <!-- END CONTENT -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
             </div>
             <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <script src="../assets/pages/scripts/table-datatables-buttons.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->        
-	 
-    </body>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/table-datatables-buttons.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
 
-</html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/custom.html b/public/Forwarder/custom.html
index a1a21cc..8189304 100644
--- a/public/Forwarder/custom.html
+++ b/public/Forwarder/custom.html
@@ -1,289 +1,289 @@
 <!DOCTYPE html>
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Custom Declaration Document</title> 
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <style>
-            div.dt-button-collection {
-                margin-top: 70px;
-            }
-            .table td, .table th {
-                font-size: 10px;
-                text-align:center;
-                vertical-align: middle;
-            }
-            .dataTables_wrapper .dataTables_filter {
-                float: left;
-                text-align: right;
-            }
-            .table thead tr th{
-                font-size: 10px;
-                text-align:center;
-                vertical-align: middle;
-            }
-            .filterIcon {
-                height: 10px;
-                width: 10px;
-            }
-            .modalFilter {
-                display: none;
-                height: auto;
-                position: absolute;
-                z-index: 10000001;
-                }
-            .modal-footer {
-                padding: 15px;
-                text-align: left;
-                border-top: 1px solid #e5e5e5;
-            }
-            .dt-buttons{
-                margin-top: 0px !important;
-                }
-            #mask {
-                display: none;
-                background: transparent;
-                position: fixed;
-                left: 0;
-                top: 0;
-                z-index: 1;
-                width: 100%;
-                height: 100%;
-                opacity: 1000;
-            }
-
-            @media (min-width: 992px) {
-                .page-content-wrapper .page-content {
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Custom Declaration Document</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <style>
+        div.dt-button-collection {
+            margin-top: 70px;
+        }
+        .table td,
+        .table th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .dataTables_wrapper .dataTables_filter {
+            float: left;
+            text-align: right;
+        }
+        .table thead tr th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .filterIcon {
+            height: 10px;
+            width: 10px;
+        }
+        .modalFilter {
+            display: none;
+            height: auto;
+            position: absolute;
+            z-index: 10000001;
+        }
+        .modal-footer {
+            padding: 15px;
+            text-align: left;
+            border-top: 1px solid #e5e5e5;
+        }
+        .dt-buttons {
+            margin-top: 0px !important;
+        }
+        #mask {
+            display: none;
+            background: transparent;
+            position: fixed;
+            left: 0;
+            top: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            opacity: 1000;
+        }
+        @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%;
-                }
+        }
+        @media (min-width: 992px) {
+            .page-sidebar {
+                width: 200px;
+                float: left;
+                position: relative;
+                margin-right: -100%;
             }
-            #example2_filter{
-                float:right;
-            }
-            .col_0{
-                width: 50px !important;
-                padding-right: 0px !important;
-                padding-left: 0px !important;
-            }
-            .col_1{
-                width: 50px !important;
-                padding-right: 0px !important;
-                padding-left: 0px !important;
-            }
-            .col_2{
-                width: 50px !important;
-            }
-            .col_3{
-                width: 60px !important;
-            }
-            .col_4{
-                width: 60px !important;
-            }
-            .col_5{
-                width: 60px !important;
-            }
-            .blue{
-                color: #337ab7;
-                line-height: 14px;
-                -webkit-font-smoothing: antialiased;
-                font: normal normal normal 14px/1 FontAwesome;
-                font-size: 14px;
-                text-rendering: auto;
-                }               
-            .media-object-4 {
-                width: 35px;
-                position: right ;
-                margin-left: 63%;
-                margin-top:0.7%;
-            }
-            
-        </style>
-    </head>
-    <!-- END HEAD -->
+        }
+        #example2_filter {
+            float: right;
+        }
+        .col_0 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_1 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_2 {
+            width: 50px !important;
+        }
+        .col_3 {
+            width: 60px !important;
+        }
+        .col_4 {
+            width: 60px !important;
+        }
+        .col_5 {
+            width: 60px !important;
+        }
+        .blue {
+            color: #337ab7;
+            line-height: 14px;
+            -webkit-font-smoothing: antialiased;
+            font: normal normal normal 14px/1 FontAwesome;
+            font-size: 14px;
+            text-rendering: auto;
+        }
+        .media-object-4 {
+            width: 35px;
+            position: right;
+            margin-left: 63%;
+            margin-top: 0.7%;
+        }
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                     <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
-                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                       
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-                            <li>
-                                <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-                            </li>
-                            <hr>
-                            <li class="nav-item  ">
-                                <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">
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>                  
-                            <li class="nav-item start active open">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item active open">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>         
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -298,46 +298,41 @@
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -349,7 +344,7 @@
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
-                                    <a  href="deliveryarrange.html">Custom Declaration Document</a>
+                                    <a href="deliveryarrange.html">Custom Declaration Document</a>
                                 </li>
                             </ul>
                         </div>
@@ -357,9 +352,9 @@
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-                        
+
                         <!-- CONTENT -->
-                        
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -369,7 +364,7 @@
                                             <i class="fa fa-cogs"></i><strong>Custom Declaration Document</strong> </div>
                                         <div class="actions">
                                             <div class="btn-group" style="display:none">
-                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal" > Custom Declaration Document<
+                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal"> Custom Declaration Document<
                                                 </a>
                                             </div>
                                             <div class="btn-group">
@@ -378,7 +373,7 @@
                                                     <span class="hidden-xs"> Actions </span>
                                                     <i class="fa fa-angle-down"></i>
                                                 </a>
-                                                
+
                                                 <ul class="dropdown-menu pull-right" id="sample_3_tools">
                                                     <li>
                                                         <a href="javascript:;" data-action="0" class="tool-action">
@@ -410,18 +405,18 @@
                                         </div>
                                     </div>
                                     <div class="portlet-body">
-                                    
+
                                         <div class="table-container">
-                                        
+
                                             <div id="mask"></div>
                                             <!-- <span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span> -->
                                             <table id="example" class="table table-striped table-bordered table-hover order-column"></table>
-                                            
+
                                         </div>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
-                            </div>                          
+                            </div>
                         </div>
                         <!-- END CONTENT -->
                         <div class="modal fade modal-scroll bs-modal-lg in" id="form_delivery" tabindex="-1" role="basic" aria-hidden="true">
@@ -429,288 +424,347 @@
                                 <div class="modal-content">
                                     <div class="modal-header" style="background-color: #3598dc">
                                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-                                        
+
                                         <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
-                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Custom Declaration 
+                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Custom Declaration
                                         </div>
                                     </div>
 
                                     <div class="row">
-                                    <div class="col-md-12">
-                                    <div class="portlet light bordered" id="form_wizard_1">
-                                    
-                                    <div class="portlet-body form">
-                                        <form class="form-horizontal" action="#" id="submit_form" method="POST">
-                                            <div class="form-wizard">
-                                                <div class="form-body">
-                                                    <ul class="nav nav-pills nav-justified steps">
-                                                        <li>
-                                                            <a href="#tab1" data-toggle="tab" class="step">
-                                                                <span class="number"> 1 </span>
-                                                                <span class="desc">
+                                        <div class="col-md-12">
+                                            <div class="portlet light bordered" id="form_wizard_1">
+
+                                                <div class="portlet-body form">
+                                                    <form class="form-horizontal" action="#" id="submit_form" method="POST">
+                                                        <div class="form-wizard">
+                                                            <div class="form-body">
+                                                                <ul class="nav nav-pills nav-justified steps">
+                                                                    <li>
+                                                                        <a href="#tab1" data-toggle="tab" class="step">
+                                                                            <span class="number"> 1 </span>
+                                                                            <span class="desc">
                                                                     <i class="fa fa-check"></i> Shipping Order</span>
-                                                            </a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="#tab2" data-toggle="tab" class="step">
-                                                                <span class="number"> 2 </span>
-                                                                <span class="desc">
+                                                                        </a>
+                                                                    </li>
+                                                                    <li>
+                                                                        <a href="#tab2" data-toggle="tab" class="step">
+                                                                            <span class="number"> 2 </span>
+                                                                            <span class="desc">
                                                                     <i class="fa fa-check"></i> Custom Details<br>  </span>
-                                                            </a>
-                                                        </li>
-                                                    </ul><div id="bar" class="progress progress-striped" role="progressbar">
-                                                        <div class="progress-bar progress-bar-success"> </div>
-                                                    </div>
-                                                    <div class="progress-bar progress-bar-success"> </div>
-                                                    </div>
-                                                    <div class="tab-content">
-                                                        <div class="alert alert-danger display-none">
-                                                            <button class="close" data-dismiss="alert"></button> You have some form errors. Please check below. </div>
-                                                        <div class="alert alert-success display-none">
-                                                            <button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
-                                                        <div class="tab-pane active" id="tab1">
-                                                           <div class="col-md-13">
-                                    
-                                        
-                                            <div class="caption">
-                                                <i class="icon-social-dribbble font-green hide"></i>
-                                                <span class="caption-subject font-dark bold uppercase">Select Shipping Order</span>
-                                            </div>
-                                      
-                                        <div class="portlet-body">
-                                            <div style="margin-top:60px" class="form-group">
-                                                    <label for="so" class="col-md-2 control-label">Shipping Order</label>
-                                                                                               <div class="col-md-10">
-																									<div class="input-group select2-bootstrap-append">
-																										<select id="multi-append" class="form-control select2" multiple>
-																											<option></option>
-																											<option value="000">00012 </option>
-																											<option value="001">00114</option> 
-																											<option value="002">00216</option>
-																											<option value="004">00418</option>
-																											<option value="006">00624</option>
-																											<option value="183">18332</option>
-																											<option value="187">18742</option>
-																											<option value="197">19745</option>
-																											<option value="256">25654</option>
-																											<option value="287">28782</option>
-																											<option value="348">34829</option>
-																											<option value="368">36894</option>
-																											<option value="380">38090</option>
-																											<option value="426">42679</option>
-																											<option value="448">44895</option>
-																											<option value="468">46894</option>
-																											<option value="489">48939</option>
-																											<option value="578">57839</option>
-                                                </select>
-                                                <span class="input-group-btn">
+                                                                        </a>
+                                                                    </li>
+                                                                </ul>
+                                                                <div id="bar" class="progress progress-striped" role="progressbar">
+                                                                    <div class="progress-bar progress-bar-success"> </div>
+                                                                </div>
+                                                                <div class="progress-bar progress-bar-success"> </div>
+                                                            </div>
+                                                            <div class="tab-content">
+                                                                <div class="alert alert-danger display-none">
+                                                                    <button class="close" data-dismiss="alert"></button> You have some form errors. Please check below. </div>
+                                                                <div class="alert alert-success display-none">
+                                                                    <button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
+                                                                <div class="tab-pane active" id="tab1">
+                                                                    <div class="col-md-13">
+
+
+                                                                        <div class="caption">
+                                                                            <i class="icon-social-dribbble font-green hide"></i>
+                                                                            <span class="caption-subject font-dark bold uppercase">Select Shipping Order</span>
+                                                                        </div>
+
+                                                                        <div class="portlet-body">
+                                                                            <div style="margin-top:60px" class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Shipping Order</label>
+                                                                                <div class="col-md-10">
+                                                                                    <div class="input-group select2-bootstrap-append">
+                                                                                        <select id="multi-append" class="form-control select2" multiple>
+                                                                                            <option></option>
+                                                                                            <option value="000">00012 </option>
+                                                                                            <option value="001">00114</option>
+                                                                                            <option value="002">00216</option>
+                                                                                            <option value="004">00418</option>
+                                                                                            <option value="006">00624</option>
+                                                                                            <option value="183">18332</option>
+                                                                                            <option value="187">18742</option>
+                                                                                            <option value="197">19745</option>
+                                                                                            <option value="256">25654</option>
+                                                                                            <option value="287">28782</option>
+                                                                                            <option value="348">34829</option>
+                                                                                            <option value="368">36894</option>
+                                                                                            <option value="380">38090</option>
+                                                                                            <option value="426">42679</option>
+                                                                                            <option value="448">44895</option>
+                                                                                            <option value="468">46894</option>
+                                                                                            <option value="489">48939</option>
+                                                                                            <option value="578">57839</option>
+                                                                                        </select>
+                                                                                        <span class="input-group-btn">
                                                     <button class="btn btn-default" type="button" data-select2-open="multi-append">
                                                         <span class="glyphicon glyphicon-search"></span>
-                                                    </button>
-                                                </span>
-                                            </div>
+                                                                                        </button>
+                                                                                        </span>
+                                                                                    </div>
 
+                                                                                </div>
+                                                                                <div class="col-md-6">
+                                                                                    <div style="margin-top:30px" class="form-group">
+                                                                                        <label class="control-label col-md-4" style="font-size: 100%">Exporter Name</label>
+                                                                                        <div class="col-md-7">
+                                                                                            <input type="text" class="form-control">
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </div>
                                                                             </div>
-                                                                            <div class="col-md-6">
-                                                                        <div style="margin-top:30px" class="form-group">
-                                                                            <label class="control-label col-md-4" style="font-size: 100%">Exporter Name</label>
-                                                                            <div class="col-md-7">
-                                                                                <input type="text" class="form-control">
+
+                                                                        </div>
+
+                                                                        <div class="form-actions">
+
+                                                                            <div class="col-md-offset-5 col-md-9">
+                                                                                <a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
+
                                                                             </div>
                                                                         </div>
                                                                     </div>
-                                                                                       </div>
+                                                                </div>
+
+                                                                <div class="tab-pane" id="tab2">
+                                                                    <div class="portlet-body">
+                                                                        <table style="font-size: 50%" class="table table-striped table-bordered table-hover" id="sample_editable_1">
+                                                                            <thead>
+                                                                                <tr>
+                                                                                    <th scope="col">No</th>
+                                                                                    <th scope="col">HS Code</th>
+                                                                                    <th scope="col">Product
+                                                                                        <br>Discription</th>
+                                                                                    <th scope="col">Product
+                                                                                        <br>Details</th>
+                                                                                    <th scope="col">Quantity</th>
+                                                                                    <th scope="col">UOM</th>
+                                                                                    <th scope="col">Price</th>
+                                                                                    <th scope="col">Actions</th>
+                                                                                </tr>
+                                                                            </thead>
+
+                                                                            <tbody>
+                                                                                <tr>
+                                                                                    <td>1</td>
+                                                                                    <td contenteditable="true"></td>
+                                                                                    <td contenteditable="true">Television</td>
+                                                                                    <td contenteditable="true">100 Volt</td>
+                                                                                    <td contenteditable="true">2</td>
+                                                                                    <td contenteditable="true">Pallets</td>
+                                                                                    <td contenteditable="true">RM 20000</td>
+                                                                                    <td>
+                                                                                        <center>
+                                                                                            <div class='btn-group'>
+                                                                                                <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                                                </button>
+                                                                                                <ul class='dropdown-menu'>
+                                                                                                    <li><a href='#'> View </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Edit </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Cancel </a>
+                                                                                                    </li>
+                                                                                                </ul>
+                                                                                            </div>
+                                                                                            <br/>
+                                                                                        </center>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>2</td>
+                                                                                    <td contenteditable="true"></td>
+                                                                                    <td contenteditable="true">Radio</td>
+                                                                                    <td contenteditable="true">50 Volt</td>
+                                                                                    <td contenteditable="true">5</td>
+                                                                                    <td contenteditable="true">Packages</td>
+                                                                                    <td contenteditable="true">RM 2000</td>
+                                                                                    <td>
+                                                                                        <center>
+                                                                                            <div class='btn-group'>
+                                                                                                <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                                                </button>
+                                                                                                <ul class='dropdown-menu'>
+                                                                                                    <li><a href='#'> View </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Edit </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Cancel </a>
+                                                                                                    </li>
+                                                                                                </ul>
+                                                                                            </div>
+                                                                                            <br/>
+                                                                                        </center>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>3</td>
+                                                                                    <td contenteditable="true"></td>
+                                                                                    <td contenteditable="true">Handphone</td>
+                                                                                    <td contenteditable="true">50 Volt</td>
+                                                                                    <td contenteditable="true">2</td>
+                                                                                    <td contenteditable="true">Carton</td>
+                                                                                    <td contenteditable="true">RM 9000</td>
+                                                                                    <td>
+                                                                                        <center>
+                                                                                            <div class='btn-group'>
+                                                                                                <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                                                </button>
+                                                                                                <ul class='dropdown-menu'>
+                                                                                                    <li><a href='#'> View </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Edit </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Cancel </a>
+                                                                                                    </li>
+                                                                                                </ul>
+                                                                                            </div>
+                                                                                            <br/>
+                                                                                        </center>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>4</td>
+                                                                                    <td contenteditable="true"></td>
+                                                                                    <td contenteditable="true">Laptop</td>
+                                                                                    <td contenteditable="true">80 Volt</td>
+                                                                                    <td contenteditable="true">2</td>
+                                                                                    <td contenteditable="true">Pallets</td>
+                                                                                    <td contenteditable="true">RM 10000</td>
+                                                                                    <td>
+                                                                                        <center>
+                                                                                            <div class='btn-group'>
+                                                                                                <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                                                </button>
+                                                                                                <ul class='dropdown-menu'>
+                                                                                                    <li><a href='#'> View </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Edit </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Cancel </a>
+                                                                                                    </li>
+                                                                                                </ul>
+                                                                                            </div>
+                                                                                            <br/>
+                                                                                        </center>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>5</td>
+                                                                                    <td contenteditable="true"></td>
+                                                                                    <td contenteditable="true">Refrigerator</td>
+                                                                                    <td contenteditable="true">120 Volt</td>
+                                                                                    <td contenteditable="true">2</td>
+                                                                                    <td contenteditable="true">Pallets</td>
+                                                                                    <td contenteditable="true">RM 20000</td>
+                                                                                    <td>
+                                                                                        <center>
+                                                                                            <div class='btn-group'>
+                                                                                                <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                                                </button>
+                                                                                                <ul class='dropdown-menu'>
+                                                                                                    <li><a href='#'> View </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Edit </a>
+                                                                                                    </li>
+                                                                                                    <li><a href='#'> Cancel </a>
+                                                                                                    </li>
+                                                                                                </ul>
+                                                                                            </div>
+                                                                                            <br/>
+                                                                                        </center>
+                                                                                    </td>
+                                                                                </tr>
+
+                                                                            </tbody>
+                                                                        </table>
+                                                                    </div>
+
+
+                                                                    <div style="margin-bottom:50px; margin-top: 80px; margin-left:350px" class="col-md-offset-3 col-md-9">
+                                                                        <a href="javascript:;" class="btn default button-previous">
+                                                                            <i class="fa fa-angle-left"></i> Back </a>
+                                                                        <a href="javascript:;" class="btn green button-submit"> Submit
+                                                            </a>
+                                                                    </div>
+                                                                </div>
+
+
 
-                                                                                       </div>
-                                                                                        
-                                                            <div class="form-actions">
-                                                           
-                                                                <div  class="col-md-offset-5 col-md-9"> 
-                                                                    <a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
-                                                                
                                                             </div>
                                                         </div>
-                                                    </div>
-                                                    </div>
-
-                            <div class="tab-pane" id="tab2">
-                                <div class="portlet-body">
-                                                             <table style="font-size: 50%" class="table table-striped table-bordered table-hover" id="sample_editable_1">
-                                                              <thead>
-                                                               <tr>
-                                                                <th scope="col">No</th>
-                                                                <th scope="col">HS Code</th>
-                                                                <th scope="col">Product<br>Discription</th>
-                                                                <th scope="col">Product<br>Details</th>
-                                                                <th scope="col">Quantity</th>
-                                                                <th scope="col">UOM</th>
-                                                                <th scope="col">Price</th>
-                                                                <th scope="col">Actions</th>
-                                                               </tr>
-                                                               </thead>
-                                                                                                       
-                                                                                                    <tbody>
-                                                                                                        <tr>
-                                                                                                            <td>1</td>
-                                                                                                            <td contenteditable="true"></td>
-                                                                                                            <td contenteditable="true">Television</td>
-                                                                                                            <td contenteditable="true">100 Volt</td>
-                                                                                                            <td contenteditable="true">2</td>
-                                                                                                            <td contenteditable="true">Pallets</td>
-                                                                                                            <td contenteditable="true">RM 20000</td>
-                                                                                                            <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
-                                                        </td>
-                                                                                                        </tr>
-                                                                                                        <tr>
-                                                                                                            <td>2</td>
-                                                                                                            <td contenteditable="true"></td>
-                                                                                                            <td contenteditable="true">Radio</td>
-                                                                                                            <td contenteditable="true">50 Volt</td>
-                                                                                                            <td contenteditable="true">5</td>
-                                                                                                            <td contenteditable="true">Packages</td>
-                                                                                                            <td contenteditable="true">RM 2000</td>
-                                                                                                            <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
-                                                        </td>
-                                                                                                        </tr>
-                                                                                                        <tr>
-                                                                                                            <td>3</td>
-                                                                                                            <td contenteditable="true"></td>
-                                                                                                            <td contenteditable="true">Handphone</td>
-                                                                                                            <td contenteditable="true">50 Volt</td>
-                                                                                                            <td contenteditable="true">2</td>
-                                                                                                            <td contenteditable="true">Carton</td>
-                                                                                                            <td contenteditable="true">RM 9000</td>
-                                                                                                            <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
-                                                        </td>
-                                                                                                        </tr>
-                                                                                                        <tr>
-                                                                                                            <td>4</td>
-                                                                                                            <td contenteditable="true"></td>
-                                                                                                            <td contenteditable="true">Laptop</td>
-                                                                                                            <td contenteditable="true">80 Volt</td>
-                                                                                                            <td contenteditable="true">2</td>
-                                                                                                            <td contenteditable="true">Pallets</td>
-                                                                                                            <td contenteditable="true">RM 10000</td>
-                                                                                                            <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
-                                                        </td>
-                                                                                                        </tr>
-                                                                                                        <tr>
-                                                                                                            <td>5</td>
-                                                                                                            <td contenteditable="true"></td>
-                                                                                                            <td contenteditable="true">Refrigerator</td>
-                                                                                                            <td contenteditable="true">120 Volt</td>
-                                                                                                            <td contenteditable="true">2</td>
-                                                                                                            <td contenteditable="true">Pallets</td>
-                                                                                                            <td contenteditable="true">RM 20000</td>
-                                                                                                            <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
-                                                        </td>
-                                                                                                        </tr>
-                                                                                                        
-                                                                                                    </tbody>
-                                                                                                </table>
-                                                                                            </div>
-                                            
-                                                        
-                                                        <div style="margin-bottom:50px; margin-top: 80px; margin-left:350px" class="col-md-offset-3 col-md-9">
-                                                            <a href="javascript:;" class="btn default button-previous">
-                                                                <i class="fa fa-angle-left"></i> Back </a>
-                                                            <a href="javascript:;" class="btn green button-submit"> Submit
-                                                            </a>
-                                                        </div>
-                                                    </div>
-                                       
-                                           
-                                                        
-                                                    </div>
                                                 </div>
+                                                </form>
                                             </div>
-                                        </form>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
+                    <!-- /.modal-content -->
+                </div>
+                <!-- /.modal-dialog -->
+            </div>
+
+
+            <div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+                        <div class="modal-header" style="background-color: #3598dc">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                            <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
+                                <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
+                            </div>
+                        </div>
+                        <div class="modal-body">
+                            <div class="form">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <div class="form-group">
+                                            <label>Title</label>
+                                            <input class="form-control">
+                                        </div>
+                                        <div class="form-group">
+                                            <label>Reason</label>
+                                            <textarea class="form-control" rows="3"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>ETA</label>
+                                            <textarea class="form-control" rows="3"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>ETD</label>
+                                            <textarea class="form-control" rows="3"></textarea>
+                                        </div>
                                     </div>
                                 </div>
-                                <!-- /.modal-content -->
                             </div>
-                            <!-- /.modal-dialog -->
                         </div>
 
-                        
-                        <div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
-                            <div class="modal-dialog">
-                                <div class="modal-content">
-                                    <div class="modal-header" style="background-color: #3598dc">
-                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-                                        
-                                        <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
-                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
-                                        </div>
-                                    </div>
-                                    <div class="modal-body"> 
-                                        <div class="form">
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="form-group">
-                                                        <label>Title</label>
-                                                        <input class="form-control">
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Reason</label>
-                                                        <textarea class="form-control" rows="3"></textarea>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>ETA</label>
-                                                        <textarea class="form-control" rows="3"></textarea>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>ETD</label>
-                                                        <textarea class="form-control" rows="3"></textarea>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                    
+                    </div>
+                </div>
             </div>
         </div>
     </div>
+    <div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
+        <div class="portlet-body">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-body">
+                        <div class="form-body">
+                            <div class="form-group">
+
+                                <!-- PERSONAL INFO TAB -->
+                                <div align="center">
+
                                 </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                 <div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
-                    <div class="portlet-body" >
-                       <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <div class="form-body">
-                                    <div class="form-group"> 
 
-                                        <!-- PERSONAL INFO TAB -->
-                                        <div align="center">
-                                        
-                                        </div>
-
-                                        <div class="tab-pane active" id="tab_1_1" class="col-md-12">
+                                <div class="tab-pane active" id="tab_1_1" class="col-md-12">
                                     <div class="portlet light bordered">
                                         <div class="portlet-title">
                                             <div class="caption">
@@ -718,170 +772,171 @@
                                                 <span class="caption-subject font-dark bold uppercase">Shipment arrangement details</span>
                                             </div>
                                         </div>
-                                         <div class="tab-pane active" id="tab1">
-                                                            <div class="row" class="col-md-9">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Loading Date : 02-02-2017</p>
-                                                                        
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Container No : CTN121</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Shipping No : 12345</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>ETD : 03-02-2017</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Loading Departure : Guangzhou
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>ETA : 04-02-2017</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Loading Arrival : Port Klang</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h5><b>LOADING VENUE</b></h5>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                </div>
-                                                                <!--/span-->
-                                                        </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Trailer No : JLM 1234</p>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Area : Semenyih</p>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Driver Name : Bob</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Country : Malaysia</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <!--/row-->
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Driver Contact No : 0123456789</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Postcode : 62150</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <!--/row-->
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Contact Person : Kyle</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Contact Person No : 0123456789</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <p>Remark : On the Way to delivered</p>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            </div>
-                                                    </div>
-                                            
-                                        <div class="row">
-                                            <div  class="col-md-offset-4 col-md-9">
-                                                <a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
-                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                                </div>
-                                                </div>
-                                        </div>
-                                    </div>
-                                    </div>
-                                        </div>
+                                        <div class="tab-pane active" id="tab1">
+                                            <div class="row" class="col-md-9">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Loading Date : 02-02-2017</p>
 
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Container No : CTN121</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Shipping No : 12345</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>ETD : 03-02-2017</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Loading Departure : Guangzhou
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>ETA : 04-02-2017</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Loading Arrival : Port Klang</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                </div>
+                                            </div>
+                                            <!--/span-->
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                    <h5><b>LOADING VENUE</b></h5>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Trailer No : JLM 1234</p>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Area : Semenyih</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Driver Name : Bob</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Country : Malaysia</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <!--/row-->
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Driver Contact No : 0123456789</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Postcode : 62150</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <!--/row-->
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Contact Person : Kyle</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Contact Person No : 0123456789</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <p>Remark : On the Way to delivered</p>
+                                                    </div>
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="row">
+                                        <div class="col-md-offset-4 col-md-9">
+                                            <a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
+                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                           </div>
-                        </div>
                         </div>
                     </div>
-                <!-- END CONTENT -->
-                <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
-                    <div class="portlet-body" >
-                       <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <div class="form-body">
-                                    <div class="form-group"> 
 
-                                        <!-- PERSONAL INFO TAB -->
-                                        <div align="center">
-                                        
-                                        </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    </div>
+    </div>
+    </div>
+    <!-- END CONTENT -->
+    <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
+        <div class="portlet-body">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-body">
+                        <div class="form-body">
+                            <div class="form-group">
 
-                                        <div class="tab-pane active" id="tab_1_1">
+                                <!-- PERSONAL INFO TAB -->
+                                <div align="center">
+
+                                </div>
+
+                                <div class="tab-pane active" id="tab_1_1">
                                     <div class="portlet light bordered">
                                         <div class="portlet-title">
                                             <div class="caption">
@@ -891,177 +946,192 @@
                                         </div>
                                         <div class="portlet-body">
                                             <table class="table table-bordered table-hover">
-                                            <thead>
-                                                <tr>
-                                                    <th width="5">No</th>
-                                                    <th width="10">Date</th>
-                                                    <th width="10">Order No</th>
-                                                    <!-- <th width="10">Action</th> -->
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                   <td>1</td>
-                                                   <td>03-08-2017</td>
-                                                   <td>014567</td> 
-                                                   <!-- <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                                <tr>
-                                                   <td>2</td>
-                                                   <td>04-08-2017</td>
-                                                   <td>014567</td> 
-                                                   <!-- <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                                <tr>
-                                                   <td>3</td>
-                                                   <td>05-08-2017</td>
-                                                   <td>014567</td> 
-                                                  <!--  <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                            </tbody>
+                                                <thead>
+                                                    <tr>
+                                                        <th width="5">No</th>
+                                                        <th width="10">Date</th>
+                                                        <th width="10">Order No</th>
+                                                        <!-- <th width="10">Action</th> -->
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <td>1</td>
+                                                        <td>03-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!-- <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                    <tr>
+                                                        <td>2</td>
+                                                        <td>04-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!-- <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                    <tr>
+                                                        <td>3</td>
+                                                        <td>05-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!--  <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                </tbody>
                                             </table>
                                         </div>
-                                    
+
                                         <div class="portlet-body">
                                             <br>
-                                            <p>Customs Examination Departure Port</p> 
+                                            <p>Customs Examination Departure Port</p>
                                             <br>
-                                            <p class="caption-subject font-red">New ETD : <input type="date" name="" ></p>
-                                            <p class="caption-subject font-red">New ETA : <input type="date" name="" ></p>
+                                            <p class="caption-subject font-red">New ETD :
+                                                <input type="date" name="">
+                                            </p>
+                                            <p class="caption-subject font-red">New ETA :
+                                                <input type="date" name="">
+                                            </p>
                                             <br>
                                             <p>Customs Examination Arrival Port</p>
                                             <br>
-                                            <p class="caption-subject font-red">Release Date : <input type="date" name="" ></p>
-                                        <div class="row">
-                                            <div  class="col-md-offset-4 col-md-9">
-                                                <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
-                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                                </div>
+                                            <p class="caption-subject font-red">Release Date :
+                                                <input type="date" name="">
+                                            </p>
+                                            <div class="row">
+                                                <div class="col-md-offset-4 col-md-9">
+                                                    <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
+                                                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                                                 </div>
+                                            </div>
                                         </div>
                                     </div>
-                                    </div>
-                                        </div>
-
-                                    </div>
                                 </div>
                             </div>
-                           </div>
-                        </div>
+
                         </div>
                     </div>
-                <!-- BEGIN QUICK SIDEBAR -->
-                
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
                 </div>
             </div>
-            <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    </div>
+    <!-- BEGIN QUICK SIDEBAR -->
+
+    <!-- END QUICK SIDEBAR -->
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
 
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS --> 
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        <script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
-        
-        <script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
-         <script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
-         <script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
-         <script src="../assets/pages/scripts/form-validation.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
+
+    <script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/form-validation.js" type="text/javascript"></script>
 
 
 
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        
-        <!-- END THEME LAYOUT SCRIPTS -->        
-        
-        <script>
-        $(document).ready(function () {
-        
-            
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+
+    <!-- END THEME LAYOUT SCRIPTS -->
+
+    <script>
+        $(document).ready(function() {
+
+
             var dataSet = [
-                ["A1245","01-08-2017","00034","CIEF/00034","ABC SDN BHD","123 SDN BHD","<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],
-                ["A1345","21-08-2017","00076","CIEF/00076","DGT SDN BHD","456 SDN BHD","<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],
-                ["A9745","06-09-2017","00534","CIEF/00534","KLI SDN BHD","064 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],
-                ["A9075","22-10-2017","00084","CIEF/00084","OUY SDN BHD","111 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],
-                ["A6805","18-11-2017","00087","CIEF/00087","TYP SDN BHD","563 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],               
-                ["A0523","31-12-2017","00369","CIEF/00369","MUI SDN BHD","286 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>",""],
-            ];
-            
-            var dataSet2 = 
-             [
+                ["A1245", "01-08-2017", "00034", "CIEF/00034", "ABC SDN BHD", "123 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
+                ["A1345", "21-08-2017", "00076", "CIEF/00076", "DGT SDN BHD", "456 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
+                ["A9745", "06-09-2017", "00534", "CIEF/00534", "KLI SDN BHD", "064 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
+                ["A9075", "22-10-2017", "00084", "CIEF/00084", "OUY SDN BHD", "111 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
+                ["A6805", "18-11-2017", "00087", "CIEF/00087", "TYP SDN BHD", "563 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
+                ["A0523", "31-12-2017", "00369", "CIEF/00369", "MUI SDN BHD", "286 SDN BHD", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul></div><br/></center></td>", ""],
             ];
 
-            
+            var dataSet2 = [];
+
+
             var table1 = $('#example').DataTable({
                 data: dataSet,
-                
-                
+
+
                 //"bFilter" : false, 
-                "bInfo" : false,                
+                "bInfo": false,
                 "bLengthChange": false,
                 colReorder: {
-                    reorderCallback: function () {
-                        console.log( 'callback' );
+                    reorderCallback: function() {
+                        console.log('callback');
                     }
                 },
                 "columnDefs": [{ // set default column settings
                     'orderable': false,
                     'targets': [0]
-                },
-                {
-                    "targets": [ 7 ],
+                }, {
+                    "targets": [7],
                     "visible": false
                 }],
                 // scroller extension: http://datatables.net/extensions/scroller/
                 <!-- scrollY:        300, -->
-                
-                buttons: [
-                    { extend: 'print', className: 'btn dark btn-outline' },
-                    { extend: 'copy', className: 'btn red btn-outline' },
-                    { extend: 'pdf', className: 'btn green btn-outline' },
-                    { extend: 'excel', className: 'btn yellow btn-outline ' },
-                    { extend: 'csv', className: 'btn purple btn-outline ' },
-                    { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-                ],
+
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
                 "language": {
                     "aria": {
                         "sortAscending": ": activate to sort column ascending",
@@ -1075,58 +1145,79 @@
                     "search": "Search:",
                     "zeroRecords": "No matching records found"
                 },
-                "order": [[ 1, "asc" ]],
+                "order": [
+                    [1, "asc"]
+                ],
                 "pageLength": 20,
                 "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-                buttons: [
-                    {
+                buttons: [{
                         text: 'Create New',
                         className: 'btn red  btn-circle btn-outline qweqwe',
-                        action: function ( e, dt, node, config ) {
+                        action: function(e, dt, node, config) {
                             $("#qweqwe").trigger('click');
                         }
-                        
-                    }
-                    
-                ],
-                fixedHeader:false,
-                columns: [
-                    { title: 'Reference No' },
-                    { title: 'Date<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>' },
-                    { title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
-                    { title: 'Marking<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
-                    { title: 'Supplier Order<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
-                    { title: 'Exporter Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
-                    { title: 'Actions' },
-                    { title: 'Actions' },
-                 ],
 
-                initComplete: function () {
-                    configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11]);
+                    }
+
+                ],
+                fixedHeader: false,
+                columns: [{
+                    title: 'Reference No'
+                }, {
+                    title: 'Date<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>'
+                }, {
+                    title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
+                }, {
+                    title: 'Marking<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>'
+                }, {
+                    title: 'Supplier Order<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>'
+                }, {
+                    title: 'Exporter Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>'
+                }, {
+                    title: 'Actions'
+                }, {
+                    title: 'Actions'
+                }, ],
+
+                initComplete: function() {
+                    configFilter(this, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]);
                 }
             });
-        
-        $('#example2').DataTable({
+
+            $('#example2').DataTable({
                 data: dataSet2,
-                "bInfo" : false,                
+                "bInfo": false,
                 "bLengthChange": false,
                 colReorder: {
-                    reorderCallback: function () {
-                        console.log( 'callback' );
+                    reorderCallback: function() {
+                        console.log('callback');
                     }
                 },
                 "columnDefs": [{ // set default column settings
-                    'orderable': false,'targets': [0],
+                    'orderable': false,
+                    'targets': [0],
                 }],
                 "autoWidth": false,
-                buttons: [
-                    { extend: 'print', className: 'btn dark btn-outline' },
-                    { extend: 'copy', className: 'btn red btn-outline' },
-                    { extend: 'pdf', className: 'btn green btn-outline' },
-                    { extend: 'excel', className: 'btn yellow btn-outline ' },
-                    { extend: 'csv', className: 'btn purple btn-outline ' },
-                    { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-                ],
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
                 "language": {
                     "aria": {
                         "sortAscending": ": activate to sort column ascending",
@@ -1141,7 +1232,9 @@
                     "zeroRecords": "No matching records found"
                 },
                 "pageLength": 20,
-                "order": [[ 1, "asc" ]],
+                "order": [
+                    [1, "asc"]
+                ],
                 columns: [
                     // { title:  "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>", className: "col_0"},
                     // { title:  "No", className: "col_1"}, 
@@ -1151,108 +1244,109 @@
                     // { title:  "Cust <br/> Code", className: "col_5"},
                     // { title:  "Area<br/>State", className: "col_6"},
                     // { title:  "Details", className: "col_7"},
-                    
+
                 ],
                 "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'><'col-md-6'f>r>t<'row'<'col-md-5 col-sm-12'<'toolbar'>><'col-md-7 col-sm-12'p>>",
-                initComplete: function () {
-                    configFilter(this, [ 2,3, 4,5,6,7,8]);
+                initComplete: function() {
+                    configFilter(this, [2, 3, 4, 5, 6, 7, 8]);
                 }
             });
-            table1.columns( 12 ).search( 'Not Completed' ).draw();
-        $('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
-        if(state == true){
-            table1.columns( 12 ).search( 'Not Completed' ).draw();
-        }else{
-            table1.columns( 12 ).search( 'Completed' ).draw();
-            
-        }
-        
-        });
-        existingdiv1 = document.getElementById( "switch" );
-        $( "div.toolbar2" ).append( existingdiv1 );
-        $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
-        $('#sample_3_tools > li > a.tool-action').on('click', function() {
-            var action = $(this).attr('data-action');
-            $('#example').DataTable().button(action).trigger();
-        });
-        
-        var table = $('#example2');
-        
-        var tableWrapper = jQuery('#example2_wrapper');
-
-        table.find('.group-checkable').change(function () {
-            var set = jQuery(this).attr("data-set");
-            var checked = jQuery(this).is(":checked");
-            jQuery(set).each(function () {
-                if (checked) {
-                    $(this).prop("checked", true);
-                    $(this).parents('tr').addClass("active");                   
+            table1.columns(12).search('Not Completed').draw();
+            $('.asdasd').on('switchChange.bootstrapSwitch', function(event, state) {
+                if (state == true) {
+                    table1.columns(12).search('Not Completed').draw();
                 } else {
-                    $(this).prop("checked", false);
-                    $(this).parents('tr').removeClass("active");
-                }               
+                    table1.columns(12).search('Completed').draw();
+
+                }
+
             });
-            var count = $('#example2 .active').length; 
-            //document.getElementById('total').value = count;
-            document.getElementById("total").innerHTML = count;
+            existingdiv1 = document.getElementById("switch");
+            $("div.toolbar2").append(existingdiv1);
+            $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
+            $('#sample_3_tools > li > a.tool-action').on('click', function() {
+                var action = $(this).attr('data-action');
+                $('#example').DataTable().button(action).trigger();
+            });
+
+            var table = $('#example2');
+
+            var tableWrapper = jQuery('#example2_wrapper');
+
+            table.find('.group-checkable').change(function() {
+                var set = jQuery(this).attr("data-set");
+                var checked = jQuery(this).is(":checked");
+                jQuery(set).each(function() {
+                    if (checked) {
+                        $(this).prop("checked", true);
+                        $(this).parents('tr').addClass("active");
+                    } else {
+                        $(this).prop("checked", false);
+                        $(this).parents('tr').removeClass("active");
+                    }
+                });
+                var count = $('#example2 .active').length;
+                //document.getElementById('total').value = count;
+                document.getElementById("total").innerHTML = count;
+            });
+
+            table.on('change', 'tbody tr .checkboxes', function() {
+                $(this).parents('tr').toggleClass("active");
+            });
+
         });
 
-        table.on('change', 'tbody tr .checkboxes', function () {
-            $(this).parents('tr').toggleClass("active");            
-        });
-        
-        });
-        
-        
+
         var table = $('#example2');
-        
+
         var tableWrapper = jQuery('#example2_wrapper');
-        
-        
-         table.on('change', 'tbody tr .checkboxes', function () {
+
+
+        table.on('change', 'tbody tr .checkboxes', function() {
             var checked = jQuery(this).is(":checked");
             if (checked) {
-                var count = $('#example2 .active').length + 1; 
-                 document.getElementById("total").innerHTML = count;
-            }else{
-                var count = $('#example2 .active').length - 1 ; 
+                var count = $('#example2 .active').length + 1;
                 document.getElementById("total").innerHTML = count;
-                
+            } else {
+                var count = $('#example2 .active').length - 1;
+                document.getElementById("total").innerHTML = count;
+
             }
         });
-        
+
         //This function initializes the content inside the filter modal
         function configFilter($this, colArray) {
-            setTimeout(function () {
+            setTimeout(function() {
                 var tableName = $this[0].id;
                 var columns = $this.api().columns();
-               // $.each(colArray, function (i, arg) {
-                   // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
+                // $.each(colArray, function (i, arg) {
+                // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
                 //});
 
                 var template = '<div class="modal modalFilter modal-scroll in">' +
-                                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
-                                        '<div class="modal-content">' +
-                                            '<div class="modal-body">' + '{0}</div>' +
-                                            '<div class="modal-footer">' +
-                                                '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
-                                                '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
-                                            '</div>' +
-                                        '</div>' +
-                                    '</div>' +
-                             '</div>';
-                $.each(colArray, function (index, value) {
-                    columns.every(function (i) {
+                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
+                    '<div class="modal-content">' +
+                    '<div class="modal-body">' + '{0}</div>' +
+                    '<div class="modal-footer">' +
+                    '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
+                    '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+                $.each(colArray, function(index, value) {
+                    columns.every(function(i) {
                         if (value === i) {
-                            var column = this, content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
+                            var column = this,
+                                content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
                             var columnName = $(this.header()).text().replace(/\s+/g, "_");
                             var distinctArray = [];
-                            column.data().each(function (d, j) {
+                            column.data().each(function(d, j) {
                                 if (distinctArray.indexOf(d) == -1) {
                                     //alert(jQuery.type( d ));
-                                    d = d.replace("<a class='chat_link' href='chat.html'>",'');
-                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>",'');
-                                                                        
+                                    d = d.replace("<a class='chat_link' href='chat.html'>", '');
+                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", '');
+
                                     var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
                                     content += '<div><input type="checkbox" value="' + d + '"  id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
                                     distinctArray.push(d);
@@ -1271,12 +1365,18 @@
         //User to show the filter modal
         function showFilter(e, index) {
             $('.modalFilter').hide();
-            $(modalFilterArray[index]).css({ left: 0, top: 0 });
+            $(modalFilterArray[index]).css({
+                left: 0,
+                top: 0
+            });
             var th = $(e.target).parent();
             var pos = th.offset();
             console.log(th);
             $(modalFilterArray[index]).width(th.width() * 3.0);
-            $(modalFilterArray[index]).css({ 'left': pos.left, 'top': pos.top });
+            $(modalFilterArray[index]).css({
+                'left': pos.left,
+                'top': pos.top
+            });
             $(modalFilterArray[index]).show();
             $('#mask').show();
             e.stopPropagation();
@@ -1297,9 +1397,10 @@
         //Execute the filter on the table for a given column
         function performFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
-            var searchString = '', counter = 0;
+            var searchString = '',
+                counter = 0;
 
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 if (checkbox.checked) {
                     searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
                     counter++;
@@ -1318,7 +1419,7 @@
         function clearFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
             rootNode.find(".filterSearchText").val('');
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 checkbox.checked = false;
                 $(checkbox).parent().show();
             });
@@ -1329,349 +1430,348 @@
             rootNode.hide();
             $('#mask').hide();
             $('.modalFilter').hide();
-        }   
-        
-
-var FormWizard = function () {
-
-
-    return {
-        //main function to initiate the module
-        init: function () {
-            if (!jQuery().bootstrapWizard) {
-                return;
-            }
-
-            function format(state) {
-                if (!state.id) return state.text; // optgroup
-                return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
-            }
-
-            $("#country_list").select2({
-                placeholder: "Select",
-                allowClear: true,
-                formatResult: format,
-                width: 'auto', 
-                formatSelection: format,
-                escapeMarkup: function (m) {
-                    return m;
-                }
-            });
-
-            var form = $('#submit_form');
-            var error = $('.alert-danger', form);
-            var success = $('.alert-success', form);
-
-            form.validate({
-                doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
-                errorElement: 'span', //default input error message container
-                errorClass: 'help-block help-block-error', // default input error message class
-                focusInvalid: false, // do not focus the last invalid input
-                rules: {
-                    //account
-                    username: {
-                        minlength: 5,
-                        required: true
-                    },
-                    password: {
-                        minlength: 5,
-                        required: true
-                    },
-                    rpassword: {
-                        minlength: 5,
-                        required: true,
-                        equalTo: "#submit_form_password"
-                    },
-                    //profile
-                    fullname: {
-                        required: true
-                    },
-                    email: {
-                        required: true,
-                        email: true
-                    },
-                    phone: {
-                        required: true
-                    },
-                    gender: {
-                        required: true
-                    },
-                    address: {
-                        required: true
-                    },
-                    city: {
-                        required: true
-                    },
-                    country: {
-                        required: true
-                    },
-                    //payment
-                    card_name: {
-                        required: true
-                    },
-                    card_number: {
-                        minlength: 16,
-                        maxlength: 16,
-                        required: true
-                    },
-                    card_cvc: {
-                        digits: true,
-                        required: true,
-                        minlength: 3,
-                        maxlength: 4
-                    },
-                    card_expiry_date: {
-                        required: true
-                    },
-                    'payment[]': {
-                        required: true,
-                        minlength: 1
-                    }
-                },
-
-                messages: { // custom messages for radio buttons and checkboxes
-                    'payment[]': {
-                        required: "Please select at least one option",
-                        minlength: jQuery.validator.format("Please select at least one option")
-                    }
-                },
-
-                errorPlacement: function (error, element) { // render error placement for each input type
-                    if (element.attr("name") == "gender") { // for uniform radio buttons, insert the after the given container
-                        error.insertAfter("#form_gender_error");
-                    } else if (element.attr("name") == "payment[]") { // for uniform checkboxes, insert the after the given container
-                        error.insertAfter("#form_payment_error");
-                    } else {
-                        error.insertAfter(element); // for other inputs, just perform default behavior
-                    }
-                },
-
-                invalidHandler: function (event, validator) { //display error alert on form submit   
-                    success.hide();
-                    error.show();
-                    App.scrollTo(error, -200);
-                },
-
-                highlight: function (element) { // hightlight error inputs
-                    $(element)
-                        .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
-                },
-
-                unhighlight: function (element) { // revert the change done by hightlight
-                    $(element)
-                        .closest('.form-group').removeClass('has-error'); // set error class to the control group
-                },
-
-                success: function (label) {
-                    if (label.attr("for") == "gender" || label.attr("for") == "payment[]") { // for checkboxes and radio buttons, no need to show OK icon
-                        label
-                            .closest('.form-group').removeClass('has-error').addClass('has-success');
-                        label.remove(); // remove error label here
-                    } else { // display success icon for other inputs
-                        label
-                            .addClass('valid') // mark the current input as valid and display OK icon
-                        .closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
-                    }
-                },
-
-                submitHandler: function (form) {
-                    success.show();
-                    error.hide();
-                    form[0].submit();
-                    //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
-                }
-
-            });
-
-            var displayConfirm = function() {
-                $('#tab4 .form-control-static', form).each(function(){
-                    var input = $('[name="'+$(this).attr("data-display")+'"]', form);
-                    if (input.is(":radio")) {
-                        input = $('[name="'+$(this).attr("data-display")+'"]:checked', form);
-                    }
-                    if (input.is(":text") || input.is("textarea")) {
-                        $(this).html(input.val());
-                    } else if (input.is("select")) {
-                        $(this).html(input.find('option:selected').text());
-                    } else if (input.is(":radio") && input.is(":checked")) {
-                        $(this).html(input.attr("data-title"));
-                    } else if ($(this).attr("data-display") == 'payment[]') {
-                        var payment = [];
-                        $('[name="payment[]"]:checked', form).each(function(){ 
-                            payment.push($(this).attr('data-title'));
-                        });
-                        $(this).html(payment.join("<br>"));
-                    }
-                });
-            }
-
-            var handleTitle = function(tab, navigation, index) {
-                var total = navigation.find('li').length;
-                var current = index + 1;
-                // set wizard title
-                $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
-                // set done steps
-                jQuery('li', $('#form_wizard_1')).removeClass("done");
-                var li_list = navigation.find('li');
-                for (var i = 0; i < index; i++) {
-                    jQuery(li_list[i]).addClass("done");
-                }
-
-                if (current == 1) {
-                    $('#form_wizard_1').find('.button-previous').hide();
-                } else {
-                    $('#form_wizard_1').find('.button-previous').show();
-                }
-
-                if (current >= total) {
-                    $('#form_wizard_1').find('.button-next').hide();
-                    $('#form_wizard_1').find('.button-submit').show();
-                    displayConfirm();
-                } else {
-                    $('#form_wizard_1').find('.button-next').show();
-                    $('#form_wizard_1').find('.button-submit').hide();
-                }
-                App.scrollTo($('.page-title'));
-            }
-
-            // default form wizard
-            $('#form_wizard_1').bootstrapWizard({
-                'nextSelector': '.button-next',
-                'previousSelector': '.button-previous',
-                onTabClick: function (tab, navigation, index, clickedIndex) {
-                    return false;
-                    
-                    success.hide();
-                    error.hide();
-                    if (form.valid() == false) {
-                        return false;
-                    }
-                    
-                    handleTitle(tab, navigation, clickedIndex);
-                },
-                onNext: function (tab, navigation, index) {
-                    success.hide();
-                    error.hide();
-
-                    if (form.valid() == false) {
-                        return false;
-                    }
-
-                    handleTitle(tab, navigation, index);
-                },
-                onPrevious: function (tab, navigation, index) {
-                    success.hide();
-                    error.hide();
-
-                    handleTitle(tab, navigation, index);
-                },
-                onTabShow: function (tab, navigation, index) {
-                    var total = navigation.find('li').length;
-                    var current = index + 1;
-                    var $percent = (current / total) * 100;
-                    $('#form_wizard_1').find('.progress-bar').css({
-                        width: $percent + '%'
-                    });
-                }
-            });
-
-            $('#form_wizard_1').find('.button-previous').hide();
-            $('#form_wizard_1 .button-submit').click(function () {
-                location.reload();
-            }).hide();
-
-            //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
-            $('#country_list', form).change(function () {
-                form.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
-            });
         }
 
-    };
 
-}();
+        var FormWizard = function() {
 
-jQuery(document).ready(function() {
-    FormWizard.init();
-	$.fn.select2.defaults.set("theme", "bootstrap");
 
-        var placeholder = "Please select order no";
+            return {
+                //main function to initiate the module
+                init: function() {
+                    if (!jQuery().bootstrapWizard) {
+                        return;
+                    }
 
-        $(".select2, .select2-multiple").select2({
-            placeholder: placeholder,
-            width: null
+                    function format(state) {
+                        if (!state.id) return state.text; // optgroup
+                        return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
+                    }
+
+                    $("#country_list").select2({
+                        placeholder: "Select",
+                        allowClear: true,
+                        formatResult: format,
+                        width: 'auto',
+                        formatSelection: format,
+                        escapeMarkup: function(m) {
+                            return m;
+                        }
+                    });
+
+                    var form = $('#submit_form');
+                    var error = $('.alert-danger', form);
+                    var success = $('.alert-success', form);
+
+                    form.validate({
+                        doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
+                        errorElement: 'span', //default input error message container
+                        errorClass: 'help-block help-block-error', // default input error message class
+                        focusInvalid: false, // do not focus the last invalid input
+                        rules: {
+                            //account
+                            username: {
+                                minlength: 5,
+                                required: true
+                            },
+                            password: {
+                                minlength: 5,
+                                required: true
+                            },
+                            rpassword: {
+                                minlength: 5,
+                                required: true,
+                                equalTo: "#submit_form_password"
+                            },
+                            //profile
+                            fullname: {
+                                required: true
+                            },
+                            email: {
+                                required: true,
+                                email: true
+                            },
+                            phone: {
+                                required: true
+                            },
+                            gender: {
+                                required: true
+                            },
+                            address: {
+                                required: true
+                            },
+                            city: {
+                                required: true
+                            },
+                            country: {
+                                required: true
+                            },
+                            //payment
+                            card_name: {
+                                required: true
+                            },
+                            card_number: {
+                                minlength: 16,
+                                maxlength: 16,
+                                required: true
+                            },
+                            card_cvc: {
+                                digits: true,
+                                required: true,
+                                minlength: 3,
+                                maxlength: 4
+                            },
+                            card_expiry_date: {
+                                required: true
+                            },
+                            'payment[]': {
+                                required: true,
+                                minlength: 1
+                            }
+                        },
+
+                        messages: { // custom messages for radio buttons and checkboxes
+                            'payment[]': {
+                                required: "Please select at least one option",
+                                minlength: jQuery.validator.format("Please select at least one option")
+                            }
+                        },
+
+                        errorPlacement: function(error, element) { // render error placement for each input type
+                            if (element.attr("name") == "gender") { // for uniform radio buttons, insert the after the given container
+                                error.insertAfter("#form_gender_error");
+                            } else if (element.attr("name") == "payment[]") { // for uniform checkboxes, insert the after the given container
+                                error.insertAfter("#form_payment_error");
+                            } else {
+                                error.insertAfter(element); // for other inputs, just perform default behavior
+                            }
+                        },
+
+                        invalidHandler: function(event, validator) { //display error alert on form submit   
+                            success.hide();
+                            error.show();
+                            App.scrollTo(error, -200);
+                        },
+
+                        highlight: function(element) { // hightlight error inputs
+                            $(element)
+                                .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
+                        },
+
+                        unhighlight: function(element) { // revert the change done by hightlight
+                            $(element)
+                                .closest('.form-group').removeClass('has-error'); // set error class to the control group
+                        },
+
+                        success: function(label) {
+                            if (label.attr("for") == "gender" || label.attr("for") == "payment[]") { // for checkboxes and radio buttons, no need to show OK icon
+                                label
+                                    .closest('.form-group').removeClass('has-error').addClass('has-success');
+                                label.remove(); // remove error label here
+                            } else { // display success icon for other inputs
+                                label
+                                    .addClass('valid') // mark the current input as valid and display OK icon
+                                    .closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
+                            }
+                        },
+
+                        submitHandler: function(form) {
+                            success.show();
+                            error.hide();
+                            form[0].submit();
+                            //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+                        }
+
+                    });
+
+                    var displayConfirm = function() {
+                        $('#tab4 .form-control-static', form).each(function() {
+                            var input = $('[name="' + $(this).attr("data-display") + '"]', form);
+                            if (input.is(":radio")) {
+                                input = $('[name="' + $(this).attr("data-display") + '"]:checked', form);
+                            }
+                            if (input.is(":text") || input.is("textarea")) {
+                                $(this).html(input.val());
+                            } else if (input.is("select")) {
+                                $(this).html(input.find('option:selected').text());
+                            } else if (input.is(":radio") && input.is(":checked")) {
+                                $(this).html(input.attr("data-title"));
+                            } else if ($(this).attr("data-display") == 'payment[]') {
+                                var payment = [];
+                                $('[name="payment[]"]:checked', form).each(function() {
+                                    payment.push($(this).attr('data-title'));
+                                });
+                                $(this).html(payment.join("<br>"));
+                            }
+                        });
+                    }
+
+                    var handleTitle = function(tab, navigation, index) {
+                        var total = navigation.find('li').length;
+                        var current = index + 1;
+                        // set wizard title
+                        $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
+                        // set done steps
+                        jQuery('li', $('#form_wizard_1')).removeClass("done");
+                        var li_list = navigation.find('li');
+                        for (var i = 0; i < index; i++) {
+                            jQuery(li_list[i]).addClass("done");
+                        }
+
+                        if (current == 1) {
+                            $('#form_wizard_1').find('.button-previous').hide();
+                        } else {
+                            $('#form_wizard_1').find('.button-previous').show();
+                        }
+
+                        if (current >= total) {
+                            $('#form_wizard_1').find('.button-next').hide();
+                            $('#form_wizard_1').find('.button-submit').show();
+                            displayConfirm();
+                        } else {
+                            $('#form_wizard_1').find('.button-next').show();
+                            $('#form_wizard_1').find('.button-submit').hide();
+                        }
+                        App.scrollTo($('.page-title'));
+                    }
+
+                    // default form wizard
+                    $('#form_wizard_1').bootstrapWizard({
+                        'nextSelector': '.button-next',
+                        'previousSelector': '.button-previous',
+                        onTabClick: function(tab, navigation, index, clickedIndex) {
+                            return false;
+
+                            success.hide();
+                            error.hide();
+                            if (form.valid() == false) {
+                                return false;
+                            }
+
+                            handleTitle(tab, navigation, clickedIndex);
+                        },
+                        onNext: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            if (form.valid() == false) {
+                                return false;
+                            }
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onPrevious: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onTabShow: function(tab, navigation, index) {
+                            var total = navigation.find('li').length;
+                            var current = index + 1;
+                            var $percent = (current / total) * 100;
+                            $('#form_wizard_1').find('.progress-bar').css({
+                                width: $percent + '%'
+                            });
+                        }
+                    });
+
+                    $('#form_wizard_1').find('.button-previous').hide();
+                    $('#form_wizard_1 .button-submit').click(function() {
+                        location.reload();
+                    }).hide();
+
+                    //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
+                    $('#country_list', form).change(function() {
+                        form.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
+                    });
+                }
+
+            };
+
+        }();
+
+        jQuery(document).ready(function() {
+            FormWizard.init();
+            $.fn.select2.defaults.set("theme", "bootstrap");
+
+            var placeholder = "Please select order no";
+
+            $(".select2, .select2-multiple").select2({
+                placeholder: placeholder,
+                width: null
+            });
         });
-});
-
     </script>
     <script>
-                        var counter = 1;
-                        var limit = 3;
+        var counter = 1;
+        var limit = 3;
 
-                        function addInput(divName) {
-                            if (counter == limit) {
-                                alert("You have reached the limit of adding " + counter + " inputs");
-                            } else {
-                                var newdiv = document.createElement('div');
-                                newdiv.innerHTML = "Remark " + (counter + 1) + " <br><input type='text' style='height: 100px; width: 340px' name='myInputs[]'>";
-                                document.getElementById(divName).appendChild(newdiv);
-                                counter++;
-                            }
-                        }
-                        function addNewRow(){
-                        
-                            var last_count = $('#sample_editable_1').find('tbody tr:last td:first').text();
-                            
-                            var next_count = parseInt(last_count) + 1;
-                            
-                            var lengths = $( "#sample_editable_1 tbody tr:nth-child(2) td" ).length;
-                            
-                            $('#sample_editable_1 > tbody:last-child').append('<tr><td>'+next_count+'</td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td></td><td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkboxes" value="1"><span></span></label></td><td><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td>');
+        function addInput(divName) {
+            if (counter == limit) {
+                alert("You have reached the limit of adding " + counter + " inputs");
+            } else {
+                var newdiv = document.createElement('div');
+                newdiv.innerHTML = "Remark " + (counter + 1) + " <br><input type='text' style='height: 100px; width: 340px' name='myInputs[]'>";
+                document.getElementById(divName).appendChild(newdiv);
+                counter++;
+            }
+        }
 
-                            var rowCount = $('#sample_editable_1 tbody tr').length;
-                            $('#total').html(rowCount);
-                        }
-                        function addNewColumn(){
-                            $('#sample_editable_1 thead').find('tr').each(function(){
-                                $(this).find('th').eq(7).after('<th>Remark</th>');
-                           });
-                            $('#sample_editable_1 tbody').find('tr').each(function(){
-                                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-                           });
-                            $('#sample_editable_1 tfoot').find('tr').each(function(){
-                                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-                           });
-                            
-                        }
-                        
-                    </script>
-                    <script type="text/javascript"> 
- var howmanytoadd = 2;
- var rows;
+        function addNewRow() {
 
- function calc() {
-     var tot = 0;
-     for (var i = 0; i < rows.length; i++) {
-         var linetot = 0;
-         rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
-         tot += linetot;
-     }
-     document.getElementById('total').value = tot
- }
-</script>
-<script type="text/javascript">
-function findTotal(){
-    var arr = document.getElementsByName('qty');
-    var tot=0;
-    for(var i=0;i<arr.length;i++){
-        if(parseInt(arr[i].value))
-            tot += parseInt(arr[i].value);
-    }
-    document.getElementById('total1').value = tot;
-}
+            var last_count = $('#sample_editable_1').find('tbody tr:last td:first').text();
 
+            var next_count = parseInt(last_count) + 1;
+
+            var lengths = $("#sample_editable_1 tbody tr:nth-child(2) td").length;
+
+            $('#sample_editable_1 > tbody:last-child').append('<tr><td>' + next_count + '</td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td></td><td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkboxes" value="1"><span></span></label></td><td><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td>');
+
+            var rowCount = $('#sample_editable_1 tbody tr').length;
+            $('#total').html(rowCount);
+        }
+
+        function addNewColumn() {
+            $('#sample_editable_1 thead').find('tr').each(function() {
+                $(this).find('th').eq(7).after('<th>Remark</th>');
+            });
+            $('#sample_editable_1 tbody').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
+            });
+            $('#sample_editable_1 tfoot').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
+            });
+
+        }
+    </script>
+    <script type="text/javascript">
+        var howmanytoadd = 2;
+        var rows;
+
+        function calc() {
+            var tot = 0;
+            for (var i = 0; i < rows.length; i++) {
+                var linetot = 0;
+                rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
+                tot += linetot;
+            }
+            document.getElementById('total').value = tot
+        }
+    </script>
+    <script type="text/javascript">
+        function findTotal() {
+            var arr = document.getElementsByName('qty');
+            var tot = 0;
+            for (var i = 0; i < arr.length; i++) {
+                if (parseInt(arr[i].value))
+                    tot += parseInt(arr[i].value);
+            }
+            document.getElementById('total1').value = tot;
+        }
     </script>
 
-     
-    </body>
 
-</html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/deliveryarrange.html b/public/Forwarder/deliveryarrange.html
index 2d53300..2aa5885 100644
--- a/public/Forwarder/deliveryarrange.html
+++ b/public/Forwarder/deliveryarrange.html
@@ -16,295 +16,295 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Delivery Arrangement</title> 
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-		<style>
-			div.dt-button-collection {
-				margin-top: 70px;
-			}
-			.table td, .table th {
-				font-size: 10px;
-				text-align:center;
-				vertical-align: middle;
-			}
-			.dataTables_wrapper .dataTables_filter {
-				float: left;
-				text-align: right;
-			}
-			.table thead tr th{
-				font-size: 10px;
-				text-align:center;
-				vertical-align: middle;
-			}
-			.filterIcon {
-				height: 10px;
-				width: 10px;
-			}
-			.modalFilter {
-				display: none;
-				height: auto;
-				position: absolute;
-				z-index: 10000001;
-				}
-			.modal-footer {
-				padding: 15px;
-				text-align: left;
-				border-top: 1px solid #e5e5e5;
-			}
-			.dt-buttons{
-			    margin-top: 0px !important;
-				}
-			#mask {
-				display: none;
-				background: transparent;
-				position: fixed;
-				left: 0;
-				top: 0;
-				z-index: 1;
-				width: 100%;
-				height: 100%;
-				opacity: 1000;
-			}
-
-			@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%;
-				}
-			}
-			#example2_filter{
-				float:right;
-			}
-			.col_0{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_1{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_2{
-				width: 50px !important;
-			}
-			.col_3{
-				width: 60px !important;
-			}
-			.col_4{
-				width: 60px !important;
-			}
-			.col_5{
-				width: 60px !important;
-			}
-			.blue{
-			    color: #337ab7;
-				line-height: 14px;
-				-webkit-font-smoothing: antialiased;
-				font: normal normal normal 14px/1 FontAwesome;
-				font-size: 14px;
-				text-rendering: auto;
-				}				
-			.media-object-4 {
-				width: 35px;
-				position: right ;
-				margin-left: 63%;
-				margin-top:0.7%;
-			}
-			
-		</style>
-	</head>
-    <!-- END HEAD -->
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Delivery Arrangement</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        div.dt-button-collection {
+            margin-top: 70px;
+        }
+        .table td,
+        .table th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .dataTables_wrapper .dataTables_filter {
+            float: left;
+            text-align: right;
+        }
+        .table thead tr th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .filterIcon {
+            height: 10px;
+            width: 10px;
+        }
+        .modalFilter {
+            display: none;
+            height: auto;
+            position: absolute;
+            z-index: 10000001;
+        }
+        .modal-footer {
+            padding: 15px;
+            text-align: left;
+            border-top: 1px solid #e5e5e5;
+        }
+        .dt-buttons {
+            margin-top: 0px !important;
+        }
+        #mask {
+            display: none;
+            background: transparent;
+            position: fixed;
+            left: 0;
+            top: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            opacity: 1000;
+        }
+        @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%;
+            }
+        }
+        #example2_filter {
+            float: right;
+        }
+        .col_0 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_1 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_2 {
+            width: 50px !important;
+        }
+        .col_3 {
+            width: 60px !important;
+        }
+        .col_4 {
+            width: 60px !important;
+        }
+        .col_5 {
+            width: 60px !important;
+        }
+        .blue {
+            color: #337ab7;
+            line-height: 14px;
+            -webkit-font-smoothing: antialiased;
+            font: normal normal normal 14px/1 FontAwesome;
+            font-size: 14px;
+            text-rendering: auto;
+        }
+        .media-object-4 {
+            width: 35px;
+            position: right;
+            margin-left: 63%;
+            margin-top: 0.7%;
+        }
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-					
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-							
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-							</li>
-							<hr>
-                            <li class="nav-item  ">
-                                <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 start active open">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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 active open">
                             <a href="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
-                                <li class="nav-item start active open">
+                                <li class="nav-item active open">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li> 
-                                                         <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>                   
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -319,46 +319,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -370,7 +365,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
-                                    <a  href="deliveryarrange.html">Delivery Arrangement</a>
+                                    <a href="deliveryarrange.html">Delivery Arrangement</a>
                                 </li>
                             </ul>
                         </div>
@@ -378,9 +373,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						
-						<!-- CONTENT -->
-						
+
+                        <!-- CONTENT -->
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -389,17 +384,17 @@ License: You must have a valid license purchased only from themeforest(the above
                                         <div class="caption">
                                             <i class="fa fa-cogs"></i><strong>Delivery Arrangement Status</strong> </div>
                                         <div class="actions">
-											<div class="btn-group" style="display:none">
-												<a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal" > Arrange Delivery
+                                            <div class="btn-group" style="display:none">
+                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal"> Arrange Delivery
 												</a>
-											</div>
+                                            </div>
                                             <div class="btn-group">
                                                 <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
                                                     <i class="fa fa-share"></i>
                                                     <span class="hidden-xs"> Actions </span>
                                                     <i class="fa fa-angle-down"></i>
                                                 </a>
-												
+
                                                 <ul class="dropdown-menu pull-right" id="sample_3_tools">
                                                     <li>
                                                         <a href="javascript:;" data-action="0" class="tool-action">
@@ -431,170 +426,170 @@ License: You must have a valid license purchased only from themeforest(the above
                                         </div>
                                     </div>
                                     <div class="portlet-body">
-									
+
                                         <div class="table-container">
-										
+
                                             <div id="mask"></div>
-											<span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span>
-											<table id="example" class="table table-striped table-bordered table-hover order-column"></table>
-											
+                                            <span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span>
+                                            <table id="example" class="table table-striped table-bordered table-hover order-column"></table>
+
                                         </div>
                                         <h5>Total CBM: 40 CBM</h5>
                                         <h5>Total Weight:100 KG</h5>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
-                            </div>							
+                            </div>
                         </div>
-						<!-- END CONTENT -->
+                        <!-- END CONTENT -->
                         <div class="modal fade modal-scroll bs-modal-lg in" id="form_delivery" tabindex="-1" role="basic" aria-hidden="true">
-							<div class="modal-dialog modal-lg">
-								<div class="modal-content">
-									<div class="modal-header" style="background-color: #3598dc">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-										
-										<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
-                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Delivery Arrangement
-										</div>
-									</div>
-									<div class="modal-body"> 
-									<div class="form">
-										<div class="row">
-											<div class="col-md-12">
-												<div class="col-md-12">
-													<div class="form-group">
-														<label>Delivery Type</label>
-														<select id="type" class="form-control" onchange="show_hide(this);">
-															<option value=""> Please Select</option>
-															<option value="1"> Inhouse Services</option>
-															<option value="2"> Courier Service</option>
-															<option value="3"> Outsource Service</option>
-															<option value="4"> Self Collect</option>
-														</select>	
+                            <div class="modal-dialog modal-lg">
+                                <div class="modal-content">
+                                    <div class="modal-header" style="background-color: #3598dc">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                                        <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
+                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Delivery Arrangement
+                                        </div>
+                                    </div>
+                                    <div class="modal-body">
+                                        <div class="form">
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="col-md-12">
+                                                        <div class="form-group">
+                                                            <label>Delivery Type</label>
+                                                            <select id="type" class="form-control" onchange="show_hide(this);">
+                                                                <option value=""> Please Select</option>
+                                                                <option value="1"> Inhouse Services</option>
+                                                                <option value="2"> Courier Service</option>
+                                                                <option value="3"> Outsource Service</option>
+                                                                <option value="4"> Self Collect</option>
+                                                            </select>
+
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div id="own_transport" style="display:none">
+                                            <h5>Driver Details</h5>
+                                            <hr>
+                                            <div class="form">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Delivery Date</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>Driver Name</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Driver Contact</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>Vehicle No</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div id="courier" style="display:none">
+                                            <h5>Courier Details</h5>
+                                            <hr>
+                                            <div class="form">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Courier Service Name</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>Tracking Number</label>
+                                                                <input class="form-control">
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div id="self_collect" style="display:none">
+                                            <h5>Self Collect Details</h5>
+                                            <hr>
+                                            <div class="form">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Warehouse</label>
+                                                                <select id="warehouse" class="form-control">
+                                                                    <option> Please Select / Create New</option>
+                                                                    <option value="WHA">Warehouse A</option>
+                                                                    <option value="WHB">Warehouse B</option>
+                                                                    <option value="WHC">Warehouse C</option>
+                                                                    <option value="WHD">Warehouse D</option>
+                                                                </select>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>Contact Person Name</label>
+                                                                <input id="contact" class="form-control" value="" />
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>Contact Person No.</label>
+                                                                <input id="contactno" class="form-control" value="" />
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Address</label>
+                                                                <textarea id="address" class="form-control"></textarea>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>City</label>
+                                                                <input id="city" class="form-control" value="" />
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label>State</label>
+                                                                <input id="state" class="form-control" value="" />
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <h5>Order Details</h5>
+                                        <hr>
+                                        <div class="table-container">
 
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-										
-									<div id="own_transport" style="display:none">
-										<h5>Driver Details</h5>
-										<hr>
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="col-md-6">
-														<div class="form-group">
-															<label>Delivery Date</label>
-															<input class="form-control">
-														</div>
-														<div class="form-group">
-															<label>Driver Name</label>
-															<input class="form-control">
-														</div>
-													</div>
-													<div class="col-md-6">
-														<div class="form-group">
-															<label>Driver Contact</label>
-															<input class="form-control">
-														</div>
-														<div class="form-group">
-															<label>Vehicle No</label>
-															<input class="form-control">
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div id="courier" style="display:none">
-										<h5>Courier Details</h5>
-										<hr>
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="col-md-6">
-														<div class="form-group">
-															<label>Courier Service Name</label>
-															<input class="form-control">
-														</div>
-														<div class="form-group">
-															<label>Tracking Number</label>
-															<input class="form-control">
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div id="self_collect" style="display:none">
-										<h5>Self Collect Details</h5>
-										<hr>
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="col-md-6">
-														<div class="form-group">
-															<label>Warehouse</label>
-															<select id="warehouse" class="form-control">
-																<option> Please Select / Create New</option>
-																<option value="WHA">Warehouse A</option>
-																<option value="WHB">Warehouse B</option>
-																<option value="WHC">Warehouse C</option>
-																<option value="WHD">Warehouse D</option>
-															</select>
-														</div>
-														<div class="form-group">
-															<label>Contact Person Name</label>
-															<input id ="contact" class="form-control" value="" />
-														</div>
-														<div class="form-group">
-															<label>Contact Person No.</label>
-															<input id ="contactno" class="form-control" value="" />
-														</div>
-													</div>
-													<div class="col-md-6">
-														<div class="form-group">
-															<label>Address</label>
-															<textarea id ="address" class="form-control"></textarea>
-														</div>
-														<div class="form-group">
-															<label>City</label>
-															<input id ="city" class="form-control" value="" />
-														</div>
-														<div class="form-group">
-															<label>State</label>
-															<input id ="state" class="form-control" value="" />
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									
-										<h5>Order Details</h5>
-										<hr>
-										<div class="table-container">
-										 
                                             <div id="mask"></div>
-											<table id="example2" class="table table-striped table-bordered table-hover"></table>
-											<!--<input name="total" id="total" type="text"  value=0 />-->
-											<!--<p id="total" class="form-control-static"> </p>-->
-                                       
-                                        <h5>Total CBM: </h5>
-                                        <h5>Total Carton: </h5>
-                                        <h5>Total Weight: </h5>
-										<br>
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-														<h5>Notification</h5>
-														<hr>
-													<div class="form-group">
-														<div class="row">
-															<div class="col-md-10">
-																<textarea id="message" class="form-control" rows="10">
+                                            <table id="example2" class="table table-striped table-bordered table-hover"></table>
+                                            <!--<input name="total" id="total" type="text"  value=0 />-->
+                                            <!--<p id="total" class="form-control-static"> </p>-->
+
+                                            <h5>Total CBM: </h5>
+                                            <h5>Total Carton: </h5>
+                                            <h5>Total Weight: </h5>
+                                            <br>
+                                            <div class="form">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <h5>Notification</h5>
+                                                        <hr>
+                                                        <div class="form-group">
+                                                            <div class="row">
+                                                                <div class="col-md-10">
+                                                                    <textarea id="message" class="form-control" rows="10">
 Delivery Request
 
 Order No: #[ORDER NO] 
@@ -615,917 +610,417 @@ Thank You Very Much.
 
 [Forwarder Company Name]
 </textarea>
-															</div>
-															<div class="col-md-2">
-																<a href="chat.html" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</a>
-															</div>
-														</div>
-													</div>  
-												</div>
-											</div>
-										</div>
+                                                                </div>
+                                                                <div class="col-md-2">
+                                                                    <a href="chat.html" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</a>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
 
-									</div>
-								</div>
-								<!-- /.modal-content -->
-							</div>
-							<!-- /.modal-dialog -->
-						</div>
-						
-						<div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
-							<div class="modal-dialog">
-								<div class="modal-content">
-									<div class="modal-header" style="background-color: #3598dc">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-										
-										<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
-                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
-										</div>
-									</div>
-									<div class="modal-body"> 
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="form-group">
-														<label>Title</label>
-														<input class="form-control">
-													</div>
-													<div class="form-group">
-														<label>Reason</label>
-														<textarea class="form-control" rows="3"></textarea>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="modal-footer">
-										<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
-										<button type="button" class="btn green">Send</button>
-									</div>
-								</div>
-							</div>
-						</div>
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
                                         </div>
                                     </div>
+                                    <!-- /.modal-content -->
                                 </div>
+                                <!-- /.modal-dialog -->
                             </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
+
+                            <div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
+                                <div class="modal-dialog">
+                                    <div class="modal-content">
+                                        <div class="modal-header" style="background-color: #3598dc">
+                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                                            <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
+                                                <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
+                                            </div>
+                                        </div>
+                                        <div class="modal-body">
+                                            <div class="form">
+                                                <div class="row">
+                                                    <div class="col-md-12">
+                                                        <div class="form-group">
+                                                            <label>Title</label>
+                                                            <input class="form-control">
                                                         </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
+                                                        <div class="form-group">
+                                                            <label>Reason</label>
+                                                            <textarea class="form-control" rows="3"></textarea>
                                                         </div>
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
+                                        </div>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                            <button type="button" class="btn green">Send</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
+                        <!-- END CONTENT BODY -->
                     </div>
+                    <!-- END CONTENT -->
                 </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
             </div>
             <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->        
-		
-		<script>
-        $(document).ready(function () {
-		
-			
+    <!-- END THEME LAYOUT SCRIPTS -->
+
+    <script>
+        $(document).ready(function() {
+
+
             var dataSet = [
-				["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","10","","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","14","","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","23","","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["4","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","12","","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
-				["5","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","23","","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],				
-				["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","21","","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
-				["7","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","16","","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
-				["8","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","11","","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
-            ];
-			
-            var dataSet2 = [
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","1","03-08-2017","CTN56","00006","CIEF/0008","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","2","03-08-2017","CTN55","00005","CIEF/0007","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7","CBM :<br/>Weight:<br/>Qty of Carton:"],
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","3","03-08-2017","CTN54","00004","CIEF/0006","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7","CBM :<br/>Weight:<br/>Qty of Carton:"],
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","4","03-08-2017","CTN53","00003","CIEF/0005","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7","CBM :<br/>Weight:<br/>Qty of Carton:"],
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","5","03-08-2017","CTN52","00002","CIEF/0004","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7","CBM :<br/>Weight:<br/>Qty of Carton:"],
-				["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>","6","03-08-2017","CTN51","00001","CIEF/0003","Bangi<br>Selangor","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7","CBM :<br/>Weight:<br/>Qty of Carton:"]
+                ["1", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0008", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "10", "", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["2", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00005 </a>", "CIEF/0007", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "14", "", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["3", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00004 </a>", "CIEF/0006", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "23", "", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["4", "03-07-2017", "Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0005", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "12", "", "Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
+                ["5", "03-07-2017", "Vehicle No:JNY1122<br/>Contact Person:Hantam<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0005", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "23", "", "Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
+                ["6", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0003", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "21", "", "Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;'  class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
+                ["7", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0003", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "16", "", "Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
+                ["8", "03-07-2017", "Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689", "<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", "CIEF/0003", "CTN56", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789", "Bangi<br>Selangor", "123456", "11", "", "Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
             ];
 
-			
+            var dataSet2 = [
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "1", "03-08-2017", "CTN56", "00006", "CIEF/0008", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "2", "03-08-2017", "CTN55", "00005", "CIEF/0007", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "3", "03-08-2017", "CTN54", "00004", "CIEF/0006", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "4", "03-08-2017", "CTN53", "00003", "CIEF/0005", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "5", "03-08-2017", "CTN52", "00002", "CIEF/0004", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"],
+                ["<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label>", "6", "03-08-2017", "CTN51", "00001", "CIEF/0003", "Bangi<br>Selangor", "Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7", "CBM :<br/>Weight:<br/>Qty of Carton:"]
+            ];
+
+
             var table1 = $('#example').DataTable({
                 data: dataSet,
-                
-				
-				//"bFilter" : false, 
-				"bInfo" : false,				
-				"bLengthChange": false,
-                colReorder: {
-					reorderCallback: function () {
-						console.log( 'callback' );
-					}
-				},
-				"columnDefs": [{ // set default column settings
-					'orderable': false,
-					'targets': [0]
-				},
-				{
-					"targets": [ 12 ],
-					"visible": false
-				}],
-				// scroller extension: http://datatables.net/extensions/scroller/
-				scrollY:        300,
-				
-				buttons: [
-					{ extend: 'print', className: 'btn dark btn-outline' },
-					{ extend: 'copy', className: 'btn red btn-outline' },
-					{ extend: 'pdf', className: 'btn green btn-outline' },
-					{ extend: 'excel', className: 'btn yellow btn-outline ' },
-					{ extend: 'csv', className: 'btn purple btn-outline ' },
-					{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-				],
-				"language": {
-					"aria": {
-						"sortAscending": ": activate to sort column ascending",
-						"sortDescending": ": activate to sort column descending"
-					},
-					"emptyTable": "No data available in table",
-					"info": "Showing _START_ to _END_ of _TOTAL_ entries",
-					"infoEmpty": "No entries found",
-					"infoFiltered": "(filtered1 from _MAX_ total entries)",
-					"lengthMenu": "_MENU_ entries",
-					"search": "Search:",
-					"zeroRecords": "No matching records found"
-				},
-				"order": [[ 1, "asc" ]],
-				"pageLength": 20,
-				"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-				buttons: [
-					{
-						text: 'Delivery Arrangement',
-						className: 'btn red  btn-circle btn-outline qweqwe',
-						action: function ( e, dt, node, config ) {
-							$("#qweqwe").trigger('click');
-						}
-						
-					}
-					
-				],
-				fixedHeader:false,
-                columns: [
-					{ title: "No" },
-					{ title: 'Delivery<br>Date <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>' },
-					{ title: 'Driver<br>Details<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
-					{ title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
-					{ title: 'Customer<br>Code<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>' },
-					{ title: 'Shipment<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>' },
-					{ title: 'Customer<br>Details<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
-					{ title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
-					{ title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
-					{ title: 'Qty Carton<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
-					{ title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
-					{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
-					{ title: 'Stats' },
-				],
 
-                initComplete: function () {
-                    configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11]);
+
+                //"bFilter" : false, 
+                "bInfo": false,
+                "bLengthChange": false,
+                colReorder: {
+                    reorderCallback: function() {
+                        console.log('callback');
+                    }
+                },
+                "columnDefs": [{ // set default column settings
+                    'orderable': false,
+                    'targets': [0]
+                }, {
+                    "targets": [12],
+                    "visible": false
+                }],
+                // scroller extension: http://datatables.net/extensions/scroller/
+                scrollY: 300,
+
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
+                "language": {
+                    "aria": {
+                        "sortAscending": ": activate to sort column ascending",
+                        "sortDescending": ": activate to sort column descending"
+                    },
+                    "emptyTable": "No data available in table",
+                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                    "infoEmpty": "No entries found",
+                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                    "lengthMenu": "_MENU_ entries",
+                    "search": "Search:",
+                    "zeroRecords": "No matching records found"
+                },
+                "order": [
+                    [1, "asc"]
+                ],
+                "pageLength": 20,
+                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
+                buttons: [{
+                        text: 'Delivery Arrangement',
+                        className: 'btn red  btn-circle btn-outline qweqwe',
+                        action: function(e, dt, node, config) {
+                            $("#qweqwe").trigger('click');
+                        }
+
+                    }
+
+                ],
+                fixedHeader: false,
+                columns: [{
+                    title: "No"
+                }, {
+                    title: 'Delivery<br>Date <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>'
+                }, {
+                    title: 'Driver<br>Details<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
+                }, {
+                    title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>'
+                }, {
+                    title: 'Customer<br>Code<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>'
+                }, {
+                    title: 'Shipment<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>'
+                }, {
+                    title: 'Customer<br>Details<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>'
+                }, {
+                    title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>'
+                }, {
+                    title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>'
+                }, {
+                    title: 'Qty Carton<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>'
+                }, {
+                    title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>'
+                }, {
+                    title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>'
+                }, {
+                    title: 'Stats'
+                }, ],
+
+                initComplete: function() {
+                    configFilter(this, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]);
                 }
             });
-        
-		$('#example2').DataTable({
+
+            $('#example2').DataTable({
                 data: dataSet2,
-                "bInfo" : false,				
-				"bLengthChange": false,
+                "bInfo": false,
+                "bLengthChange": false,
                 colReorder: {
-					reorderCallback: function () {
-						console.log( 'callback' );
-					}
-				},
-				"columnDefs": [{ // set default column settings
-					'orderable': false,'targets': [0],
-				}],
-				"autoWidth": false,
-				buttons: [
-					{ extend: 'print', className: 'btn dark btn-outline' },
-					{ extend: 'copy', className: 'btn red btn-outline' },
-					{ extend: 'pdf', className: 'btn green btn-outline' },
-					{ extend: 'excel', className: 'btn yellow btn-outline ' },
-					{ extend: 'csv', className: 'btn purple btn-outline ' },
-					{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-				],
-				"language": {
-					"aria": {
-						"sortAscending": ": activate to sort column ascending",
-						"sortDescending": ": activate to sort column descending"
-					},
-					"emptyTable": "No data available in table",
-					"info": "Showing _START_ to _END_ of _TOTAL_ entries",
-					"infoEmpty": "No entries found",
-					"infoFiltered": "(filtered1 from _MAX_ total entries)",
-					"lengthMenu": "_MENU_ entries",
-					"search": "Search:",
-					"zeroRecords": "No matching records found"
-				},
-				"pageLength": 20,
-				"order": [[ 1, "asc" ]],
-                columns: [
-					{ title:  "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>", className: "col_0"},
-					{ title:  "No", className: "col_1"},	
-					{ title:  "ETA", className: "col_2"},
-					{ title:  "Shipment <br/> No", className: "col_3"},
-					{ title:  "Order <br/>No", className: "col_4"},
-					{ title:  "Cust <br/> Code", className: "col_5"},
-					{ title:  "Area<br/>State", className: "col_6"},
-                    { title:  "Address", className: "col_7"},
-					{ title:  "Details", className: "col_8"},
-					
-				],
-				"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'><'col-md-6'f>r>t<'row'<'col-md-5 col-sm-12'<'toolbar'>><'col-md-7 col-sm-12'p>>",
-                initComplete: function () {
-                    configFilter(this, [ 2,3, 4,5,6,7,8,9]);
+                    reorderCallback: function() {
+                        console.log('callback');
+                    }
+                },
+                "columnDefs": [{ // set default column settings
+                    'orderable': false,
+                    'targets': [0],
+                }],
+                "autoWidth": false,
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
+                "language": {
+                    "aria": {
+                        "sortAscending": ": activate to sort column ascending",
+                        "sortDescending": ": activate to sort column descending"
+                    },
+                    "emptyTable": "No data available in table",
+                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                    "infoEmpty": "No entries found",
+                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                    "lengthMenu": "_MENU_ entries",
+                    "search": "Search:",
+                    "zeroRecords": "No matching records found"
+                },
+                "pageLength": 20,
+                "order": [
+                    [1, "asc"]
+                ],
+                columns: [{
+                        title: "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>",
+                        className: "col_0"
+                    }, {
+                        title: "No",
+                        className: "col_1"
+                    }, {
+                        title: "ETA",
+                        className: "col_2"
+                    }, {
+                        title: "Shipment <br/> No",
+                        className: "col_3"
+                    }, {
+                        title: "Order <br/>No",
+                        className: "col_4"
+                    }, {
+                        title: "Cust <br/> Code",
+                        className: "col_5"
+                    }, {
+                        title: "Area<br/>State",
+                        className: "col_6"
+                    }, {
+                        title: "Address",
+                        className: "col_7"
+                    }, {
+                        title: "Details",
+                        className: "col_8"
+                    },
+
+                ],
+                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'><'col-md-6'f>r>t<'row'<'col-md-5 col-sm-12'<'toolbar'>><'col-md-7 col-sm-12'p>>",
+                initComplete: function() {
+                    configFilter(this, [2, 3, 4, 5, 6, 7, 8, 9]);
                 }
             });
-			table1.columns( 12 ).search( 'Not Completed' ).draw();
-		$('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
-		if(state == true){
-			table1.columns( 12 ).search( 'Not Completed' ).draw();
-		}else{
-			table1.columns( 12 ).search( 'Completed' ).draw();
-			
-		}
-		
-		});
-		existingdiv1 = document.getElementById( "switch" );
-		$( "div.toolbar2" ).append( existingdiv1 );
-        $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
-		$('#sample_3_tools > li > a.tool-action').on('click', function() {
-            var action = $(this).attr('data-action');
-            $('#example').DataTable().button(action).trigger();
-        });
-		
-		var table = $('#example2');
-		
-		var tableWrapper = jQuery('#example2_wrapper');
-
-        table.find('.group-checkable').change(function () {
-            var set = jQuery(this).attr("data-set");
-            var checked = jQuery(this).is(":checked");
-            jQuery(set).each(function () {
-                if (checked) {
-                    $(this).prop("checked", true);
-                    $(this).parents('tr').addClass("active");					
+            table1.columns(12).search('Not Completed').draw();
+            $('.asdasd').on('switchChange.bootstrapSwitch', function(event, state) {
+                if (state == true) {
+                    table1.columns(12).search('Not Completed').draw();
                 } else {
-                    $(this).prop("checked", false);
-                    $(this).parents('tr').removeClass("active");
-                }				
+                    table1.columns(12).search('Completed').draw();
+
+                }
+
             });
-			var count = $('#example2 .active').length; 
-			//document.getElementById('total').value = count;
-			document.getElementById("total").innerHTML = count;
+            existingdiv1 = document.getElementById("switch");
+            $("div.toolbar2").append(existingdiv1);
+            $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
+            $('#sample_3_tools > li > a.tool-action').on('click', function() {
+                var action = $(this).attr('data-action');
+                $('#example').DataTable().button(action).trigger();
+            });
+
+            var table = $('#example2');
+
+            var tableWrapper = jQuery('#example2_wrapper');
+
+            table.find('.group-checkable').change(function() {
+                var set = jQuery(this).attr("data-set");
+                var checked = jQuery(this).is(":checked");
+                jQuery(set).each(function() {
+                    if (checked) {
+                        $(this).prop("checked", true);
+                        $(this).parents('tr').addClass("active");
+                    } else {
+                        $(this).prop("checked", false);
+                        $(this).parents('tr').removeClass("active");
+                    }
+                });
+                var count = $('#example2 .active').length;
+                //document.getElementById('total').value = count;
+                document.getElementById("total").innerHTML = count;
+            });
+
+            table.on('change', 'tbody tr .checkboxes', function() {
+                $(this).parents('tr').toggleClass("active");
+            });
+
         });
 
-        table.on('change', 'tbody tr .checkboxes', function () {
-            $(this).parents('tr').toggleClass("active");			
-        });
-		
-		});
-		
-		
-		var table = $('#example2');
-		
-		var tableWrapper = jQuery('#example2_wrapper');
-		
-		
-		 table.on('change', 'tbody tr .checkboxes', function () {
+
+        var table = $('#example2');
+
+        var tableWrapper = jQuery('#example2_wrapper');
+
+
+        table.on('change', 'tbody tr .checkboxes', function() {
             var checked = jQuery(this).is(":checked");
-			if (checked) {
-				var count = $('#example2 .active').length + 1; 
-				 document.getElementById("total").innerHTML = count;
-			}else{
-				var count = $('#example2 .active').length - 1 ; 
-				document.getElementById("total").innerHTML = count;
-				
-			}
+            if (checked) {
+                var count = $('#example2 .active').length + 1;
+                document.getElementById("total").innerHTML = count;
+            } else {
+                var count = $('#example2 .active').length - 1;
+                document.getElementById("total").innerHTML = count;
+
+            }
         });
-		
+
         //This function initializes the content inside the filter modal
         function configFilter($this, colArray) {
-            setTimeout(function () {
+            setTimeout(function() {
                 var tableName = $this[0].id;
                 var columns = $this.api().columns();
-               // $.each(colArray, function (i, arg) {
-                   // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
+                // $.each(colArray, function (i, arg) {
+                // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
                 //});
 
                 var template = '<div class="modal modalFilter modal-scroll in">' +
-									'<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
-										'<div class="modal-content">' +
-											'<div class="modal-body">' + '{0}</div>' +
-											'<div class="modal-footer">' +
-												'<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
-												'<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
-											'</div>' +
-										'</div>' +
-									'</div>' +
-                             '</div>';
-                $.each(colArray, function (index, value) {
-                    columns.every(function (i) {
+                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
+                    '<div class="modal-content">' +
+                    '<div class="modal-body">' + '{0}</div>' +
+                    '<div class="modal-footer">' +
+                    '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
+                    '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+                $.each(colArray, function(index, value) {
+                    columns.every(function(i) {
                         if (value === i) {
-                            var column = this, content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
+                            var column = this,
+                                content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
                             var columnName = $(this.header()).text().replace(/\s+/g, "_");
                             var distinctArray = [];
-                            column.data().each(function (d, j) {
+                            column.data().each(function(d, j) {
                                 if (distinctArray.indexOf(d) == -1) {
-									//alert(jQuery.type( d ));
-									d = d.replace("<a class='chat_link' href='chat.html'>",'');
-									d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>",'');
-																		
+                                    //alert(jQuery.type( d ));
+                                    d = d.replace("<a class='chat_link' href='chat.html'>", '');
+                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", '');
+
                                     var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
                                     content += '<div><input type="checkbox" value="' + d + '"  id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
                                     distinctArray.push(d);
@@ -1540,56 +1035,62 @@ Thank You Very Much.
                 });
             }, 50);
         }
-		$('#warehouse').change(function(){
-			var warehouse = $('#warehouse').val();
-			if(warehouse == "WHA"){
-				var new_warehouse = "Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia";
-				var new_city = "Cyberjaya";
-				var new_state = "Selangor";
-				var new_contact = "Aaron Aziz";
-				var new_contactno = "0123456789";
-			}else if(warehouse == "WHB"){
-				var new_warehouse = "70 McCullough Dr, New Castle, 19720 Delaware, United State of America";
-				var new_city = "New Castle";
-				var new_state = "Delaware";
-				var new_contact = "Aliff Aziz";
-				var new_contactno = "0123456789";
-			}else if(warehouse == "WHC"){
-				var new_warehouse = "96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia";
-				var new_city = "Sydney";
-				var new_state = "New South Wales";
-				var new_contact = "Selkom";
-				var new_contactno = "0123456789";
-			}else if(warehouse == "WHD"){
-				var new_warehouse = "Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China";
-				var new_city = "Nanjing";
-				var new_state = "JiangSu";
-				var new_contact = "Ahmad Albab";
-				var new_contactno = "0123456789";
-			}
-			$("textarea#address").val(new_warehouse);
-			$("input#state").val(new_state);
-			$("input#city").val(new_city);
-			$("input#contact").val(new_contact);
-			$("input#contactno").val(new_contactno);
-			
-			var addr = $("textarea#address").val();
-			var ctc = $("input#contact").val();
-			var ctcno = $("input#contactno").val();
-			var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " ("  + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
-			$("textarea#message").val(new_message);
+        $('#warehouse').change(function() {
+            var warehouse = $('#warehouse').val();
+            if (warehouse == "WHA") {
+                var new_warehouse = "Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia";
+                var new_city = "Cyberjaya";
+                var new_state = "Selangor";
+                var new_contact = "Aaron Aziz";
+                var new_contactno = "0123456789";
+            } else if (warehouse == "WHB") {
+                var new_warehouse = "70 McCullough Dr, New Castle, 19720 Delaware, United State of America";
+                var new_city = "New Castle";
+                var new_state = "Delaware";
+                var new_contact = "Aliff Aziz";
+                var new_contactno = "0123456789";
+            } else if (warehouse == "WHC") {
+                var new_warehouse = "96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia";
+                var new_city = "Sydney";
+                var new_state = "New South Wales";
+                var new_contact = "Selkom";
+                var new_contactno = "0123456789";
+            } else if (warehouse == "WHD") {
+                var new_warehouse = "Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China";
+                var new_city = "Nanjing";
+                var new_state = "JiangSu";
+                var new_contact = "Ahmad Albab";
+                var new_contactno = "0123456789";
+            }
+            $("textarea#address").val(new_warehouse);
+            $("input#state").val(new_state);
+            $("input#city").val(new_city);
+            $("input#contact").val(new_contact);
+            $("input#contactno").val(new_contactno);
 
-		});
+            var addr = $("textarea#address").val();
+            var ctc = $("input#contact").val();
+            var ctcno = $("input#contactno").val();
+            var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " (" + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
+            $("textarea#message").val(new_message);
+
+        });
         var modalFilterArray = {};
         //User to show the filter modal
         function showFilter(e, index) {
             $('.modalFilter').hide();
-            $(modalFilterArray[index]).css({ left: 0, top: 0 });
+            $(modalFilterArray[index]).css({
+                left: 0,
+                top: 0
+            });
             var th = $(e.target).parent();
             var pos = th.offset();
             console.log(th);
             $(modalFilterArray[index]).width(th.width() * 3.0);
-            $(modalFilterArray[index]).css({ 'left': pos.left, 'top': pos.top });
+            $(modalFilterArray[index]).css({
+                'left': pos.left,
+                'top': pos.top
+            });
             $(modalFilterArray[index]).show();
             $('#mask').show();
             e.stopPropagation();
@@ -1610,9 +1111,10 @@ Thank You Very Much.
         //Execute the filter on the table for a given column
         function performFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
-            var searchString = '', counter = 0;
+            var searchString = '',
+                counter = 0;
 
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 if (checkbox.checked) {
                     searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
                     counter++;
@@ -1624,14 +1126,14 @@ Thank You Very Much.
             ).draw();
             rootNode.hide();
             $('#mask').hide();
-			$('.modalFilter').hide();
+            $('.modalFilter').hide();
         }
 
         //Removes the filter from the table for a given column
         function clearFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
             rootNode.find(".filterSearchText").val('');
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 checkbox.checked = false;
                 $(checkbox).parent().show();
             });
@@ -1641,37 +1143,36 @@ Thank You Very Much.
             ).draw();
             rootNode.hide();
             $('#mask').hide();
-			$('.modalFilter').hide();
-        }	
-		function show_hide(val){
-			var drop_val = val.value;
-			if(drop_val == 1 || drop_val == 3){
-				document.getElementById("own_transport").style.display = "";
-				document.getElementById("courier").style.display = "none";
-				document.getElementById("self_collect").style.display = "none";
-			}else if(drop_val == 2){
-				document.getElementById("courier").style.display = "";
-				document.getElementById("own_transport").style.display = "none";
-				document.getElementById("self_collect").style.display = "none";				
-			}else if(drop_val == 4){
-				document.getElementById("self_collect").style.display = "";
-				document.getElementById("courier").style.display = "none";
-				document.getElementById("own_transport").style.display = "none";
-				var addr = $("textarea#address").val();
-				var ctc = $("input#contact").val();
-				var ctcno = $("input#contactno").val();
-				var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " ("  + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
-				$("textarea#message").val(new_message);
-			}else{
-				document.getElementById("self_collect").style.display = "none";
-				document.getElementById("courier").style.display = "none";
-				document.getElementById("own_transport").style.display = "none";
-			}
-		}
-		
+            $('.modalFilter').hide();
+        }
 
+        function show_hide(val) {
+            var drop_val = val.value;
+            if (drop_val == 1 || drop_val == 3) {
+                document.getElementById("own_transport").style.display = "";
+                document.getElementById("courier").style.display = "none";
+                document.getElementById("self_collect").style.display = "none";
+            } else if (drop_val == 2) {
+                document.getElementById("courier").style.display = "";
+                document.getElementById("own_transport").style.display = "none";
+                document.getElementById("self_collect").style.display = "none";
+            } else if (drop_val == 4) {
+                document.getElementById("self_collect").style.display = "";
+                document.getElementById("courier").style.display = "none";
+                document.getElementById("own_transport").style.display = "none";
+                var addr = $("textarea#address").val();
+                var ctc = $("input#contact").val();
+                var ctcno = $("input#contactno").val();
+                var new_message = "CIEF Delivery Message \n\n Order no : <<order_no>> \n Self Collect Status : Ready \n Warehouse Address: " + addr + "\n Contact Person : " + ctc + " (" + ctcno + ") \n\n * Kindly proceed to the messenger to confirm";
+                $("textarea#message").val(new_message);
+            } else {
+                document.getElementById("self_collect").style.display = "none";
+                document.getElementById("courier").style.display = "none";
+                document.getElementById("own_transport").style.display = "none";
+            }
+        }
     </script>
-	 
-    </body>
 
-</html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/formcustomize.html b/public/Forwarder/formcustomize.html
index eb6a459..28cee12 100644
--- a/public/Forwarder/formcustomize.html
+++ b/public/Forwarder/formcustomize.html
@@ -16,222 +16,224 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Form Customization</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Form Customization</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+    </style>
+</head>
+<!-- END HEAD -->
+<style>
+    .form-horizontal .control-label {
+        text-align: left;
+    }
+    .bootstrap-switch {
+        border-radius: 25px!important;
+        float: right;
+    }
+</style>
 
-
-		</style></head>
-    <!-- END HEAD -->
-    <style>
-	.form-horizontal .control-label {
-		text-align:left;
-	}
-	.bootstrap-switch{
-	    border-radius: 25px!important;
-		float: right;
-		}
-	</style>
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="page_user_profile_1.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                            <!-- END QUICK SIDEBAR TOGGLER -->
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                        <!-- END QUICK SIDEBAR TOGGLER -->
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-							</li>
-							<hr>
-                            <li class="nav-item  ">
-                                <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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="#" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li> 
-                            <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>              
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -246,46 +248,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 active open">
-                                <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 start active open ">
-                                        <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-					<!-- END SIDEBAR -->
+                        <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 active open">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- END SIDEBAR -->
                 <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
@@ -304,7 +301,7 @@ License: You must have a valid license purchased only from themeforest(the above
                         </div>
                         <!-- END PAGE BAR -->
                         <!-- BEGIN PAGE TITLE-->
-						<div class="row">
+                        <div class="row">
                             <div class="col-md-offset-2 col-md-8">
                                 <!-- BEGIN PORTLET-->
                                 <div class="portlet light form-fit bordered">
@@ -312,707 +309,145 @@ License: You must have a valid license purchased only from themeforest(the above
                                         <div class="caption">
                                             <i class="icon-settings font-blue"></i>
                                             <span class="caption-subject font-blue sbold uppercase">Form Customization</span>
-                                        </div>                                        
+                                        </div>
                                     </div>
                                     <div class="portlet-body form">
-										<form action="#" class="form-horizontal form-bordered">
-												<div class="form-body">
-													<div class="form-group">
-														<label class="control-label col-md-4">Name</label>
-														<div class="col-md-8">
-															<input type="checkbox" checked class="make-switch" data-size="normal" > 
-														</div>
-													</div>
-													<div class="form-group">
-														<label class="control-label col-md-4">Address</label>
-														<div class="col-md-8">
-															<input type="checkbox" checked class="make-switch" data-size="normal"> 
-														</div>
-													</div>
-													<div class="form-group">
-														<label class="control-label col-md-4">Tel No.</label>
-														<div class="col-md-8">
-															<input type="checkbox" checked class="make-switch" data-size="normal"> 
-														</div>
-													</div>
-													<div class="form-group">
-														<label class="control-label col-md-4">Registration No.</label>
-														<div class="col-md-8">
-															<input type="checkbox" checked class="make-switch" data-size="normal"> 
-														</div>
-													</div>
-													<div class="form-group">
-														<label class="control-label col-md-4">Marking No.</label>
-														<div class="col-md-8">
-															<input type="checkbox" checked class="make-switch" data-size="normal"> 
-														</div>
-													</div>
-												</div>
-										</form>
-									</div>
-								</div>
-							</div>
-						</div>
-						
-						<!-- CONTENT -->
-                        <h4>
-                            Add your own
-                        </h4>
-
-                    <div class="alert alert-add"> 
-                        <strong>
-                            <a href="javascript:;" class="btn btn-icon-only green">
-                                <i class="fa fa-plus">
-                                </i>
-                            </a>
-                        </strong>
-                        Choose your own   
-                    </div>
-                       
-						<!-- END CONTENT -->
-                        
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
+                                        <form action="#" class="form-horizontal form-bordered">
+                                            <div class="form-body">
+                                                <div class="form-group">
+                                                    <label class="control-label col-md-4">Name</label>
+                                                    <div class="col-md-8">
+                                                        <input type="checkbox" checked class="make-switch" data-size="normal">
                                                     </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="control-label col-md-4">Address</label>
+                                                    <div class="col-md-8">
+                                                        <input type="checkbox" checked class="make-switch" data-size="normal">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="control-label col-md-4">Tel No.</label>
+                                                    <div class="col-md-8">
+                                                        <input type="checkbox" checked class="make-switch" data-size="normal">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="control-label col-md-4">Registration No.</label>
+                                                    <div class="col-md-8">
+                                                        <input type="checkbox" checked class="make-switch" data-size="normal">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="control-label col-md-4">Marking No.</label>
+                                                    <div class="col-md-8">
+                                                        <input type="checkbox" checked class="make-switch" data-size="normal">
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
+                                        </form>
                                     </div>
                                 </div>
                             </div>
                         </div>
+
+                        <!-- CONTENT -->
+                        <h4>
+                            Add your own
+                        </h4>
+
+                        <div class="alert alert-add">
+                            <strong>
+                            <a href="javascript:;" class="btn btn-icon-only green">
+                                <i class="fa fa-plus">
+                                </i>
+                            </a>
+                        </strong> Choose your own
+                        </div>
+
+                        <!-- END CONTENT -->
+
                     </div>
+                    <!-- END CONTENT BODY -->
                 </div>
-                <!-- END QUICK SIDEBAR -->
+                <!-- END CONTENT -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
             </div>
             <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/index.html b/public/Forwarder/index.html
index 4cc1bb6..84763f1 100644
--- a/public/Forwarder/index.html
+++ b/public/Forwarder/index.html
@@ -16,241 +16,247 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Order Status</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-		<!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" />
-        <style>
-		@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%;
-			}
-		}
-		.table td, .table th {
-			font-size: 10px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		.table thead tr th{
-			font-size: 10px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		div.dt-button-collection{
-		margin-top: 100px;
-		}
-		table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
-			padding-right: 18px;
-			padding-left: 10px;
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Order Status</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+    <style>
+        @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%;
+            }
+        }
+        .table td,
+        .table th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .table thead tr th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        div.dt-button-collection {
+            margin-top: 100px;
+        }
+        table.dataTable thead>tr>th.sorting_asc,
+        table.dataTable thead>tr>th.sorting_desc,
+        table.dataTable thead>tr>th.sorting,
+        table.dataTable thead>tr>td.sorting_asc,
+        table.dataTable thead>tr>td.sorting_desc,
+        table.dataTable thead>tr>td.sorting {
+            padding-right: 18px;
+            padding-left: 10px;
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-        
         .btiv {
             background: transparent;
             border: none !important;
         }
-
-		</style>
-	</head>
-    <!-- END HEAD -->
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
-                                <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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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">
+                            <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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                             <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>              
-						<li class="nav-item">
-							<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>
+                        <li class="nav-item">
+                            <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>
@@ -258,46 +264,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -309,7 +310,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
-                                    <a  href="chat.html">Messenger</a>
+                                    <a href="chat.html">Messenger</a>
                                 </li>
                             </ul>
                         </div>
@@ -317,9 +318,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						
-						<!-- CONTENT -->
-						
+
+                        <!-- CONTENT -->
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -366,161 +367,245 @@ License: You must have a valid license purchased only from themeforest(the above
                                     </div>
                                     <div class="portlet-body">
                                         <div class="table-container">
-										 
+
                                             <table style="" class="table table-striped table-bordered table-hover" id="sample_3">
                                                 <thead>
                                                     <tr>
                                                         <th width="1%"> No </th>
-														<th  width="5%"> Date <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-																<li>
-																	<div class="input-group input-daterange">
-																		<input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
-																		<div class="input-group-addon">to</div>
-																		<input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
-																	</div>												  
-																<li>
-															</ul>
-														</th>
-														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> Status </a> <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="status" value="Warehouse receive note" type="checkbox"/>&nbsp;Warehouse receive note</li>														  
-															  <li><input onchange="filterme()" name="status" value="Container loading" type="checkbox"/>&nbsp;Container loading</li>														  
-															  <li><input onchange="filterme()" name="status" value="ETD" type="checkbox"/>&nbsp;ETD</li>					
-														  </ul>
-														</th>
-														<th  width="1%"> Order<br/> Type <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="type" value="PO" type="checkbox"/>&nbsp;PO</li>
-															  <li><input onchange="filterme()" name="type" value="SO" type="checkbox"/>&nbsp;SO</li>
-															  <li><input onchange="filterme()" name="type" value="PO & SO" type="checkbox"/>&nbsp;PO & SO</li>															  
-															</ul>
-														</th>
-														<th width="2%"> Order No <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;00001</li>
-															  <li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;00002</li>
-															  <li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;00003</li>
-															  <li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;00004</li>
-															  <li><input onchange="filterme()" name="orderno" value="00005" type="checkbox"/>&nbsp;00005</li>															  
-															</ul>
-														</th>
-														<th width="1%"> Supplier<br/> Code <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="suppliercode" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%">  Marking <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="custcode" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%"> Purchase<br/> Value <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="pvalue" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%"> Shipment<br/> No <br/>
+                                                        <th width="5%"> Date
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <div class="input-group input-daterange">
+                                                                        <input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
+                                                                        <div class="input-group-addon">to</div>
+                                                                        <input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
+                                                                    </div>
+                                                                    <li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> Status </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Warehouse receive note" type="checkbox" />&nbsp;Warehouse receive note</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Container loading" type="checkbox" />&nbsp;Container loading</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="ETD" type="checkbox" />&nbsp;ETD</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> Order
+                                                            <br/> Type
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="type" value="PO" type="checkbox" />&nbsp;PO</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="type" value="SO" type="checkbox" />&nbsp;SO</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="type" value="PO & SO" type="checkbox" />&nbsp;PO & SO</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="2%"> Order No
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00001" type="checkbox" />&nbsp;00001</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00002" type="checkbox" />&nbsp;00002</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00003" type="checkbox" />&nbsp;00003</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00004" type="checkbox" />&nbsp;00004</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00005" type="checkbox" />&nbsp;00005</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> Supplier
+                                                            <br/> Code
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="suppliercode" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> Marking
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="custcode" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> Purchase
+                                                            <br/> Value
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="pvalue" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> Shipment
+                                                            <br/> No
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="shipno" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Container Number"> Cont<br/> No </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="shipno" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Name"> WH Name <br/>
 															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
 															<span class="fa fa-filter"></span></button>
 															<ul class="dropdown-menu">
 															  <li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>														  
 															</ul>
 														</th>
-														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Container Number"> Cont<br/> No </a> <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Name"> WH Name <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Receive Note"> WH<br/> Recv<br/> Note </a> <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Remark"> WH<br/> Remark </a> <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/>&nbsp;123456</li>														  
-															</ul>
-														</th>
-														<th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Departure"> ETD </a> <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/>&nbsp;03-07-2017</li>														  
-															</ul>
-														</th>
-														<th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Arrival"> ETA </a><br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-															<ul class="dropdown-menu">
-															  <li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/>&nbsp;03-07-2017</li>														  
-															</ul>
-														</th>
+														<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Receive Note"> WH<br/> Recv<br/> Note </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="shipno" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Remark"> WH<br/> Remark </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="shipno" value="123456" type="checkbox" />&nbsp;123456</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Departure"> ETD </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox" />&nbsp;03-07-2017</li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Arrival"> ETA </a>
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li>
+                                                                    <input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox" />&nbsp;03-07-2017</li>
+                                                            </ul>
+                                                        </th>
                                                     </tr>
                                                 </thead>
-												<tbody>
-                                                    
-													<tr>
-                                                        <td> <center>1</center> </td>
+                                                <tbody>
+
+                                                    <tr>
+                                                        <td>
+                                                            <center>1</center>
+                                                        </td>
                                                         <td> 03-07-2017 </td>
                                                         <td> <a href="trackorder.html">Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span> <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
                                                         <td> PO & SO </td>
-                                                        <td><span style="margin-bottom: 10x;" class="badge badge-danger">5</span> <center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00005<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 5 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
-                                                            </div><br/></center>
+                                                        <td><span style="margin-bottom: 10x;" class="badge badge-danger">5</span>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00005<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href="chat.html"> Chat <span class='badge badge-warning'> 5 </span></a>
+                                                                        </li>
+                                                                        <li><a href='orderdetails.html'> Details </a>
+                                                                        </li>
+                                                                        <li class='divider'> </li>
+                                                                        <li><a href='javascript:;'> Cancel</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
-														<td> 123456 </td>
+                                                        <td> 123456 </td>
                                                         <td> CIEF/0008 </td>
-                                                        <td> <center>12,000.00 (RMB)</center> </td>
+                                                        <td>
+                                                            <center>12,000.00 (RMB)</center>
+                                                        </td>
                                                         <td> CTN56 </td>
-														<td> 123456 </td>
+                                                        <td> 123456 </td>
                                                         <td> WH A </td>
                                                         <td> 123456 </td>
                                                         <td> 123456 </td>
                                                         <td> 123456 </td>
                                                         <td> <span style="color:red"><strong>03-07-2017<br/>Delayed</strong></span> </td>
-													</tr>
+                                                    </tr>
                                                     <tr>
-                                                        <td> <center>2</center> </td>
+                                                        <td>
+                                                            <center>2</center>
+                                                        </td>
                                                         <td> 02-07-2017 </td>
                                                         <td> <a href="trackorder.html">Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Failed</span> <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
-														<td> PO & SO </td>
-                                                        <td> <span style="margin-bottom: 10x;" class="badge badge-danger">10</span> <center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00004<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 10 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> PO & SO </td>
+                                                        <td> <span style="margin-bottom: 10x;" class="badge badge-danger">10</span>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00004<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href="chat.html"> Chat <span class='badge badge-warning'> 10 </span></a>
+                                                                        </li>
+                                                                        <li><a href='orderdetails.html'> Details </a>
+                                                                        </li>
+                                                                        <li class='divider'> </li>
+                                                                        <li><a href='javascript:;'> Cancel</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                         <td> 123456 </td>
                                                         <td> CIEF/0007 </td>
-                                                        <td> <center>15,000.00 (USD)</center> </td>
+                                                        <td>
+                                                            <center>15,000.00 (USD)</center>
+                                                        </td>
                                                         <td> CTN55 </td>
                                                         <td> 123456 </td>
                                                         <td> WH B </td>
@@ -530,18 +615,35 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <td> 03-07-2017 </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>3</center> </td>
+                                                        <td>
+                                                            <center>3</center>
+                                                        </td>
                                                         <td> 01-07-2017 </td>
                                                         <td> <a href="trackorder.html">Container loading <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
-														<td> PO & SO </td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00003<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat </a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> PO & SO </td>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00003<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href="chat.html"> Chat </a>
+                                                                        </li>
+                                                                        <li><a href='orderdetails.html'> Details </a>
+                                                                        </li>
+                                                                        <li class='divider'> </li>
+                                                                        <li><a href='javascript:;'> Cancel</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                         <td> 123456 </td>
                                                         <td> CIEF/0005 </td>
-                                                        <td> <center>8,000.00 (MYR)</center> </td>
+                                                        <td>
+                                                            <center>8,000.00 (MYR)</center>
+                                                        </td>
                                                         <td> CTN54 </td>
                                                         <td> 123456 </td>
                                                         <td> WH C </td>
@@ -551,18 +653,35 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <td> <span style="color:red"><strong>15-07-2017<br/>Delayed</strong></span> </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>4</center> </td>
+                                                        <td>
+                                                            <center>4</center>
+                                                        </td>
                                                         <td> 30-06-2017 </td>
                                                         <td> <a href="trackorder.html">ETD <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
-														<td> PO & SO </td>
-                                                        <td> <span style="margin-bottom: 10x;" class="badge badge-danger">1</span> <center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00002<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 1 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> PO & SO </td>
+                                                        <td> <span style="margin-bottom: 10x;" class="badge badge-danger">1</span>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00002<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href="chat.html"> Chat <span class='badge badge-warning'> 1 </span></a>
+                                                                        </li>
+                                                                        <li><a href='orderdetails.html'> Details </a>
+                                                                        </li>
+                                                                        <li class='divider'> </li>
+                                                                        <li><a href='javascript:;'> Cancel</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                         <td> 123456 </td>
                                                         <td> CIEF/0004 </td>
-                                                        <td> <center>5,000.00 (HKD)</center> </td>
+                                                        <td>
+                                                            <center>5,000.00 (HKD)</center>
+                                                        </td>
                                                         <td> CTN53 </td>
                                                         <td> 123456 </td>
                                                         <td> WH D </td>
@@ -572,17 +691,36 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <td> 03-07-2017 </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>5</center> </td>
+                                                        <td>
+                                                            <center>5</center>
+                                                        </td>
                                                         <td> 29-06-2017 </td>
-                                                        <td> <!--<a href="trackorder.html">ETD <i class="fa fa-pencil" aria-hidden="true"></i></a>--> N/A </td>
-														<td> PO </td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00001<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat </a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
-                                                            </div><br/></center> </td>													
+                                                        <td>
+                                                            <!--<a href="trackorder.html">ETD <i class="fa fa-pencil" aria-hidden="true"></i></a>-->N/A </td>
+                                                        <td> PO </td>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00001<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href="chat.html"> Chat </a>
+                                                                        </li>
+                                                                        <li><a href='orderdetails.html'> Details </a>
+                                                                        </li>
+                                                                        <li class='divider'> </li>
+                                                                        <li><a href='javascript:;'> Cancel</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
+                                                        </td>
                                                         <td> 123456 </td>
                                                         <td> CIEF/0003 </td>
-                                                        <td> <center>4,000.00 (USD)</center> </td>
+                                                        <td>
+                                                            <center>4,000.00 (USD)</center>
+                                                        </td>
                                                         <td> N/A </td>
                                                         <td> N/A </td>
                                                         <td> N/A </td>
@@ -590,635 +728,76 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <td> N/A </td>
                                                         <td> N/A </td>
                                                         <td> N/A </td>
-                                                    </tr>                                                    
+                                                    </tr>
                                                 </tbody>
                                             </table>
-											
+
                                         </div>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
                             </div>
                         </div>
-						<!-- END CONTENT -->
-                        
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
                 <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
             </div>
             <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-         <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
 
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS --> 
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
 
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/table-datatables-buttons.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/table-datatables-buttons.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-                
-        
-    </body>
+    <!-- END THEME LAYOUT SCRIPTS -->
+
+
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/login.html b/public/Forwarder/login.html
index 606e440..3cef8a2 100644
--- a/public/Forwarder/login.html
+++ b/public/Forwarder/login.html
@@ -16,154 +16,152 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Login</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for " name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN PAGE LEVEL STYLES -->
-        <link href="../assets/pages/css/login.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <!-- END THEME LAYOUT STYLES -->
-		</head>
-    <!-- END HEAD -->
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Login</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for " name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN PAGE LEVEL STYLES -->
+    <link href="../assets/pages/css/login.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <!-- END THEME LAYOUT STYLES -->
+</head>
+<!-- END HEAD -->
 
-    <body class=" login">
-        <!-- BEGIN LOGIN -->
-        <div class="content">
-            <!-- BEGIN LOGIN FORM -->
-            <form class="login-form" action="index.html" method="post">
-                <h3 class="form-title font-green">Sign In</h3>
-                <div class="alert alert-danger display-hide">
-                    <button class="close" data-close="alert"></button>
-                    <span> Enter any username and password. </span>
+<body class=" login">
+    <!-- BEGIN LOGIN -->
+    <div class="content">
+        <!-- BEGIN LOGIN FORM -->
+        <form class="login-form" action="index.html" method="post">
+            <h3 class="form-title font-green">Sign In</h3>
+            <div class="alert alert-danger display-hide">
+                <button class="close" data-close="alert"></button>
+                <span> Enter any username and password. </span>
+            </div>
+            <div class="form-group">
+                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
+                <label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
+                <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
+            <div class="form-group">
+                <label class="control-label visible-ie8 visible-ie9">Password</label>
+                <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" /> </div>
+            <div class="form-actions">
+                <button type="submit" class="btn green uppercase">Login</button>
+                <label class="rememberme check mt-checkbox mt-checkbox-outline">
+                    <input type="checkbox" name="remember" value="1" />Remember
+                    <span></span>
+                </label>
+                <a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a>
+            </div>
+            <div class="create-account">
+                <p>
+                    <a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
+                </p>
+            </div>
+        </form>
+        <!-- END LOGIN FORM -->
+        <!-- BEGIN FORGOT PASSWORD FORM -->
+        <form class="forget-form" action="index.html" method="post">
+            <h3 class="font-green">Forget Password ?</h3>
+            <p> Enter your e-mail address below to reset your password. </p>
+            <div class="form-group">
+                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" /> </div>
+            <div class="form-actions">
+                <button type="button" id="back-btn" class="btn green btn-outline">Back</button>
+                <button type="submit" class="btn btn-success uppercase pull-right">Submit</button>
+            </div>
+        </form>
+        <!-- END FORGOT PASSWORD FORM -->
+        <!-- BEGIN REGISTRATION FORM -->
+        <form class="register-form" action="index.html" method="post">
+            <h3 class="font-green">Sign Up</h3>
+            <p class="hint"> Enter your account details below: </p>
+            <div class="form-group">
+                <label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
+                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
+            <div class="form-group">
+                <label class="control-label visible-ie8 visible-ie9">Password</label>
+                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" /> </div>
+            <div class="form-group">
+                <label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>
+                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Re-type Your Password" name="rpassword" /> </div>
+            <div class="form-group">
+                <label class="control-label visible-ie8 visible-ie9">Verification No.</label>
+                <div class="row">
+                    <div class="col-md-10">
+                        <input class="form-control placeholder-no-fix" style="width:95%" type="password" autocomplete="off" id="register_password" placeholder="Verification No" name="password" />
+                    </div>
+                    <div class="col-md-2">
+                        <button type="submit" id="register-submit-btn" style="line-height:2.0" class="btn btn-success uppercase pull-right">Send</button>
+                    </div>
                 </div>
-                <div class="form-group">
-                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
-                    <label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
-                    <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
-                <div class="form-group">
-                    <label class="control-label visible-ie8 visible-ie9">Password</label>
-                    <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" /> </div>
-                <div class="form-actions">
-                    <button type="submit" class="btn green uppercase">Login</button>
-                    <label class="rememberme check mt-checkbox mt-checkbox-outline">
-                        <input type="checkbox" name="remember" value="1" />Remember
-                        <span></span>
-                    </label>
-                    <a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a>
-                </div>
-                <div class="create-account">
-                    <p>
-                        <a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
-                    </p>
-                </div>
-            </form>
-            <!-- END LOGIN FORM -->
-            <!-- BEGIN FORGOT PASSWORD FORM -->
-            <form class="forget-form" action="index.html" method="post">
-                <h3 class="font-green">Forget Password ?</h3>
-                <p> Enter your e-mail address below to reset your password. </p>
-                <div class="form-group">
-                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" /> </div>
-                <div class="form-actions">
-                    <button type="button" id="back-btn" class="btn green btn-outline">Back</button>
-                    <button type="submit" class="btn btn-success uppercase pull-right">Submit</button>
-                </div>
-            </form>
-            <!-- END FORGOT PASSWORD FORM -->
-            <!-- BEGIN REGISTRATION FORM -->
-            <form class="register-form" action="index.html" method="post">
-                <h3 class="font-green">Sign Up</h3>
-                <p class="hint"> Enter your account details below: </p>
-                <div class="form-group">
-                    <label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
-                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
-                <div class="form-group">
-                    <label class="control-label visible-ie8 visible-ie9">Password</label>
-                    <input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" /> </div>
-                <div class="form-group">
-                    <label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>
-                    <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Re-type Your Password" name="rpassword" /> </div>
-                <div class="form-group">
-                    <label class="control-label visible-ie8 visible-ie9">Verification No.</label>
-                    <div class="row">
-					<div class="col-md-10">
-					<input class="form-control placeholder-no-fix" style="width:95%" type="password" autocomplete="off" id="register_password" placeholder="Verification No" name="password" /> 
-					</div>
-					<div class="col-md-2">
-					<button type="submit" id="register-submit-btn" style="line-height:2.0" class="btn btn-success uppercase pull-right">Send</button>
-					</div>
-					</div>
-				</div>
-				
-				
-                </br>
-				
-				<div class="form-actions">
-                    <button type="button" id="register-back-btn" class="btn green btn-outline">Back</button>
-                    <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Submit</button>
-                </div>
-            </form>
-            <!-- END REGISTRATION FORM -->
-        </div>
-        <div class="copyright"> Copyright &copy; 2017 IZYIM.COM </div>
-        <!--[if lt IE 9]>
+            </div>
+
+
+            </br>
+
+            <div class="form-actions">
+                <button type="button" id="register-back-btn" class="btn green btn-outline">Back</button>
+                <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Submit</button>
+            </div>
+        </form>
+        <!-- END REGISTRATION FORM -->
+    </div>
+    <div class="copyright"> Copyright &copy; 2017 IZYIM.COM </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/login.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/login.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/notice.html b/public/Forwarder/notice.html
index 5c7c1bd..235806e 100644
--- a/public/Forwarder/notice.html
+++ b/public/Forwarder/notice.html
@@ -1,4 +1,4 @@
-e<!DOCTYPE html>
+<!DOCTYPE html>
 <!-- 
 Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
 Version: 4.7.5
@@ -16,217 +16,215 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Notice</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Notice</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-
-
-
-		</style></head>
-    <!-- END HEAD -->
-    <style>
-        
     </style>
+</head>
+<!-- END HEAD -->
+<style>
+</style>
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="page_user_profile_1.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-							</li>
-							<hr>
-                            <li class="nav-item  ">
-                                <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 active open">
-                                <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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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 active open">
+                            <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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
-                                    <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                    <a href="shipmentarrange.html" class="nav-link "><i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>      
-                                                         <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>              
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -241,45 +239,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR --><!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -299,938 +293,343 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> Notice
                         </h1>
-						
-						<!-- CONTENT -->
+
+                        <!-- CONTENT -->
                         <div class="form-group">
                             <label class="control-label" for="title">Title</label>
                             <input id="title" type="text" class="form-control" value="" placeholder="Enter a title...">
                         </div>
-                        
+
                         <div class="form-group">
                             <label class="control-label" for="message">Message</label>
                             <textarea class="form-control" id="message" rows="3" placeholder="Enter a message..."></textarea>
                         </div>
                         <div class="tab-pane" id="tab_1_2">
-                                                            <form action="#" role="form">
-                                                                <div class="form-group">
-                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
-                                                                    <h5>Upload Photo</h5>
-                                                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
-                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> </div>
+                            <form action="#" role="form">
+                                <div class="form-group">
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <h5>Upload Photo</h5>
+                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> </div>
 
-                                                                       
 
-                                                                        <div>
-                                                                            <span class="btn default btn-file">
+
+                                        <div>
+                                            <span class="btn default btn-file">
                                                                             
                                                                                 <span class="fileinput-new"></span>
-                                                                                <span class="fileinput-exists"></span>
-                                                                                <input type="file" name="..."> </span>
-                                                                            
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                                
-                                                            </form>
-                                                        </div>
+                                            <span class="fileinput-exists"></span>
+                                            <input type="file" name="..."> </span>
+
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </form>
+                        </div>
                         <div class="row">
                             <button type="button" class="btn green" id="Sumbit" href="#form_delivery" data-toggle="modal">Send</button>
                         </div>
-                        </div>
-                        
-                        <!-- 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">
-                            <div class="portlet box blue">
-                                    <div class="portlet-title">
-                                        <div class="caption">
-                                            <i class="fa fa-gift"></i>Select Company</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>
-                                                </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;"> Company </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"> Alpha Shipping Co </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"> Maersk Sdn Bhd </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"> Msco Sdn Bhd </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"> Cosco Sdn Bhd </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"> Deep Sea Shipping Logistic Sdn Bhd </td>
-                                                    
-                                                </tr>
-                                                
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                
-                                </div>
-                                </div>
-                                </div>
-                                </div>
-                                <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>
-                                <br></br>
+                    </div>
 
-                                
-                                </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>
+                    <!-- 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">
+                                        <div class="portlet box blue">
+                                            <div class="portlet-title">
+                                                <div class="caption">
+                                                    <i class="fa fa-gift"></i>Select Company</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>
+                                                    </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;"> Company </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"> Alpha Shipping Co </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"> Maersk Sdn Bhd </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"> Msco Sdn Bhd </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"> Cosco Sdn Bhd </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"> Deep Sea Shipping Logistic Sdn Bhd </td>
+
+                                                                </tr>
+
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <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>
+                                                        <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>
+                        </div>
 
                         <!-- END POP UP  -->
-						<!-- END CONTENT -->
-                        
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
                 <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
-                </div>
-            </div>
-            <!-- END FOOTER -->
-        </div>
-        <!--[if lt IE 9]>
+		</div>
+		<!-- END CONTAINER -->
+		<!-- BEGIN FOOTER -->
+		<div class="page-footer">
+			<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+				<div class="scroll-to-top">
+					<i class="icon-arrow-up"></i>
+				</div>
+			</div>
+			<!-- END FOOTER -->
+		</div>
+	</div>
+            <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        
-        <script>
+            <!-- BEGIN CORE PLUGINS -->
+            <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+            <!-- END CORE PLUGINS -->
+            <!-- BEGIN THEME GLOBAL SCRIPTS -->
+            <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+            <!-- END THEME GLOBAL SCRIPTS -->
+            <!-- BEGIN PAGE LEVEL SCRIPTS -->
+            <!-- END PAGE LEVEL SCRIPTS -->
+            <!-- BEGIN THEME LAYOUT SCRIPTS -->
+            <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+            <!-- END THEME LAYOUT SCRIPTS -->
 
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+            <script>
+                $(document).ready(function() {
+                    $('#clickmewow').click(function() {
+                        $('#radio1003').attr('checked', 'checked');
+                    });
+                })
+            </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/orderdetails.html b/public/Forwarder/orderdetails.html
index 2a7121c..45fb5b4 100644
--- a/public/Forwarder/orderdetails.html
+++ b/public/Forwarder/orderdetails.html
@@ -1,4 +1,4 @@
-e<!DOCTYPE html>
+<!DOCTYPE html>
 <!-- 
 Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
 Version: 4.7.5
@@ -16,45 +16,45 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Order Details</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Order Details</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
         @media (min-width: 992px) {
             .page-content-wrapper .page-content {
-            margin-left: 200px;
+                margin-left: 200px;
             }
         }
-        @media (min-width: 992px){
+        @media (min-width: 992px) {
             .page-sidebar {
                 width: 200px;
                 float: left;
@@ -64,142 +64,168 @@ License: You must have a valid license purchased only from themeforest(the above
         }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-
-
-
-        </style></head>
-    <!-- END HEAD -->
-    <style>
-        
     </style>
+</head>
+<!-- END HEAD -->
+<style>
+</style>
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="page_user_profile_1.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-                            <li>
-                                <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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">
+                            <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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
-                        </li>       
+                        </li>
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -214,45 +240,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR --><!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -272,7 +294,7 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> Order Details
                         </h1>
-                        
+
                         <!-- CONTENT -->
                         <div class="row">
                             <div class="col-md-12">
@@ -324,9 +346,10 @@ License: You must have a valid license purchased only from themeforest(the above
                                                 <div class="tab-pane active" id="tab_1">
                                                     <div class="row">
                                                         <div class="col-md-12 col-sm-12">
-                                                        <div class="portlet light bordered">
-                                                               <div class="portlet-title">
-                                                                    <div class="caption"><b>Order Details </b></div>
+                                                            <div class="portlet light bordered">
+                                                                <div class="portlet-title">
+                                                                    <div class="caption"><b>Order Details </b>
+                                                                    </div>
                                                                 </div>
                                                                 <div class="portlet-body">
                                                                     <div class="row static-info">
@@ -358,7 +381,9 @@ License: You must have a valid license purchased only from themeforest(the above
                                                                 </div>
                                                                 <div class="portlet-body">
                                                                     <div class="row static-info">
-                                                                        <div class="col-md-7 value"><h4><b>Customer Information</b></h4></div>
+                                                                        <div class="col-md-7 value">
+                                                                            <h4><b>Customer Information</b></h4>
+                                                                        </div>
                                                                     </div>
                                                                     <div class="row static-info">
                                                                         <div class="col-md-5 name"> Company Name: </div>
@@ -390,135 +415,137 @@ License: You must have a valid license purchased only from themeforest(the above
                                                     </div>
                                                     <div class="row">
                                                         <div class="col-md-12 col-sm-12">
-                                                        <div class="portlet light bordered">
-                                                               <div class="portlet-title">
-                                                                    <div class="caption"><b>Packaging List </b></div>
+                                                            <div class="portlet light bordered">
+                                                                <div class="portlet-title">
+                                                                    <div class="caption"><b>Packaging List </b>
+                                                                    </div>
                                                                 </div>
                                                                 <div class="portlet-body">
-                                        <h4>Carton</h4>
-                                        <div class = "table-responsive">
-                                        <table id="user" class="table table-bordered table-striped">
-                                            <thead>
-                                                <th>Export HS Code</th>
-                                                <th>Product Model</th>
-                                                <th>Brand</th>
-                                                <th>Goods Description(EN)</th>
-                                                <th>Goods Description(CHN)</th>
-                                                <th>Product Photo</th>
-                                                <th>Packaging Photo</th>
-                                                <th>Qty/Ctn</th>
-                                                <th>Qty of Ctn</th>
-                                                <th>Ctn Label</th>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        </div>
-                                        <br>
-                                        <br>
-                                        <h4>Pallet</h4>
-                                        <div class = "table-responsive">
-                                        <table id="user" class="table table-bordered table-striped">
-                                            <thead>
-                                                <th>Export HS Code</th>
-                                                <th>Product Model</th>
-                                                <th>Brand</th>
-                                                <th>Goods Description(EN)</th>
-                                                <th>Goods Description(CHN)</th>
-                                                <th>Product Photo</th>
-                                                <th>Packaging Photo</th>
-                                                <th>Qty/Plt</th>
-                                                <th>Qty of Plt</th>
-                                                <th>Ctn Label</th>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        </div>
-                                            </div>
-                                        
-                                    </div>
+                                                                    <h4>Carton</h4>
+                                                                    <div class="table-responsive">
+                                                                        <table id="user" class="table table-bordered table-striped">
+                                                                            <thead>
+                                                                                <th>Export HS Code</th>
+                                                                                <th>Product Model</th>
+                                                                                <th>Brand</th>
+                                                                                <th>Goods Description(EN)</th>
+                                                                                <th>Goods Description(CHN)</th>
+                                                                                <th>Product Photo</th>
+                                                                                <th>Packaging Photo</th>
+                                                                                <th>Qty/Ctn</th>
+                                                                                <th>Qty of Ctn</th>
+                                                                                <th>Ctn Label</th>
+                                                                            </thead>
+                                                                            <tbody>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                            </tbody>
+                                                                        </table>
+                                                                    </div>
+                                                                    <br>
+                                                                    <br>
+                                                                    <h4>Pallet</h4>
+                                                                    <div class="table-responsive">
+                                                                        <table id="user" class="table table-bordered table-striped">
+                                                                            <thead>
+                                                                                <th>Export HS Code</th>
+                                                                                <th>Product Model</th>
+                                                                                <th>Brand</th>
+                                                                                <th>Goods Description(EN)</th>
+                                                                                <th>Goods Description(CHN)</th>
+                                                                                <th>Product Photo</th>
+                                                                                <th>Packaging Photo</th>
+                                                                                <th>Qty/Plt</th>
+                                                                                <th>Qty of Plt</th>
+                                                                                <th>Ctn Label</th>
+                                                                            </thead>
+                                                                            <tbody>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                    <td> </td>
+                                                                                </tr>
+                                                                            </tbody>
+                                                                        </table>
+                                                                    </div>
                                                                 </div>
+
                                                             </div>
                                                         </div>
+                                                    </div>
+                                                </div>
                                                 <div class="tab-pane" id="tab_2">
                                                     <div class="row">
                                                         <div class="col-md-6 col-sm-12">
-                                                        <div class="portlet light bordered">
-                                                               <div class="portlet-title">
-                                                                    <div class="caption"><b>Delivery Arrangement </b></div>
+                                                            <div class="portlet light bordered">
+                                                                <div class="portlet-title">
+                                                                    <div class="caption"><b>Delivery Arrangement </b>
+                                                                    </div>
                                                                 </div>
                                                                 <div class="portlet-body">
                                                                     <div class="row static-info">
@@ -555,8 +582,9 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                                                         <div class="col-md-6 col-sm-12">
                                                             <div class="portlet light bordered">
-                                                               <div class="portlet-title">
-                                                                    <div class="caption"><b>Shipment Arrangement</b></div>
+                                                                <div class="portlet-title">
+                                                                    <div class="caption"><b>Shipment Arrangement</b>
+                                                                    </div>
                                                                 </div>
                                                                 <div class="portlet-body">
                                                                     <div class="row static-info">
@@ -587,708 +615,145 @@ License: You must have a valid license purchased only from themeforest(the above
                                                     <div class="row">
                                                         <div class="col-md-12 col-sm-12">
                                                             <div class="portlet light bordered">
-                                                               <div class="portlet-title">
-                                                                    <div class="caption"><b>Warehouse Receive Note (WRN) </b></div>
+                                                                <div class="portlet-title">
+                                                                    <div class="caption"><b>Warehouse Receive Note (WRN) </b>
+                                                                    </div>
                                                                 </div>
                                                                 <div class="tab-pane" id="tab_images">
-                                                        <div class="row">
-                                                            <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12"> </div>
-                                                        </div>
-                                                        <table class="table table-bordered table-hover">
-                                                            <thead>
-                                                                <tr role="row" class="heading">
-                                                                    <th width="10%"> Image </th>
-                                                                    <th width="15%"> Total Ctn </th>
-                                                                    <th width="15%"> Measurement </th>
-                                                                    <th width="15%"> Weight </th>
-                                                                </tr>
-                                                            </thead>
-                                                            <tbody>
-                                                                <tr>
-                                                                    <td>
-                                                                        <a href="../assets/pages/media/works/img1.jpg" class="fancybox-button" data-rel="fancybox-button">
-                                                                            <img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt=""> </a>
-                                                                    </td>
-                                                                    <td>10</td>
-                                                                    <td>40x40x40</td>
-                                                                    <td>9.8 KG</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>
-                                                                        <a href="../assets/pages/media/works/img2.jpg" class="fancybox-button" data-rel="fancybox-button">
-                                                                            <img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt=""> </a>
-                                                                    </td>
-                                                                    <td>9</td>
-                                                                    <td>40x40x40</td>
-                                                                    <td>9.8 KG</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>
-                                                                        <a href="../assets/pages/media/works/img3.jpg" class="fancybox-button" data-rel="fancybox-button">
-                                                                            <img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt=""> </a>
-                                                                    </td>
-                                                                    <td>8</td>
-                                                                    <td>40x40x40</td>
-                                                                    <td>9.8 KG</td>
-                                                                </tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </div>
+                                                                    <div class="row">
+                                                                        <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12"> </div>
+                                                                    </div>
+                                                                    <table class="table table-bordered table-hover">
+                                                                        <thead>
+                                                                            <tr role="row" class="heading">
+                                                                                <th width="10%"> Image </th>
+                                                                                <th width="15%"> Total Ctn </th>
+                                                                                <th width="15%"> Measurement </th>
+                                                                                <th width="15%"> Weight </th>
+                                                                            </tr>
+                                                                        </thead>
+                                                                        <tbody>
+                                                                            <tr>
+                                                                                <td>
+                                                                                    <a href="../assets/pages/media/works/img1.jpg" class="fancybox-button" data-rel="fancybox-button">
+                                                                                        <img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt=""> </a>
+                                                                                </td>
+                                                                                <td>10</td>
+                                                                                <td>40x40x40</td>
+                                                                                <td>9.8 KG</td>
+                                                                            </tr>
+                                                                            <tr>
+                                                                                <td>
+                                                                                    <a href="../assets/pages/media/works/img2.jpg" class="fancybox-button" data-rel="fancybox-button">
+                                                                                        <img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt=""> </a>
+                                                                                </td>
+                                                                                <td>9</td>
+                                                                                <td>40x40x40</td>
+                                                                                <td>9.8 KG</td>
+                                                                            </tr>
+                                                                            <tr>
+                                                                                <td>
+                                                                                    <a href="../assets/pages/media/works/img3.jpg" class="fancybox-button" data-rel="fancybox-button">
+                                                                                        <img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt=""> </a>
+                                                                                </td>
+                                                                                <td>8</td>
+                                                                                <td>40x40x40</td>
+                                                                                <td>9.8 KG</td>
+                                                                            </tr>
+                                                                        </tbody>
+                                                                    </table>
+                                                                </div>
                                                             </div>
                                                         </div>
                                                     </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <!-- End: life time stats -->
-                            </div>
-                        </div>
-                        </div>
-                        
-                        <!-- Begin TAble Portlet pop up-->
-                        <!-- POP UP -->
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
+                                    <!-- End: life time stats -->
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
             </div>
             <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        
-        <script>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
 
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/profile.html b/public/Forwarder/profile.html
index 6c7cc95..32ed37c 100644
--- a/public/Forwarder/profile.html
+++ b/public/Forwarder/profile.html
@@ -14,227 +14,226 @@ License: You must have a valid license purchased only from themeforest(the above
 -->
 <!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
-<!--[if !IE]><!-->  
+<!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Account Settings</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-		<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-		<style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Account Settings</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+    </style>
+</head>
 
+<!-- END HEAD -->
 
-		</style>
-        </head>
-
-    <!-- END HEAD -->
-
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li> 
+                        <li class="nav-item ">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item  ">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
                         <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>                 
-						<li class="nav-item">
-							<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>
+                        <li class="nav-item">
+                            <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>
@@ -242,45 +241,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <span class="selected"></span>
                             </a>
                         </li>
-							<li class="nav-item start active open ">
-                                <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 -->
-                    </div>
-                    <!-- END SIDEBAR --><!-- BEGIN CONTENT -->
+                        <li class="nav-item start active open ">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -300,9 +295,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> Account Settings
                         </h1>
-						
-						<!-- CONTENT -->
-						<div class="row">
+
+                        <!-- CONTENT -->
+                        <div class="row">
                             <div class="col-md-12">
                                 <!-- BEGIN PROFILE SIDEBAR -->
                                 <div class="profile-sidebar">
@@ -316,7 +311,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                         <div class="profile-usertitle">
                                             <div class="profile-usertitle-name"> Syed Amir </div>
                                             <div class="profile-usertitle-job"> Forwarder </div>
-                                            
+
                                         </div>
                                         <!-- END SIDEBAR USER TITLE -->
                                         <!-- SIDEBAR MENU -->
@@ -335,7 +330,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                         <!-- END MENU -->
                                     </div>
                                     <!-- END PORTLET MAIN -->
-                                    
+
                                 </div>
                                 <!-- END BEGIN PROFILE SIDEBAR -->
                                 <!-- BEGIN PROFILE CONTENT -->
@@ -367,22 +362,22 @@ License: You must have a valid license purchased only from themeforest(the above
                                                                 <div class="form-group">
                                                                     <label class="control-label">Last Name</label>
                                                                     <input type="text" placeholder="Amir" class="form-control" /> </div>
-																<div class="form-group">
+                                                                <div class="form-group">
                                                                     <label class="control-label">Email</label>
                                                                     <input type="text" placeholder="johndoe@example.com" class="form-control" /> </div>
                                                                 <div class="form-group">
-																	<label class="control-label">Mobile Number</label>
-																	<div class="row">
-																	<div class="col-md-12">
-																		<div class="col-md-10" style="padding-left: 0px;padding-right: 0px;">
-																			<input type="text" placeholder="+6 012 3456789" class="form-control" />
-																		</div>
-																		<div class="col-md-2" style="padding-left: 30px;">
-																			<input type="checkbox" checked class="make-switch" data-size="small" >
-																		</div>
-																	</div>
-																	</div>
-																</div>
+                                                                    <label class="control-label">Mobile Number</label>
+                                                                    <div class="row">
+                                                                        <div class="col-md-12">
+                                                                            <div class="col-md-10" style="padding-left: 0px;padding-right: 0px;">
+                                                                                <input type="text" placeholder="+6 012 3456789" class="form-control" />
+                                                                            </div>
+                                                                            <div class="col-md-2" style="padding-left: 30px;">
+                                                                                <input type="checkbox" checked class="make-switch" data-size="small">
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
                                                                 <!--<div class="form-group">
                                                                     <label class="control-label">Interests</label>
                                                                     <input type="text" placeholder="Design, Web etc." class="form-control" /> </div>-->
@@ -410,8 +405,8 @@ License: You must have a valid license purchased only from themeforest(the above
                                                                         <div>
                                                                             <span class="btn default btn-file">
                                                                                 <span class="fileinput-new"> Select image </span>
-                                                                                <span class="fileinput-exists"> Change </span>
-                                                                                <input type="file" name="..."> </span>
+                                                                            <span class="fileinput-exists"> Change </span>
+                                                                            <input type="file" name="..."> </span>
                                                                             <a href="javascript:;" class="btn default fileinput-exists" data-dismiss="fileinput"> Remove </a>
                                                                         </div>
                                                                     </div>
@@ -451,10 +446,10 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <!-- END PROFILE CONTENT -->
                             </div>
                         </div>
-						
-							
-						<!-- END CONTENT -->
-                        
+
+
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
@@ -1025,90 +1020,50 @@ License: You must have a valid license purchased only from themeforest(the above
             <!-- BEGIN FOOTER -->
             <div class="page-footer">
                 <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
+                    <div class="scroll-to-top">
+                        <i class="icon-arrow-up"></i>
+                    </div>
                 </div>
+                <!-- END FOOTER -->
             </div>
-            <!-- END FOOTER -->
-        </div>
-        <!--[if lt IE 9]>
+            <!--[if lt IE 9]>
+				<script src="../assets/global/plugins/respond.min.js"></script>
+				<script src="../assets/global/plugins/excanvas.min.js"></script> 
+				<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
+			<![endif]-->
+            <!-- BEGIN CORE PLUGINS -->
 
-<script src="../assets/global/plugins/respond.min.js"></script>
-<script src="../assets/global/plugins/excanvas.min.js"></script> 
-<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
-<![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            function myFunction() {
-                var x = document.getElementById('myDIV');
-                if (x.style.display === 'none') {
-                    x.style.display = 'block';
-                } else {
-                    x.style.display = 'none';
+            <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+            <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+            
+			<script>
+                function myFunction() {
+                    var x = document.getElementById('myDIV');
+                    if (x.style.display === 'none') {
+                        x.style.display = 'block';
+                    } else {
+                        x.style.display = 'none';
+                    }
                 }
-            }
-        </script>
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+            </script>
+            <script>
+                $(document).ready(function() {
+                    $('#clickmewow').click(function() {
+                        $('#radio1003').attr('checked', 'checked');
+                    });
+                })
+            </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/profile2.html b/public/Forwarder/profile2.html
index a7481a8..40b9969 100644
--- a/public/Forwarder/profile2.html
+++ b/public/Forwarder/profile2.html
@@ -16,217 +16,225 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Account Settings</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-		<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Account Settings</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-		</style>
-		</head>
+    </style>
+</head>
 
-    <!-- END HEAD -->
+<!-- END HEAD -->
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-							<!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="#" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>             
-						<li class="nav-item">
-							<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="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item  ">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <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>
@@ -234,45 +242,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <span class="selected"></span>
                             </a>
                         </li>
-							<li class="nav-item start active open ">
-                                <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 -->
-                    </div>
-                    <!-- END SIDEBAR --><!-- BEGIN CONTENT -->
+                        <li class="nav-item start active open ">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -292,9 +296,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> Profile
                         </h1>
-						
-						<!-- CONTENT -->
-						<div class="row">
+
+                        <!-- CONTENT -->
+                        <div class="row">
                             <div class="col-md-12">
                                 <!-- BEGIN PROFILE SIDEBAR -->
                                 <div class="profile-sidebar">
@@ -309,10 +313,10 @@ License: You must have a valid license purchased only from themeforest(the above
                                             <div class="profile-usertitle-name"> Syed Amir </div>
                                             <div class="profile-usertitle-job"> Forwarder </div>
                                             <div align="center">
-                                                        <a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
-                                                       
-                                                    </div>
-                                            
+                                                <a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
+
+                                            </div>
+
                                         </div>
                                         <!-- END SIDEBAR USER TITLE -->
                                         <!-- SIDEBAR MENU -->
@@ -320,18 +324,18 @@ License: You must have a valid license purchased only from themeforest(the above
                                             <ul class="nav">
                                                 <li class="active">
                                                     <a href="profile.html">
-                                                        <i class="icon-settings"></i>  Profile </a>
+                                                        <i class="icon-settings"></i> Profile </a>
                                                 </li>
                                                 <li>
                                                     <a href="company2.html">
-                                                        <i class="icon-info"></i> Company  </a>
+                                                        <i class="icon-info"></i> Company </a>
                                                 </li>
                                             </ul>
                                         </div>
                                         <!-- END MENU -->
                                     </div>
                                     <!-- END PORTLET MAIN -->
-                                    
+
                                 </div>
                                 <!-- END BEGIN PROFILE SIDEBAR -->
                                 <!-- BEGIN PROFILE CONTENT -->
@@ -344,73 +348,101 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <li class="active">
                                                             <a href="#tab_1_1" data-toggle="tab">Personal Info</a>
                                                         </li>
-                                                       
+
                                                     </ul>
                                                 </div>
-                                                <div class="portlet-body" >
-                                                    
+                                                <div class="portlet-body">
+
                                                     <div class="tab-content">
                                                         <!-- PERSONAL INFO TAB -->
                                                         <div class="tab-pane active" id="tab_1_1">
                                                             <form role="form" action="#">
                                                                 <table style="width:100%">
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td> <label class="control-label">First Name  </label></td>
-                                                                    <td><label class="control-label">: Syed </label></td>
-                                                                </div>
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Last Name </label></td>
-                                                                    <td><label class="control-label">: Amir</label></td>
-                                                                </div> 
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Email </label></td>
-                                                                    <td><label class="control-label">: johndoe@example.com</label></td>
-                                                                </div> 
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Phone No </label></td>
-                                                                    <td><label class="control-label">: 0142536987</label></td>
-                                                                </div>
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Email</label></td>
-                                                                    <td><label class="control-label">: amirleader@gmail.com</label></td>
-                                                                </div> 
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Position</label></td>
-                                                                    <td><label class="control-label">: Sales</label></td>
-                                                                </div> 
-                                                                </tr>
-                                                                <tr>
-                                                                <!--<div class="form-group">
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">First Name </label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: Syed </label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Last Name </label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: Amir</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Email </label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: johndoe@example.com</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Phone No </label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: 0142536987</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Email</label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: amirleader@gmail.com</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Position</label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: Sales</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <!--<div class="form-group">
                                                                     <td><label class="control-label">Interests</label></td>
                                                                     <td><label class="control-label">: Design</label></td>
                                                                 </div>-->
-                                                                </tr>
-                                                                <tr>
-                                                                <div class="form-group">
-                                                                    <td><label class="control-label">Position</label></td>
-                                                                    <td><label class="control-label">: Sales</label></td>
-                                                                </div>  
-                                                                </tr>
+                                                                    </tr>
+                                                                    <tr>
+                                                                        <div class="form-group">
+                                                                            <td>
+                                                                                <label class="control-label">Position</label>
+                                                                            </td>
+                                                                            <td>
+                                                                                <label class="control-label">: Sales</label>
+                                                                            </td>
+                                                                        </div>
+                                                                    </tr>
                                                                 </table>
                                                             </form>
                                                         </div>
                                                         <!-- END PERSONAL INFO TAB -->
                                                         <!-- CHANGE AVATAR TAB -->
-                                                        
+
                                                         <!-- END CHANGE AVATAR TAB -->
                                                         <!-- CHANGE PASSWORD TAB -->
-                                                        
+
                                                         <!-- END CHANGE PASSWORD TAB -->
                                                     </div>
                                                 </div>
@@ -421,676 +453,63 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <!-- END PROFILE CONTENT -->
                             </div>
                         </div>
-						
-							
-						<!-- END CONTENT -->
-                        
+
+
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
+                <!-- END CONTENT -->                
             </div>
             <!-- END CONTAINER -->
             <!-- BEGIN FOOTER -->
             <div class="page-footer">
                 <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
+                    <div class="scroll-to-top">
+                        <i class="icon-arrow-up"></i>
+                    </div>
                 </div>
+                <!-- END FOOTER -->
             </div>
-            <!-- END FOOTER -->
-        </div>
-        <!--[if lt IE 9]>
+            <!--[if lt IE 9]>
+				<script src="../assets/global/plugins/respond.min.js"></script>
+				<script src="../assets/global/plugins/excanvas.min.js"></script> 
+				<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
+			<![endif]-->
+            <!-- BEGIN CORE PLUGINS -->
 
-<script src="../assets/global/plugins/respond.min.js"></script>
-<script src="../assets/global/plugins/excanvas.min.js"></script> 
-<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
-<![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        
-         <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        
-        <script>
+            <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+            <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+            <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+            <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
             
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-                
-                $( ".btn-follow" ).click(function() {
-                var msg = $(this).text();
-                if(msg == "Add as Friend"){
-                  $(this).text("Friend");
-                }else{
-                  $(this).text("Add as Friend");
-                }
-              });
+			<script>
                 function myFunction() {
-                var x = document.getElementById('myDIV');
-                if (x.style.display === 'none') {
-                    x.style.display = 'block';
-                } else {
-                    x.style.display = 'none';
+                    var x = document.getElementById('myDIV');
+                    if (x.style.display === 'none') {
+                        x.style.display = 'block';
+                    } else {
+                        x.style.display = 'none';
+                    }
                 }
-            }
-            })
-            
-            
-        </script>
-        
-    </body>
+            </script>
+            <script>
+                $(document).ready(function() {
+                    $('#clickmewow').click(function() {
+                        $('#radio1003').attr('checked', 'checked');
+                    });
+                })
+            </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/purchaseorder.html b/public/Forwarder/purchaseorder.html
index 5819a02..6b9f91a 100644
--- a/public/Forwarder/purchaseorder.html
+++ b/public/Forwarder/purchaseorder.html
@@ -16,234 +16,240 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Purchase Order</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-		<!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" />
-        <style>
-		@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%;
-			}
-		}
-		.table td, .table th {
-			font-size: 10px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		.table thead tr th{
-			font-size: 10px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		div.dt-button-collection{
-		margin-top: 100px;
-		}
-		table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
-			padding-right: 18px;
-			padding-left: 10px;
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Purchase Order</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+    <style>
+        @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%;
+            }
+        }
+        .table td,
+        .table th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .table thead tr th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        div.dt-button-collection {
+            margin-top: 100px;
+        }
+        table.dataTable thead>tr>th.sorting_asc,
+        table.dataTable thead>tr>th.sorting_desc,
+        table.dataTable thead>tr>th.sorting,
+        table.dataTable thead>tr>td.sorting_asc,
+        table.dataTable thead>tr>td.sorting_desc,
+        table.dataTable thead>tr>td.sorting {
+            padding-right: 18px;
+            padding-left: 10px;
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-        
         .btiv {
             background: transparent;
             border: none !important;
         }
-
-		</style>
-	</head>
-    <!-- END HEAD -->
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-                            <li>
-                                <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
-                            </li>
-                            <hr>
-                            <li class="nav-item  ">
-                                <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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item start active open">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item start active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                                                         <li class="nav-item">
+                        <li class="nav-item active open  ">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item active open ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item  ">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>                    
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -258,46 +264,41 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -305,7 +306,7 @@ License: You must have a valid license purchased only from themeforest(the above
                         <div class="page-bar">
                             <ul class="page-breadcrumb">
                                 <li>
-                                    <a  href="purchaseorder.html">Orders</a>
+                                    <a href="purchaseorder.html">Orders</a>
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
@@ -317,9 +318,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						
-						<!-- CONTENT -->
-						
+
+                        <!-- CONTENT -->
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -370,713 +371,238 @@ License: You must have a valid license purchased only from themeforest(the above
                                                 <thead>
                                                     <tr>
                                                         <th width="1%"> No </th>
-                                                        <th width="1%">  Order No <br/>
+                                                        <th width="1%"> Order No
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="status" value="Delivered" type="checkbox"/>&nbsp;Delivered</li>                                                          
-                                                              <li><input onchange="filterme()" name="status" value="Failed" type="checkbox"/>&nbsp;Failed</li>                                                        
-                                                              <li><input onchange="filterme()" name="status" value="Cancel" type="checkbox"/>&nbsp;Cancel</li>                  
-                                                          </ul>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Delivered" type="checkbox" />&nbsp;Delivered</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Failed" type="checkbox" />&nbsp;Failed</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Cancel" type="checkbox" />&nbsp;Cancel</li>
+                                                            </ul>
                                                         </th>
-                                                        <th  width="1%"> Date <br/>
+                                                        <th width="1%"> Date
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
                                                                 <li>
                                                                     <div class="input-group input-daterange">
                                                                         <input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
                                                                         <div class="input-group-addon">to</div>
                                                                         <input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
-                                                                    </div>                                                
+                                                                    </div>
+                                                                    <li>
+                                                            </ul>
+                                                        </th>
+                                                        <th width="3%"> Seller
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                            <ul class="dropdown-menu">
                                                                 <li>
+                                                                    <input onchange="filterme()" name="orderno" value="" type="checkbox" />&nbsp;Bob Supply Warehouse</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="" type="checkbox" />&nbsp;Tom Warehouse</li>
                                                             </ul>
                                                         </th>
-                                                        <th  width="3%"> Seller <br/>
+                                                        <th width="1%"> Total Purchase Value
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Bob Supply Warehouse</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Tom Warehouse</li>                      
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00001" type="checkbox" />&nbsp;(RMB)18,000</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00002" type="checkbox" />&nbsp;(RMB)12,000</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00003" type="checkbox" />&nbsp;(MYR)21,000</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00004" type="checkbox" />&nbsp;(MYR)10,000</li>
                                                             </ul>
                                                         </th>
-                                                        <th width="1%"> Total Purchase Value <br/>
+                                                        <th width="1%"> Status
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>                          
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00001" type="checkbox" />&nbsp;Canceled</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="orderno" value="00002" type="checkbox" />&nbsp;Amended</li>
                                                             </ul>
                                                         </th>
-                                                        <th width="1%"> Status <br/>
+                                                        <th width="1%"> SO Status
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;Canceled</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;Amended</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Delivered" type="checkbox" />&nbsp;Complete</li>
+                                                                <li>
+                                                                    <input onchange="filterme()" name="status" value="Failed" type="checkbox" />&nbsp;Incomplete</li>
                                                             </ul>
                                                         </th>
-                                                        <th width="1%">  SO Status <br/>
+                                                        <th width="1%"> Action
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                             <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="status" value="Delivered" type="checkbox"/>&nbsp;Complete</li>  
-                                                              <li><input onchange="filterme()" name="status" value="Failed" type="checkbox"/>&nbsp;Incomplete</li>
-                                                          </ul>
-                                                        </th>
-                                                        <th width="1%"> Action <br/>
-                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
-                                                            <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="suppliercode" value="" type="checkbox"/>&nbsp;Actions</li>                                                       
+                                                                <li>
+                                                                    <input onchange="filterme()" name="suppliercode" value="" type="checkbox" />&nbsp;Actions</li>
                                                             </ul>
                                                         </th>
                                                     </tr>
                                                 </thead>
                                                 <tbody>
-                                                    
+
                                                     <tr>
-                                                        <td> <center>1</center> </td>
+                                                        <td>
+                                                            <center>1</center>
+                                                        </td>
                                                         <td> <span style='color:#08afed;font-weight: 700;'>12345</span> </td>
                                                         <td> 03-07-2017 </td>
-                                                        <td> CIEF Worldwide Sdn Bhd <br>Venue:61250, Dongguan</td>
+                                                        <td> CIEF Worldwide Sdn Bhd
+                                                            <br>Venue:61250, Dongguan</td>
                                                         <td> (MYR)12,000</td>
-                                                        <td> <span style='color:#002EFF;font-weight: 700;'> Amended </span></td>
-                                                        <td><span style='color:#FF0000;font-weight: 700;' > No </span></td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> <span style='color:#002EFF;font-weight: 700;'> Amended </span>
+                                                        </td>
+                                                        <td><span style='color:#FF0000;font-weight: 700;'> No </span>
+                                                        </td>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href='#'> View </a>
+                                                                        </li>
+                                                                        <li><a href='#'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>2</center> </td>
+                                                        <td>
+                                                            <center>2</center>
+                                                        </td>
                                                         <td> <span style='color:#08afed ;font-weight: 700;'>45678</span> </td>
                                                         <td> 02-07-2017 </td>
-                                                        <td> Homemade Market <br>Venue:61250, Hong Kong</td>
+                                                        <td> Homemade Market
+                                                            <br>Venue:61250, Hong Kong</td>
                                                         <td> (MYR)21,000</td>
-                                                         <td> <span style='color:#002EFF;font-weight: 700;'> Amended </span></td>
+                                                        <td> <span style='color:#002EFF;font-weight: 700;'> Amended </span>
+                                                        </td>
                                                         <td> Yes </td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href='#'> View </a>
+                                                                        </li>
+                                                                        <li><a href='#'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>3</center> </td> 
+                                                        <td>
+                                                            <center>3</center>
+                                                        </td>
                                                         <td> <span style='color:#08afed ;font-weight: 700;'>90123</span> </td>
                                                         <td> 01-07-2017 </td>
-                                                        <td> Talent Cloud Sdn Bhd <br>Venue:61250, Hong Kong</td>
+                                                        <td> Talent Cloud Sdn Bhd
+                                                            <br>Venue:61250, Hong Kong</td>
                                                         <td> (MYR)18,000</td>
-                                                        <td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span></td>
-                                                        <td><span style='color:#FF0000;font-weight: 700;' > No </span></td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span>
+                                                        </td>
+                                                        <td><span style='color:#FF0000;font-weight: 700;'> No </span>
+                                                        </td>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href='#'> View </a>
+                                                                        </li>
+                                                                        <li><a href='#'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                     </tr>
                                                     <tr>
-                                                        <td> <center>4</center> </td>
+                                                        <td>
+                                                            <center>4</center>
+                                                        </td>
                                                         <td> <span style='color:#08afed;font-weight: 700;'>99814</span> </td>
                                                         <td> 01-07-2017 </td>
-                                                        <td> Serv Sdn Bhd <br>Venue:61250, Dongguan</td>
+                                                        <td> Serv Sdn Bhd
+                                                            <br>Venue:61250, Dongguan</td>
                                                         <td> (MYR)10,000</td>
-                                                        <td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span></td>
-                                                        <td> Yes</td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span>
                                                         </td>
-                                                    </tr>                                             
+                                                        <td> Yes</td>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a href='#'> View </a>
+                                                                        </li>
+                                                                        <li><a href='#'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
+                                                        </td>
+                                                    </tr>
                                                 </tbody>
                                             </table>
-                                            
-                                            
-                                        </div>
-                                    </div>
-                                    </div>
-                                </div>
-                                <!-- End: life time stats -->
-                            </div>
-                        </div>
-                        <!-- END CONTENT -->
-						<!-- END CONTENT -->
-                        
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
+
+
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
+                            <!-- End: life time stats -->
                         </div>
                     </div>
+                    <!-- END CONTENT -->
+                    <!-- END CONTENT -->
+
                 </div>
-                <!-- END QUICK SIDEBAR -->
+                <!-- END CONTENT BODY -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <!-- END CONTENT -->
+        </div>
+        <!-- END CONTAINER -->
+        <!-- BEGIN FOOTER -->
+        <div class="page-footer">
+            <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
                 <div class="scroll-to-top">
                     <i class="icon-arrow-up"></i>
                 </div>
@@ -1084,11 +610,11 @@ License: You must have a valid license purchased only from themeforest(the above
             <!-- END FOOTER -->
         </div>
         <!--[if lt IE 9]>
-<script src="../assets/global/plugins/respond.min.js"></script>
-<script src="../assets/global/plugins/excanvas.min.js"></script> 
-<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
-<![endif]-->
-         <!-- BEGIN CORE PLUGINS -->
+			<script src="../assets/global/plugins/respond.min.js"></script>
+			<script src="../assets/global/plugins/excanvas.min.js"></script> 
+			<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
+		<![endif]-->
+        <!-- BEGIN CORE PLUGINS -->
         <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
@@ -1101,100 +627,98 @@ License: You must have a valid license purchased only from themeforest(the above
         <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
         <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
         <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
 
         <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS --> 
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
         <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
         <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
         <!-- END THEME LAYOUT SCRIPTS -->
-        
+
         <script type="text/javascript">
+            $(document).ready(function() {
 
-        $(document).ready(function () {
+                otable = $('#sample_3').dataTable({
+                    // Internationalisation. For more info refer to http://datatables.net/manual/i18n
+                    "language": {
+                        "aria": {
+                            "sortAscending": ": activate to sort column ascending",
+                            "sortDescending": ": activate to sort column descending"
+                        },
+                        "emptyTable": "No data available in table",
+                        "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                        "infoEmpty": "No entries found",
+                        "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                        "lengthMenu": "_MENU_ entries",
+                        "search": "Search:",
+                        "zeroRecords": "No matching records found"
+                    },
+                    "info": false,
 
-		otable = $('#sample_3').dataTable({
-            // Internationalisation. For more info refer to http://datatables.net/manual/i18n
-            "language": {
-                "aria": {
-                    "sortAscending": ": activate to sort column ascending",
-                    "sortDescending": ": activate to sort column descending"
-                },
-                "emptyTable": "No data available in table",
-                "info": "Showing _START_ to _END_ of _TOTAL_ entries",
-                "infoEmpty": "No entries found",
-                "infoFiltered": "(filtered1 from _MAX_ total entries)",
-                "lengthMenu": "_MENU_ entries",
-                "search": "Search:",
-                "zeroRecords": "No matching records found"
-            },
-            "info":false,
+                    // autoWidth: false,
+                    // Or you can use remote translation file
+                    //"language": {
+                    //   url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
+                    //},
+                    columnDefs: [{
+                        "orderable": false,
+                        "targets": 0
+                    }],
+                    buttons: [{
+                        extend: 'print',
+                        className: 'btn dark btn-outline'
+                    }, {
+                        extend: 'copy',
+                        className: 'btn red btn-outline'
+                    }, {
+                        extend: 'pdf',
+                        className: 'btn green btn-outline'
+                    }, {
+                        extend: 'excel',
+                        className: 'btn yellow btn-outline '
+                    }, {
+                        extend: 'csv',
+                        className: 'btn purple btn-outline '
+                    }, {
+                        extend: 'colvis',
+                        className: 'btn dark btn-outline',
+                        text: 'Columns'
+                    }],
 
-            // autoWidth: false,
-            // Or you can use remote translation file
-            //"language": {
-            //   url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
-            //},
-             columnDefs: [
-                { "orderable": false, "targets": 0 }
-              ],
-            buttons: [
-                { extend: 'print', className: 'btn dark btn-outline' },
-                { extend: 'copy', className: 'btn red btn-outline' },
-                { extend: 'pdf', className: 'btn green btn-outline' },
-                { extend: 'excel', className: 'btn yellow btn-outline ' },
-                { extend: 'csv', className: 'btn purple btn-outline ' },
-                { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-            ],
+                    // setup responsive extension: http://datatables.net/extensions/responsive/
+                    responsive: true,
 
-            // setup responsive extension: http://datatables.net/extensions/responsive/
-            responsive: true,
-
-            //"ordering": false, disable column ordering 
-            // colReorder: {
-                // reorderCallback: function () {
+                    //"ordering": false, disable column ordering 
+                    // colReorder: {
+                    // reorderCallback: function () {
                     // console.log( 'callback' );
-                // }
-            // },
-            //"paging": false, disable pagination
+                    // }
+                    // },
+                    //"paging": false, disable pagination
 
-            "order": [
-                [0, 'asc']
-            ],
-            
-            "lengthMenu": [
-                [5, 10, 15, 20, -1],
-                [5, 10, 15, 20, "All"] // change per page values here
-            ],
-            // set the initial value
-            "pageLength": 10,
+                    "order": [
+                        [0, 'asc']
+                    ],
 
-            
-            //"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
-            // "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
-            // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
-            // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js). 
-            // So when dropdowns used the scrollable div should be removed. 
-            //"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-        });
+                    "lengthMenu": [
+                        [5, 10, 15, 20, -1],
+                        [5, 10, 15, 20, "All"] // change per page values here
+                    ],
+                    // set the initial value
+                    "pageLength": 10,
+					
+                });
 
-$("#sample_3_filter").css("display","none");
-    });
+                $("#sample_3_filter").css("display", "none");
+            });
         </script>
 
-    </body>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/shipmentarrange.html b/public/Forwarder/shipmentarrange.html
index 4879050..24914de 100644
--- a/public/Forwarder/shipmentarrange.html
+++ b/public/Forwarder/shipmentarrange.html
@@ -1,297 +1,297 @@
 <!DOCTYPE html>
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Shipment Arrangement</title> 
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-		<style>
-			div.dt-button-collection {
-				margin-top: 70px;
-			}
-			.table td, .table th {
-				font-size: 10px;
-				text-align:center;
-				vertical-align: middle;
-			}
-			.dataTables_wrapper .dataTables_filter {
-				float: left;
-				text-align: right;
-			}
-			.table thead tr th{
-				font-size: 10px;
-				text-align:center;
-				vertical-align: middle;
-			}
-			.filterIcon {
-				height: 10px;
-				width: 10px;
-			}
-			.modalFilter {
-				display: none;
-				height: auto;
-				position: absolute;
-				z-index: 10000001;
-				}
-			.modal-footer {
-				padding: 15px;
-				text-align: left;
-				border-top: 1px solid #e5e5e5;
-			}
-			.dt-buttons{
-			    margin-top: 0px !important;
-				}
-            .tooltip{
-                z-index: 20000 !important;
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Shipment Arrangement</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        div.dt-button-collection {
+            margin-top: 70px;
+        }
+        .table td,
+        .table th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .dataTables_wrapper .dataTables_filter {
+            float: left;
+            text-align: right;
+        }
+        .table thead tr th {
+            font-size: 10px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .filterIcon {
+            height: 10px;
+            width: 10px;
+        }
+        .modalFilter {
+            display: none;
+            height: auto;
+            position: absolute;
+            z-index: 10000001;
+        }
+        .modal-footer {
+            padding: 15px;
+            text-align: left;
+            border-top: 1px solid #e5e5e5;
+        }
+        .dt-buttons {
+            margin-top: 0px !important;
+        }
+        .tooltip {
+            z-index: 20000 !important;
+        }
+        #mask {
+            display: none;
+            background: transparent;
+            position: fixed;
+            left: 0;
+            top: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            opacity: 1000;
+        }
+        @media (min-width: 992px) {
+            .page-content-wrapper .page-content {
+                margin-left: 200px;
             }
-			#mask {
-				display: none;
-				background: transparent;
-				position: fixed;
-				left: 0;
-				top: 0;
-				z-index: 1;
-				width: 100%;
-				height: 100%;
-				opacity: 1000;
-			}
-
-			@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%;
-				}
-			}
-			#example2_filter{
-				float:right;
-			}
-			.col_0{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_1{
-				width: 50px !important;
-				padding-right: 0px !important;
-				padding-left: 0px !important;
-			}
-			.col_2{
-				width: 50px !important;
-			}
-			.col_3{
-				width: 60px !important;
-			}
-			.col_4{
-				width: 60px !important;
-			}
-			.col_5{
-				width: 60px !important;
-			}
-			.blue{
-			    color: #337ab7;
-				line-height: 14px;
-				-webkit-font-smoothing: antialiased;
-				font: normal normal normal 14px/1 FontAwesome;
-				font-size: 14px;
-				text-rendering: auto;
-				}				
-			.media-object-4 {
-				width: 35px;
-				position: right ;
-				margin-left: 63%;
-				margin-top:0.7%;
-			}
-			
-		</style>
-	</head>
-    <!-- END HEAD -->
+        }
+        @media (min-width: 992px) {
+            .page-sidebar {
+                width: 200px;
+                float: left;
+                position: relative;
+                margin-right: -100%;
+            }
+        }
+        #example2_filter {
+            float: right;
+        }
+        .col_0 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_1 {
+            width: 50px !important;
+            padding-right: 0px !important;
+            padding-left: 0px !important;
+        }
+        .col_2 {
+            width: 50px !important;
+        }
+        .col_3 {
+            width: 60px !important;
+        }
+        .col_4 {
+            width: 60px !important;
+        }
+        .col_5 {
+            width: 60px !important;
+        }
+        .blue {
+            color: #337ab7;
+            line-height: 14px;
+            -webkit-font-smoothing: antialiased;
+            font: normal normal normal 14px/1 FontAwesome;
+            font-size: 14px;
+            text-rendering: auto;
+        }
+        .media-object-4 {
+            width: 35px;
+            position: right;
+            margin-left: 63%;
+            margin-top: 0.7%;
+        }
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-					
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
-                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                       
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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 start active open">
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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 active open  ">
                             <a href="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
-                                <li class="nav-item start active open">
+                                <li class="nav-item active open">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>                  
-                                                      <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item  ">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>         
-						<li class="nav-item">
-							<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>
+                        <li class="nav-item">
+                            <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>
@@ -299,46 +299,41 @@
                                 <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -350,7 +345,7 @@
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
-                                    <a  href="deliveryarrange.html">Shipment Arrangement</a>
+                                    <a href="deliveryarrange.html">Shipment Arrangement</a>
                                 </li>
                             </ul>
                         </div>
@@ -358,9 +353,9 @@
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						
-						<!-- CONTENT -->
-						
+
+                        <!-- CONTENT -->
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -369,17 +364,17 @@
                                         <div class="caption">
                                             <i class="fa fa-cogs"></i><strong>Shipment Arrangement Status</strong> </div>
                                         <div class="actions">
-											<div class="btn-group" style="display:none">
-												<a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal" > Arrange Delivery
+                                            <div class="btn-group" style="display:none">
+                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#form_delivery" data-toggle="modal"> Arrange Delivery
 												</a>
-											</div>
+                                            </div>
                                             <div class="btn-group">
                                                 <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
                                                     <i class="fa fa-share"></i>
                                                     <span class="hidden-xs"> Actions </span>
                                                     <i class="fa fa-angle-down"></i>
                                                 </a>
-												
+
                                                 <ul class="dropdown-menu pull-right" id="sample_3_tools">
                                                     <li>
                                                         <a href="javascript:;" data-action="0" class="tool-action">
@@ -412,401 +407,400 @@
                                     </div>
 
                                     <div class="portlet-body">
-									
+
                                         <div class="table-container">
-										
+
                                             <div id="mask"></div>
-											<!-- <span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span> -->
-											<table id="example" class="table table-striped table-bordered table-hover order-column"></table>
-											
+                                            <!-- <span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span> -->
+                                            <table id="example" class="table table-striped table-bordered table-hover order-column"></table>
+
                                         </div>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
-                            </div>							
+                            </div>
                         </div>
-						<!-- END CONTENT -->
+                        <!-- END CONTENT -->
                         <div class="modal fade modal-scroll bs-modal-lg in" id="form_delivery" tabindex="-1" role="basic" aria-hidden="true">
-							<div class="modal-dialog modal-lg">
-								<div class="modal-content">
-									<div class="modal-header" style="background-color: #3598dc">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-										
-										<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
+                            <div class="modal-dialog modal-lg">
+                                <div class="modal-content">
+                                    <div class="modal-header" style="background-color: #3598dc">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                                        <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
                                             <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Shipment Arrangement
-										</div>
-									</div>
+                                        </div>
+                                    </div>
 
                                     <div class="row">
-                                    <div class="col-md-12">
-                                    <div class="portlet light bordered" id="form_wizard_1">
-                                    
-									<div class="portlet-body form">
-                                        <form class="form-horizontal" action="#" id="submit_form" method="POST">
-                                            <div class="form-wizard">
-                                                <div class="form-body">
-                                                    <ul class="nav nav-pills nav-justified steps">
-                                                        <li>
-                                                            <a href="#tab1" data-toggle="tab" class="step">
-                                                                <span class="number"> 1 </span>
-                                                                <span class="desc">
+                                        <div class="col-md-12">
+                                            <div class="portlet light bordered" id="form_wizard_1">
+
+                                                <div class="portlet-body form">
+                                                    <form class="form-horizontal" action="#" id="submit_form" method="POST">
+                                                        <div class="form-wizard">
+                                                            <div class="form-body">
+                                                                <ul class="nav nav-pills nav-justified steps">
+                                                                    <li>
+                                                                        <a href="#tab1" data-toggle="tab" class="step">
+                                                                            <span class="number"> 1 </span>
+                                                                            <span class="desc">
                                                                     <i class="fa fa-check"></i> Shipment Details</span>
-                                                            </a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="#tab2" data-toggle="tab" class="step">
-                                                                <span class="number"> 2 </span>
-                                                                <span class="desc">
+                                                                        </a>
+                                                                    </li>
+                                                                    <li>
+                                                                        <a href="#tab2" data-toggle="tab" class="step">
+                                                                            <span class="number"> 2 </span>
+                                                                            <span class="desc">
                                                                     <i class="fa fa-check"></i> Consolidation<br>  </span>
-                                                            </a>
-                                                        </li>
-                                                    </ul><div id="bar" class="progress progress-striped" role="progressbar">
-                                                        <div class="progress-bar progress-bar-success"> </div>
-                                                    </div>
-                                                    <div class="progress-bar progress-bar-success"> </div>
-                                                    </div>
-                                                    <div class="tab-content">
-                                                        <div class="alert alert-danger display-none">
-                                                            <button class="close" data-dismiss="alert"></button> You have some form errors. Please check below. </div>
-                                                        <div class="alert alert-success display-none">
-                                                            <button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
-                                                        <div class="tab-pane active" id="tab1">
-                                                            <h3 class="block"><b>Shipment arrangement details</b></h3>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Loading Date</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="date" class="form-control"> </div>
-                                                                    </div>
+                                                                        </a>
+                                                                    </li>
+                                                                </ul>
+                                                                <div id="bar" class="progress progress-striped" role="progressbar">
+                                                                    <div class="progress-bar progress-bar-success"> </div>
                                                                 </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Container No</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
+                                                                <div class="progress-bar progress-bar-success"> </div>
                                                             </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3" >Shipment No <a class=" tooltips"  data-placement="right" data-original-title="Just key in your shipment ref if needed"><i class="fa fa-question-circle"></i></a></label>
-                                                                        <div class="col-md-9">
-                                                                        <input type="text" class="form-control"> </div>
+                                                            <div class="tab-content">
+                                                                <div class="alert alert-danger display-none">
+                                                                    <button class="close" data-dismiss="alert"></button> You have some form errors. Please check below. </div>
+                                                                <div class="alert alert-success display-none">
+                                                                    <button class="close" data-dismiss="alert"></button> Your form validation is successful! </div>
+                                                                <div class="tab-pane active" id="tab1">
+                                                                    <h3 class="block"><b>Shipment arrangement details</b></h3>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Loading Date</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="date" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Container No</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
                                                                     </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Type of Container</label>
-                                                                        <div class="col-md-9">
-                                                                            <select class="form-control">
-                                                                                <option>Select</option>
-                                                                                <option>Dry Storage Container 10ft</option>
-                                                                                <option>Dry Storage Container 20ft</option>
-                                                                                <option>Dry Storage Container 40ft</option>
-                                                                                <option>Flat Rack Container</option>
-                                                                                <option>Open Top Container</option>
-                                                                                <option>Tunnel Container</option>
-                                                                                <option>Open Side Storage Container</option>
-                                                                                <option>Double Doors Container 20ft</option>
-                                                                                <option>Double Doors Container 40ft</option>
-                                                                                <option>Refrigerared ISO Container</option>
-                                                                                <option>Insulated or Thermal Container</option>
-                                                                                <option>Tanks</option>
-                                                                                <option>Cargo Storage Roll Container</option>
-                                                                                <option>Half Height Container</option>
-                                                                                <option>Car Container</option>
-                                                                                <option>Intermediate Bulk Shift Container</option>
-                                                                                <option>Drums</option>
-                                                                                <option>Special Purpose Container</option>
-                                                                                <option>Swap Bodies</option>
-                                                                            </select>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Shipment No <a class=" tooltips" data-placement="right" data-original-title="Just key in your shipment ref if needed"><i class="fa fa-question-circle"></i></a>
+                                                                                </label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Type of Container</label>
+                                                                                <div class="col-md-9">
+                                                                                    <select class="form-control">
+                                                                                        <option>Select</option>
+                                                                                        <option>Dry Storage Container 10ft</option>
+                                                                                        <option>Dry Storage Container 20ft</option>
+                                                                                        <option>Dry Storage Container 40ft</option>
+                                                                                        <option>Flat Rack Container</option>
+                                                                                        <option>Open Top Container</option>
+                                                                                        <option>Tunnel Container</option>
+                                                                                        <option>Open Side Storage Container</option>
+                                                                                        <option>Double Doors Container 20ft</option>
+                                                                                        <option>Double Doors Container 40ft</option>
+                                                                                        <option>Refrigerared ISO Container</option>
+                                                                                        <option>Insulated or Thermal Container</option>
+                                                                                        <option>Tanks</option>
+                                                                                        <option>Cargo Storage Roll Container</option>
+                                                                                        <option>Half Height Container</option>
+                                                                                        <option>Car Container</option>
+                                                                                        <option>Intermediate Bulk Shift Container</option>
+                                                                                        <option>Drums</option>
+                                                                                        <option>Special Purpose Container</option>
+                                                                                        <option>Swap Bodies</option>
+                                                                                    </select>
+                                                                                </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Departure Port</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">ETD</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="date" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Arrival Port</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">ETA</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="date" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <!--/span-->
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                                            <h4><b>Vehicle & Driver</b></h4>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Trailer No</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Driver Name</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Driver Contact No</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Driver I/C No</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                                            <h4><b>Loading Venue</b></h4>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Loading Address</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Country</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Area</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Postcode</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <!--/row-->
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Contact Person</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                        <div class="col-md-6">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Contact No</label>
+                                                                                <div class="col-md-9">
+                                                                                    <input type="text" class="form-control"> </div>
+                                                                            </div>
+                                                                        </div>
+                                                                        <!--/span-->
+                                                                    </div>
+                                                                    <!--/row-->
+                                                                    <div class="row">
+                                                                        <div class="col-md-12">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Remark</label>
+                                                                                <div class="col-md-7">
+                                                                                    <textarea class="form-control"> </textarea>
+                                                                                </div>
+                                                                            </div>
+                                                                            <!--/span-->
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="form-actions">
+                                                                        <div class="row">
+                                                                            <div class="col-md-offset-5 col-md-9">
+                                                                                <a href="javascript:;" class="btn default button-previous"> Edit </a>
+                                                                                <a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
+                                                                            </div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Departure Port</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">ETD</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="date" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Arrival Port</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">ETA</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="date" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4><b>Vehicle & Driver</b></h4>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                </div>
-                                                                <!--/span-->
-                                                        </div>
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Trailer No</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Driver Name</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                        </div>
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Driver Contact No</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Driver I/C No</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4><b>Loading Venue</b></h4>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                </div>
-                                                                <!--/span-->
-                                                        </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Loading Address</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Country</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Area</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Postcode</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <!--/row-->
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Contact Person</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Contact No</label>
-                                                                        <div class="col-md-9">
-                                                                            <input type="text" class="form-control"> </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            <!--/row-->
-                                                            <div class="row">
-                                                                <div class="col-md-12">
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Remark</label>
-                                                                        <div class="col-md-7">
-                                                                            <textarea class="form-control"> </textarea>
-                                                                    </div>
-                                                                </div>
-                                                                <!--/span-->
-                                                            </div>
-                                                            </div>
-                                                            <div class="form-actions">
-                                                            <div class="row">
-                                                                <div class="col-md-offset-5 col-md-9">
-                                                                    <a href="javascript:;" class="btn default button-previous"> Edit </a>
-                                                                    <a href="javascript:;" class="btn btn-outline green button-next"> Next</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                            <div class="tab-pane" id="tab2">
-                                <div class="col-md-13">
-                                    <div class="portlet light bordered">
-                                        <div class="portlet-title">
-                                            <div class="caption">
-                                                <i class="icon-social-dribbble font-green hide"></i>
-                                                <span class="caption-subject font-dark bold uppercase">Select Order</span>
-                                            </div>
-                                        </div>
-                                        <div class="portlet-body">
-                                            <table class="table table-bordered table-hover">
-                                            <thead>
-                                                <tr>
-                                                    <th width="5">No</th>
-                                                    <th width="10">Date</th>
-                                                    <th width="10">Order No</th>
-                                                    <th width="10">Total CBM</th>
-                                                    <th width="10">Total Weight</th>
-                                                    <th width="10">Remark</th>
-                                                    <th width="10">Select</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                   <td>1</td>
-                                                   <td>03-08-2017</td>
-                                                   <td ><a data-toggle="modal" href ='#preview'>014567</a></td>
-                                                   <td>10 CBM</td>
-                                                   <td>5 kg</td> 
-                                                   <th contenteditable="true">Any remark</th>
-                                                   <th><input type="checkbox" class="checkboxes"></th>
-                                                </tr>
-                                                <tr>
-                                                   <td>2</td>
-                                                   <td>04-08-2017</td>
-                                                   <td><a data-toggle="modal" href ='#preview'>014567</a></td> 
-                                                   <td>11 CBM</td>
-                                                   <td>6 kg</td>
-                                                   <th contenteditable="true">Any remark</th>
-                                                   <th><input type="checkbox" class="checkboxes"></th>
-                                                </tr>
-                                                <tr>
-                                                   <td>3</td>
-                                                   <td>05-08-2017</td>
-                                                   <td><a data-toggle="modal" href ='#preview'>014567</a></td>
-                                                   <td>12 CBM</td>
-                                                   <td>7 kg</td> 
-                                                   <th contenteditable="true">Any remark</th>
-                                                   <th><input type="checkbox" class="checkboxes"></th>
-                                                </tr>
-                                            </tbody>
-                                            </table>
-                                            <div  class="form-group">
-                                                <label class="control-label col-md-3">Notification</label>
-                                                <div class="col-md-7">
-                                                <textarea id="message" class="form-control" rows="10">
-Shipment Notification
-
-Order No: #012345 
-From Supplier: Bob Supplier
-Total Quantity: 10 Pallet
-Total CBM: 7 CBM
-ETD: 10-10-2017
-ETA: 15-10-2017
-EDD: 17-10-2017
-
-*ETD = Estimated Time Departure
- ETA = Estimated Time Arrived
- EDD = Estimated Delivery Date
-
-[Forwarder Company Name]
-</textarea>
-                                            </div>
-                                            </div>
-                                            <div class="form-actions">
-                                                    <div class="row">
-                                                        <div class="col-md-offset-3 col-md-9">
-                                                            <a href="javascript:;" class="btn default button-previous">
-                                                                <i class="fa fa-angle-left"></i> Back </a>
-                                                            <a href="javascript:;" class="btn btn-outline green button-next"> Continue
+                                                                <div class="tab-pane" id="tab2">
+                                                                    <div class="col-md-13">
+                                                                        <div class="portlet light bordered">
+                                                                            <div class="portlet-title">
+                                                                                <div class="caption">
+                                                                                    <i class="icon-social-dribbble font-green hide"></i>
+                                                                                    <span class="caption-subject font-dark bold uppercase">Select Order</span>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="portlet-body">
+                                                                                <table class="table table-bordered table-hover">
+                                                                                    <thead>
+                                                                                        <tr>
+                                                                                            <th width="5">No</th>
+                                                                                            <th width="10">Date</th>
+                                                                                            <th width="10">Order No</th>
+                                                                                            <th width="10">Total CBM</th>
+                                                                                            <th width="10">Total Weight</th>
+                                                                                            <th width="10">Remark</th>
+                                                                                            <th width="10">Select</th>
+                                                                                        </tr>
+                                                                                    </thead>
+                                                                                    <tbody>
+                                                                                        <tr>
+                                                                                            <td>1</td>
+                                                                                            <td>03-08-2017</td>
+                                                                                            <td><a data-toggle="modal" href='#preview'>014567</a>
+                                                                                            </td>
+                                                                                            <td>10 CBM</td>
+                                                                                            <td>5 kg</td>
+                                                                                            <th contenteditable="true">Any remark</th>
+                                                                                            <th>
+                                                                                                <input type="checkbox" class="checkboxes">
+                                                                                            </th>
+                                                                                        </tr>
+                                                                                        <tr>
+                                                                                            <td>2</td>
+                                                                                            <td>04-08-2017</td>
+                                                                                            <td><a data-toggle="modal" href='#preview'>014567</a>
+                                                                                            </td>
+                                                                                            <td>11 CBM</td>
+                                                                                            <td>6 kg</td>
+                                                                                            <th contenteditable="true">Any remark</th>
+                                                                                            <th>
+                                                                                                <input type="checkbox" class="checkboxes">
+                                                                                            </th>
+                                                                                        </tr>
+                                                                                        <tr>
+                                                                                            <td>3</td>
+                                                                                            <td>05-08-2017</td>
+                                                                                            <td><a data-toggle="modal" href='#preview'>014567</a>
+                                                                                            </td>
+                                                                                            <td>12 CBM</td>
+                                                                                            <td>7 kg</td>
+                                                                                            <th contenteditable="true">Any remark</th>
+                                                                                            <th>
+                                                                                                <input type="checkbox" class="checkboxes">
+                                                                                            </th>
+                                                                                        </tr>
+                                                                                    </tbody>
+                                                                                </table>
+                                                                                <div class="form-group">
+                                                                                    <label class="control-label col-md-3">Notification</label>
+                                                                                    <div class="col-md-7">
+                                                                                        <textarea id="message" class="form-control" rows="10">
+                                                                                            Shipment Notification Order No: #012345 From Supplier: Bob Supplier Total Quantity: 10 Pallet Total CBM: 7 CBM ETD: 10-10-2017 ETA: 15-10-2017 EDD: 17-10-2017 *ETD = Estimated Time Departure ETA = Estimated Time Arrived EDD = Estimated Delivery Date [Forwarder Company Name]
+                                                                                        </textarea>
+                                                                                    </div>
+                                                                                </div>
+                                                                                <div class="form-actions">
+                                                                                    <div class="row">
+                                                                                        <div class="col-md-offset-3 col-md-9">
+                                                                                            <a href="javascript:;" class="btn default button-previous">
+                                                                                                <i class="fa fa-angle-left"></i> Back </a>
+                                                                                            <a href="javascript:;" class="btn btn-outline green button-next"> Continue
                                                                 <i class="fa fa-angle-right"></i>
                                                             </a>
-                                                            <a href="javascript:;" class="btn green button-submit"> Submit
+                                                                                            <a href="javascript:;" class="btn green button-submit"> Submit
                                                             </a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                        </div>
-                                            <div class="row">
-                                                <div class="col-md-offset-5 col-md-9">
-                                                    <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="row">
+                                                                                <div class="col-md-offset-5 col-md-9">
+                                                                                    <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
+                                                                                </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+
                                                                 </div>
                                                             </div>
-                                                            </div>
                                                         </div>
-                                                        
-                                                    </div>
+                                                    </form>
                                                 </div>
                                             </div>
-                                        </form>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
+                        <!-- /.modal-content -->
                     </div>
-									</div>
-								</div>
-								<!-- /.modal-content -->
-							</div>
-							<!-- /.modal-dialog -->
-						</div>
+                    <!-- /.modal-dialog -->
+                </div>
 
                 <div class="modal fade" id="preview" tabindex="-1" role="preview" aria-hidden="true">
                     <div class="modal-dialog modal-lg">
                         <div class="modal-content">
-                            <div class="modal-body">    
+                            <div class="modal-body">
                                 <div class="row">
                                     <div class="portlet box green">
                                         <div class="portlet-title">
@@ -883,10 +877,11 @@ EDD: 17-10-2017
                                                             <td>10 </td>
                                                             <td>12 </td>
                                                             <td>15</td>
-                                                            <td>12</td> 
                                                             <td>12</td>
-                                                            <td>15</td>    
-                                                            <td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" /></td>
+                                                            <td>12</td>
+                                                            <td>15</td>
+                                                            <td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" />
+                                                            </td>
                                                             <td> </td>
 
 
@@ -899,9 +894,9 @@ EDD: 17-10-2017
                                                             <td>20 </td>
                                                             <td>12 </td>
                                                             <td>15</td>
-                                                            <td>12</td> 
                                                             <td>12</td>
-                                                            <td>15</td> 
+                                                            <td>12</td>
+                                                            <td>15</td>
                                                             <td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
                                                             <td> </td>
 
@@ -914,10 +909,10 @@ EDD: 17-10-2017
                                                             <td>5 </td>
                                                             <td>12 </td>
                                                             <td>15</td>
-                                                            <td>12</td> 
                                                             <td>12</td>
-                                                            <td>15</td> 
-                                                            <td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" />  </td>
+                                                            <td>12</td>
+                                                            <td>15</td>
+                                                            <td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
                                                             <td> </td>
 
                                                         </tr>
@@ -929,9 +924,9 @@ EDD: 17-10-2017
                                                             <td>5 </td>
                                                             <td>12 </td>
                                                             <td>15</td>
-                                                            <td>12</td> 
                                                             <td>12</td>
-                                                            <td>15</td> 
+                                                            <td>12</td>
+                                                            <td>15</td>
                                                             <td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
                                                             <td> </td>
 
@@ -940,72 +935,72 @@ EDD: 17-10-2017
                                                 </table>
                                             </div>
                                         </div>
-                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                     </div>
+                    </div>
+                </div>
 
-						
-						<div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
-							<div class="modal-dialog">
-								<div class="modal-content">
-									<div class="modal-header" style="background-color: #3598dc">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-										
-										<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
-                                            <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
-										</div>
-									</div>
-									<div class="modal-body"> 
-										<div class="form">
-											<div class="row">
-												<div class="col-md-12">
-													<div class="form-group">
-														<label>Title</label>
-														<input class="form-control">
-													</div>
-													<div class="form-group">
-														<label>Reason</label>
-														<textarea class="form-control" rows="3"></textarea>
-													</div>
-													<div class="form-group">
-														<label>ETA</label>
-														<textarea class="form-control" rows="3"></textarea>
-													</div>
-													<div class="form-group">
-														<label>ETD</label>
-														<textarea class="form-control" rows="3"></textarea>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-                    
+
+                <div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header" style="background-color: #3598dc">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                                <div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
+                                    <i class="fa fa-gift" style="    float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
+                                </div>
+                            </div>
+                            <div class="modal-body">
+                                <div class="form">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <div class="form-group">
+                                                <label>Title</label>
+                                                <input class="form-control">
+                                            </div>
+                                            <div class="form-group">
+                                                <label>Reason</label>
+                                                <textarea class="form-control" rows="3"></textarea>
+                                            </div>
+                                            <div class="form-group">
+                                                <label>ETA</label>
+                                                <textarea class="form-control" rows="3"></textarea>
+                                            </div>
+                                            <div class="form-group">
+                                                <label>ETD</label>
+                                                <textarea class="form-control" rows="3"></textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
-								</div>
-							</div>
-						</div>
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                 <div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
-                    <div class="portlet-body" >
-                       <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <div class="form-body">
-                                    <div class="form-group"> 
+    </div>
+    <!-- END CONTENT BODY -->
+    </div>
+    <div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
+        <div class="portlet-body">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-body">
+                        <div class="form-body">
+                            <div class="form-group">
 
-                                        <!-- PERSONAL INFO TAB -->
-                                        <div align="center">
-                                        
-                                        </div>
+                                <!-- PERSONAL INFO TAB -->
+                                <div align="center">
 
-                                        <div class="tab-pane active" id="tab_1_1" class="col-md-17">
+                                </div>
+
+                                <div class="tab-pane active" id="tab_1_1" class="col-md-17">
                                     <div class="portlet light bordered">
                                         <div class="portlet-title">
                                             <div class="caption">
@@ -1013,155 +1008,157 @@ EDD: 17-10-2017
                                                 <span class="caption-subject font-dark bold uppercase">Shipment arrangement details</span>
                                             </div>
                                         </div>
-                                         <div class="tab-pane active" id="tab1">
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Loading Date : 02-02-2017 </div>
-                                                                        <div class="col-md-7 value"> Container No : CTN121 </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Shipping No : 12345 </div>
-                                                                        <div class="col-md-7 value"> Type of Container : Tank </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Departure Port : Guangzhou </div>
-                                                                        <div class="col-md-7 value"> ETD : 03-02-2017 </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Arrival Port: Port Klang </div>
-                                                                        <div class="col-md-7 value"> ETA : 04-02-2017 </div>
-                                                                    </div>
-                                                                <!--/span-->
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h5><b>Vehicle & Driver</b></h5>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                </div>
-                                                                <!--/span-->
-                                                        </div>
-                                                         <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Trailer No : WA 234 K</div>
-                                                                        <div class="col-md-7 value"> Driver Name : Yew </div>
-                                                                    </div>
-                                                        <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Driver Contact No :012-3456789 </div>
-                                                                        <div class="col-md-7 value"> Driver I/C No : 880101-08-5433 </div>
-                                                                    </div>
+                                        <div class="tab-pane active" id="tab1">
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Loading Date : 02-02-2017 </div>
+                                                <div class="col-md-7 value"> Container No : CTN121 </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Shipping No : 12345 </div>
+                                                <div class="col-md-7 value"> Type of Container : Tank </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Departure Port : Guangzhou </div>
+                                                <div class="col-md-7 value"> ETD : 03-02-2017 </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Arrival Port: Port Klang </div>
+                                                <div class="col-md-7 value"> ETA : 04-02-2017 </div>
+                                            </div>
+                                            <!--/span-->
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                    <h5><b>Vehicle & Driver</b></h5>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Trailer No : WA 234 K</div>
+                                                <div class="col-md-7 value"> Driver Name : Yew </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Driver Contact No :012-3456789 </div>
+                                                <div class="col-md-7 value"> Driver I/C No : 880101-08-5433 </div>
+                                            </div>
 
-                                                        <div class="row">
-                                                                <div class="col-md-6">
-                                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h5><b>LOADING VENUE</b></h5>
-                                                                </div>
-                                                                <!--/span-->
-                                                                <div class="col-md-6">
-                                                                </div>
-                                                                <!--/span-->
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                    <h5><b>LOADING VENUE</b></h5>
+                                                </div>
+                                                <!--/span-->
+                                                <div class="col-md-6">
+                                                </div>
+                                                <!--/span-->
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Loading Address : 3, Bandar Utama </div>
+                                                <div class="col-md-7 value"> Country : Malaysia </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Area : Klang </div>
+                                                <div class="col-md-7 value"> Postcode : 62150 </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-5 name"> Contact Person : Lisa </div>
+                                                <div class="col-md-7 value"> Contact No : 011-2345678 </div>
+                                            </div>
+                                            <div class="row static-info">
+                                                <div class="col-md-7 name"> Remark : On the Way to delivered </div>
+                                            </div>
+                                            <br>
+                                            <br>
+                                            <!--/row-->
+                                            <div class="col-md-13">
+                                                <div class="portlet light bordered">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <i class="icon-social-dribbble font-green hide"></i>
+                                                            <span class="caption-subject font-dark bold uppercase">Order List</span>
                                                         </div>
-                                                        <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Loading Address : 3, Bandar Utama </div>
-                                                                        <div class="col-md-7 value"> Country : Malaysia </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Area : Klang </div>
-                                                                        <div class="col-md-7 value"> Postcode : 62150 </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-5 name"> Contact Person : Lisa </div>
-                                                                        <div class="col-md-7 value"> Contact No : 011-2345678 </div>
-                                                                    </div>
-                                                            <div class="row static-info">
-                                                                        <div class="col-md-7 name"> Remark : On the Way to delivered </div>
-                                                                    </div>
-                                                                    <br>
-                                                                    <br>
-                                                            <!--/row-->
-                                                <div class="col-md-13">
-                                    <div class="portlet light bordered">
-                                        <div class="portlet-title">
-                                            <div class="caption">
-                                                <i class="icon-social-dribbble font-green hide"></i>
-                                                <span class="caption-subject font-dark bold uppercase">Order List</span>
+                                                    </div>
+                                                    <div class="portlet-body">
+                                                        <table class="table table-bordered table-hover">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th width="5">No</th>
+                                                                    <th width="10">Date</th>
+                                                                    <th width="10">Order No</th>
+                                                                    <th width="10">Total CBM</th>
+                                                                    <th width="10">Total Weight</th>
+                                                                    <th width="10">Remark</th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td>1</td>
+                                                                    <td>03-08-2017</td>
+                                                                    <td>014567</td>
+                                                                    <td>10 CBM</td>
+                                                                    <td>5 kg</td>
+                                                                    <th contenteditable="true">Any remark</th>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td>2</td>
+                                                                    <td>04-08-2017</td>
+                                                                    <td>014567</td>
+                                                                    <td>11 CBM</td>
+                                                                    <td>6 kg</td>
+                                                                    <th contenteditable="true">Any remark</th>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td>3</td>
+                                                                    <td>05-08-2017</td>
+                                                                    <td>014567</td>
+                                                                    <td>12 CBM</td>
+                                                                    <td>7 kg</td>
+                                                                    <th contenteditable="true">Any remark</th>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
-                                        <div class="portlet-body">
-                                            <table class="table table-bordered table-hover">
-                                            <thead>
-                                                <tr>
-                                                    <th width="5">No</th>
-                                                    <th width="10">Date</th>
-                                                    <th width="10">Order No</th>
-                                                    <th width="10">Total CBM</th>
-                                                    <th width="10">Total Weight</th>
-                                                    <th width="10">Remark</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                   <td>1</td>
-                                                   <td>03-08-2017</td>
-                                                   <td >014567</td>
-                                                   <td>10 CBM</td>
-                                                   <td>5 kg</td> 
-                                                   <th contenteditable="true">Any remark</th>
-                                                </tr>
-                                                <tr>
-                                                   <td>2</td>
-                                                   <td>04-08-2017</td>
-                                                   <td>014567</td> 
-                                                   <td>11 CBM</td>
-                                                   <td>6 kg</td>
-                                                   <th contenteditable="true">Any remark</th>
-                                                </tr>
-                                                <tr>
-                                                   <td>3</td>
-                                                   <td>05-08-2017</td>
-                                                   <td>014567</td>
-                                                   <td>12 CBM</td>
-                                                   <td>7 kg</td> 
-                                                   <th contenteditable="true">Any remark</th>
-                                                </tr>
-                                            </tbody>
-                                            </table>
-                                        </div>
-                                                            </div>
-                                                        </div>
-                                                            </div>
-                                                    </div>
-                                            
-                                        <div class="row">
-                                            <div  class="col-md-offset-4 col-md-9">
-                                                <a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
-                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                                </div>
-                                                </div>
-                                        </div>
                                     </div>
-                                    </div>
-                                        </div>
 
+                                    <div class="row">
+                                        <div class="col-md-offset-4 col-md-9">
+                                            <a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
+                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                           </div>
-                        </div>
                         </div>
                     </div>
-                <!-- END CONTENT -->
-                <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
-                    <div class="portlet-body" >
-                       <div class="modal-dialog">
-                        <div class="modal-content">
-                            <div class="modal-body">
-                                <div class="form-body">
-                                    <div class="form-group"> 
 
-                                        <!-- PERSONAL INFO TAB -->
-                                        <div align="center">
-                                        
-                                        </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    </div>
+    </div>
+    </div>
+    <!-- END CONTENT -->
+    <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
+        <div class="portlet-body">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-body">
+                        <div class="form-body">
+                            <div class="form-group">
 
-                                        <div class="tab-pane active" id="tab_1_1">
+                                <!-- PERSONAL INFO TAB -->
+                                <div align="center">
+
+                                </div>
+
+                                <div class="tab-pane active" id="tab_1_1">
                                     <div class="portlet light bordered">
                                         <div class="portlet-title">
                                             <div class="caption">
@@ -1171,360 +1168,397 @@ EDD: 17-10-2017
                                         </div>
                                         <div class="portlet-body">
                                             <table class="table table-bordered table-hover">
-                                            <thead>
-                                                <tr>
-                                                    <th width="5">No</th>
-                                                    <th width="10">Date</th>
-                                                    <th width="10">Order No</th>
-                                                    <!-- <th width="10">Action</th> -->
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                   <td>1</td>
-                                                   <td>03-08-2017</td>
-                                                   <td>014567</td> 
-                                                   <!-- <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                                <tr>
-                                                   <td>2</td>
-                                                   <td>04-08-2017</td>
-                                                   <td>014567</td> 
-                                                   <!-- <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                                <tr>
-                                                   <td>3</td>
-                                                   <td>05-08-2017</td>
-                                                   <td>014567</td> 
-                                                  <!--  <th><input type="checkbox" class="checkboxes"></th> -->
-                                                </tr>
-                                            </tbody>
+                                                <thead>
+                                                    <tr>
+                                                        <th width="5">No</th>
+                                                        <th width="10">Date</th>
+                                                        <th width="10">Order No</th>
+                                                        <!-- <th width="10">Action</th> -->
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <td>1</td>
+                                                        <td>03-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!-- <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                    <tr>
+                                                        <td>2</td>
+                                                        <td>04-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!-- <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                    <tr>
+                                                        <td>3</td>
+                                                        <td>05-08-2017</td>
+                                                        <td>014567</td>
+                                                        <!--  <th><input type="checkbox" class="checkboxes"></th> -->
+                                                    </tr>
+                                                </tbody>
                                             </table>
                                         </div>
-                                    
+
                                         <div class="portlet-body">
                                             <br>
-                                            <p>Customs Examination Departure Port</p> 
+                                            <p>Customs Examination Departure Port</p>
                                             <br>
-                                            <p class="caption-subject font-red">New ETD : <input type="date" name="" ></p>
-                                            <p class="caption-subject font-red">New ETA : <input type="date" name="" ></p>
+                                            <p class="caption-subject font-red">New ETD :
+                                                <input type="date" name="">
+                                            </p>
+                                            <p class="caption-subject font-red">New ETA :
+                                                <input type="date" name="">
+                                            </p>
                                             <br>
                                             <p>Customs Examination Arrival Port</p>
                                             <br>
-                                            <p class="caption-subject font-red">Release Date : <input type="date" name="" ></p>
-                                        <div class="row">
-                                            <div  class="col-md-offset-4 col-md-9">
-                                                <a href="chat.html" class="btn btn-outline green button-next"> Submit</a>
-                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                                </div>
+                                            <p class="caption-subject font-red">Release Date :
+                                                <input type="date" name="">
+                                            </p>
+                                            <div class="row">
+                                                <div class="col-md-offset-4 col-md-9">
+                                                    <a href="chat.html" class="btn btn-outline green button-next"> Submit</a>
+                                                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                                                 </div>
+                                            </div>
                                         </div>
                                     </div>
-                                    </div>
-                                        </div>
-
-                                    </div>
                                 </div>
                             </div>
-                           </div>
-                        </div>
+
                         </div>
                     </div>
-                <!-- BEGIN QUICK SIDEBAR -->
-                
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
                 </div>
             </div>
-            <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
-<script src="../assets/global/plugins/respond.min.js"></script>
-<script src="../assets/global/plugins/excanvas.min.js"></script> 
-<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
-<![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
+		<script src="../assets/global/plugins/respond.min.js"></script>
+		<script src="../assets/global/plugins/excanvas.min.js"></script> 
+		<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
+	<![endif]-->
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+
+    <!-- END THEME LAYOUT SCRIPTS -->
+
+    <script>
+        $(document).ready(function() {
 
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS --> 
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
 
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-    
-        <!-- END THEME LAYOUT SCRIPTS -->        
-		
-		<script>
-        $(document).ready(function () {
-		
-			
             var dataSet = [
-				["1","CTN121","789ABC","Tunnel Container","01-08-2017","<span style='color:red'>01-08-2017 </span>","<span style='color:red'>05-08-2017 </span>","12345","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan","<span style='color:red'>Customs Examination </span><br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["2","CTN122","789ABC","Flat Rack<br>Container","01-08-2017","01-08-2017","01-08-2017","43657","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan","Delivered <br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["3","CTN123","789ABC","Dry Storage<br> Container 10ft","01-08-2017","01-08-2017","01-08-2017","23532","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong","Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["4","CTN124","789ABC","Double Doors<br> Container 20ft","01-08-2017","<span style='color:red'>02-08-2017 </span>","<span style='color:red'>04-08-2017 </span>","68679","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou","<span style='color:red'>Customs Examination </span><br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-				["5","CTN125","789ABC","Flat Rack<br>Container","01-08-2017","01-08-2017","01-08-2017","43665","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou","Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],				
-				["6","CTN130","789ABC","Swap Bodies","01-08-2017","01-08-2017","01-08-2017","89706","Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong","Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>","Any Remark","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-            ];
-			
-            var dataSet2 = 
-             [
+                ["1", "CTN121", "789ABC", "Tunnel Container", "01-08-2017", "<span style='color:red'>01-08-2017 </span>", "<span style='color:red'>05-08-2017 </span>", "12345", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan", "<span style='color:red'>Customs Examination </span><br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["2", "CTN122", "789ABC", "Flat Rack<br>Container", "01-08-2017", "01-08-2017", "01-08-2017", "43657", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61250, Dongguan", "Delivered <br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["3", "CTN123", "789ABC", "Dry Storage<br> Container 10ft", "01-08-2017", "01-08-2017", "01-08-2017", "23532", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong", "Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["4", "CTN124", "789ABC", "Double Doors<br> Container 20ft", "01-08-2017", "<span style='color:red'>02-08-2017 </span>", "<span style='color:red'>04-08-2017 </span>", "68679", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou", "<span style='color:red'>Customs Examination </span><br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'>View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["5", "CTN125", "789ABC", "Flat Rack<br>Container", "01-08-2017", "01-08-2017", "01-08-2017", "43665", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:61500, Guangzhou", "Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                ["6", "CTN130", "789ABC", "Swap Bodies", "01-08-2017", "01-08-2017", "01-08-2017", "89706", "Driver Name:Bob <br>Driver No:0123456789<br>Contact Person:Ying<br>Contact No:0112345678<br>Venue:86000, Hong Kong", "Delivered<br/><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a  data-toggle='modal' href='#boxes'> View </a></li><li><a href='javascript:;'> Delete</a></li><li><a  data-toggle='modal' href='#profile'> Customs Examination</a></li></ul></div>", "Any Remark", "<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>", "Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
             ];
 
-			
+            var dataSet2 = [];
+
+
             var table1 = $('#example').DataTable({
                 data: dataSet,
-                
-				
-				//"bFilter" : false, 
-				"bInfo" : false,				
-				"bLengthChange": false,
+
+
+                //"bFilter" : false, 
+                "bInfo": false,
+                "bLengthChange": false,
                 colReorder: {
-					reorderCallback: function () {
-						console.log( 'callback' );
-					}
-				},
-				"columnDefs": [{ // set default column settings
-					'orderable': false,
-					'targets': [0]
-				},
-				{
-					"targets": [ 10 ],
-					"visible": false
-				}],
-				// scroller extension: http://datatables.net/extensions/scroller/
-				<!-- scrollY:        300, -->
-				
-				buttons: [
-					{ extend: 'print', className: 'btn dark btn-outline' },
-					{ extend: 'copy', className: 'btn red btn-outline' },
-					{ extend: 'pdf', className: 'btn green btn-outline' },
-					{ extend: 'excel', className: 'btn yellow btn-outline ' },
-					{ extend: 'csv', className: 'btn purple btn-outline ' },
-					{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-				],
-				"language": {
-					"aria": {
-						"sortAscending": ": activate to sort column ascending",
-						"sortDescending": ": activate to sort column descending"
-					},
-					"emptyTable": "No data available in table",
-					"info": "Showing _START_ to _END_ of _TOTAL_ entries",
-					"infoEmpty": "No entries found",
-					"infoFiltered": "(filtered1 from _MAX_ total entries)",
-					"lengthMenu": "_MENU_ entries",
-					"search": "Search:",
-					"zeroRecords": "No matching records found"
-				},
-				"order": [[ 1, "asc" ]],
-				"pageLength": 20,
-				"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-				buttons: [
-					{
-						text: 'Shipment Arrangement',
-						className: 'btn red  btn-circle btn-outline qweqwe',
-						action: function ( e, dt, node, config ) {
-							$("#qweqwe").trigger('click');
-						}
-						
-					}
-                    
+                    reorderCallback: function() {
+                        console.log('callback');
+                    }
+                },
+                "columnDefs": [{ // set default column settings
+                    'orderable': false,
+                    'targets': [0]
+                }, {
+                    "targets": [10],
+                    "visible": false
+                }],
+                // scroller extension: http://datatables.net/extensions/scroller/
+                <!-- scrollY:        300, -->
+
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
+                "language": {
+                    "aria": {
+                        "sortAscending": ": activate to sort column ascending",
+                        "sortDescending": ": activate to sort column descending"
+                    },
+                    "emptyTable": "No data available in table",
+                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                    "infoEmpty": "No entries found",
+                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                    "lengthMenu": "_MENU_ entries",
+                    "search": "Search:",
+                    "zeroRecords": "No matching records found"
+                },
+                "order": [
+                    [1, "asc"]
                 ],
-				fixedHeader:false,
-                columns: [
-					{ title: "No" },
-					{ title: 'Shipment<br>No <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>' },
-					{ title: 'Container<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
-                    { title: 'Type of<br>Container<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>' },
-					{ title: 'Loading<br> Date<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
-					{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
-                    { title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
-					{ title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
-					{ title: 'Loading<br>Venue<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
-					{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
-					{ title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
-				],
+                "pageLength": 20,
+                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
+                buttons: [{
+                        text: 'Shipment Arrangement',
+                        className: 'btn red  btn-circle btn-outline qweqwe',
+                        action: function(e, dt, node, config) {
+                            $("#qweqwe").trigger('click');
+                        }
 
-                initComplete: function () {
-                    configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11,12]);
+                    }
+
+                ],
+                fixedHeader: false,
+                columns: [{
+                    title: "No"
+                }, {
+                    title: 'Shipment<br>No <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>'
+                }, {
+                    title: 'Container<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
+                }, {
+                    title: 'Type of<br>Container<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
+                }, {
+                    title: 'Loading<br> Date<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>'
+                }, {
+                    title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>'
+                }, {
+                    title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>'
+                }, {
+                    title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>'
+                }, {
+                    title: 'Loading<br>Venue<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>'
+                }, {
+                    title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>'
+                }, {
+                    title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>'
+                }, ],
+
+                initComplete: function() {
+                    configFilter(this, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]);
                 }
             });
-        
-		$('#example2').DataTable({
+
+            $('#example2').DataTable({
                 data: dataSet2,
-                "bInfo" : false,				
-				"bLengthChange": false,
+                "bInfo": false,
+                "bLengthChange": false,
                 colReorder: {
-					reorderCallback: function () {
-						console.log( 'callback' );
-					}
-				},
-				"columnDefs": [{ // set default column settings
-					'orderable': false,'targets': [0],
-				}],
-				"autoWidth": false,
-				buttons: [
-					{ extend: 'print', className: 'btn dark btn-outline' },
-					{ extend: 'copy', className: 'btn red btn-outline' },
-					{ extend: 'pdf', className: 'btn green btn-outline' },
-					{ extend: 'excel', className: 'btn yellow btn-outline ' },
-					{ extend: 'csv', className: 'btn purple btn-outline ' },
-					{ extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-				],
-				"language": {
-					"aria": {
-						"sortAscending": ": activate to sort column ascending",
-						"sortDescending": ": activate to sort column descending"
-					},
-					"emptyTable": "No data available in table",
-					"info": "Showing _START_ to _END_ of _TOTAL_ entries",
-					"infoEmpty": "No entries found",
-					"infoFiltered": "(filtered1 from _MAX_ total entries)",
-					"lengthMenu": "_MENU_ entries",
-					"search": "Search:",
-					"zeroRecords": "No matching records found"
-				},
-				"pageLength": 20,
-				"order": [[ 1, "asc" ]],
+                    reorderCallback: function() {
+                        console.log('callback');
+                    }
+                },
+                "columnDefs": [{ // set default column settings
+                    'orderable': false,
+                    'targets': [0],
+                }],
+                "autoWidth": false,
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
+                "language": {
+                    "aria": {
+                        "sortAscending": ": activate to sort column ascending",
+                        "sortDescending": ": activate to sort column descending"
+                    },
+                    "emptyTable": "No data available in table",
+                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                    "infoEmpty": "No entries found",
+                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                    "lengthMenu": "_MENU_ entries",
+                    "search": "Search:",
+                    "zeroRecords": "No matching records found"
+                },
+                "pageLength": 20,
+                "order": [
+                    [1, "asc"]
+                ],
                 columns: [
-					// { title:  "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>", className: "col_0"},
-					// { title:  "No", className: "col_1"},	
-					// { title:  "ETA", className: "col_2"},
-					// { title:  "Shipment <br/> No", className: "col_3"},
-					// { title:  "Order <br/>No", className: "col_4"},
-					// { title:  "Cust <br/> Code", className: "col_5"},
-					// { title:  "Area<br/>State", className: "col_6"},
-					// { title:  "Details", className: "col_7"},
-					
-				],
-				"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'><'col-md-6'f>r>t<'row'<'col-md-5 col-sm-12'<'toolbar'>><'col-md-7 col-sm-12'p>>",
-                initComplete: function () {
-                    configFilter(this, [ 2,3, 4,5,6,7,8]);
+                    // { title:  "<label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label>", className: "col_0"},
+                    // { title:  "No", className: "col_1"},	
+                    // { title:  "ETA", className: "col_2"},
+                    // { title:  "Shipment <br/> No", className: "col_3"},
+                    // { title:  "Order <br/>No", className: "col_4"},
+                    // { title:  "Cust <br/> Code", className: "col_5"},
+                    // { title:  "Area<br/>State", className: "col_6"},
+                    // { title:  "Details", className: "col_7"},
+
+                ],
+                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'><'col-md-6'f>r>t<'row'<'col-md-5 col-sm-12'<'toolbar'>><'col-md-7 col-sm-12'p>>",
+                initComplete: function() {
+                    configFilter(this, [2, 3, 4, 5, 6, 7, 8]);
                 }
             });
-			table1.columns( 12 ).search( 'Not Completed' ).draw();
-		$('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
-		if(state == true){
-			table1.columns( 12 ).search( 'Not Completed' ).draw();
-		}else{
-			table1.columns( 12 ).search( 'Completed' ).draw();
-			
-		}
-		
-		});
-		existingdiv1 = document.getElementById( "switch" );
-		$( "div.toolbar2" ).append( existingdiv1 );
-        $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
-		$('#sample_3_tools > li > a.tool-action').on('click', function() {
-            var action = $(this).attr('data-action');
-            $('#example').DataTable().button(action).trigger();
-        });
-		
-		var table = $('#example2');
-		
-		var tableWrapper = jQuery('#example2_wrapper');
-
-        table.find('.group-checkable').change(function () {
-            var set = jQuery(this).attr("data-set");
-            var checked = jQuery(this).is(":checked");
-            jQuery(set).each(function () {
-                if (checked) {
-                    $(this).prop("checked", true);
-                    $(this).parents('tr').addClass("active");					
+            table1.columns(12).search('Not Completed').draw();
+            $('.asdasd').on('switchChange.bootstrapSwitch', function(event, state) {
+                if (state == true) {
+                    table1.columns(12).search('Not Completed').draw();
                 } else {
-                    $(this).prop("checked", false);
-                    $(this).parents('tr').removeClass("active");
-                }				
+                    table1.columns(12).search('Completed').draw();
+
+                }
+
             });
-			var count = $('#example2 .active').length; 
-			//document.getElementById('total').value = count;
-			document.getElementById("total").innerHTML = count;
+            existingdiv1 = document.getElementById("switch");
+            $("div.toolbar2").append(existingdiv1);
+            $("div.toolbar").html('Total Delivery : <p id="total" class="form-control-static">0</p>');
+            $('#sample_3_tools > li > a.tool-action').on('click', function() {
+                var action = $(this).attr('data-action');
+                $('#example').DataTable().button(action).trigger();
+            });
+
+            var table = $('#example2');
+
+            var tableWrapper = jQuery('#example2_wrapper');
+
+            table.find('.group-checkable').change(function() {
+                var set = jQuery(this).attr("data-set");
+                var checked = jQuery(this).is(":checked");
+                jQuery(set).each(function() {
+                    if (checked) {
+                        $(this).prop("checked", true);
+                        $(this).parents('tr').addClass("active");
+                    } else {
+                        $(this).prop("checked", false);
+                        $(this).parents('tr').removeClass("active");
+                    }
+                });
+                var count = $('#example2 .active').length;
+                //document.getElementById('total').value = count;
+                document.getElementById("total").innerHTML = count;
+            });
+
+            table.on('change', 'tbody tr .checkboxes', function() {
+                $(this).parents('tr').toggleClass("active");
+            });
+
         });
 
-        table.on('change', 'tbody tr .checkboxes', function () {
-            $(this).parents('tr').toggleClass("active");			
-        });
-		
-		});
-		
-		
-		var table = $('#example2');
-		
-		var tableWrapper = jQuery('#example2_wrapper');
-		
-		
-		 table.on('change', 'tbody tr .checkboxes', function () {
+
+        var table = $('#example2');
+
+        var tableWrapper = jQuery('#example2_wrapper');
+
+
+        table.on('change', 'tbody tr .checkboxes', function() {
             var checked = jQuery(this).is(":checked");
-			if (checked) {
-				var count = $('#example2 .active').length + 1; 
-				 document.getElementById("total").innerHTML = count;
-			}else{
-				var count = $('#example2 .active').length - 1 ; 
-				document.getElementById("total").innerHTML = count;
-				
-			}
+            if (checked) {
+                var count = $('#example2 .active').length + 1;
+                document.getElementById("total").innerHTML = count;
+            } else {
+                var count = $('#example2 .active').length - 1;
+                document.getElementById("total").innerHTML = count;
+
+            }
         });
-		
+
         //This function initializes the content inside the filter modal
         function configFilter($this, colArray) {
-            setTimeout(function () {
+            setTimeout(function() {
                 var tableName = $this[0].id;
                 var columns = $this.api().columns();
-               // $.each(colArray, function (i, arg) {
-                   // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
+                // $.each(colArray, function (i, arg) {
+                // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
                 //});
 
                 var template = '<div class="modal modalFilter modal-scroll in">' +
-									'<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
-										'<div class="modal-content">' +
-											'<div class="modal-body">' + '{0}</div>' +
-											'<div class="modal-footer">' +
-												'<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
-												'<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
-											'</div>' +
-										'</div>' +
-									'</div>' +
-                             '</div>';
-                $.each(colArray, function (index, value) {
-                    columns.every(function (i) {
+                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
+                    '<div class="modal-content">' +
+                    '<div class="modal-body">' + '{0}</div>' +
+                    '<div class="modal-footer">' +
+                    '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
+                    '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+                $.each(colArray, function(index, value) {
+                    columns.every(function(i) {
                         if (value === i) {
-                            var column = this, content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
+                            var column = this,
+                                content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
                             var columnName = $(this.header()).text().replace(/\s+/g, "_");
                             var distinctArray = [];
-                            column.data().each(function (d, j) {
+                            column.data().each(function(d, j) {
                                 if (distinctArray.indexOf(d) == -1) {
-									//alert(jQuery.type( d ));
-									d = d.replace("<a class='chat_link' href='chat.html'>",'');
-									d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>",'');
-																		
+                                    //alert(jQuery.type( d ));
+                                    d = d.replace("<a class='chat_link' href='chat.html'>", '');
+                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", '');
+
                                     var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
                                     content += '<div><input type="checkbox" value="' + d + '"  id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
                                     distinctArray.push(d);
@@ -1543,12 +1577,18 @@ EDD: 17-10-2017
         //User to show the filter modal
         function showFilter(e, index) {
             $('.modalFilter').hide();
-            $(modalFilterArray[index]).css({ left: 0, top: 0 });
+            $(modalFilterArray[index]).css({
+                left: 0,
+                top: 0
+            });
             var th = $(e.target).parent();
             var pos = th.offset();
             console.log(th);
             $(modalFilterArray[index]).width(th.width() * 3.0);
-            $(modalFilterArray[index]).css({ 'left': pos.left, 'top': pos.top });
+            $(modalFilterArray[index]).css({
+                'left': pos.left,
+                'top': pos.top
+            });
             $(modalFilterArray[index]).show();
             $('#mask').show();
             e.stopPropagation();
@@ -1569,9 +1609,10 @@ EDD: 17-10-2017
         //Execute the filter on the table for a given column
         function performFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
-            var searchString = '', counter = 0;
+            var searchString = '',
+                counter = 0;
 
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 if (checkbox.checked) {
                     searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
                     counter++;
@@ -1583,14 +1624,14 @@ EDD: 17-10-2017
             ).draw();
             rootNode.hide();
             $('#mask').hide();
-			$('.modalFilter').hide();
+            $('.modalFilter').hide();
         }
 
         //Removes the filter from the table for a given column
         function clearFilter(node, i, tableId) {
             var rootNode = $(node).parent().parent();
             rootNode.find(".filterSearchText").val('');
-            rootNode.find('input:checkbox').each(function (index, checkbox) {
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
                 checkbox.checked = false;
                 $(checkbox).parent().show();
             });
@@ -1600,274 +1641,273 @@ EDD: 17-10-2017
             ).draw();
             rootNode.hide();
             $('#mask').hide();
-			$('.modalFilter').hide();
-        }	
-		
-
-var FormWizard = function () {
-
-
-    return {
-        //main function to initiate the module
-        init: function () {
-            if (!jQuery().bootstrapWizard) {
-                return;
-            }
-
-            function format(state) {
-                if (!state.id) return state.text; // optgroup
-                return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
-            }
-
-            $("#country_list").select2({
-                placeholder: "Select",
-                allowClear: true,
-                formatResult: format,
-                width: 'auto', 
-                formatSelection: format,
-                escapeMarkup: function (m) {
-                    return m;
-                }
-            });
-
-            var form = $('#submit_form');
-            var error = $('.alert-danger', form);
-            var success = $('.alert-success', form);
-
-            form.validate({
-                doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
-                errorElement: 'span', //default input error message container
-                errorClass: 'help-block help-block-error', // default input error message class
-                focusInvalid: false, // do not focus the last invalid input
-                rules: {
-                    //account
-                    username: {
-                        minlength: 5,
-                        required: true
-                    },
-                    password: {
-                        minlength: 5,
-                        required: true
-                    },
-                    rpassword: {
-                        minlength: 5,
-                        required: true,
-                        equalTo: "#submit_form_password"
-                    },
-                    //profile
-                    fullname: {
-                        required: true
-                    },
-                    email: {
-                        required: true,
-                        email: true
-                    },
-                    phone: {
-                        required: true
-                    },
-                    gender: {
-                        required: true
-                    },
-                    address: {
-                        required: true
-                    },
-                    city: {
-                        required: true
-                    },
-                    country: {
-                        required: true
-                    },
-                    //payment
-                    card_name: {
-                        required: true
-                    },
-                    card_number: {
-                        minlength: 16,
-                        maxlength: 16,
-                        required: true
-                    },
-                    card_cvc: {
-                        digits: true,
-                        required: true,
-                        minlength: 3,
-                        maxlength: 4
-                    },
-                    card_expiry_date: {
-                        required: true
-                    },
-                    'payment[]': {
-                        required: true,
-                        minlength: 1
-                    }
-                },
-
-                messages: { // custom messages for radio buttons and checkboxes
-                    'payment[]': {
-                        required: "Please select at least one option",
-                        minlength: jQuery.validator.format("Please select at least one option")
-                    }
-                },
-
-                errorPlacement: function (error, element) { // render error placement for each input type
-                    if (element.attr("name") == "gender") { // for uniform radio buttons, insert the after the given container
-                        error.insertAfter("#form_gender_error");
-                    } else if (element.attr("name") == "payment[]") { // for uniform checkboxes, insert the after the given container
-                        error.insertAfter("#form_payment_error");
-                    } else {
-                        error.insertAfter(element); // for other inputs, just perform default behavior
-                    }
-                },
-
-                invalidHandler: function (event, validator) { //display error alert on form submit   
-                    success.hide();
-                    error.show();
-                    App.scrollTo(error, -200);
-                },
-
-                highlight: function (element) { // hightlight error inputs
-                    $(element)
-                        .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
-                },
-
-                unhighlight: function (element) { // revert the change done by hightlight
-                    $(element)
-                        .closest('.form-group').removeClass('has-error'); // set error class to the control group
-                },
-
-                success: function (label) {
-                    if (label.attr("for") == "gender" || label.attr("for") == "payment[]") { // for checkboxes and radio buttons, no need to show OK icon
-                        label
-                            .closest('.form-group').removeClass('has-error').addClass('has-success');
-                        label.remove(); // remove error label here
-                    } else { // display success icon for other inputs
-                        label
-                            .addClass('valid') // mark the current input as valid and display OK icon
-                        .closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
-                    }
-                },
-
-                submitHandler: function (form) {
-                    success.show();
-                    error.hide();
-                    form[0].submit();
-                    //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
-                }
-
-            });
-
-            var displayConfirm = function() {
-                $('#tab4 .form-control-static', form).each(function(){
-                    var input = $('[name="'+$(this).attr("data-display")+'"]', form);
-                    if (input.is(":radio")) {
-                        input = $('[name="'+$(this).attr("data-display")+'"]:checked', form);
-                    }
-                    if (input.is(":text") || input.is("textarea")) {
-                        $(this).html(input.val());
-                    } else if (input.is("select")) {
-                        $(this).html(input.find('option:selected').text());
-                    } else if (input.is(":radio") && input.is(":checked")) {
-                        $(this).html(input.attr("data-title"));
-                    } else if ($(this).attr("data-display") == 'payment[]') {
-                        var payment = [];
-                        $('[name="payment[]"]:checked', form).each(function(){ 
-                            payment.push($(this).attr('data-title'));
-                        });
-                        $(this).html(payment.join("<br>"));
-                    }
-                });
-            }
-
-            var handleTitle = function(tab, navigation, index) {
-                var total = navigation.find('li').length;
-                var current = index + 1;
-                // set wizard title
-                $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
-                // set done steps
-                jQuery('li', $('#form_wizard_1')).removeClass("done");
-                var li_list = navigation.find('li');
-                for (var i = 0; i < index; i++) {
-                    jQuery(li_list[i]).addClass("done");
-                }
-
-                if (current == 1) {
-                    $('#form_wizard_1').find('.button-previous').hide();
-                } else {
-                    $('#form_wizard_1').find('.button-previous').show();
-                }
-
-                if (current >= total) {
-                    $('#form_wizard_1').find('.button-next').hide();
-                    $('#form_wizard_1').find('.button-submit').show();
-                    displayConfirm();
-                } else {
-                    $('#form_wizard_1').find('.button-next').show();
-                    $('#form_wizard_1').find('.button-submit').hide();
-                }
-                App.scrollTo($('.page-title'));
-            }
-
-            // default form wizard
-            $('#form_wizard_1').bootstrapWizard({
-                'nextSelector': '.button-next',
-                'previousSelector': '.button-previous',
-                onTabClick: function (tab, navigation, index, clickedIndex) {
-                    return false;
-                    
-                    success.hide();
-                    error.hide();
-                    if (form.valid() == false) {
-                        return false;
-                    }
-                    
-                    handleTitle(tab, navigation, clickedIndex);
-                },
-                onNext: function (tab, navigation, index) {
-                    success.hide();
-                    error.hide();
-
-                    if (form.valid() == false) {
-                        return false;
-                    }
-
-                    handleTitle(tab, navigation, index);
-                },
-                onPrevious: function (tab, navigation, index) {
-                    success.hide();
-                    error.hide();
-
-                    handleTitle(tab, navigation, index);
-                },
-                onTabShow: function (tab, navigation, index) {
-                    var total = navigation.find('li').length;
-                    var current = index + 1;
-                    var $percent = (current / total) * 100;
-                    $('#form_wizard_1').find('.progress-bar').css({
-                        width: $percent + '%'
-                    });
-                }
-            });
-
-            $('#form_wizard_1').find('.button-previous').hide();
-            $('#form_wizard_1 .button-submit').click(function () {
-                location.reload();
-            }).hide();
-
-            //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
-            $('#country_list', form).change(function () {
-                form.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
-            });
+            $('.modalFilter').hide();
         }
 
-    };
 
-}();
+        var FormWizard = function() {
 
-jQuery(document).ready(function() {
-    FormWizard.init();
-});
 
+            return {
+                //main function to initiate the module
+                init: function() {
+                    if (!jQuery().bootstrapWizard) {
+                        return;
+                    }
+
+                    function format(state) {
+                        if (!state.id) return state.text; // optgroup
+                        return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
+                    }
+
+                    $("#country_list").select2({
+                        placeholder: "Select",
+                        allowClear: true,
+                        formatResult: format,
+                        width: 'auto',
+                        formatSelection: format,
+                        escapeMarkup: function(m) {
+                            return m;
+                        }
+                    });
+
+                    var form = $('#submit_form');
+                    var error = $('.alert-danger', form);
+                    var success = $('.alert-success', form);
+
+                    form.validate({
+                        doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
+                        errorElement: 'span', //default input error message container
+                        errorClass: 'help-block help-block-error', // default input error message class
+                        focusInvalid: false, // do not focus the last invalid input
+                        rules: {
+                            //account
+                            username: {
+                                minlength: 5,
+                                required: true
+                            },
+                            password: {
+                                minlength: 5,
+                                required: true
+                            },
+                            rpassword: {
+                                minlength: 5,
+                                required: true,
+                                equalTo: "#submit_form_password"
+                            },
+                            //profile
+                            fullname: {
+                                required: true
+                            },
+                            email: {
+                                required: true,
+                                email: true
+                            },
+                            phone: {
+                                required: true
+                            },
+                            gender: {
+                                required: true
+                            },
+                            address: {
+                                required: true
+                            },
+                            city: {
+                                required: true
+                            },
+                            country: {
+                                required: true
+                            },
+                            //payment
+                            card_name: {
+                                required: true
+                            },
+                            card_number: {
+                                minlength: 16,
+                                maxlength: 16,
+                                required: true
+                            },
+                            card_cvc: {
+                                digits: true,
+                                required: true,
+                                minlength: 3,
+                                maxlength: 4
+                            },
+                            card_expiry_date: {
+                                required: true
+                            },
+                            'payment[]': {
+                                required: true,
+                                minlength: 1
+                            }
+                        },
+
+                        messages: { // custom messages for radio buttons and checkboxes
+                            'payment[]': {
+                                required: "Please select at least one option",
+                                minlength: jQuery.validator.format("Please select at least one option")
+                            }
+                        },
+
+                        errorPlacement: function(error, element) { // render error placement for each input type
+                            if (element.attr("name") == "gender") { // for uniform radio buttons, insert the after the given container
+                                error.insertAfter("#form_gender_error");
+                            } else if (element.attr("name") == "payment[]") { // for uniform checkboxes, insert the after the given container
+                                error.insertAfter("#form_payment_error");
+                            } else {
+                                error.insertAfter(element); // for other inputs, just perform default behavior
+                            }
+                        },
+
+                        invalidHandler: function(event, validator) { //display error alert on form submit   
+                            success.hide();
+                            error.show();
+                            App.scrollTo(error, -200);
+                        },
+
+                        highlight: function(element) { // hightlight error inputs
+                            $(element)
+                                .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
+                        },
+
+                        unhighlight: function(element) { // revert the change done by hightlight
+                            $(element)
+                                .closest('.form-group').removeClass('has-error'); // set error class to the control group
+                        },
+
+                        success: function(label) {
+                            if (label.attr("for") == "gender" || label.attr("for") == "payment[]") { // for checkboxes and radio buttons, no need to show OK icon
+                                label
+                                    .closest('.form-group').removeClass('has-error').addClass('has-success');
+                                label.remove(); // remove error label here
+                            } else { // display success icon for other inputs
+                                label
+                                    .addClass('valid') // mark the current input as valid and display OK icon
+                                    .closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
+                            }
+                        },
+
+                        submitHandler: function(form) {
+                            success.show();
+                            error.hide();
+                            form[0].submit();
+                            //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+                        }
+
+                    });
+
+                    var displayConfirm = function() {
+                        $('#tab4 .form-control-static', form).each(function() {
+                            var input = $('[name="' + $(this).attr("data-display") + '"]', form);
+                            if (input.is(":radio")) {
+                                input = $('[name="' + $(this).attr("data-display") + '"]:checked', form);
+                            }
+                            if (input.is(":text") || input.is("textarea")) {
+                                $(this).html(input.val());
+                            } else if (input.is("select")) {
+                                $(this).html(input.find('option:selected').text());
+                            } else if (input.is(":radio") && input.is(":checked")) {
+                                $(this).html(input.attr("data-title"));
+                            } else if ($(this).attr("data-display") == 'payment[]') {
+                                var payment = [];
+                                $('[name="payment[]"]:checked', form).each(function() {
+                                    payment.push($(this).attr('data-title'));
+                                });
+                                $(this).html(payment.join("<br>"));
+                            }
+                        });
+                    }
+
+                    var handleTitle = function(tab, navigation, index) {
+                        var total = navigation.find('li').length;
+                        var current = index + 1;
+                        // set wizard title
+                        $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
+                        // set done steps
+                        jQuery('li', $('#form_wizard_1')).removeClass("done");
+                        var li_list = navigation.find('li');
+                        for (var i = 0; i < index; i++) {
+                            jQuery(li_list[i]).addClass("done");
+                        }
+
+                        if (current == 1) {
+                            $('#form_wizard_1').find('.button-previous').hide();
+                        } else {
+                            $('#form_wizard_1').find('.button-previous').show();
+                        }
+
+                        if (current >= total) {
+                            $('#form_wizard_1').find('.button-next').hide();
+                            $('#form_wizard_1').find('.button-submit').show();
+                            displayConfirm();
+                        } else {
+                            $('#form_wizard_1').find('.button-next').show();
+                            $('#form_wizard_1').find('.button-submit').hide();
+                        }
+                        App.scrollTo($('.page-title'));
+                    }
+
+                    // default form wizard
+                    $('#form_wizard_1').bootstrapWizard({
+                        'nextSelector': '.button-next',
+                        'previousSelector': '.button-previous',
+                        onTabClick: function(tab, navigation, index, clickedIndex) {
+                            return false;
+
+                            success.hide();
+                            error.hide();
+                            if (form.valid() == false) {
+                                return false;
+                            }
+
+                            handleTitle(tab, navigation, clickedIndex);
+                        },
+                        onNext: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            if (form.valid() == false) {
+                                return false;
+                            }
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onPrevious: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onTabShow: function(tab, navigation, index) {
+                            var total = navigation.find('li').length;
+                            var current = index + 1;
+                            var $percent = (current / total) * 100;
+                            $('#form_wizard_1').find('.progress-bar').css({
+                                width: $percent + '%'
+                            });
+                        }
+                    });
+
+                    $('#form_wizard_1').find('.button-previous').hide();
+                    $('#form_wizard_1 .button-submit').click(function() {
+                        location.reload();
+                    }).hide();
+
+                    //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
+                    $('#country_list', form).change(function() {
+                        form.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
+                    });
+                }
+
+            };
+
+        }();
+
+        jQuery(document).ready(function() {
+            FormWizard.init();
+        });
     </script>
-	 
-    </body>
 
-</html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/shippingorderstatus.html b/public/Forwarder/shippingorderstatus.html
index 47de4ce..6cf66cf 100644
--- a/public/Forwarder/shippingorderstatus.html
+++ b/public/Forwarder/shippingorderstatus.html
@@ -16,269 +16,292 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Order Status</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-		<!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" />
-        <style>
-		@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%;
-			}
-		}
-		.dropdown-menu{
-			min-width: 100px;
-		}
-		.table td, .table th {
-			font-size: 12px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		.table thead tr th{
-			font-size: 12px;
-			text-align:center;
-			vertical-align: middle;
-		}
-		div.dt-button-collection{
-		margin-top: 100px;
-		}
-		table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
-			padding-right: 18px;
-			padding-left: 10px;
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Order Status</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+    <style>
+        @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%;
+            }
+        }
+        .dropdown-menu {
+            min-width: 100px;
+        }
+        .table td,
+        .table th {
+            font-size: 12px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        .table thead tr th {
+            font-size: 12px;
+            text-align: center;
+            vertical-align: middle;
+        }
+        div.dt-button-collection {
+            margin-top: 100px;
+        }
+        table.dataTable thead>tr>th.sorting_asc,
+        table.dataTable thead>tr>th.sorting_desc,
+        table.dataTable thead>tr>th.sorting,
+        table.dataTable thead>tr>td.sorting_asc,
+        table.dataTable thead>tr>td.sorting_desc,
+        table.dataTable thead>tr>td.sorting {
+            padding-right: 18px;
+            padding-left: 10px;
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-        
         .btiv {
             background: transparent;
             border: none !important;
         }
-
-		</style>
-	</head>
-    <!-- END HEAD -->
+    </style>
+</head>
+<!-- END HEAD -->
 
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-                            <li>
-                                <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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="chat.html" 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" 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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item  active open">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-basket"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item start active open ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="opendraft.html" class="nav-link ">
-                                            <i class="icon-envelope"></i>
-                                            <span class="title">Open Draft</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>
-                            
-                        </ul>
-                        <!-- END SIDEBAR MENU -->
-                        <!-- END SIDEBAR MENU -->
-                    </div>
-                    <!-- END SIDEBAR -->
-<!-- BEGIN CONTENT -->
+                        <li class="nav-item active open">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item  active open ">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <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>
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+                <!-- BEGIN CONTENT -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -286,7 +309,7 @@ License: You must have a valid license purchased only from themeforest(the above
                         <div class="page-bar">
                             <ul class="page-breadcrumb">
                                 <li>
-                                    <a  href="purchaseorder.html">Orders</a>
+                                    <a href="purchaseorder.html">Orders</a>
                                     <i class="fa fa-circle"></i>
                                 </li>
                                 <li>
@@ -298,9 +321,9 @@ License: You must have a valid license purchased only from themeforest(the above
                         <!-- BEGIN PAGE TITLE-->
                         <h1 class="page-title"> 
                         </h1>
-						
-						<!-- CONTENT -->
-						
+
+                        <!-- CONTENT -->
+
                         <div class="row">
                             <div class="col-md-12">
                                 <!-- Begin: life time stats -->
@@ -309,7 +332,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                         <div class="caption">
                                             <i class="fa fa-cogs"></i><strong>Shipping Order Status</strong> </div>
                                         <div class="actions">
-                                                   
+
                                             <div class="btn-group">
                                                 <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
                                                     <i class="fa fa-share"></i>
@@ -352,360 +375,427 @@ License: You must have a valid license purchased only from themeforest(the above
                                                 <thead>
                                                     <tr>
                                                         <th width="1%"> No </th>
-                                                        <th width="3%">  Order No <br/>
+                                                        <th width="3%"> Order No
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-														<th  width="1%"> Date <br/>
+                                                        <th width="1%"> Date
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>                                                            
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-														<th  width="2%"> Marking <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>                                                            
-														</th>
-														<th width="2%"> Supplier <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
-														</th>
-														<th width="5%"> Warehouse Name <br/>
+                                                        <th width="2%"> Marking
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-                                                        <th width="1%"> Total CBM <br/>
+                                                        <th width="2%"> Supplier
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-                                                        <th width="1%"> Total Weight <br/>
+                                                        <th width="5%"> Warehouse Name
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-                                                        <th width="1%"> Total Carton <br/>
+                                                        <th width="1%"> Total CBM
+                                                            <br/>
                                                             <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-                                                            <span class="fa fa-filter"></span></button>
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                        </th>
+                                                        <th width="1%"> Total Weight
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                        </th>
+                                                        <th width="1%"> Total Carton
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
+                                                        </th>
+                                                        <th width="1%"> Action
+                                                            <br/>
+                                                            <button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+                                                                <span class="fa fa-filter"></span>
+                                                            </button>
                                                         </th>
-														<th width="1%"> Action <br/>
-															<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
-															<span class="fa fa-filter"></span></button>
-														</th>
                                                     </tr>
                                                 </thead>
-												<tbody>
-                                                    
-													<tr class="odd gradeX">
-                                                        <td> <center>1</center> </td>
+                                                <tbody>
+
+                                                    <tr class="odd gradeX">
+                                                        <td>
+                                                            <center>1</center>
+                                                        </td>
                                                         <td> 001254 </td>
                                                         <td> 03-07-2017 </td>
                                                         <td> CIEF/001254</td>
                                                         <td> Infinite co.</td>
-                                                        <td> Bob Supply Warehouse <br>Venue:61250, Hong Kong</td>
+                                                        <td> Bob Supply Warehouse
+                                                            <br>Venue:61250, Hong Kong</td>
                                                         <td> 451cm</td>
                                                         <td> 123kg</td>
                                                         <td> 14</td>
-														<td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview PL</a></li>
-                                                                <li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
-                                                                <li><a href='shippingorder.html'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a data-toggle="modal" href='#preview'>Preview PL</a>
+                                                                        </li>
+                                                                        <li><a data-toggle="modal" href='#marking'>Print Marking</a>
+                                                                        </li>
+                                                                        <li><a href='shippingorder.html'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
-													</tr>
+                                                    </tr>
                                                     <tr class="odd gradeX">
-                                                        <td> <center>2</center> </td>
+                                                        <td>
+                                                            <center>2</center>
+                                                        </td>
                                                         <td> 012546 </td>
                                                         <td> 02-07-2017 </td>
                                                         <td> ABC/001254</td>
                                                         <td> Inspirit co.</td>
-                                                        <td> Bob Supply Warehouse <br>Venue:61250, Hong Kong</td>
+                                                        <td> Bob Supply Warehouse
+                                                            <br>Venue:61250, Hong Kong</td>
                                                         <td> 321cm</td>
                                                         <td> 123kg</td>
                                                         <td> 17</td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
-                                                                <li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
-                                                                <li><a href='shippingorder.html'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a data-toggle="modal" href='#preview'>Preview</a>
+                                                                        </li>
+                                                                        <li><a data-toggle="modal" href='#marking'>Print Marking</a>
+                                                                        </li>
+                                                                        <li><a href='shippingorder.html'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                     </tr>
                                                     <tr class="odd gradeX">
-                                                        <td> <center>3</center> </td> 
+                                                        <td>
+                                                            <center>3</center>
+                                                        </td>
                                                         <td> 015423 </td>
                                                         <td> 01-07-2017 </td>
                                                         <td> CIEF/001254</td>
                                                         <td> Indynamic co.</td>
-                                                        <td> Bob Supply Warehouse <br>Venue:61250, Hong Kong</td>
+                                                        <td> Bob Supply Warehouse
+                                                            <br>Venue:61250, Hong Kong</td>
                                                         <td> 321cm</td>
                                                         <td> 123kg</td>
                                                         <td> 11</td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
-                                                                <li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
-                                                                <li><a href='shippingorder.html'> Cancel </a></li>></ul>
-                                                            </div><br/></center>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a data-toggle="modal" href='#preview'>Preview</a>
+                                                                        </li>
+                                                                        <li><a data-toggle="modal" href='#marking'>Print Marking</a>
+                                                                        </li>
+                                                                        <li><a href='shippingorder.html'> Cancel </a>
+                                                                        </li>></ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
                                                     </tr>
                                                     <tr class="odd gradeX">
-                                                        <td> <center>4</center> </td>
+                                                        <td>
+                                                            <center>4</center>
+                                                        </td>
                                                         <td> 011254 </td>
-														<td> 01-07-2017 </td>
+                                                        <td> 01-07-2017 </td>
                                                         <td> CIEF/001254</td>
                                                         <td> Indinite co.</td>
-                                                        <td> Tom Warehouse <br>Venue:61250, Dongguan</td>
+                                                        <td> Tom Warehouse
+                                                            <br>Venue:61250, Dongguan</td>
                                                         <td> 321cm </td>
                                                         <td> 245kg </td>
                                                         <td> 19</td>
-                                                        <td><center>
-                                                            <div class='btn-group'>
-                                                            <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
-                                                                <li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
-                                                                <li><a href='shippingorder.html'> Cancel </a></li></ul>
-                                                            </div><br/></center>
+                                                        <td>
+                                                            <center>
+                                                                <div class='btn-group'>
+                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i>
+                                                                    </button>
+                                                                    <ul class='dropdown-menu'>
+                                                                        <li><a data-toggle="modal" href='#preview'>Preview</a>
+                                                                        </li>
+                                                                        <li><a data-toggle="modal" href='#marking'>Print Marking</a>
+                                                                        </li>
+                                                                        <li><a href='shippingorder.html'> Cancel </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <br/>
+                                                            </center>
                                                         </td>
-                                                    </tr>                                             
+                                                    </tr>
                                                 </tbody>
                                             </table>
-                                            
-											
+
+
                                         </div>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
                             </div>
                         </div>
-						<!-- END CONTENT -->
-                        
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
                 <!-- END CONTENT -->
                 <!-- BEGIN QUICK SIDEBAR -->
-                
+
                 <!-- END QUICK SIDEBAR -->
             </div>
             <!-- END CONTAINER -->
             <!-- BEGIN FOOTER -->
             <div class="page-footer">
                 <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
+                    <div class="scroll-to-top">
+                        <i class="icon-arrow-up"></i>
+                    </div>
                 </div>
+                <!-- END FOOTER -->
             </div>
-            <!-- END FOOTER -->
-        </div>
-                
-                 <div class="modal fade" id="preview" tabindex="-1" role="preview" aria-hidden="true">
-                    <div class="modal-dialog modal-lg">
-                        <div class="modal-content">
-                            <div class="modal-body"> 	
-                                <div class="row">
-                                    <div class="portlet box green">
-                                        <div class="portlet-title">
-                                            <div class="caption">
-                                                <i class="fa fa-cogs"></i><strong>Packing List</strong> </div>
-                                            <div class="actions">
-                                                <div class="btn-group">
-                                                    <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
-                                                        <i class="fa fa-share"></i>
-                                                        <span class="hidden-xs"> Actions </span>
-                                                        <i class="fa fa-angle-down"></i>
-                                                    </a>
-                                                    <ul class="dropdown-menu pull-right" id="sample_3_tools">
-                                                        <li>
-                                                            <a href="javascript:;" data-action="0" class="tool-action">
-                                                                <i class="icon-printer"></i> Print</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="1" class="tool-action">
-                                                                <i class="icon-check"></i> Copy</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="2" class="tool-action">
-                                                                <i class="icon-doc"></i> PDF</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="3" class="tool-action">
-                                                                <i class="icon-paper-clip"></i> Excel</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="4" class="tool-action">
-                                                                <i class="icon-cloud-upload"></i> CSV</a>
-                                                        </li>
-                                                        <li class="divider"> </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="5" class="tool-action">
-                                                                <i class="icon-refresh"></i> Reload</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
+
+            <div class="modal fade" id="preview" tabindex="-1" role="preview" aria-hidden="true">
+                <div class="modal-dialog modal-lg">
+                    <div class="modal-content">
+                        <div class="modal-body">
+                            <div class="row">
+                                <div class="portlet box green">
+                                    <div class="portlet-title">
+                                        <div class="caption">
+                                            <i class="fa fa-cogs"></i><strong>Packing List</strong> </div>
+                                        <div class="actions">
+                                            <div class="btn-group">
+                                                <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
+                                                    <i class="fa fa-share"></i>
+                                                    <span class="hidden-xs"> Actions </span>
+                                                    <i class="fa fa-angle-down"></i>
+                                                </a>
+                                                <ul class="dropdown-menu pull-right" id="sample_3_tools">
+                                                    <li>
+                                                        <a href="javascript:;" data-action="0" class="tool-action">
+                                                            <i class="icon-printer"></i> Print</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="1" class="tool-action">
+                                                            <i class="icon-check"></i> Copy</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="2" class="tool-action">
+                                                            <i class="icon-doc"></i> PDF</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="3" class="tool-action">
+                                                            <i class="icon-paper-clip"></i> Excel</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="4" class="tool-action">
+                                                            <i class="icon-cloud-upload"></i> CSV</a>
+                                                    </li>
+                                                    <li class="divider"> </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="5" class="tool-action">
+                                                            <i class="icon-refresh"></i> Reload</a>
+                                                    </li>
+                                                </ul>
                                             </div>
                                         </div>
-                                        <div class="portlet-body">
-                                            <div class="table-container">
-                                                <table id="table1" class="table table-bordered table-striped">
-                                                    <thead>
-                                                        <tr>
-                                                            <th rowspan="2">No </th>
-                                                            <th rowspan="2">Product Name</th>
-                                                            <th rowspan="2">Model</th>
-                                                            <th rowspan="2">UOM</th>
-                                                            <th rowspan="2">Qty</th>
-                                                            <th colspan="3">CMB</th>
-                                                            <th colspan="2">Weight</th>
-                                                            <th rowspan="2">Photo</th>
-                                                            <th rowspan="2">Remark</th>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Height</td>
-                                                            <td>Weight</td>
-                                                            <td>Depth</td>
-                                                            <td>Cross</td>
-                                                            <td>Nett</td>
-                                                        </tr>
+                                    </div>
+                                    <div class="portlet-body">
+                                        <div class="table-container">
+                                            <table id="table1" class="table table-bordered table-striped">
+                                                <thead>
+                                                    <tr>
+                                                        <th rowspan="2">No </th>
+                                                        <th rowspan="2">Product Name</th>
+                                                        <th rowspan="2">Model</th>
+                                                        <th rowspan="2">UOM</th>
+                                                        <th rowspan="2">Qty</th>
+                                                        <th colspan="3">CMB</th>
+                                                        <th colspan="2">Weight</th>
+                                                        <th rowspan="2">Photo</th>
+                                                        <th rowspan="2">Remark</th>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>Height</td>
+                                                        <td>Weight</td>
+                                                        <td>Depth</td>
+                                                        <td>Cross</td>
+                                                        <td>Nett</td>
+                                                    </tr>
 
-                                                    </thead>
-                                                    <tbody>
+                                                </thead>
+                                                <tbody>
 
-                                                        <tr>
-                                                            <td>1 </td>
-                                                            <td>Television </td>
-                                                            <td>CS110 </td>
-                                                            <td>Unit </td>
-                                                            <td>10 </td>
-                                                            <td>12 </td>
-                                                            <td>15</td>
-                                                            <td>12</td> 
-                                                            <td>12</td>
-                                                            <td>15</td>    
-                                                            <td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" /></td>
-                                                            <td> </td>
+                                                    <tr>
+                                                        <td>1 </td>
+                                                        <td>Television </td>
+                                                        <td>CS110 </td>
+                                                        <td>Unit </td>
+                                                        <td>10 </td>
+                                                        <td>12 </td>
+                                                        <td>15</td>
+                                                        <td>12</td>
+                                                        <td>12</td>
+                                                        <td>15</td>
+                                                        <td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" />
+                                                        </td>
+                                                        <td> </td>
 
 
-                                                        </tr>
-                                                        <tr>
-                                                            <td>2 </td>
-                                                            <td>Tire </td>
-                                                            <td>CS251 </td>
-                                                            <td>Unit </td>
-                                                            <td>20 </td>
-                                                            <td>12 </td>
-                                                            <td>15</td>
-                                                            <td>12</td> 
-                                                            <td>12</td>
-                                                            <td>15</td> 
-                                                            <td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
-                                                            <td> </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>2 </td>
+                                                        <td>Tire </td>
+                                                        <td>CS251 </td>
+                                                        <td>Unit </td>
+                                                        <td>20 </td>
+                                                        <td>12 </td>
+                                                        <td>15</td>
+                                                        <td>12</td>
+                                                        <td>12</td>
+                                                        <td>15</td>
+                                                        <td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
+                                                        <td> </td>
 
-                                                        </tr>
-                                                        <tr>
-                                                            <td>3 </td>
-                                                            <td>Chair </td>
-                                                            <td>CS486 </td>
-                                                            <td>Unit </td>
-                                                            <td>5 </td>
-                                                            <td>12 </td>
-                                                            <td>15</td>
-                                                            <td>12</td> 
-                                                            <td>12</td>
-                                                            <td>15</td> 
-                                                            <td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" />  </td>
-                                                            <td> </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>3 </td>
+                                                        <td>Chair </td>
+                                                        <td>CS486 </td>
+                                                        <td>Unit </td>
+                                                        <td>5 </td>
+                                                        <td>12 </td>
+                                                        <td>15</td>
+                                                        <td>12</td>
+                                                        <td>12</td>
+                                                        <td>15</td>
+                                                        <td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
+                                                        <td> </td>
 
-                                                        </tr>
-                                                        <tr>
-                                                            <td>4 </td>
-                                                            <td>Table </td>
-                                                            <td>CS125 </td>
-                                                            <td>Unit </td>
-                                                            <td>5 </td>
-                                                            <td>12 </td>
-                                                            <td>15</td>
-                                                            <td>12</td> 
-                                                            <td>12</td>
-                                                            <td>15</td> 
-                                                            <td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
-                                                            <td> </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>4 </td>
+                                                        <td>Table </td>
+                                                        <td>CS125 </td>
+                                                        <td>Unit </td>
+                                                        <td>5 </td>
+                                                        <td>12 </td>
+                                                        <td>15</td>
+                                                        <td>12</td>
+                                                        <td>12</td>
+                                                        <td>15</td>
+                                                        <td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
+                                                        <td> </td>
 
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </div>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                     </div>
-                
-                <div class="modal fade" id="marking" tabindex="-1" role="marking" aria-hidden="true">
-                    <div class="modal-dialog modal-lg">
-                        <div class="modal-content">
-                            <div class="modal-body"> 	
-                                <div class="row">
-                                    <div class="portlet box green">
-                                        <div class="portlet-title">
-                                            <div class="caption">
-                                                <i class="fa fa-cogs"></i><strong>Marking</strong> </div>
-                                            <div class="actions">
-                                                <div class="btn-group">
-                                                    <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
-                                                        <i class="fa fa-share"></i>
-                                                        <span class="hidden-xs"> Actions </span>
-                                                        <i class="fa fa-angle-down"></i>
-                                                    </a>
-                                                    <ul class="dropdown-menu pull-right" id="sample_3_tools">
-                                                        <li>
-                                                            <a href="javascript:;" data-action="0" class="tool-action">
-                                                                <i class="icon-printer"></i> Print</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="javascript:;" data-action="2" class="tool-action">
-                                                                <i class="icon-doc"></i> PDF</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="modal fade" id="marking" tabindex="-1" role="marking" aria-hidden="true">
+                <div class="modal-dialog modal-lg">
+                    <div class="modal-content">
+                        <div class="modal-body">
+                            <div class="row">
+                                <div class="portlet box green">
+                                    <div class="portlet-title">
+                                        <div class="caption">
+                                            <i class="fa fa-cogs"></i><strong>Marking</strong> </div>
+                                        <div class="actions">
+                                            <div class="btn-group">
+                                                <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
+                                                    <i class="fa fa-share"></i>
+                                                    <span class="hidden-xs"> Actions </span>
+                                                    <i class="fa fa-angle-down"></i>
+                                                </a>
+                                                <ul class="dropdown-menu pull-right" id="sample_3_tools">
+                                                    <li>
+                                                        <a href="javascript:;" data-action="0" class="tool-action">
+                                                            <i class="icon-printer"></i> Print</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="javascript:;" data-action="2" class="tool-action">
+                                                            <i class="icon-doc"></i> PDF</a>
+                                                    </li>
+                                                </ul>
                                             </div>
-                                            
                                         </div>
-                                            <div class="portlet-body">
-                                                <div class="row">
-                                                    <div class="col-md-12">
-                                                        <div class="col-md-4">
-                                                            <div class="form-body">
-                                                                <img src="../assets/global/img/qrcode.jpg" style="height:100% ; width:100%"/>
-                                                            </div>
+
+                                    </div>
+                                    <div class="portlet-body">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="col-md-4">
+                                                    <div class="form-body">
+                                                        <img src="../assets/global/img/qrcode.jpg" style="height:100% ; width:100%" />
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-8">
+                                                    <div class="form-body">
+                                                        <h1 align="center"><strong>CIEF/011257</strong></h1>
+                                                        <div class="form-group">
+                                                            <label class="control-label col-md-5">Warehouse Address
+                                                            </label>
+                                                            <label class="control-label col-md-6">70 McCullough Dr, New Castle, 19720 Delaware, United State of America
+                                                            </label>
                                                         </div>
-                                                        <div class="col-md-8">
-                                                            <div class="form-body" >
-                                                                <h1 align="center"><strong>CIEF/011257</strong></h1>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-5">Warehouse Address 
-                                                                        </label>
-                                                                        <label class="control-label col-md-6">70 McCullough Dr, New Castle, 19720 Delaware, United State of America
-                                                                        </label>
-                                                                    </div>
-                                                                    <br/>
-                                                                    <br/>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-5">Contact Person 
-                                                                        </label>
-                                                                        <label class="control-label col-md-6">Lisa Wong
-                                                                        </label>
-                                                                    </div>
-                                                                    <br/>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-5">Contact No 
-                                                                        </label>
-                                                                        <label class="control-label col-md-6">0112563786
-                                                                        </label>
-                                                                    </div>
-                                                                <br/>
-                                                                    
-                                                                </div>
-                                                            </div>
+                                                        <br/>
+                                                        <br/>
+                                                        <div class="form-group">
+                                                            <label class="control-label col-md-5">Contact Person
+                                                            </label>
+                                                            <label class="control-label col-md-6">Lisa Wong
+                                                            </label>
                                                         </div>
+                                                        <br/>
+                                                        <div class="form-group">
+                                                            <label class="control-label col-md-5">Contact No
+                                                            </label>
+                                                            <label class="control-label col-md-6">0112563786
+                                                            </label>
+                                                        </div>
+                                                        <br/>
+
                                                     </div>
                                                 </div>
                                             </div>
@@ -714,13 +804,16 @@ License: You must have a valid license purchased only from themeforest(the above
                                 </div>
                             </div>
                         </div>
+                    </div>
                 </div>
+            </div>
+        </div>
         <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-         <!-- BEGIN CORE PLUGINS -->
+        <!-- BEGIN CORE PLUGINS -->
         <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
@@ -733,13 +826,13 @@ License: You must have a valid license purchased only from themeforest(the above
         <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
         <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
         <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
 
         <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS --> 
+        <!-- END PAGE LEVEL PLUGINS -->
         <!-- BEGIN THEME GLOBAL SCRIPTS -->
         <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
 
@@ -751,82 +844,94 @@ License: You must have a valid license purchased only from themeforest(the above
         <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
         <!-- END THEME LAYOUT SCRIPTS -->
-        
+
         <script type="text/javascript">
+            $(document).ready(function() {
 
-        $(document).ready(function () {
+                otable = $('#sample_3').dataTable({
+                    // Internationalisation. For more info refer to http://datatables.net/manual/i18n
+                    "language": {
+                        "aria": {
+                            "sortAscending": ": activate to sort column ascending",
+                            "sortDescending": ": activate to sort column descending"
+                        },
+                        "emptyTable": "No data available in table",
+                        "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                        "infoEmpty": "No entries found",
+                        "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                        "lengthMenu": "_MENU_ entries",
+                        "search": "Search:",
+                        "zeroRecords": "No matching records found"
+                    },
+                    "info": false,
 
-		otable = $('#sample_3').dataTable({
-            // Internationalisation. For more info refer to http://datatables.net/manual/i18n
-            "language": {
-                "aria": {
-                    "sortAscending": ": activate to sort column ascending",
-                    "sortDescending": ": activate to sort column descending"
-                },
-                "emptyTable": "No data available in table",
-                "info": "Showing _START_ to _END_ of _TOTAL_ entries",
-                "infoEmpty": "No entries found",
-                "infoFiltered": "(filtered1 from _MAX_ total entries)",
-                "lengthMenu": "_MENU_ entries",
-                "search": "Search:",
-                "zeroRecords": "No matching records found"
-            },
-            "info":false,
+                    // autoWidth: false,
+                    // Or you can use remote translation file
+                    //"language": {
+                    //   url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
+                    //},
+                    columnDefs: [{
+                        "orderable": false,
+                        "targets": 0
+                    }],
+                    buttons: [{
+                        extend: 'print',
+                        className: 'btn dark btn-outline'
+                    }, {
+                        extend: 'copy',
+                        className: 'btn red btn-outline'
+                    }, {
+                        extend: 'pdf',
+                        className: 'btn green btn-outline'
+                    }, {
+                        extend: 'excel',
+                        className: 'btn yellow btn-outline '
+                    }, {
+                        extend: 'csv',
+                        className: 'btn purple btn-outline '
+                    }, {
+                        extend: 'colvis',
+                        className: 'btn dark btn-outline',
+                        text: 'Columns'
+                    }],
 
-            // autoWidth: false,
-            // Or you can use remote translation file
-            //"language": {
-            //   url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
-            //},
-             columnDefs: [
-                { "orderable": false, "targets": 0 }
-              ],
-            buttons: [
-                { extend: 'print', className: 'btn dark btn-outline' },
-                { extend: 'copy', className: 'btn red btn-outline' },
-                { extend: 'pdf', className: 'btn green btn-outline' },
-                { extend: 'excel', className: 'btn yellow btn-outline ' },
-                { extend: 'csv', className: 'btn purple btn-outline ' },
-                { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
-            ],
+                    // setup responsive extension: http://datatables.net/extensions/responsive/
+                    responsive: true,
 
-            // setup responsive extension: http://datatables.net/extensions/responsive/
-            responsive: true,
-
-            //"ordering": false, disable column ordering 
-            // colReorder: {
-                // reorderCallback: function () {
+                    //"ordering": false, disable column ordering 
+                    // colReorder: {
+                    // reorderCallback: function () {
                     // console.log( 'callback' );
-                // }
-            // },
-            //"paging": false, disable pagination
+                    // }
+                    // },
+                    //"paging": false, disable pagination
 
-            "order": [
-                [0, 'asc']
-            ],
-            
-            "lengthMenu": [
-                [5, 10, 15, 20, -1],
-                [5, 10, 15, 20, "All"] // change per page values here
-            ],
-            // set the initial value
-            "pageLength": 10,
+                    "order": [
+                        [0, 'asc']
+                    ],
 
-            
-            //"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
-            // "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
-            // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
-            // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js). 
-            // So when dropdowns used the scrollable div should be removed. 
-            //"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-        });
+                    "lengthMenu": [
+                        [5, 10, 15, 20, -1],
+                        [5, 10, 15, 20, "All"] // change per page values here
+                    ],
+                    // set the initial value
+                    "pageLength": 10,
 
-$("#sample_3_filter").css("display","none");
-    });
+
+                    //"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
+                    // "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
+                    // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
+                    // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js). 
+                    // So when dropdowns used the scrollable div should be removed. 
+                    //"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
+                });
+
+                $("#sample_3_filter").css("display", "none");
+            });
         </script>
 
-    </body>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/team.html b/public/Forwarder/team.html
index 9f3f352..3f7b8ff 100644
--- a/public/Forwarder/team.html
+++ b/public/Forwarder/team.html
@@ -16,228 +16,235 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Team</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-		<link href="../assets/global/plugins/dropzone/dropzone.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/dropzone/basic.min.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" />
-		<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME LAYOUT STYLES -->
-		<style>
-		@media (min-width: 992px) {
-			.page-content-wrapper .page-content {
-			margin-left: 200px;
-			}
-		}
-		.dropzone{
-			min-height: 90px;
-		}
-		    
-		@media (min-width: 992px){
-			.page-sidebar {
-				width: 200px;
-				float: left;
-				position: relative;
-				margin-right: -100%;
-			}
-		}
-		.table td, .table th {
-			font-size: 11px;
-			text-align:center;
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Team</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/dropzone/dropzone.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/dropzone/basic.min.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+    <link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME LAYOUT STYLES -->
+    <style>
+        @media (min-width: 992px) {
+            .page-content-wrapper .page-content {
+                margin-left: 200px;
+            }
+        }
+        .dropzone {
+            min-height: 90px;
+        }
+        @media (min-width: 992px) {
+            .page-sidebar {
+                width: 200px;
+                float: left;
+                position: relative;
+                margin-right: -100%;
+            }
+        }
+        .table td,
+        .table th {
+            font-size: 11px;
+            text-align: center;
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+    </style>
+</head>
+<!-- END HEAD -->
 
-		</style>
-		</head>
-    <!-- END HEAD -->
-
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                     
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <div class="page-sidebar-wrapper">
+                <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
-                        </li>  
-                        <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>            
-						<li class="nav-item">
-							<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>
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <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>
@@ -245,1196 +252,1207 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <span class="selected"></span>
                             </a>
                         </li>
-							<li class="nav-item active open ">
-                                <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-                </div>
-                <!-- BEGIN CONTENT -->
-                <div class="page-content-wrapper">
-                    <!-- BEGIN CONTENT BODY -->
-                    <div class="page-content">
-                        <!-- BEGIN PAGE BAR -->
-                        <div class="page-bar">
-                            <ul class="page-breadcrumb">
-                                <li>
-                                    <a href="index.html">Home</a>
-                                    <i class="fa fa-circle"></i>
+                        <li class="nav-item active open">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
                                 </li>
-                                <li>
-                                    <span>Profile</span>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+            </div>
+            <!-- BEGIN CONTENT -->
+            <div class="page-content-wrapper">
+                <!-- BEGIN CONTENT BODY -->
+                <div class="page-content">
+                    <!-- BEGIN PAGE BAR -->
+                    <div class="page-bar">
+                        <ul class="page-breadcrumb">
+                            <li>
+                                <a href="index.html">Home</a>
+                                <i class="fa fa-circle"></i>
+                            </li>
+                            <li>
+                                <span>Profile</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- END PAGE BAR -->
+                    <!-- BEGIN PAGE TITLE-->
+                    <h1 class="page-title"> Company Settings
+                        </h1>
+                    <!-- CONTENT -->
+                    <div class="row">
+                        <div class="col-md-12">
+                            <!-- BEGIN PROFILE SIDEBAR -->
+                            <div class="profile-sidebar">
+                                <!-- PORTLET MAIN -->
+                                <div class="portlet light profile-sidebar-portlet ">
+                                    <!-- SIDEBAR USERPIC -->
+                                    <div class="profile-userpic">
+                                        <img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
+                                    <!-- END SIDEBAR USERPIC -->
+                                    <!-- SIDEBAR USER TITLE -->
+                                    <div class="profile-usertitle">
+                                        <div class="profile-usertitle-name"> CIEF Worldwide </div>
+                                    </div>
+                                    <!-- END SIDEBAR USER TITLE -->
+                                    <!-- SIDEBAR MENU -->
+                                    <div class="profile-usermenu">
+                                        <ul class="nav">
+                                            <li>
+                                                <a href="profile.html">
+                                                    <i class="icon-settings"></i> Account Settings </a>
+                                            </li>
+                                            <li class="active">
+                                                <a href="team.html">
+                                                    <i class="icon-info"></i> Company Settings </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div>
+                                        <center><img alt="" src="../assets/pages/img/QR_code.png" />
+                                            <br><a href="#form_delivery" data-toggle="modal" class="btn blue"> Share QR Code </a>
+                                        </center>
+                                    </div>
+                                    <!-- END MENU -->
+                                </div>
+                                <!-- END PORTLET MAIN -->
+
+                            </div>
+                            <!-- END BEGIN PROFILE SIDEBAR -->
+                            <!-- BEGIN PROFILE CONTENT -->
+                            <div class="profile-content">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <div class="portlet light ">
+                                            <div class="portlet-title tabbable-line">
+                                                <ul class="nav nav-tabs">
+                                                    <li class="active">
+                                                        <a href="#tab_1_1" data-toggle="tab">Company Information</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#tab_1_2" data-toggle="tab">Warehouse Information</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#tab_1_3" data-toggle="tab">Staff Information</a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                            <div class="portlet-body">
+                                                <div class="tab-content">
+                                                    <!-- PERSONAL INFO TAB -->
+                                                    <div class="tab-pane form active" id="tab_1_1">
+                                                        <!-- BEGIN FORM-->
+                                                        <div class="form-horizontal form-row-seperated">
+                                                            <div class="form-body">
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company Name</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Company Name" class="form-control" value="CIEF Worldwide">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company Logo</label>
+                                                                    <div class="col-md-9">
+                                                                        <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                                                            <h4 class="sbold">Drop files here or click to upload</h4>
+                                                                        </form>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Business Registration Certificate</label>
+                                                                    <div class="col-md-9">
+                                                                        <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                                                            <h4 class="sbold">Drop files here or click to upload</h4>
+                                                                        </form>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Registration No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Registration No." class="form-control" value="ABC1234567">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Tax ID</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Tax ID" class="form-control" value="1234562ABC">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Office No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Office No." class="form-control" value="+6 012 456789">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company Address</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Company Address" class="form-control" value="Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company City</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Company City" class="form-control" value="Cyberjaya">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company State</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Company State" class="form-control" value="Selangor">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Contact Person</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Contact Person" class="form-control" value="PM Wong">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Contact Person No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <input type="text" placeholder="Contact Person No." class="form-control" value="+6 012 456789">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="col-md-12" style="margin-top:10px;">
+                                                                    <div class="col-md-6">
+                                                                    </div>
+                                                                    <div class="col-md-6">
+                                                                        <a href="javascript:;" class="btn green"> Save Changes </a>
+                                                                        <a href="javascript:;" class="btn blue"> Share QR Code </a>
+                                                                        <a href="javascript:;" class="btn default"> Cancel </a>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <!-- END FORM-->
+                                                    </div>
+                                                    <!-- END COMPANY INFO TAB -->
+                                                    <!-- BEGIN WAREHOUSE INFO TAB -->
+                                                    <div class="tab-pane" id="tab_1_2">
+                                                        <div class="table-toolbar">
+                                                            <div class="row">
+                                                                <div class="col-md-6">
+                                                                    <div class="btn-group">
+                                                                        <button id="sample_editable_1_new" class="btn green"> Add New
+                                                                            <i class="fa fa-plus"></i>
+                                                                        </button>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <table class="table table-striped table-hover table-bordered" id="sample_editable_1">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th> Warehouse
+                                                                        <br> Name </th>
+                                                                    <th> Address </th>
+                                                                    <th> State </th>
+                                                                    <th> Country </th>
+                                                                    <th> Contact
+                                                                        <br> Details </th>
+                                                                    <th> Notice </th>
+                                                                    <th> Status </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td class="center editInPlace"> WH A</td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Delaware </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> USA </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Name : Ahmad Albab
+                                                                        <br/> Mobile No : 0123456789 </td>
+                                                                    <td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
+                                                                    <td style="vertical-align:middle;">
+                                                                        <input type="checkbox" checked class="make-switch switch-mini" data-size="small">
+                                                                        <br>
+                                                                        <center>
+                                                                            <div class="btn-group">
+                                                                                <a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a>
+                                                                            </div>
+                                                                        </center>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td class="center editInPlace"> WH B</td>
+                                                                    <td class="center editInPlace"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
+                                                                    <td class="center editInPlace"> New South Wales </td>
+                                                                    <td class="center editInPlace"> Australia </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Name : Ahmad Albab
+                                                                        <br/> Mobile No : 0123456789 </td>
+                                                                    <td class="center editInPlace"> </td>
+                                                                    <td style="vertical-align:middle;">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small">
+                                                                        <br>
+                                                                        <center>
+                                                                            <div class="btn-group">
+                                                                                <a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a>
+                                                                            </div>
+                                                                        </center>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td class="center editInPlace"> WH C</td>
+                                                                    <td class="center editInPlace"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
+                                                                    <td class="center editInPlace"> TSUEN WAN </td>
+                                                                    <td class="center editInPlace"> HONG KONG </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Name : Ahmad Albab
+                                                                        <br/> Mobile No : 0123456789 </td>
+                                                                    <td class="center editInPlace"></td>
+                                                                    <td style="vertical-align:middle;">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small">
+                                                                        <br>
+                                                                        <center>
+                                                                            <div class="btn-group">
+                                                                                <a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a>
+                                                                            </div>
+                                                                        </center>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td class="center editInPlace"> WH D</td>
+                                                                    <td class="center editInPlace"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
+                                                                    <td class="center editInPlace"> JiangSu </td>
+                                                                    <td class="center editInPlace"> China </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Name : Ahmad Albab
+                                                                        <br/> Contact No : 0123456789 </td>
+                                                                    <td class="center editInPlace"> Chinese New Year </td>
+                                                                    <td style="vertical-align:middle;">
+                                                                        <input type="checkbox" class="make-switch" data-size="small">
+                                                                        <br>
+                                                                        <center>
+                                                                            <div class="btn-group">
+                                                                                <a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a>
+                                                                            </div>
+                                                                        </center>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td class="center editInPlace"> WH E</td>
+                                                                    <td class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
+                                                                    <td class="center editInPlace"> Delaware </td>
+                                                                    <td class="center editInPlace"> USA </td>
+                                                                    <td class="center editInPlace" class="center editInPlace"> Name : Ahmad Albab
+                                                                        <br/> Mobile No : 0123456789 </td>
+                                                                    <td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
+                                                                    <td style="vertical-align:middle;">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small">
+                                                                        <br>
+                                                                        <center>
+                                                                            <div class="btn-group">
+                                                                                <a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a>
+                                                                            </div>
+                                                                        </center>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                    <!-- END WAREHOUSE INFO TAB -->
+                                                    <!-- BEGIN STAFF INFO TAB -->
+                                                    <div class="tab-pane" id="tab_1_3">
+                                                        <div class="table-toolbar">
+                                                            <div class="row">
+                                                                <div class="col-md-6">
+                                                                    <div class="btn-group">
+                                                                        <button id="sample_editable_2_new" class="btn green"> Add New
+                                                                            <i class="fa fa-plus"></i>
+                                                                        </button>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <table class="table table-striped table-hover table-bordered" id="sample_editable_2">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th> Name </th>
+                                                                    <th> Position </th>
+                                                                    <th> Action </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td> Bob Nilson </td>
+                                                                    <td class="center"> Admin </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Nick Larson </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Deon Hubert </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Ella Wong </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Lara Kunis </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                </div>
+                                                <!-- END WAREHOUSE INFO TAB -->
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- END PROFILE CONTENT -->
+                    </div>
+                </div>
+
+                <!-- END CONTENT -->
+
+            </div>
+            <!-- END CONTENT BODY -->
+        </div>
+        <!-- END CONTENT -->
+        <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">
+                            <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>
+                                        </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>
+                                            <br></br>
+
+                                            <div class="form-actions">
+                                                <div class="row">
+                                                    <div 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>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- END POP UP  -->
+            <!-- END CONTENT -->
+
+        </div>
+
+        <!-- BEGIN QUICK SIDEBAR -->
+        <a href="javascript:;" class="page-quick-sidebar-toggler">
+            <i class="icon-login"></i>
+        </a>
+        <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+            <div class="page-quick-sidebar">
+                <ul class="nav nav-tabs">
+                    <li class="active">
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                    </li>
+                    <li>
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                    </li>
+                    <li class="dropdown">
+                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                        <ul class="dropdown-menu pull-right">
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-bell"></i> Alerts </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-info"></i> Notifications </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-speech"></i> Activities </a>
+                            </li>
+                            <li class="divider"></li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-settings"></i> Settings </a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+                <div class="tab-content">
+                    <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                        <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                            <h3 class="list-heading">Staff</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">8</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Bob Nilson</h4>
+                                        <div class="media-heading-sub"> Project Manager </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Nick Larson</h4>
+                                        <div class="media-heading-sub"> Art Director </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">3</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Hubert</h4>
+                                        <div class="media-heading-sub"> CTO </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ella Wong</h4>
+                                        <div class="media-heading-sub"> CEO </div>
+                                    </div>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">Customers</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-warning">2</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lara Kunis</h4>
+                                        <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="label label-sm label-success">new</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ernie Kyllonen</h4>
+                                        <div class="media-heading-sub"> Project Manager,
+                                            <br> SmartBizz PTL </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lisa Stone</h4>
+                                        <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                        <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">7</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Portalatin</h4>
+                                        <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Irina Savikova</h4>
+                                        <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">4</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Maria Gomez</h4>
+                                        <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
                                 </li>
                             </ul>
                         </div>
-                        <!-- END PAGE BAR -->
-                        <!-- BEGIN PAGE TITLE-->
-                        <h1 class="page-title"> Company Settings
-                        </h1>
-						<!-- CONTENT -->
-						<div class="row">
-                            <div class="col-md-12">
-                                <!-- BEGIN PROFILE SIDEBAR -->
-                                <div class="profile-sidebar">
-                                    <!-- PORTLET MAIN -->
-                                    <div class="portlet light profile-sidebar-portlet ">
-                                        <!-- SIDEBAR USERPIC -->
-                                        <div class="profile-userpic">
-                                            <img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
-                                        <!-- END SIDEBAR USERPIC -->
-                                        <!-- SIDEBAR USER TITLE -->
-                                        <div class="profile-usertitle">
-                                            <div class="profile-usertitle-name"> CIEF Worldwide  </div>
-                                        </div>
-                                        <!-- END SIDEBAR USER TITLE -->
-                                        <!-- SIDEBAR MENU -->
-                                        <div class="profile-usermenu">
-                                            <ul class="nav">
-                                                <li>
-                                                    <a href="profile.html">
-                                                        <i class="icon-settings"></i> Account Settings </a>
-                                                </li>
-                                                <li  class="active">
-                                                    <a href="team.html">
-                                                        <i class="icon-info"></i> Company Settings </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-										<div><center><img alt="" src="../assets/pages/img/QR_code.png" /><br><a href="#form_delivery" data-toggle="modal" class="btn blue"> Share QR Code </a></center></div>
-                                        <!-- END MENU -->
-                                    </div>
-                                    <!-- END PORTLET MAIN -->
-                                    
+                        <div class="page-quick-sidebar-item">
+                            <div class="page-quick-sidebar-chat-user">
+                                <div class="page-quick-sidebar-nav">
+                                    <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                        <i class="icon-arrow-left"></i>Back</a>
                                 </div>
-                                <!-- END BEGIN PROFILE SIDEBAR -->
-                                <!-- BEGIN PROFILE CONTENT -->
-                                <div class="profile-content">
-                                    <div class="row">
-                                        <div class="col-md-12">
-                                            <div class="portlet light ">
-                                                <div class="portlet-title tabbable-line">
-                                                    <ul class="nav nav-tabs">
-                                                        <li class="active">
-                                                            <a href="#tab_1_1" data-toggle="tab">Company Information</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="#tab_1_2" data-toggle="tab">Warehouse Information</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="#tab_1_3" data-toggle="tab">Staff Information</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                                <div class="portlet-body">
-                                                    <div class="tab-content">
-                                                        <!-- PERSONAL INFO TAB -->
-                                                        <div class="tab-pane form active" id="tab_1_1">
-                                                            <!-- BEGIN FORM-->
-															<div class="form-horizontal form-row-seperated">
-																<div class="form-body">
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company Name</label>
-																		<div class="col-md-9">																		
-																			<input type="text" placeholder="Company Name" class="form-control" value="CIEF Worldwide">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company Logo</label>
-																		<div class="col-md-9">
-																			<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
-																				<h4 class="sbold">Drop files here or click to upload</h4>
-																			</form>
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Business Registration Certificate</label>
-																		<div class="col-md-9">
-																			<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
-																				<h4 class="sbold">Drop files here or click to upload</h4>
-																			</form>
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Registration No.</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Registration No." class="form-control" value="ABC1234567">									
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Tax ID</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Tax ID" class="form-control" value="1234562ABC">									
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Office No.</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Office No." class="form-control" value="+6 012 456789">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company Address</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Company Address" class="form-control" value="Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company City</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Company City" class="form-control" value="Cyberjaya">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company State</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Company State" class="form-control" value="Selangor">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Contact Person</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Contact Person" class="form-control" value="PM Wong">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Contact Person No.</label>
-																		<div class="col-md-9">
-																			<input type="text" placeholder="Contact Person No." class="form-control" value="+6 012 456789">
-																		</div>
-																	</div>
-																	<div class="col-md-12" style="margin-top:10px;">
-																	<div class="col-md-6">
-																	</div>
-																	<div class="col-md-6">
-																		<a href="javascript:;" class="btn green"> Save Changes </a>
-																		<a href="javascript:;" class="btn blue"> Share QR Code </a>
-																		<a href="javascript:;" class="btn default"> Cancel </a>
-																	</div>
-																	</div>
-																</div>
-															</div>
-															<!-- END FORM-->
-                                                        </div>
-                                                        <!-- END COMPANY INFO TAB -->  
-                                                        <!-- BEGIN WAREHOUSE INFO TAB -->  
-														<div class="tab-pane" id="tab_1_2">
-															<div class="table-toolbar">
-																<div class="row">
-																	<div class="col-md-6">
-																		<div class="btn-group">
-																			<button id="sample_editable_1_new" class="btn green"> Add New
-																				<i class="fa fa-plus"></i>
-																			</button>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
-																<thead>
-																	<tr>
-																		<th> Warehouse <br> Name </th>
-																		<th> Address </th>
-																		<th> State </th>
-																		<th> Country </th>
-																		<th> Contact<br> Details </th>
-																		<th> Notice </th>
-																		<th> Status </th>
-																	</tr>
-																</thead>
-																<tbody>
-																	<tr>
-																		<td class="center editInPlace"> WH A</td>
-																		<td class="center editInPlace"class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Delaware  </td>
-																		<td class="center editInPlace"class="center editInPlace"> USA  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Name : Ahmad Albab <br/> Mobile No : 0123456789 </td>
-																		<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
-																		<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch switch-mini" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
-																	</tr>
-																	<tr>
-																		<td class="center editInPlace"> WH B</td>
-																		<td class="center editInPlace">  96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia  </td>
-																		<td class="center editInPlace"> New South Wales  </td>
-																		<td class="center editInPlace"> Australia  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Name : Ahmad Albab <br/> Mobile No : 0123456789 </td>
-																		<td class="center editInPlace"> </td>
-																		<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
-																	</tr>
-																	<tr>
-																		<td class="center editInPlace"> WH C</td>
-																		<td class="center editInPlace"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG  </td>
-																		<td class="center editInPlace"> TSUEN WAN  </td>
-																		<td class="center editInPlace"> HONG KONG  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Name : Ahmad Albab <br/> Mobile No : 0123456789 </td>
-																		<td class="center editInPlace"></td>
-																		<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
-																	</tr>
-																	<tr>
-																		<td class="center editInPlace"> WH D</td>
-																		<td class="center editInPlace"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China  </td>
-																		<td class="center editInPlace"> JiangSu  </td>
-																		<td class="center editInPlace"> China  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Name : Ahmad Albab <br/> Contact No : 0123456789 </td>
-																		<td class="center editInPlace"> Chinese New Year </td>
-																		<td style="vertical-align:middle;"> <input type="checkbox" class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
-																	</tr>
-																	<tr>
-																		<td class="center editInPlace"> WH E</td>
-																		<td class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America  </td>
-																		<td class="center editInPlace"> Delaware </td>
-																		<td class="center editInPlace"> USA  </td>
-																		<td class="center editInPlace"class="center editInPlace"> Name : Ahmad Albab <br/> Mobile No : 0123456789 </td>
-																		<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
-																		<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle  fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
-																	</tr>
-																</tbody>
-															</table>							
-														</div>
-														<!-- END WAREHOUSE INFO TAB -->  
-														<!-- BEGIN STAFF INFO TAB --> 
-														<div class="tab-pane" id="tab_1_3">
-															<div class="table-toolbar">
-																<div class="row">
-																	<div class="col-md-6">
-																		<div class="btn-group">
-																			<button id="sample_editable_2_new" class="btn green"> Add New
-																				<i class="fa fa-plus"></i>
-																			</button>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<table class="table table-striped table-hover table-bordered" id="sample_editable_2">
-																<thead>
-																	<tr>
-																		<th> Name </th>
-																		<th> Position </th>
-																		<th> Action </th>
-																	</tr>
-																</thead>
-																<tbody>
-																	<tr>
-																		<td> Bob Nilson </td>
-																		<td class="center"> Admin </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Nick Larson </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Deon Hubert </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Ella Wong </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Lara Kunis </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																</tbody>
-															</table>														
-														</div>
-													</div>
-													<!-- END WAREHOUSE INFO TAB -->
-                                                </div>
-                                            </div>
+                                <div class="page-quick-sidebar-chat-user-messages">
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> When could you send me the report ? </span>
                                         </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Its almost done. I will be sending it shortly </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Alright. Thanks! :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:16</span>
+                                            <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> No probs. Just take your time :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Alright. I just emailed it to you. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Great! Thanks. Will check it right away. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Please let me know if you have any comment. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
                                         </div>
                                     </div>
                                 </div>
-                                <!-- END PROFILE CONTENT -->
-                            </div>
-                        </div>
-							
-						<!-- END CONTENT -->
-                        
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
-				<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">
-                                <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 class="page-quick-sidebar-chat-user-form">
+                                    <div class="input-group">
+                                        <input type="text" class="form-control" placeholder="Type a message here...">
+                                        <div class="input-group-btn">
+                                            <button type="button" class="btn green">
+                                                <i class="icon-paper-clip"></i>
+                                            </button>
                                         </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>
-                                                </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>
-                                <br></br>
-
-                                <div class="form-actions">
-                                        <div class="row">
-                                            <div 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>
-                                </div>
-                                </div>
-                            </div>
-                            </div>
-
-                        <!-- END POP UP  -->
-						<!-- END CONTENT -->
-                        
-                    </div>
-                
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">  
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
+                    <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                        <div class="page-quick-sidebar-alerts-list">
+                            <h3 class="list-heading">General</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-success">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-danger">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-warning"> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-default">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">System</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-danger">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-default">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-warning">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-default "> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-info">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                        <div class="page-quick-sidebar-settings-list">
+                            <h3 class="list-heading">General Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Enable Notifications
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Allow Tracking
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Log Errors
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Auto Sumbit Issues
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Enable SMS Alerts
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <h3 class="list-heading">System Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Security Level
+                                    <select class="form-control input-inline input-sm input-small">
+                                        <option value="1">Normal</option>
+                                        <option value="2" selected>Medium</option>
+                                        <option value="e">High</option>
+                                    </select>
+                                </li>
+                                <li> Failed Email Attempts
+                                    <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                                <li> Secondary SMTP Port
+                                    <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                                <li> Notify On System Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Notify On SMTP Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <div class="inner-content">
+                                <button class="btn btn-success">
+                                    <i class="icon-settings"></i> Save Changes</button>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
-            <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+        <!-- END QUICK SIDEBAR -->
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-		<script src="../assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
-		<script src="../assets/pages/scripts/form-dropzone.min.js" type="text/javascript"></script>
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/table-datatables-editable.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-			window.onload = function() {
-                   var elements = getElementsByClassName('editInPlace', '*', document);
-                   for (var i = 0; i < elements.length; i++) {
-                       elements[i].ondblclick = function() {
-                           this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
-                           var textBox = document.createElement('INPUT');
-                           textBox.setAttribute('type', 'text');
-                           textBox.value = this.innerHTML;
-                           textBox.onblur = function() {
-                               var newValue = this.value;
-                               this.parentNode.innerHTML = newValue;
-                               //alert("Your new value: \n\n" + newValue);
-                           }
-               
-                           this.innerHTML = '';
-               
-                           this.appendChild(textBox);
-                       }
-                   }(i);
-               }
-               
-               function getElementsByClassName(className, tag, elm) {
-                   var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
-                   var tag = tag || "*";
-                   var elm = elm || document;
-                   var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
-                   var returnElements = [];
-                   var current;
-                   var length = elements.length;
-                   for (var i = 0; i < length; i++) {
-                       current = elements[i];
-                       if (testClass.test(current.className)) {
-                           returnElements.push(current);
-                       }
-                   }
-                   return returnElements;
-               }
-        </script>
-    </body>
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <script src="../assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/form-dropzone.min.js" type="text/javascript"></script>
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/table-datatables-editable.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+        window.onload = function() {
+            var elements = getElementsByClassName('editInPlace', '*', document);
+            for (var i = 0; i < elements.length; i++) {
+                elements[i].ondblclick = function() {
+                    this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
+                    var textBox = document.createElement('INPUT');
+                    textBox.setAttribute('type', 'text');
+                    textBox.value = this.innerHTML;
+                    textBox.onblur = function() {
+                        var newValue = this.value;
+                        this.parentNode.innerHTML = newValue;
+                        //alert("Your new value: \n\n" + newValue);
+                    }
+
+                    this.innerHTML = '';
+
+                    this.appendChild(textBox);
+                }
+            }(i);
+        }
+
+        function getElementsByClassName(className, tag, elm) {
+            var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
+            var tag = tag || "*";
+            var elm = elm || document;
+            var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
+            var returnElements = [];
+            var current;
+            var length = elements.length;
+            for (var i = 0; i < length; i++) {
+                current = elements[i];
+                if (testClass.test(current.className)) {
+                    returnElements.push(current);
+                }
+            }
+            return returnElements;
+        }
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/team2.html b/public/Forwarder/team2.html
index 8904a2c..da97899 100644
--- a/public/Forwarder/team2.html
+++ b/public/Forwarder/team2.html
@@ -16,218 +16,225 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Team</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" />
-		<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME LAYOUT STYLES -->
-		<style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Team</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+    <link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME LAYOUT STYLES -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+    </style>
+</head>
+<!-- END HEAD -->
 
-		</style>
-		</head>
-    <!-- END HEAD -->
-
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                     
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="profile.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="profile.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <div class="page-sidebar-wrapper">
+                <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item ">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                            <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="#" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>                 
-						<li class="nav-item">
-							<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="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <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>
@@ -235,87 +242,82 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <span class="selected"></span>
                             </a>
                         </li>
-							<li class="nav-item active open ">
-                                <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-                </div>
-                <!-- BEGIN CONTENT -->
-                <div class="page-content-wrapper">
-                    <!-- BEGIN CONTENT BODY -->
-                    <div class="page-content">
-                        <!-- BEGIN PAGE BAR -->
-                        <div class="page-bar">
-                            <ul class="page-breadcrumb">
-                                <li>
-                                    <a href="index.html">Home</a>
-                                    <i class="fa fa-circle"></i>
-                                </li>
-                                <li>
-                                    <span>Profile</span>
+                        <li class="nav-item active open">
+                            <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
                                 </li>
                             </ul>
-                        </div>
-                        <!-- END PAGE BAR -->
-                        <!-- BEGIN PAGE TITLE-->
-                        <h1 class="page-title"> Company
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+            </div>
+            <!-- BEGIN CONTENT -->
+            <div class="page-content-wrapper">
+                <!-- BEGIN CONTENT BODY -->
+                <div class="page-content">
+                    <!-- BEGIN PAGE BAR -->
+                    <div class="page-bar">
+                        <ul class="page-breadcrumb">
+                            <li>
+                                <a href="index.html">Home</a>
+                                <i class="fa fa-circle"></i>
+                            </li>
+                            <li>
+                                <span>Profile</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- END PAGE BAR -->
+                    <!-- BEGIN PAGE TITLE-->
+                    <h1 class="page-title"> Company
                         </h1>
-						<!-- CONTENT -->
-						<div class="row">
-                            <div class="col-md-12">
-                                <!-- BEGIN PROFILE SIDEBAR -->
-                                <div class="profile-sidebar">
-                                    <!-- PORTLET MAIN -->
-                                    <div class="portlet light profile-sidebar-portlet ">
-                                        <!-- SIDEBAR USERPIC -->
-                                        <div class="profile-userpic">
-                                            <img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
-                                        <!-- END SIDEBAR USERPIC -->
-                                        <!-- SIDEBAR USER TITLE -->
-                                        <div class="profile-usertitle">
-                                            <div class="profile-usertitle-name"> CIEF Worldwide  </div>
-											<div align="center">
-												<a href="#" class="btn btn-primary btn-follow"> Follow</a>
-											</div>
+                    <!-- CONTENT -->
+                    <div class="row">
+                        <div class="col-md-12">
+                            <!-- BEGIN PROFILE SIDEBAR -->
+                            <div class="profile-sidebar">
+                                <!-- PORTLET MAIN -->
+                                <div class="portlet light profile-sidebar-portlet ">
+                                    <!-- SIDEBAR USERPIC -->
+                                    <div class="profile-userpic">
+                                        <img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
+                                    <!-- END SIDEBAR USERPIC -->
+                                    <!-- SIDEBAR USER TITLE -->
+                                    <div class="profile-usertitle">
+                                        <div class="profile-usertitle-name"> CIEF Worldwide </div>
+                                        <div align="center">
+                                            <a href="#" class="btn btn-primary btn-follow"> Follow</a>
                                         </div>
-                                        <!-- END SIDEBAR USER TITLE -->
-                                        <!-- SIDEBAR MENU -->
-                                        <!--<div class="profile-usermenu">
+                                    </div>
+                                    <!-- END SIDEBAR USER TITLE -->
+                                    <!-- SIDEBAR MENU -->
+                                    <!--<div class="profile-usermenu">
                                             <ul class="nav">
                                                 <li>
                                                     <a href="profile2.html">
@@ -327,903 +329,874 @@ License: You must have a valid license purchased only from themeforest(the above
                                                 </li>
                                             </ul>
                                         </div>-->
-                                        <!-- END MENU -->
-                                    </div>
-                                    <!-- END PORTLET MAIN -->
-                                    
+                                    <!-- END MENU -->
                                 </div>
-                                <!-- END BEGIN PROFILE SIDEBAR -->
-                                <!-- BEGIN PROFILE CONTENT -->
-                                <div class="profile-content">
-                                    <div class="row">
-                                        <div class="col-md-12">
-                                            <div class="portlet light ">
-                                                <div class="portlet-title tabbable-line">
-                                                    <ul class="nav nav-tabs">
-                                                        <li class="active">
-                                                            <a href="#tab_1_1" data-toggle="tab">Company Information</a>
-                                                        </li>
-                                                        <!--<li>
+                                <!-- END PORTLET MAIN -->
+
+                            </div>
+                            <!-- END BEGIN PROFILE SIDEBAR -->
+                            <!-- BEGIN PROFILE CONTENT -->
+                            <div class="profile-content">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <div class="portlet light ">
+                                            <div class="portlet-title tabbable-line">
+                                                <ul class="nav nav-tabs">
+                                                    <li class="active">
+                                                        <a href="#tab_1_1" data-toggle="tab">Company Information</a>
+                                                    </li>
+                                                    <!--<li>
                                                             <a href="#tab_1_2" data-toggle="tab">Warehouse Information</a>
                                                         </li>
                                                         <li>
                                                             <a href="#tab_1_3" data-toggle="tab">Staff Information</a>
                                                         </li>-->
-                                                    </ul>
-                                                </div>
-                                                <div class="portlet-body">
-                                                    <div class="tab-content">
-                                                        <!-- PERSONAL INFO TAB -->
-                                                        <div class="tab-pane form active" id="tab_1_1">
-                                                            <!-- BEGIN FORM-->
-															<div class="form-horizontal form-row-seperated">
-																<div class="form-body">
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company Name</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> CIEF Worldwide </p>																			
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Business Registration Certificate</label>
-																		<div class="col-md-9">
-																			<img height="40%" width="40%" src="../assets/global/img/cer-ssm.jpg" class="img-responsive" alt="">
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Registration No.</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> ABC1234567 </p>																			
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Office No.</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> +6 012 456789 </p>
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Company Address</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>																			
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Contact Person</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> PM Wong </p>
-																		</div>
-																	</div>
-																	<div class="form-group">
-																		<label class="control-label col-md-3">Contact Person No.</label>
-																		<div class="col-md-9">
-																			<p class="form-control-static"> +6 012 456789 </p>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<!-- END FORM-->
-                                                        </div>
-                                                        <!-- END COMPANY INFO TAB -->  
-                                                        <!-- BEGIN WAREHOUSE INFO TAB -->  
-														<div class="tab-pane" id="tab_1_2">
-															<div class="table-toolbar">
-																<div class="row">
-																	<div class="col-md-6">
-																		<div class="btn-group">
-																			<button id="sample_editable_1_new" class="btn green"> Add New
-																				<i class="fa fa-plus"></i>
-																			</button>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
-																<thead>
-																	<tr>
-																		<th> Name </th>
-																		<th> Address </th>
-																		<th> Country </th>
-																		<th> Notice </th>
-																		<th> Status </th>
-																		<th> Action </th>
-																	</tr>
-																</thead>
-																<tbody>
-																	<tr>
-																		<td> WH A</td>
-																		<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America  </td>
-																		<td class="center"> USA  </td>
-																		<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
-																		<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> WH B</td>
-																		<td class="center">  96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia  </td>
-																		<td class="center"> Australia  </td>
-																		<td class="center"> </td>
-																		<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> WH C</td>
-																		<td class="center"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG  </td>
-																		<td class="center"> HONG KONG  </td>
-																		<td class="center"></td>
-																		<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> WH D</td>
-																		<td class="center"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China  </td>
-																		<td class="center"> China  </td>
-																		<td class="center"> Chinese New Year </td>
-																		<td class="center"> <input type="checkbox" class="make-switch" data-size="small" > </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> WH E</td>
-																		<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America  </td>
-																		<td class="center"> USA  </td>
-																		<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
-																		<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																</tbody>
-															</table>							
-														</div>
-														<!-- END WAREHOUSE INFO TAB -->  
-														<!-- BEGIN STAFF INFO TAB --> 
-														<div class="tab-pane" id="tab_1_3">
-															<div class="table-toolbar">
-																<div class="row">
-																	<div class="col-md-6">
-																		<div class="btn-group">
-																			<button id="sample_editable_2_new" class="btn green"> Add New
-																				<i class="fa fa-plus"></i>
-																			</button>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<table class="table table-striped table-hover table-bordered" id="sample_editable_2">
-																<thead>
-																	<tr>
-																		<th> Name </th>
-																		<th> Position </th>
-																		<th> Action </th>
-																	</tr>
-																</thead>
-																<tbody>
-																	<tr>
-																		<td> Bob Nilson </td>
-																		<td class="center"> Admin </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Nick Larson </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Deon Hubert </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Ella Wong </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																	<tr>
-																		<td> Lara Kunis </td>
-																		<td class="center"> Staff </td>
-																		<td>
-																			<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
-																			<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
-																		</td>
-																	</tr>
-																</tbody>
-															</table>														
-														</div>
-													</div>
-													<!-- END WAREHOUSE INFO TAB -->
-                                                </div>
+                                                </ul>
+                                            </div>
+                                            <div class="portlet-body">
+                                                <div class="tab-content">
+                                                    <!-- PERSONAL INFO TAB -->
+                                                    <div class="tab-pane form active" id="tab_1_1">
+                                                        <!-- BEGIN FORM-->
+                                                        <div class="form-horizontal form-row-seperated">
+                                                            <div class="form-body">
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company Name</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> CIEF Worldwide </p>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Business Registration Certificate</label>
+                                                                    <div class="col-md-9">
+                                                                        <img height="40%" width="40%" src="../assets/global/img/cer-ssm.jpg" class="img-responsive" alt="">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Registration No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> ABC1234567 </p>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Office No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> +6 012 456789 </p>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Company Address</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Contact Person</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> PM Wong </p>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="form-group">
+                                                                    <label class="control-label col-md-3">Contact Person No.</label>
+                                                                    <div class="col-md-9">
+                                                                        <p class="form-control-static"> +6 012 456789 </p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <!-- END FORM-->
+                                                    </div>
+                                                    <!-- END COMPANY INFO TAB -->
+                                                    <!-- BEGIN WAREHOUSE INFO TAB -->
+                                                    <div class="tab-pane" id="tab_1_2">
+                                                        <div class="table-toolbar">
+                                                            <div class="row">
+                                                                <div class="col-md-6">
+                                                                    <div class="btn-group">
+                                                                        <button id="sample_editable_1_new" class="btn green"> Add New
+                                                                            <i class="fa fa-plus"></i>
+                                                                        </button>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <table class="table table-striped table-hover table-bordered" id="sample_editable_1">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th> Name </th>
+                                                                    <th> Address </th>
+                                                                    <th> Country </th>
+                                                                    <th> Notice </th>
+                                                                    <th> Status </th>
+                                                                    <th> Action </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td> WH A</td>
+                                                                    <td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
+                                                                    <td class="center"> USA </td>
+                                                                    <td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
+                                                                    <td class="center">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small"> </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> WH B</td>
+                                                                    <td class="center"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
+                                                                    <td class="center"> Australia </td>
+                                                                    <td class="center"> </td>
+                                                                    <td class="center">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small"> </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> WH C</td>
+                                                                    <td class="center"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
+                                                                    <td class="center"> HONG KONG </td>
+                                                                    <td class="center"></td>
+                                                                    <td class="center">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small"> </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> WH D</td>
+                                                                    <td class="center"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
+                                                                    <td class="center"> China </td>
+                                                                    <td class="center"> Chinese New Year </td>
+                                                                    <td class="center">
+                                                                        <input type="checkbox" class="make-switch" data-size="small"> </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> WH E</td>
+                                                                    <td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
+                                                                    <td class="center"> USA </td>
+                                                                    <td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
+                                                                    <td class="center">
+                                                                        <input type="checkbox" checked class="make-switch" data-size="small"> </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                    <!-- END WAREHOUSE INFO TAB -->
+                                                    <!-- BEGIN STAFF INFO TAB -->
+                                                    <div class="tab-pane" id="tab_1_3">
+                                                        <div class="table-toolbar">
+                                                            <div class="row">
+                                                                <div class="col-md-6">
+                                                                    <div class="btn-group">
+                                                                        <button id="sample_editable_2_new" class="btn green"> Add New
+                                                                            <i class="fa fa-plus"></i>
+                                                                        </button>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <table class="table table-striped table-hover table-bordered" id="sample_editable_2">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th> Name </th>
+                                                                    <th> Position </th>
+                                                                    <th> Action </th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td> Bob Nilson </td>
+                                                                    <td class="center"> Admin </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Nick Larson </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Deon Hubert </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Ella Wong </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                                <tr>
+                                                                    <td> Lara Kunis </td>
+                                                                    <td class="center"> Staff </td>
+                                                                    <td>
+                                                                        <a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
+                                                                        <a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                </div>
+                                                <!-- END WAREHOUSE INFO TAB -->
                                             </div>
-                                        </div>
                                         </div>
                                     </div>
                                 </div>
-                                <!-- END PROFILE CONTENT -->
                             </div>
                         </div>
-							
-						<!-- END CONTENT -->
-                        
+                        <!-- END PROFILE CONTENT -->
                     </div>
-                    <!-- END CONTENT BODY -->
                 </div>
+
                 <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+
+            </div>
+            <!-- END CONTENT BODY -->
+        </div>
+        <!-- END CONTENT -->
+        <!-- BEGIN QUICK SIDEBAR -->
+        <a href="javascript:;" class="page-quick-sidebar-toggler">
+            <i class="icon-login"></i>
+        </a>
+        <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+            <div class="page-quick-sidebar">
+                <ul class="nav nav-tabs">
+                    <li class="active">
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
                                     <span class="badge badge-danger">2</span>
                                 </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                    </li>
+                    <li>
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
                                     <span class="badge badge-success">7</span>
                                 </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                    </li>
+                    <li class="dropdown">
+                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
                                     <i class="fa fa-angle-down"></i>
                                 </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
+                        <ul class="dropdown-menu pull-right">
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-bell"></i> Alerts </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-info"></i> Notifications </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-speech"></i> Activities </a>
+                            </li>
+                            <li class="divider"></li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-settings"></i> Settings </a>
                             </li>
                         </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
+                    </li>
+                </ul>
+                <div class="tab-content">
+                    <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                        <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                            <h3 class="list-heading">Staff</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">8</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Bob Nilson</h4>
+                                        <div class="media-heading-sub"> Project Manager </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Nick Larson</h4>
+                                        <div class="media-heading-sub"> Art Director </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">3</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Hubert</h4>
+                                        <div class="media-heading-sub"> CTO </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ella Wong</h4>
+                                        <div class="media-heading-sub"> CEO </div>
+                                    </div>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">Customers</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-warning">2</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lara Kunis</h4>
+                                        <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="label label-sm label-success">new</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ernie Kyllonen</h4>
+                                        <div class="media-heading-sub"> Project Manager,
+                                            <br> SmartBizz PTL </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lisa Stone</h4>
+                                        <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                        <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">7</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Portalatin</h4>
+                                        <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Irina Savikova</h4>
+                                        <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">4</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Maria Gomez</h4>
+                                        <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="page-quick-sidebar-item">
+                            <div class="page-quick-sidebar-chat-user">
+                                <div class="page-quick-sidebar-nav">
+                                    <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                        <i class="icon-arrow-left"></i>Back</a>
                                 </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
+                                <div class="page-quick-sidebar-chat-user-messages">
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> When could you send me the report ? </span>
                                         </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Its almost done. I will be sending it shortly </span>
                                         </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Alright. Thanks! :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:16</span>
+                                            <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> No probs. Just take your time :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Alright. I just emailed it to you. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Great! Thanks. Will check it right away. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Please let me know if you have any comment. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
                                         </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
+                                <div class="page-quick-sidebar-chat-user-form">
+                                    <div class="input-group">
+                                        <input type="text" class="form-control" placeholder="Type a message here...">
+                                        <div class="input-group-btn">
+                                            <button type="button" class="btn green">
+                                                <i class="icon-paper-clip"></i>
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
+                    <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                        <div class="page-quick-sidebar-alerts-list">
+                            <h3 class="list-heading">General</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-success">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-danger">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-warning"> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-default">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">System</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-danger">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-default">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-warning">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-default "> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-info">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                        <div class="page-quick-sidebar-settings-list">
+                            <h3 class="list-heading">General Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Enable Notifications
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Allow Tracking
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Log Errors
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Auto Sumbit Issues
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Enable SMS Alerts
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <h3 class="list-heading">System Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Security Level
+                                    <select class="form-control input-inline input-sm input-small">
+                                        <option value="1">Normal</option>
+                                        <option value="2" selected>Medium</option>
+                                        <option value="e">High</option>
+                                    </select>
+                                </li>
+                                <li> Failed Email Attempts
+                                    <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                                <li> Secondary SMTP Port
+                                    <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                                <li> Notify On System Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Notify On SMTP Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <div class="inner-content">
+                                <button class="btn btn-success">
+                                    <i class="icon-settings"></i> Save Changes</button>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
-            <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+        <!-- END QUICK SIDEBAR -->
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/table-datatables-editable.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-                
-                $( ".btn-follow" ).click(function() {
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->	    
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/table-datatables-editable.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+
+            $(".btn-follow").click(function() {
                 var msg = $(this).text();
-                if(msg == "Follow"){
-                  $(this).text("Following");
-                }else{
-                  $(this).text("Follow");
+                if (msg == "Follow") {
+                    $(this).text("Following");
+                } else {
+                    $(this).text("Follow");
                 }
-              });
-            })
-        </script>
-    </body>
+            });
+        })
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/trackorder.html b/public/Forwarder/trackorder.html
index a9a25b4..df247e6 100644
--- a/public/Forwarder/trackorder.html
+++ b/public/Forwarder/trackorder.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html> 
+<!DOCTYPE html>
 <!-- 
 Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
 Version: 4.7.5
@@ -16,46 +16,46 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Order Tracking</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Order Tracking</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
         @media (min-width: 992px) {
             .page-content-wrapper .page-content {
-            margin-left: 200px;
+                margin-left: 200px;
             }
         }
-        @media (min-width: 992px){
+        @media (min-width: 992px) {
             .page-sidebar {
                 width: 200px;
                 float: left;
@@ -65,85 +65,84 @@ License: You must have a valid license purchased only from themeforest(the above
         }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+    </style>
+</head>
+<!-- END HEAD -->
 
-        </style>
-         </head>
-    <!-- END HEAD -->
-
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                     
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                           <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="page_user_profile_1.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="page_user_login_1.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="page_user_login_1.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
                         <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
                         <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                         <li class="sidebar-toggler-wrapper hide">
@@ -157,1310 +156,1311 @@ License: You must have a valid license purchased only from themeforest(the above
                         </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="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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                        <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>              
-						<li class="nav-item">
-							<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 active open ">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="custom.html?menu=true" class="nav-link nav-toggle">
+                                <i class="fa fa-comments-o"></i>
+                                <span class="title">Custom Declaration</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <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 active open">
                             <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
-                </div>
-                <!-- END SIDEBAR -->
-                <!-- BEGIN CONTENT -->
-                <div class="page-content-wrapper">
-                    <!-- BEGIN CONTENT BODY -->
-                    <div class="page-content">
-                        <!-- BEGIN PAGE BAR -->
-                        <div class="page-bar">
-                            <ul class="page-breadcrumb">
-                                <li>
-                                    <a href="index.html">Home</a>
-                                    <i class="fa fa-circle"></i>
-                                </li>
-                                <li>
-                                    <span>Track Order</span>
+                        <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="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
                                 </li>
                             </ul>
-                        </div>
-                        <!-- END PAGE BAR -->
-                        <!-- BEGIN PAGE TITLE-->
-                        <h1 class="page-title">Track Order
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
+            </div>
+            <!-- END SIDEBAR -->
+            <!-- BEGIN CONTENT -->
+            <div class="page-content-wrapper">
+                <!-- BEGIN CONTENT BODY -->
+                <div class="page-content">
+                    <!-- BEGIN PAGE BAR -->
+                    <div class="page-bar">
+                        <ul class="page-breadcrumb">
+                            <li>
+                                <a href="index.html">Home</a>
+                                <i class="fa fa-circle"></i>
+                            </li>
+                            <li>
+                                <span>Track Order</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- END PAGE BAR -->
+                    <!-- BEGIN PAGE TITLE-->
+                    <h1 class="page-title">Track Order
                             <small>lists</small>
                         </h1>
-                        
-                        <!-- CONTENT -->
-                        <!-- END CONTENT -->
-                   <div class="container-fluid">
-                        <div class="row">
-                           <div class="col-md-12">
-                              <div class="row">
-                                 <div class="col-md-3">
-                                    <div class="row">
-                                       <div class="col-md-12">
-                                          <div class="portlet light bordered" style="margin-bottom: 10px;">
-                                             <div class="portlet-title">
-                                                <div class="caption">
-                                                   <span class="caption-subject bold font-purple-plum uppercase"> Order Number </span>
-                                                </div>
-                                                <div class="inputs">
-                                                   <div class="row">
-                                                      <div class="col-md-12">
-                                                         <div class="col-md-9">
-                                                            <div class="portlet-input input-inline input-small" style="margin-bottom:10px">
-                                                               <div class="input-icon right">
-                                                                  <i class="icon-magnifier"></i>
-                                                                  <input type="text" class="form-control input-circle" placeholder="search...">
-                                                               </div>
-                                                            </div>
-                                                         </div>
-                                                         <div class="col-md-3">
-                                                            <div class="btn-group" style="width:100%">
-                                                               <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                                               <span class="fa fa-filter"></span>
-                                                               </a>
-                                                               <ul class="dropdown-menu pull-right">
-                                                                  <li>
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Active </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li>
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Closed </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li class="active">
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Pending </span>
-                                                                     </a>
-                                                                  </li>
-                                                                  <li class="active">
-                                                                     <a href="javascript:;">
-                                                                     <span class="label label-sm label-success"> Cancel </span>
-                                                                     </a>
-                                                                  </li>
-                                                               </ul>
-                                                            </div>
-                                                         </div>
-                                                      </div>
-                                                   </div>
-                                                </div>
-                                             </div>
-                                             <div class="portlet-body">
-                                                <div id="tree_1" class="tree-demo">
-                                                   <ul>
-                                                      <li>
-                                                         Order List
-                                                         <ul>
-                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();" >014587
-                                                                <span class="editInPlace">group</span>
-                                                            </li>
 
-                                                            <li data-jstree='{ "type" : "file" }' onclick="show_content();" >014586
-                                                               <span class="editInPlace" >group</span>
-                                                            </li>
-                                                         </ul>
-                                                      </li>
-                                                   </ul>
-                                                </div>
-                                             </div>
-                                          </div>
-                                       </div>
-                                    </div>
-                                 </div>
-                                 <div class="col-md-9" id="with_content">
-                                    <div class="row">
-                                       <div class="col-md-12" style="padding-right: 0px;padding-left: 0px;">
-                                           <div class="portlet light portlet-fit bordered">
-                                    <div class="portlet-title">
-                                        <div class="caption">
-                                            <i class="icon-directions font-green hide"></i>
-                                            <span class="caption-subject bold font-dark uppercase "> Milestone</span> &nbsp; &nbsp;  014587 :
-                                            <span contenteditable="true" > GroupName </span>
-                                            <span class="caption-helper"></span>
-                                        </div>
-                                        </div>
-                                         <div class="portlet-body">
-                                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="130">
-                                            <div class="timeline">
-                                                <div class="events-wrapper">
-                                                    <div class="events">
-                                                        <ol>
-                                                            <li>
-                                                                <a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
-                                                            </li>
-                                                             <li>
-                                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>WH Received</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b>ETD</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
-                                                            </li>
-                                                            
-                                                        </ol>
-                                                        <span class="filling-line bg-blue" aria-hidden="true"></span>
+                    <!-- CONTENT -->
+                    <!-- END CONTENT -->
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="row">
+                                    <div class="col-md-3">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="portlet light bordered" style="margin-bottom: 10px;">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <span class="caption-subject bold font-purple-plum uppercase"> Order Number </span>
+                                                        </div>
+                                                        <div class="inputs">
+                                                            <div class="row">
+                                                                <div class="col-md-12">
+                                                                    <div class="col-md-9">
+                                                                        <div class="portlet-input input-inline input-small" style="margin-bottom:10px">
+                                                                            <div class="input-icon right">
+                                                                                <i class="icon-magnifier"></i>
+                                                                                <input type="text" class="form-control input-circle" placeholder="search...">
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="col-md-3">
+                                                                        <div class="btn-group" style="width:100%">
+                                                                            <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                                                                <span class="fa fa-filter"></span>
+                                                                            </a>
+                                                                            <ul class="dropdown-menu pull-right">
+                                                                                <li>
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Active </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li>
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Closed </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li class="active">
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Pending </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                                <li class="active">
+                                                                                    <a href="javascript:;">
+                                                                                        <span class="label label-sm label-success"> Cancel </span>
+                                                                                    </a>
+                                                                                </li>
+                                                                            </ul>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body">
+                                                        <div id="tree_1" class="tree-demo">
+                                                            <ul>
+                                                                <li>
+                                                                    Order List
+                                                                    <ul>
+                                                                        <li data-jstree='{ "type" : "file" }' onclick="show_content();">014587
+                                                                            <span class="editInPlace">group</span>
+                                                                        </li>
+
+                                                                        <li data-jstree='{ "type" : "file" }' onclick="show_content();">014586
+                                                                            <span class="editInPlace">group</span>
+                                                                        </li>
+                                                                    </ul>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
                                                     </div>
                                                 </div>
-                                                <!-- .events-wrapper -->
-                                                <ul class="cd-timeline-navigation mt-ht-nav-icon">
-                                                    <li>
-                                                        <a href="#0" class="prev inactive btn btn-outline blue md-skip">
-                                                            <i class="fa fa-chevron-left"></i>
-                                                        </a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#0" class="next btn btn-outline blue md-skip">
-                                                            <i class="fa fa-chevron-right"></i>
-                                                        </a>
-                                                    </li>
-                                                </ul>
-                                                <!-- .cd-timeline-navigation -->
                                             </div>
-                                            <!-- .timeline -->
-                                            <div class="events-content">
-                                                <ol>
-                                                    <li class="selected" data-date="01/01/2014" data-data="qweqwe">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Order Date</h2>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-9" id="with_content">
+                                        <div class="row">
+                                            <div class="col-md-12" style="padding-right: 0px;padding-left: 0px;">
+                                                <div class="portlet light portlet-fit bordered">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <i class="icon-directions font-green hide"></i>
+                                                            <span class="caption-subject bold font-dark uppercase "> Milestone</span> &nbsp; &nbsp; 014587 :
+                                                            <span contenteditable="true"> GroupName </span>
+                                                            <span class="caption-helper"></span>
                                                         </div>
-                                                        <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                    </div>
+                                                    <div class="portlet-body">
+                                                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="130">
+                                                            <div class="timeline">
+                                                                <div class="events-wrapper">
+                                                                    <div class="events">
+                                                                        <ol>
+                                                                            <li>
+                                                                                <a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>WH Received</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b>ETD</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
+                                                                            </li>
+                                                                            <li>
+                                                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
+                                                                            </li>
+
+                                                                        </ol>
+                                                                        <span class="filling-line bg-blue" aria-hidden="true"></span>
+                                                                    </div>
+                                                                </div>
+                                                                <!-- .events-wrapper -->
+                                                                <ul class="cd-timeline-navigation mt-ht-nav-icon">
+                                                                    <li>
+                                                                        <a href="#0" class="prev inactive btn btn-outline blue md-skip">
+                                                                            <i class="fa fa-chevron-left"></i>
+                                                                        </a>
+                                                                    </li>
+                                                                    <li>
+                                                                        <a href="#0" class="next btn btn-outline blue md-skip">
+                                                                            <i class="fa fa-chevron-right"></i>
+                                                                        </a>
+                                                                    </li>
+                                                                </ul>
+                                                                <!-- .cd-timeline-navigation -->
                                                             </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label><b>Order No</b></label>
-                                                        <p>00005</p>
-                                                        <label><b>Order Type</b></label>
-                                                        <p>PO & SO</p>
-                                                        <label><b>Date Created</b></label>
-                                                        <p>03-07-2017</p>
-                                                        <label><b>Purchase No</b></label>
-                                                        <p>123456</p>
-                                                        <label><b>Purchase Value</b></label>
-                                                        <p>12,000.00(RMB)</p>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="10/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Warehouse receive note</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <div class="form-group">
-                                                        <label><b>Receive Date</b></label>
-                                                        <p>01-01-2017</p>
-                                                        <label><b>Total Carton</b></label>
-                                                        <p>20</p>
-                                                        <label><b>Remark</b></label>
-                                                        <p>Warehouse received xxx</p>
-                                                        </div>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="19/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Container loading</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <div class="form-group">
-                                                        <label><b>Shipping No</b></label>
-                                                        <p>02-02-2017</p>
-                                                        <label><b>ETD</b></label>
-                                                        <p>05-02-2017</p> 
-                                                        <label><b>ETA</b></label>
-                                                        <p>07-02-2017</p>
-                                                        </div>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="29/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">ETD</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label><b>New Departure Date</b></label>
-                                                        <p>01-02-2017</p>
-                                                        <label><b>Remark</b></label>
-                                                        <p>Estimated time delivery</p>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="05/02/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">ETA</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                         <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label><b>Arrival Date</b></label>
-                                                        <p>02-02-2017</p>
-                                                        <div class="form-group has-error">
-                                                        <label class="control-label"><b>New Arrival Date</b></label>
-                                                        <p id="inputError">05-02-2017</p>
-                                                        </div>
-                                                        <label><b>Remark</b></label>
-                                                        <p>Estimated time arrived</p>
-                                                        </div>
-                                                    </li>
-                                                     <li data-date="20/02/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Customs Clearance</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label><b>Customs Clearance Date</b></label>
-                                                        <p>06-02-2017</p>
-                                                        <label><b>Remark</b></label>
-                                                        <p>Customs cleareance finish</p>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="05/03/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Delivery Arrangement</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label><b>Contact Person</b></label>
-                                                        <p>Bob</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>Address</b></label>
-                                                        <p>1, Kundang 14, Taman Murni</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>State</b></label>
-                                                        <p>Delaware</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>Country</b></label>
-                                                        <p>USA</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>Contact Number</b></label>
-                                                        <p>012-3456789</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>Company Name</b></label>
-                                                        <p>CIEF Worldwide Sdn Bhd</p>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label><b>Remark</b></label>
-                                                        <p>Already change address</p>
-                                                        </div>
-                                                         <div class="form-group last">
-                                                </div>
-                                                    </li>
-                                                    <li data-date="30/03/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Delivery</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
-                                                        <br>
-                                                        <b> Delivery Request Sent by <a href="profilelinda.html">Linda Wong </a></b></div>
-                                                        <div class="todo-tasklist-controls pull-left">
-                                                            <span class="todo-tasklist-date">
+                                                            <!-- .timeline -->
+                                                            <div class="events-content">
+                                                                <ol>
+                                                                    <li class="selected" data-date="01/01/2014" data-data="qweqwe">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Order Date</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Order No</b>
+                                                                            </label>
+                                                                            <p>00005</p>
+                                                                            <label><b>Order Type</b>
+                                                                            </label>
+                                                                            <p>PO & SO</p>
+                                                                            <label><b>Date Created</b>
+                                                                            </label>
+                                                                            <p>03-07-2017</p>
+                                                                            <label><b>Purchase No</b>
+                                                                            </label>
+                                                                            <p>123456</p>
+                                                                            <label><b>Purchase Value</b>
+                                                                            </label>
+                                                                            <p>12,000.00(RMB)</p>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="10/01/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Warehouse receive note</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <div class="form-group">
+                                                                                <label><b>Receive Date</b>
+                                                                                </label>
+                                                                                <p>01-01-2017</p>
+                                                                                <label><b>Total Carton</b>
+                                                                                </label>
+                                                                                <p>20</p>
+                                                                                <label><b>Remark</b>
+                                                                                </label>
+                                                                                <p>Warehouse received xxx</p>
+                                                                            </div>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="19/01/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Container loading</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <div class="form-group">
+                                                                                <label><b>Shipping No</b>
+                                                                                </label>
+                                                                                <p>02-02-2017</p>
+                                                                                <label><b>ETD</b>
+                                                                                </label>
+                                                                                <p>05-02-2017</p>
+                                                                                <label><b>ETA</b>
+                                                                                </label>
+                                                                                <p>07-02-2017</p>
+                                                                            </div>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="29/01/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">ETD</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <label><b>New Departure Date</b>
+                                                                            </label>
+                                                                            <p>01-02-2017</p>
+                                                                            <label><b>Remark</b>
+                                                                            </label>
+                                                                            <p>Estimated time delivery</p>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="05/02/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">ETA</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Arrival Date</b>
+                                                                            </label>
+                                                                            <p>02-02-2017</p>
+                                                                            <div class="form-group has-error">
+                                                                                <label class="control-label"><b>New Arrival Date</b>
+                                                                                </label>
+                                                                                <p id="inputError">05-02-2017</p>
+                                                                            </div>
+                                                                            <label><b>Remark</b>
+                                                                            </label>
+                                                                            <p>Estimated time arrived</p>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="20/02/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Customs Clearance</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Customs Clearance Date</b>
+                                                                            </label>
+                                                                            <p>06-02-2017</p>
+                                                                            <label><b>Remark</b>
+                                                                            </label>
+                                                                            <p>Customs cleareance finish</p>
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="05/03/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Delivery Arrangement</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Contact Person</b>
+                                                                            </label>
+                                                                            <p>Bob</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Address</b>
+                                                                            </label>
+                                                                            <p>1, Kundang 14, Taman Murni</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>State</b>
+                                                                            </label>
+                                                                            <p>Delaware</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Country</b>
+                                                                            </label>
+                                                                            <p>USA</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Contact Number</b>
+                                                                            </label>
+                                                                            <p>012-3456789</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Company Name</b>
+                                                                            </label>
+                                                                            <p>CIEF Worldwide Sdn Bhd</p>
+                                                                        </div>
+                                                                        <div class="form-group">
+                                                                            <label><b>Remark</b>
+                                                                            </label>
+                                                                            <p>Already change address</p>
+                                                                        </div>
+                                                                        <div class="form-group last">
+                                                                        </div>
+                                                                    </li>
+                                                                    <li data-date="30/03/2014">
+                                                                        <div class="mt-title">
+                                                                            <h2 class="mt-content-title">Delivery</h2>
+                                                                        </div>
+                                                                        <div class="mt-author">
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                                                            <div class="mt-author-name">
+                                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                                                            </div>
+                                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                                                        </div>
+                                                                        <div class="clearfix"></div>
+                                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
+                                                                            <br>
+                                                                            <b> Delivery Request Sent by <a href="profilelinda.html">Linda Wong </a></b>
+                                                                        </div>
+                                                                        <div class="todo-tasklist-controls pull-left">
+                                                                            <span class="todo-tasklist-date">
                                                                 <i class="fa fa-calendar"></i>
                                                                 20 Mar 2017
                                                             </span>
-                                                        </div>
-                                                        <br>
-                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
-                                                        <br>
-                                                        <b> Delivery Request Accepted by <a href="profilelinda.html">Linda Wong </a></b></div>
-                                                        <div class="todo-tasklist-controls pull-left">
-                                                            <span class="todo-tasklist-date">
+                                                                        </div>
+                                                                        <br>
+                                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
+                                                                            <br>
+                                                                            <b> Delivery Request Accepted by <a href="profilelinda.html">Linda Wong </a></b>
+                                                                        </div>
+                                                                        <div class="todo-tasklist-controls pull-left">
+                                                                            <span class="todo-tasklist-date">
                                                                 <i class="fa fa-calendar"></i>
                                                                 25 Mar 2017
                                                             </span>
-                                                        </div>
-                                                        <br>
-                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
-                                                        <br>
-                                                        <b> Delivery Arrangement Completed by <a href="profilelinda.html">Linda Wong </a></b></div>
-                                                        <div class="todo-tasklist-controls pull-left">
-                                                            <span class="todo-tasklist-date">
+                                                                        </div>
+                                                                        <br>
+                                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
+                                                                            <br>
+                                                                            <b> Delivery Arrangement Completed by <a href="profilelinda.html">Linda Wong </a></b>
+                                                                        </div>
+                                                                        <div class="todo-tasklist-controls pull-left">
+                                                                            <span class="todo-tasklist-date">
                                                                 <i class="fa fa-calendar"></i>
                                                                 31 Mar 2017
                                                             </span>
-                                                        </div>
+                                                                        </div>
 
+                                                            </div>
+                                                            </li>
+                                                            </ol>
                                                         </div>
-                                                    </li>
-                                                </ol>
-                                            </div>
-                                            <!-- .events-content -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                                            <!-- .events-content -->
-                                        </div>
-                                 
-                                 <div class="col-md-9" id="without_content" style="display:none;">
-                                     <div class="row">
-                                           <div class="col-md-12">
-                                              <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
-                                                 <div class="portlet-title">
-                                                    <div class="caption">
-                                                       <i class="icon-bubble font-hide hide"></i>
-                                                       <span class="caption-subject font-hide bold uppercase">Milestone</span>
+                                                        <!-- .events-content -->
                                                     </div>
-                                                 </div>
-                                                 <div class="portlet-body" style="height: 300px;">
-                                                    <h3 style="text-align:center; margin-top: 100px;">Please choose order number </h3>
-                                                 </div>
-                                              </div>
-                                           </div>
-                                     </div>
-                                 </div>
-                              
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- .events-content -->
+                                    </div>
+
+                                    <div class="col-md-9" id="without_content" style="display:none;">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
+                                                    <div class="portlet-title">
+                                                        <div class="caption">
+                                                            <i class="icon-bubble font-hide hide"></i>
+                                                            <span class="caption-subject font-hide bold uppercase">Milestone</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="portlet-body" style="height: 300px;">
+                                                        <h3 style="text-align:center; margin-top: 100px;">Please choose order number </h3>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
                                 </div>
                             </div>
-                            
 
+
+                        </div>
+                    </div>
+                </div>
+
+                <!-- End: Demo Datatable 1 -->
+
+            </div>
+
+            <!-- End: Demo Datatable 2 -->
+        </div>
+    </div>
+    </div>
+    <!-- END CONTENT BODY -->
+    </div>
+    </div>
+    <!-- END CONTENT BODY -->
+    </div>
+    <!-- END CONTENT -->
+    <!-- BEGIN QUICK SIDEBAR -->
+    <a href="javascript:;" class="page-quick-sidebar-toggler">
+        <i class="icon-login"></i>
+    </a>
+    <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+        <div class="page-quick-sidebar">
+            <ul class="nav nav-tabs">
+                <li class="active">
+                    <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                </li>
+                <li>
+                    <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                </li>
+                <li class="dropdown">
+                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                    <ul class="dropdown-menu pull-right">
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-bell"></i> Alerts </a>
+                        </li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-info"></i> Notifications </a>
+                        </li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-speech"></i> Activities </a>
+                        </li>
+                        <li class="divider"></li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-settings"></i> Settings </a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+            <div class="tab-content">
+                <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                    <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                        <h3 class="list-heading">Staff</h3>
+                        <ul class="media-list list-items">
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-success">8</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Bob Nilson</h4>
+                                    <div class="media-heading-sub"> Project Manager </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Nick Larson</h4>
+                                    <div class="media-heading-sub"> Art Director </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-danger">3</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Deon Hubert</h4>
+                                    <div class="media-heading-sub"> CTO </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Ella Wong</h4>
+                                    <div class="media-heading-sub"> CEO </div>
+                                </div>
+                            </li>
+                        </ul>
+                        <h3 class="list-heading">Customers</h3>
+                        <ul class="media-list list-items">
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-warning">2</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Lara Kunis</h4>
+                                    <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                    <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="label label-sm label-success">new</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Ernie Kyllonen</h4>
+                                    <div class="media-heading-sub"> Project Manager,
+                                        <br> SmartBizz PTL </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Lisa Stone</h4>
+                                    <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                    <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-success">7</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Deon Portalatin</h4>
+                                    <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Irina Savikova</h4>
+                                    <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-danger">4</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Maria Gomez</h4>
+                                    <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                    <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="page-quick-sidebar-item">
+                        <div class="page-quick-sidebar-chat-user">
+                            <div class="page-quick-sidebar-nav">
+                                <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                    <i class="icon-arrow-left"></i>Back</a>
+                            </div>
+                            <div class="page-quick-sidebar-chat-user-messages">
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> When could you send me the report ? </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> Its almost done. I will be sending it shortly </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> Alright. Thanks! :) </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:16</span>
+                                        <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> No probs. Just take your time :) </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:40</span>
+                                        <span class="body"> Alright. I just emailed it to you. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> Great! Thanks. Will check it right away. </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:40</span>
+                                        <span class="body"> Please let me know if you have any comment. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
                                     </div>
                                 </div>
                             </div>
-
-                                <!-- End: Demo Datatable 1 -->
-
+                            <div class="page-quick-sidebar-chat-user-form">
+                                <div class="input-group">
+                                    <input type="text" class="form-control" placeholder="Type a message here...">
+                                    <div class="input-group-btn">
+                                        <button type="button" class="btn green">
+                                            <i class="icon-paper-clip"></i>
+                                        </button>
+                                    </div>
                                 </div>
-
-                                <!-- End: Demo Datatable 2 -->
                             </div>
                         </div>
                     </div>
-                    <!-- END CONTENT BODY -->
                 </div>
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
+                <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                    <div class="page-quick-sidebar-alerts-list">
+                        <h3 class="list-heading">General</h3>
+                        <ul class="feeds list-items">
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-check"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 4 pending tasks.
+                                                <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> Just now </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-bar-chart-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-danger">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
                             </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-shopping-cart"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> New order received with
+                                                <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 30 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-success">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-bell-o"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> Web server hardware needs to be upgraded.
+                                                <span class="label label-sm label-warning"> Overdue </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 2 hours </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-default">
+                                                    <i class="fa fa-briefcase"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
                                 </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
                             </li>
                         </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
+                        <h3 class="list-heading">System</h3>
+                        <ul class="feeds list-items">
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-check"></i>
                                             </div>
                                         </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 4 pending tasks.
+                                                <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
+                                <div class="col2">
+                                    <div class="date"> Just now </div>
                                 </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-danger">
+                                                    <i class="fa fa-bar-chart-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-default">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-shopping-cart"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> New order received with
+                                                <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 30 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-success">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-warning">
+                                                <i class="fa fa-bell-o"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> Web server hardware needs to be upgraded.
+                                                <span class="label label-sm label-default "> Overdue </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 2 hours </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-briefcase"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                    <div class="page-quick-sidebar-settings-list">
+                        <h3 class="list-heading">General Settings</h3>
+                        <ul class="list-items borderless">
+                            <li> Enable Notifications
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Allow Tracking
+                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Log Errors
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Auto Sumbit Issues
+                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Enable SMS Alerts
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                        </ul>
+                        <h3 class="list-heading">System Settings</h3>
+                        <ul class="list-items borderless">
+                            <li> Security Level
+                                <select class="form-control input-inline input-sm input-small">
+                                    <option value="1">Normal</option>
+                                    <option value="2" selected>Medium</option>
+                                    <option value="e">High</option>
+                                </select>
+                            </li>
+                            <li> Failed Email Attempts
+                                <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                            <li> Secondary SMTP Port
+                                <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                            <li> Notify On System Error
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Notify On SMTP Error
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                        </ul>
+                        <div class="inner-content">
+                            <button class="btn btn-success">
+                                <i class="icon-settings"></i> Save Changes</button>
                         </div>
                     </div>
                 </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
-                </div>
-            </div>
-            <!-- END FOOTER -->
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    <!-- END QUICK SIDEBAR -->
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-            <script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
-            <script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        
-         
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-            if(window.location.search == '?menu=true'){
-                //alert('heiiiii');
-                document.getElementById("without_content").style.display = "";
-                document.getElementById("with_content").style.display = "none";
-                
-            }else{
-                //alert('hoooo');
-                document.getElementById("without_content").style.display = "none";
-                document.getElementById("with_content").style.display = "";
-            }
-        </script>
-        <script>
-        function show_content(){
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+
+
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+        if (window.location.search == '?menu=true') {
+            //alert('heiiiii');
+            document.getElementById("without_content").style.display = "";
+            document.getElementById("with_content").style.display = "none";
+
+        } else {
             //alert('hoooo');
             document.getElementById("without_content").style.display = "none";
             document.getElementById("with_content").style.display = "";
         }
-        </script>
+    </script>
+    <script>
+        function show_content() {
+            //alert('hoooo');
+            document.getElementById("without_content").style.display = "none";
+            document.getElementById("with_content").style.display = "";
+        }
+    </script>
 
-        <script type="text/javascript">
-            function show_content(){
-                        //alert('hoooo');
-                document.getElementById("without_content").style.display = "none";
-                document.getElementById("with_content").style.display = "";
-                var elements = getElementsByClassName('editInPlace', '*', document);
-               for (var i = 0; i < elements.length; i++) {
-                   elements[i].ondblclick = function() {
-                       this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
-                       var textBox = document.createElement('INPUT');
-                       textBox.setAttribute('type', 'text');
-                       textBox.value = this.innerHTML;
-                       textBox.onblur = function() {
-                           var newValue = this.value;
-                           this.parentNode.innerHTML = newValue;
-                           //alert("Your new value: \n\n" + newValue);
-                       }
-           
-                       this.innerHTML = '';
-           
-                       this.appendChild(textBox);
-                   }
-               }(i);
+    <script type="text/javascript">
+        function show_content() {
+            //alert('hoooo');
+            document.getElementById("without_content").style.display = "none";
+            document.getElementById("with_content").style.display = "";
+            var elements = getElementsByClassName('editInPlace', '*', document);
+            for (var i = 0; i < elements.length; i++) {
+                elements[i].ondblclick = function() {
+                    this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
+                    var textBox = document.createElement('INPUT');
+                    textBox.setAttribute('type', 'text');
+                    textBox.value = this.innerHTML;
+                    textBox.onblur = function() {
+                        var newValue = this.value;
+                        this.parentNode.innerHTML = newValue;
+                        //alert("Your new value: \n\n" + newValue);
+                    }
+
+                    this.innerHTML = '';
+
+                    this.appendChild(textBox);
+                }
+            }(i);
+        }
+
+
+        window.onload = function() {
+            var elements = getElementsByClassName('editInPlace', '*', document);
+            for (var i = 0; i < elements.length; i++) {
+                elements[i].ondblclick = function() {
+                    this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
+                    var textBox = document.createElement('INPUT');
+                    textBox.setAttribute('type', 'text');
+                    textBox.value = this.innerHTML;
+                    textBox.onblur = function() {
+                        var newValue = this.value;
+                        this.parentNode.innerHTML = newValue;
+                        //alert("Your new value: \n\n" + newValue);
+                    }
+
+                    this.innerHTML = '';
+
+                    this.appendChild(textBox);
+                }
+            }(i);
+        }
+
+        function getElementsByClassName(className, tag, elm) {
+            var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
+            var tag = tag || "*";
+            var elm = elm || document;
+            var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
+            var returnElements = [];
+            var current;
+            var length = elements.length;
+            for (var i = 0; i < length; i++) {
+                current = elements[i];
+                if (testClass.test(current.className)) {
+                    returnElements.push(current);
+                }
             }
-                    
-                    
-               window.onload = function() {
-                   var elements = getElementsByClassName('editInPlace', '*', document);
-                   for (var i = 0; i < elements.length; i++) {
-                       elements[i].ondblclick = function() {
-                           this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
-                           var textBox = document.createElement('INPUT');
-                           textBox.setAttribute('type', 'text');
-                           textBox.value = this.innerHTML;
-                           textBox.onblur = function() {
-                               var newValue = this.value;
-                               this.parentNode.innerHTML = newValue;
-                               //alert("Your new value: \n\n" + newValue);
-                           }
-               
-                           this.innerHTML = '';
-               
-                           this.appendChild(textBox);
-                       }
-                   }(i);
-               }
-               
-               function getElementsByClassName(className, tag, elm) {
-                   var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
-                   var tag = tag || "*";
-                   var elm = elm || document;
-                   var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
-                   var returnElements = [];
-                   var current;
-                   var length = elements.length;
-                   for (var i = 0; i < length; i++) {
-                       current = elements[i];
-                       if (testClass.test(current.className)) {
-                           returnElements.push(current);
-                       }
-                   }
-                   return returnElements;
-               }
-               $('[data-toggle="popover"]').popover({trigger: 'focus'})
-               
-            </script>
+            return returnElements;
+        }
+        $('[data-toggle="popover"]').popover({
+            trigger: 'focus'
+        })
+    </script>
 
-    </body>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/trackorder2.html b/public/Forwarder/trackorder2.html
index c2e6582..4c43ae6 100644
--- a/public/Forwarder/trackorder2.html
+++ b/public/Forwarder/trackorder2.html
@@ -16,1633 +16,1611 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Order Tracking</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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" /> 
-        </head>
-    <!-- END HEAD -->
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Order Tracking</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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" />
+</head>
+<!-- END HEAD -->
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        
-            <!-- BEGIN HEADER -->
-            
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER --
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+
+    <!-- BEGIN HEADER -->
+
+    <!-- END HEADER -->
+    <!-- BEGIN HEADER & CONTENT DIVIDER --
             <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-           
-                <div class="page-content-wrapper">
-                    <!-- BEGIN CONTENT BODY -->
-                    
-                        <!-- BEGIN PAGE BAR -->
-                        
-                        <!-- END PAGE BAR -->
-                        <!-- BEGIN PAGE TITLE-->
-                        <h1 class="page-title" color="white"><font color="white">Track Order
+    <!-- BEGIN CONTAINER -->
+
+    <div class="page-content-wrapper">
+        <!-- BEGIN CONTENT BODY -->
+
+        <!-- BEGIN PAGE BAR -->
+
+        <!-- END PAGE BAR -->
+        <!-- BEGIN PAGE TITLE-->
+        <h1 class="page-title" color="white"><font color="white">Track Order
                             <small>lists</small>
                             </font></h1>
-						
-						<!-- CONTENT -->
-						<!-- END CONTENT -->
-                    <div class="row">
-                            <div class="col-md-12 col-sm-12">
-                                <div class="portlet light portlet-fit bordered">
-                                    <div class="portlet-title">
-                                        <div class="caption">
-                                            <i class="icon-directions font-green hide"></i>
-                                            <span class="caption-subject bold font-dark uppercase "> Activities</span>
-                                            <span class="caption-helper"></span>
-                                        </div>
-                                        <div class="actions">
-                                            
-                                        </div>
-                                    </div>
-                                    <div class="portlet-body">
-                                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="125">
-                                            <div class="timeline">
-                                                <div class="events-wrapper">
-                                                    <div class="events">
-                                                        <ol>
-                                                            <li>
-                                                                <a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
-                                                            </li>
-                                                             <li>
-                                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>&nbsp;&nbsp;WH Received</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b>&nbsp;&nbsp;ETD</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
-                                                            </li>
-                                                            
-                                                        </ol>
-                                                        <span class="filling-line bg-blue" aria-hidden="true"></span>
-                                                    </div>
-                                                </div>
-                                                <!-- .events-wrapper -->
-                                                <ul class="cd-timeline-navigation mt-ht-nav-icon">
-                                                    <li>
-                                                        <a href="#0" class="prev inactive btn btn-outline blue md-skip">
-                                                            <i class="fa fa-chevron-left"></i>
-                                                        </a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#0" class="next btn btn-outline blue md-skip">
-                                                            <i class="fa fa-chevron-right"></i>
-                                                        </a>
-                                                    </li>
-                                                </ul>
-                                                <!-- .cd-timeline-navigation -->
-                                            </div>
-                                            <!-- .timeline -->
-                                            <div class="events-content">
-                                                <ol>
-                                                    <li class="selected" data-date="01/01/2014" data-data="qweqwe">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Order Date</h2>
-                                                        </div>
-                                                        <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="10/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Warehouse receive note</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <div class="form-group">
-                                                        <label>Receive Date</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>Total Carton</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="19/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Container loading</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <div class="form-group">
-                                                        <label>Shipping No</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>ETD</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>ETA</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        </div>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="29/01/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">ETD</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>New Departure Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="05/02/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">ETA</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>New Arrival Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Customs Clearance Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                     <li data-date="20/02/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Customs Clearance</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>Customs Clearance Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                    <li data-date="05/03/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Delivery Arrangement</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>Contact</label>
-                                                        <textarea class="form-control" rows="1"></textarea>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label>Delivery Date</label>
-                                                        <textarea class="form-control" rows="1"></textarea>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label>Driver Name</label>
-                                                        <textarea class="form-control" rows="1"></textarea>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label>Driver Contact</label>
-                                                        <textarea class="form-control" rows="1"></textarea>
-                                                        </div>
-                                                        <div class="form-group">
-                                                        <label>Vehicle No</label>
-                                                        <textarea class="form-control" rows="1"></textarea>
-                                                        </div>
-                                                         <div class="form-group last">
-                                                        <label class="control-label col-md-3" align="right"></label>
-                                                        <div class="col-md-4" align="right">
-                                                        <a class="btn green btn-outline sbold upppercase" href="#form_modal11" data-toggle="modal" > Appoinment Request
-                                                        </a>
-                                                    </div>
-                                                </div>
-                                                    </li>
-                                                    <li data-date="30/03/2014">
-                                                        <div class="mt-title">
-                                                            <h2 class="mt-content-title">Delivery</h2>
-                                                        </div>
-                                                         <div class="mt-author">
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
-                                                            <div class="mt-author-name">
-                                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
-                                                            </div>
-                                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
-                                                        </div>
-                                                        <div class="clearfix"></div>
-                                                        <div class="form-group">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
-                                                    </li>
-                                                </ol>
-                                            </div>
-                                            <!-- .events-content -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            
 
-                                    </div>
-                                </div>
-                            </div>
+        <!-- CONTENT -->
+        <!-- END CONTENT -->
+        <div class="row">
+            <div class="col-md-12 col-sm-12">
+                <div class="portlet light portlet-fit bordered">
+                    <div class="portlet-title">
+                        <div class="caption">
+                            <i class="icon-directions font-green hide"></i>
+                            <span class="caption-subject bold font-dark uppercase "> Activities</span>
+                            <span class="caption-helper"></span>
+                        </div>
+                        <div class="actions">
 
-                                <!-- End: Demo Datatable 1 -->
-
-                                
-
-                                <!-- End: Demo Datatable 2 -->
-                            </div>
                         </div>
                     </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                    </div>
-                    <!-- END CONTENT BODY -->
-                </div>
-                <!-- END CONTENT -->
- <div id="form_modal11" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div  class="modal-header">
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-                                                        <h4 class="modal-title">Appoinment Request</h4>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <form action="#" class="form-horizontal" role="form">
-                                                        <div class="row">
-                                                            <div class="form-group">
-                                                                <label class="control-label col-md-4"><b>Order No</b></label>
-                                                                <label class="form-control-static">0005</label>
-                                                            </div>
-                                                            <div class="form-group">
-                                                                <label class="control-label col-md-4"><b>Delivery date</b></label>
-                                                                <label class="form-control-static">03-07-2017</label>
-                                                            </div>
-                                                            <div class="form-group">
-                                                                <label class="control-label col-md-4"><b>Driver Name</b></label>
-                                                                <label class="form-control-static">Bob</label>
-                                                            </div>
-                                                            <div class="form-group">
-                                                                <label class="control-label col-md-4"><b>Contact</b></label>
-                                                                <label class="form-control-static">013-3456789</label>
-                                                            </div>
-                                                            <div class="form-group">
-                                                                <label class="control-label col-md-4"><b>Vehicle No</b></label>
-                                                                <label class="form-control-static">WAA 123 C</label>
-                                                            </div>
-                                                        </form>
-                                                    </div>
-                                                    <div class="mt-repeater-input mt-repeater-textarea">
-                                                        <label class="control-label"><b>Message</b></label>
-                                                        <br/>
-                                                        <textarea name="textarea-input" class="form-control" rows="5">Hi Bella, Your order has been proceed. Here is your order no 0005 on date 03-07-2017. You able to contact the driver Bob (013-3456789) and vehicle no WAA 123 C. Thank you.</textarea>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button class="btn green" data-dismiss="modal">Send</button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <!-- .................. -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
+                    <div class="portlet-body">
+                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="125">
+                            <div class="timeline">
+                                <div class="events-wrapper">
+                                    <div class="events">
+                                        <ol>
+                                            <li>
+                                                <a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>&nbsp;&nbsp;WH Received</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b>&nbsp;&nbsp;ETD</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
+                                            </li>
+                                            <li>
+                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
+                                            </li>
+
+                                        </ol>
+                                        <span class="filling-line bg-blue" aria-hidden="true"></span>
+                                    </div>
+                                </div>
+                                <!-- .events-wrapper -->
+                                <ul class="cd-timeline-navigation mt-ht-nav-icon">
                                     <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
+                                        <a href="#0" class="prev inactive btn btn-outline blue md-skip">
+                                            <i class="fa fa-chevron-left"></i>
+                                        </a>
                                     </li>
                                     <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
+                                        <a href="#0" class="next btn btn-outline blue md-skip">
+                                            <i class="fa fa-chevron-right"></i>
+                                        </a>
                                     </li>
                                 </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
+                                <!-- .cd-timeline-navigation -->
+                            </div>
+                            <!-- .timeline -->
+                            <div class="events-content">
+                                <ol>
+                                    <li class="selected" data-date="01/01/2014" data-data="qweqwe">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Order Date</h2>
                                         </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
                                             </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
                                             </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>Remark</label>
+                                            <textarea class="form-control" rows="2"></textarea>
+                                        </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="10/01/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Warehouse receive note</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
                                             </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
                                             </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <div class="form-group">
+                                                <label>Receive Date</label>
+                                                <input type="text" class="form-control" placeholder="">
+                                                <label>Total Carton</label>
+                                                <input type="text" class="form-control" placeholder="">
+                                                <label>Remark</label>
+                                                <textarea class="form-control" rows="2"></textarea>
                                             </div>
                                         </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="19/01/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Container loading</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <div class="form-group">
+                                                <label>Shipping No</label>
+                                                <input type="text" class="form-control" placeholder="">
+                                                <label>ETD</label>
+                                                <input type="text" class="form-control" placeholder="">
+                                                <label>ETA</label>
+                                                <input type="text" class="form-control" placeholder="">
                                             </div>
                                         </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="29/01/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">ETD</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>New Departure Date</label>
+                                            <input type="text" class="form-control" placeholder="">
+                                            <label>Remark</label>
+                                            <textarea class="form-control" rows="2"></textarea>
+                                        </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="05/02/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">ETA</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>New Arrival Date</label>
+                                            <input type="text" class="form-control" placeholder="">
+                                            <label>Customs Clearance Date</label>
+                                            <input type="text" class="form-control" placeholder="">
+                                            <label>Remark</label>
+                                            <textarea class="form-control" rows="2"></textarea>
+                                        </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="20/02/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Customs Clearance</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>Customs Clearance Date</label>
+                                            <input type="text" class="form-control" placeholder="">
+                                            <label>Remark</label>
+                                            <textarea class="form-control" rows="2"></textarea>
+                                        </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                    <li data-date="05/03/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Delivery Arrangement</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>Contact</label>
+                                            <textarea class="form-control" rows="1"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>Delivery Date</label>
+                                            <textarea class="form-control" rows="1"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>Driver Name</label>
+                                            <textarea class="form-control" rows="1"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>Driver Contact</label>
+                                            <textarea class="form-control" rows="1"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>Vehicle No</label>
+                                            <textarea class="form-control" rows="1"></textarea>
+                                        </div>
+                                        <div class="form-group last">
+                                            <label class="control-label col-md-3" align="right"></label>
+                                            <div class="col-md-4" align="right">
+                                                <a class="btn green btn-outline sbold upppercase" href="#form_modal11" data-toggle="modal"> Appoinment Request
+                                                        </a>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li data-date="30/03/2014">
+                                        <div class="mt-title">
+                                            <h2 class="mt-content-title">Delivery</h2>
+                                        </div>
+                                        <div class="mt-author">
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Cust Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Customer Company Name </div>
+                                            <div class="mt-author-name">
+                                                <a href="javascript:;" class="font-blue-madison">Supplier Code</a>
+                                            </div>
+                                            <div class="mt-author-datetime font-grey-mint">Supplier Company Name </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                        <div class="form-group">
+                                            <label>Remark</label>
+                                            <textarea class="form-control" rows="2"></textarea>
+                                        </div>
+                                        <div class="form-actions" align="right">
+                                            <button type="submit" class="btn blue">Submit</button>
+                                            <button type="edit" class="btn blue">Edit</button>
+                                        </div>
+                                    </li>
+                                </ol>
                             </div>
+                            <!-- .events-content -->
                         </div>
                     </div>
                 </div>
-                <!-- END QUICK SIDEBAR -->
             </div>
-            
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
-                </div>
-            </div>
-            <!-- END FOOTER -->
+
+
         </div>
-        <!--[if lt IE 9]>
+    </div>
+    </div>
+
+    <!-- End: Demo Datatable 1 -->
+
+
+
+    <!-- End: Demo Datatable 2 -->
+    </div>
+    </div>
+    </div>
+    <!-- END CONTENT BODY -->
+    </div>
+    </div>
+    <!-- END CONTENT BODY -->
+    </div>
+    <!-- END CONTENT -->
+    <div id="form_modal11" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                    <h4 class="modal-title">Appoinment Request</h4>
+                </div>
+                <div class="modal-body">
+                    <form action="#" class="form-horizontal" role="form">
+                        <div class="row">
+                            <div class="form-group">
+                                <label class="control-label col-md-4"><b>Order No</b>
+                                </label>
+                                <label class="form-control-static">0005</label>
+                            </div>
+                            <div class="form-group">
+                                <label class="control-label col-md-4"><b>Delivery date</b>
+                                </label>
+                                <label class="form-control-static">03-07-2017</label>
+                            </div>
+                            <div class="form-group">
+                                <label class="control-label col-md-4"><b>Driver Name</b>
+                                </label>
+                                <label class="form-control-static">Bob</label>
+                            </div>
+                            <div class="form-group">
+                                <label class="control-label col-md-4"><b>Contact</b>
+                                </label>
+                                <label class="form-control-static">013-3456789</label>
+                            </div>
+                            <div class="form-group">
+                                <label class="control-label col-md-4"><b>Vehicle No</b>
+                                </label>
+                                <label class="form-control-static">WAA 123 C</label>
+                            </div>
+                    </form>
+                    </div>
+                    <div class="mt-repeater-input mt-repeater-textarea">
+                        <label class="control-label"><b>Message</b>
+                        </label>
+                        <br/>
+                        <textarea name="textarea-input" class="form-control" rows="5">Hi Bella, Your order has been proceed. Here is your order no 0005 on date 03-07-2017. You able to contact the driver Bob (013-3456789) and vehicle no WAA 123 C. Thank you.</textarea>
+                    </div>
+                    <div class="modal-footer">
+                        <button class="btn green" data-dismiss="modal">Send</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- .................. -->
+        <!-- BEGIN QUICK SIDEBAR -->
+        <a href="javascript:;" class="page-quick-sidebar-toggler">
+            <i class="icon-login"></i>
+        </a>
+        <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+            <div class="page-quick-sidebar">
+                <ul class="nav nav-tabs">
+                    <li class="active">
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                    </li>
+                    <li>
+                        <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                    </li>
+                    <li class="dropdown">
+                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                        <ul class="dropdown-menu pull-right">
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-bell"></i> Alerts </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-info"></i> Notifications </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-speech"></i> Activities </a>
+                            </li>
+                            <li class="divider"></li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                    <i class="icon-settings"></i> Settings </a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+                <div class="tab-content">
+                    <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                        <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                            <h3 class="list-heading">Staff</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">8</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Bob Nilson</h4>
+                                        <div class="media-heading-sub"> Project Manager </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Nick Larson</h4>
+                                        <div class="media-heading-sub"> Art Director </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">3</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Hubert</h4>
+                                        <div class="media-heading-sub"> CTO </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ella Wong</h4>
+                                        <div class="media-heading-sub"> CEO </div>
+                                    </div>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">Customers</h3>
+                            <ul class="media-list list-items">
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-warning">2</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lara Kunis</h4>
+                                        <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="label label-sm label-success">new</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Ernie Kyllonen</h4>
+                                        <div class="media-heading-sub"> Project Manager,
+                                            <br> SmartBizz PTL </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Lisa Stone</h4>
+                                        <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                        <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-success">7</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Deon Portalatin</h4>
+                                        <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Irina Savikova</h4>
+                                        <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <div class="media-status">
+                                        <span class="badge badge-danger">4</span>
+                                    </div>
+                                    <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                    <div class="media-body">
+                                        <h4 class="media-heading">Maria Gomez</h4>
+                                        <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                        <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="page-quick-sidebar-item">
+                            <div class="page-quick-sidebar-chat-user">
+                                <div class="page-quick-sidebar-nav">
+                                    <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                        <i class="icon-arrow-left"></i>Back</a>
+                                </div>
+                                <div class="page-quick-sidebar-chat-user-messages">
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> When could you send me the report ? </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Its almost done. I will be sending it shortly </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:15</span>
+                                            <span class="body"> Alright. Thanks! :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:16</span>
+                                            <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> No probs. Just take your time :) </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Alright. I just emailed it to you. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Great! Thanks. Will check it right away. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post in">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Ella Wong</a>
+                                            <span class="datetime">20:40</span>
+                                            <span class="body"> Please let me know if you have any comment. </span>
+                                        </div>
+                                    </div>
+                                    <div class="post out">
+                                        <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                        <div class="message">
+                                            <span class="arrow"></span>
+                                            <a href="javascript:;" class="name">Bob Nilson</a>
+                                            <span class="datetime">20:17</span>
+                                            <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="page-quick-sidebar-chat-user-form">
+                                    <div class="input-group">
+                                        <input type="text" class="form-control" placeholder="Type a message here...">
+                                        <div class="input-group-btn">
+                                            <button type="button" class="btn green">
+                                                <i class="icon-paper-clip"></i>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                        <div class="page-quick-sidebar-alerts-list">
+                            <h3 class="list-heading">General</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-success">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-danger">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-warning"> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-default">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                            <h3 class="list-heading">System</h3>
+                            <ul class="feeds list-items">
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-check"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 4 pending tasks.
+                                                    <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> Just now </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-danger">
+                                                        <i class="fa fa-bar-chart-o"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-default">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-shopping-cart"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> New order received with
+                                                    <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 30 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-user"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 24 mins </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-warning">
+                                                    <i class="fa fa-bell-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Web server hardware needs to be upgraded.
+                                                    <span class="label label-sm label-default "> Overdue </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 2 hours </div>
+                                    </div>
+                                </li>
+                                <li>
+                                    <a href="javascript:;">
+                                        <div class="col1">
+                                            <div class="cont">
+                                                <div class="cont-col1">
+                                                    <div class="label label-sm label-info">
+                                                        <i class="fa fa-briefcase"></i>
+                                                    </div>
+                                                </div>
+                                                <div class="cont-col2">
+                                                    <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col2">
+                                            <div class="date"> 20 mins </div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                        <div class="page-quick-sidebar-settings-list">
+                            <h3 class="list-heading">General Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Enable Notifications
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Allow Tracking
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Log Errors
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Auto Sumbit Issues
+                                    <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Enable SMS Alerts
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <h3 class="list-heading">System Settings</h3>
+                            <ul class="list-items borderless">
+                                <li> Security Level
+                                    <select class="form-control input-inline input-sm input-small">
+                                        <option value="1">Normal</option>
+                                        <option value="2" selected>Medium</option>
+                                        <option value="e">High</option>
+                                    </select>
+                                </li>
+                                <li> Failed Email Attempts
+                                    <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                                <li> Secondary SMTP Port
+                                    <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                                <li> Notify On System Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                <li> Notify On SMTP Error
+                                    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            </ul>
+                            <div class="inner-content">
+                                <button class="btn btn-success">
+                                    <i class="icon-settings"></i> Save Changes</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- END QUICK SIDEBAR -->
+    </div>
+
+    <!-- BEGIN QUICK SIDEBAR -->
+    <a href="javascript:;" class="page-quick-sidebar-toggler">
+        <i class="icon-login"></i>
+    </a>
+    <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+        <div class="page-quick-sidebar">
+            <ul class="nav nav-tabs">
+                <li class="active">
+                    <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                </li>
+                <li>
+                    <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                </li>
+                <li class="dropdown">
+                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                    <ul class="dropdown-menu pull-right">
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-bell"></i> Alerts </a>
+                        </li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-info"></i> Notifications </a>
+                        </li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-speech"></i> Activities </a>
+                        </li>
+                        <li class="divider"></li>
+                        <li>
+                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                <i class="icon-settings"></i> Settings </a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+            <div class="tab-content">
+                <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                    <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                        <h3 class="list-heading">Staff</h3>
+                        <ul class="media-list list-items">
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-success">8</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Bob Nilson</h4>
+                                    <div class="media-heading-sub"> Project Manager </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Nick Larson</h4>
+                                    <div class="media-heading-sub"> Art Director </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-danger">3</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Deon Hubert</h4>
+                                    <div class="media-heading-sub"> CTO </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Ella Wong</h4>
+                                    <div class="media-heading-sub"> CEO </div>
+                                </div>
+                            </li>
+                        </ul>
+                        <h3 class="list-heading">Customers</h3>
+                        <ul class="media-list list-items">
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-warning">2</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Lara Kunis</h4>
+                                    <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                    <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="label label-sm label-success">new</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Ernie Kyllonen</h4>
+                                    <div class="media-heading-sub"> Project Manager,
+                                        <br> SmartBizz PTL </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Lisa Stone</h4>
+                                    <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                    <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-success">7</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Deon Portalatin</h4>
+                                    <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Irina Savikova</h4>
+                                    <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                </div>
+                            </li>
+                            <li class="media">
+                                <div class="media-status">
+                                    <span class="badge badge-danger">4</span>
+                                </div>
+                                <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                <div class="media-body">
+                                    <h4 class="media-heading">Maria Gomez</h4>
+                                    <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                    <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="page-quick-sidebar-item">
+                        <div class="page-quick-sidebar-chat-user">
+                            <div class="page-quick-sidebar-nav">
+                                <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                    <i class="icon-arrow-left"></i>Back</a>
+                            </div>
+                            <div class="page-quick-sidebar-chat-user-messages">
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> When could you send me the report ? </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> Its almost done. I will be sending it shortly </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:15</span>
+                                        <span class="body"> Alright. Thanks! :) </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:16</span>
+                                        <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> No probs. Just take your time :) </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:40</span>
+                                        <span class="body"> Alright. I just emailed it to you. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> Great! Thanks. Will check it right away. </span>
+                                    </div>
+                                </div>
+                                <div class="post in">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Ella Wong</a>
+                                        <span class="datetime">20:40</span>
+                                        <span class="body"> Please let me know if you have any comment. </span>
+                                    </div>
+                                </div>
+                                <div class="post out">
+                                    <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                    <div class="message">
+                                        <span class="arrow"></span>
+                                        <a href="javascript:;" class="name">Bob Nilson</a>
+                                        <span class="datetime">20:17</span>
+                                        <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="page-quick-sidebar-chat-user-form">
+                                <div class="input-group">
+                                    <input type="text" class="form-control" placeholder="Type a message here...">
+                                    <div class="input-group-btn">
+                                        <button type="button" class="btn green">
+                                            <i class="icon-paper-clip"></i>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                    <div class="page-quick-sidebar-alerts-list">
+                        <h3 class="list-heading">General</h3>
+                        <ul class="feeds list-items">
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-check"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 4 pending tasks.
+                                                <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> Just now </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-success">
+                                                    <i class="fa fa-bar-chart-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-danger">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-shopping-cart"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> New order received with
+                                                <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 30 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-success">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-bell-o"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> Web server hardware needs to be upgraded.
+                                                <span class="label label-sm label-warning"> Overdue </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 2 hours </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-default">
+                                                    <i class="fa fa-briefcase"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                        </ul>
+                        <h3 class="list-heading">System</h3>
+                        <ul class="feeds list-items">
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-check"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 4 pending tasks.
+                                                <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> Just now </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-danger">
+                                                    <i class="fa fa-bar-chart-o"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-default">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-info">
+                                                <i class="fa fa-shopping-cart"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> New order received with
+                                                <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 30 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-success">
+                                                <i class="fa fa-user"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 24 mins </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="col1">
+                                    <div class="cont">
+                                        <div class="cont-col1">
+                                            <div class="label label-sm label-warning">
+                                                <i class="fa fa-bell-o"></i>
+                                            </div>
+                                        </div>
+                                        <div class="cont-col2">
+                                            <div class="desc"> Web server hardware needs to be upgraded.
+                                                <span class="label label-sm label-default "> Overdue </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col2">
+                                    <div class="date"> 2 hours </div>
+                                </div>
+                            </li>
+                            <li>
+                                <a href="javascript:;">
+                                    <div class="col1">
+                                        <div class="cont">
+                                            <div class="cont-col1">
+                                                <div class="label label-sm label-info">
+                                                    <i class="fa fa-briefcase"></i>
+                                                </div>
+                                            </div>
+                                            <div class="cont-col2">
+                                                <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col2">
+                                        <div class="date"> 20 mins </div>
+                                    </div>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                    <div class="page-quick-sidebar-settings-list">
+                        <h3 class="list-heading">General Settings</h3>
+                        <ul class="list-items borderless">
+                            <li> Enable Notifications
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Allow Tracking
+                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Log Errors
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Auto Sumbit Issues
+                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Enable SMS Alerts
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                        </ul>
+                        <h3 class="list-heading">System Settings</h3>
+                        <ul class="list-items borderless">
+                            <li> Security Level
+                                <select class="form-control input-inline input-sm input-small">
+                                    <option value="1">Normal</option>
+                                    <option value="2" selected>Medium</option>
+                                    <option value="e">High</option>
+                                </select>
+                            </li>
+                            <li> Failed Email Attempts
+                                <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                            <li> Secondary SMTP Port
+                                <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                            <li> Notify On System Error
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                            <li> Notify On SMTP Error
+                                <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                        </ul>
+                        <div class="inner-content">
+                            <button class="btn btn-success">
+                                <i class="icon-settings"></i> Save Changes</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- END QUICK SIDEBAR -->
+    </div>
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline2/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+   <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
+            });
+        })
+    </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/updatecurrency.html b/public/Forwarder/updatecurrency.html
index d633528..77e2f0a 100644
--- a/public/Forwarder/updatecurrency.html
+++ b/public/Forwarder/updatecurrency.html
@@ -16,224 +16,223 @@ License: You must have a valid license purchased only from themeforest(the above
 <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
 <!--[if !IE]><!-->
 <html lang="en">
-    <!--<![endif]-->
-    <!-- BEGIN HEAD -->
+<!--<![endif]-->
+<!-- BEGIN HEAD -->
 
-    <head>
-        <meta charset="utf-8" />
-        <title>IZYIM | Update Currency</title>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
-        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
-        <meta content="" name="author" />
-        <!-- BEGIN GLOBAL MANDATORY STYLES -->
-        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
-        <!-- END GLOBAL MANDATORY STYLES -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL STYLES -->
-        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
-        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
-        <!-- END THEME GLOBAL STYLES -->
-        <!-- BEGIN THEME LAYOUT STYLES -->
-        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
-        <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 -->
-        <style>
-		@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%;
-			}
-		}
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Update Currency</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+    <meta content="" name="author" />
+    <!-- BEGIN GLOBAL MANDATORY STYLES -->
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+    <!-- END GLOBAL MANDATORY STYLES -->
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+    <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL STYLES -->
+    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+    <!-- END THEME GLOBAL STYLES -->
+    <!-- BEGIN THEME LAYOUT STYLES -->
+    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+    <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 -->
+    <style>
+        @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%;
+            }
+        }
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 67%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
-
-
-		</style></head>
-    <!-- END HEAD -->
-    <style>
-        
     </style>
+</head>
+<!-- END HEAD -->
+<style>
+</style>
 
-    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
-        <div class="page-wrapper">
-            <!-- BEGIN HEADER -->
-            <div class="page-header navbar navbar-fixed-top">
-                <!-- BEGIN HEADER INNER -->
-                <div class="page-header-inner ">
-                    <!-- BEGIN LOGO -->
-                    <div class="page-logo">
-                        <div class="menu-toggler sidebar-toggler">
-                            <span></span>
-                        </div>
-                    </div>
-                    <!-- END LOGO -->
-                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
-                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+    <div class="page-wrapper">
+        <!-- BEGIN HEADER -->
+        <div class="page-header navbar navbar-fixed-top">
+            <!-- BEGIN HEADER INNER -->
+            <div class="page-header-inner ">
+                <!-- BEGIN LOGO -->
+                <div class="page-logo">
+                    <div class="menu-toggler sidebar-toggler">
                         <span></span>
-                    </a>
-                    <!-- END RESPONSIVE MENU TOGGLER -->
-                    <!-- BEGIN TOP NAVIGATION MENU -->
-                    
-                    <div class="top-menu">
-                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                        <ul class="nav navbar-nav pull-right">
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
-                                    <span class="username username-hide-on-mobile"> Syed Amir </span>
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu dropdown-menu-default">
-                                    <li>
-                                        <a href="page_user_profile_1.html">
-                                            <i class="icon-user"></i> My Profile </a>
-                                    </li>
-                                    <li>
-                                        <a href="login.html">
-                                            <i class="icon-key"></i> Log Out </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <!-- END USER LOGIN DROPDOWN -->
-                            
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- END HEADER INNER -->
+                <!-- END LOGO -->
+                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
+                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span></span>
+                </a>
+                <!-- END RESPONSIVE MENU TOGGLER -->
+                <!-- BEGIN TOP NAVIGATION MENU -->
+
+                <div class="top-menu">
+                    <img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                    <ul class="nav navbar-nav pull-right">
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
+                                <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
+                                <span class="username username-hide-on-mobile"> Syed Amir </span>
+                                <i class="fa fa-angle-down"></i>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-default">
+                                <li>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
+                                </li>
+                                <li>
+                                    <a href="login.html">
+                                        <i class="icon-key"></i> Log Out </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- END USER LOGIN DROPDOWN -->
+
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
             </div>
-            <!-- END HEADER -->
-            <!-- BEGIN HEADER & CONTENT DIVIDER -->
-            <div class="clearfix"> </div>
-            <!-- END HEADER & CONTENT DIVIDER -->
-            <!-- BEGIN CONTAINER -->
-            <div class="page-container">
+            <!-- END HEADER INNER -->
+        </div>
+        <!-- END HEADER -->
+        <!-- BEGIN HEADER & CONTENT DIVIDER -->
+        <div class="clearfix"> </div>
+        <!-- END HEADER & CONTENT DIVIDER -->
+        <!-- BEGIN CONTAINER -->
+        <div class="page-container">
+            <!-- BEGIN SIDEBAR -->
+            <div class="page-sidebar-wrapper">
                 <!-- BEGIN SIDEBAR -->
-                <div class="page-sidebar-wrapper">
-                    <!-- BEGIN SIDEBAR -->
+                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
+                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                <div class="page-sidebar navbar-collapse collapse">
+                    <!-- BEGIN SIDEBAR MENU -->
+                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
+                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
+                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                     <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                    <div class="page-sidebar navbar-collapse collapse">
-                        <!-- BEGIN SIDEBAR MENU -->
-                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
-                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
-                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
-                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
-                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
-                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
-                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
-                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
-                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
-                            <li class="sidebar-toggler-wrapper hide">
-                                <div class="sidebar-toggler">
-                                    <span></span>
-                                </div>
-                            </li>
-							<li>
-								<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></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">
+                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
+                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
+                    <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
+                        <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
+                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
+                        <li class="sidebar-toggler-wrapper hide">
+                            <div class="sidebar-toggler">
+                                <span></span>
+                            </div>
+                        </li>
+                        <li>
+                            <center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
+                            </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="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item">
+                                <li class="nav-item">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                        <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="shippingorderstatus.html" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>           
-						<li class="nav-item">
-							<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>
+                        <li class="nav-item">
+                            <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>
@@ -241,45 +240,40 @@ License: You must have a valid license purchased only from themeforest(the above
                                 <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  active open ">
-                                <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 start active open ">
-                                        <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 -->
-                    </div>
-                    <!-- END SIDEBAR -->
+                        <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 active open">
+                            <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 active open">
+                                    <a href="updatecurrency.html" class="nav-link ">
+                                        <i class="fa fa-money"></i>
+                                        <span class="title">Update Currency</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                    <!-- END SIDEBAR MENU -->
+                    <!-- END SIDEBAR MENU -->
+                </div>
+                <!-- END SIDEBAR -->
                 <div class="page-content-wrapper">
                     <!-- BEGIN CONTENT BODY -->
                     <div class="page-content">
@@ -297,816 +291,171 @@ License: You must have a valid license purchased only from themeforest(the above
                         </div>
                         <!-- END PAGE BAR -->
                         <!-- BEGIN PAGE TITLE-->
-                        
-						
-						<!-- CONTENT -->
+
+
+                        <!-- CONTENT -->
                         <div align="center">
-                        <div class="portlet box blue ">
-                                    <div class="portlet-title">
-                                        <div class="caption">
-                                            <i class="fa fa-gift"></i>Currency Update  </div>
-                                        
-                                    </div>
-                                    <div class="portlet-body form">
-                                        <form class="form-horizontal" role="form">
-                                            <div class="form-group">
-                                                <br>
-                                                <div class="form-group">
-                                                    <label class="col-md-4 control-label">Title</label>
-                                                    <div class="col-md-4">
-                                                        <input type="text" class="form-control" > </div>
-                                                </div>
-                                                <div class="form-group">
-                                                    <label class="col-md-4 control-label">Currency</label>
-                                                    <div class="col-md-4">
-                                                        <select class="form-control">
-                                                            <option>MYR(RM)</option>
-                                                            <option>RMB(¥)</option>
-                                                            <option>HKD </option>
-                                                            <option>BAHT</option>
-                                                            
-                                                        </select>
-                                                    </div>
-                                                </div>
-                                                
-                                                <div class="form-group">
-                                                    <label class="col-md-4 control-label">Rate (Sell)</label>
-                                                    <div class="col-md-4">
-                                                        <input type="text" class="form-control" > </div>
-                                                </div>
-                                                
-                                                
-                                                
-                                                
-                                            
-                                        <div class="col-md-offset-3 col-md-6">
-                                            <h3>History</h3>
-                                        <div class = "table-responsive">
-                                        <table id="user" class="table table-bordered table-striped">
-                                            <thead>
-                                                <th>Date & Time</th>
-                                                <th>Rate(Buy)</th>
-                                                <th>Rate(Sell)</th>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>04/07/2017 13:12</td>
-                                                    <td>1.6 </td>
-                                                    <td>1.605 </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>03/07/2017 13:20</td>
-                                                    <td>1.59 </td>
-                                                    <td>1.6 </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>02/07/2017 13:09</td>
-                                                    <td>1.59 </td>
-                                                    <td>1.6 </td>
-                                                </tr>
-                                                <tr>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                    <td> </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        </div>
-                                        </div>
-                                            </div>
-                                            <div class="form-actions right1">
-                                                <button type="button" class="btn default">Cancel</button>
-                                                <a class="btn green" data-toggle="modal" href="#select">Sent to Selected</a> 
-                                            </div>
-                                        </form>
-                                    </div>
+                            <div class="portlet box blue ">
+                                <div class="portlet-title">
+                                    <div class="caption">
+                                        <i class="fa fa-gift"></i>Currency Update </div>
+
                                 </div>
+                                <div class="portlet-body form">
+                                    <form class="form-horizontal" role="form">
+                                        <div class="form-group">
+                                            <br>
+                                            <div class="form-group">
+                                                <label class="col-md-4 control-label">Title</label>
+                                                <div class="col-md-4">
+                                                    <input type="text" class="form-control"> </div>
+                                            </div>
+                                            <div class="form-group">
+                                                <label class="col-md-4 control-label">Currency</label>
+                                                <div class="col-md-4">
+                                                    <select class="form-control">
+                                                        <option>MYR(RM)</option>
+                                                        <option>RMB(¥)</option>
+                                                        <option>HKD </option>
+                                                        <option>BAHT</option>
+
+                                                    </select>
+                                                </div>
+                                            </div>
+
+                                            <div class="form-group">
+                                                <label class="col-md-4 control-label">Rate (Sell)</label>
+                                                <div class="col-md-4">
+                                                    <input type="text" class="form-control"> </div>
+                                            </div>
+
+
+
+
+
+                                            <div class="col-md-offset-3 col-md-6">
+                                                <h3>History</h3>
+                                                <div class="table-responsive">
+                                                    <table id="user" class="table table-bordered table-striped">
+                                                        <thead>
+                                                            <th>Date & Time</th>
+                                                            <th>Rate(Buy)</th>
+                                                            <th>Rate(Sell)</th>
+                                                        </thead>
+                                                        <tbody>
+                                                            <tr>
+                                                                <td>04/07/2017 13:12</td>
+                                                                <td>1.6 </td>
+                                                                <td>1.605 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>03/07/2017 13:20</td>
+                                                                <td>1.59 </td>
+                                                                <td>1.6 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>02/07/2017 13:09</td>
+                                                                <td>1.59 </td>
+                                                                <td>1.6 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td> </td>
+                                                                <td> </td>
+                                                                <td> </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-actions right1">
+                                            <button type="button" class="btn default">Cancel</button>
+                                            <a class="btn green" data-toggle="modal" href="#select">Sent to Selected</a>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
                         </div>
-						<!-- END CONTENT -->
-                        
+                        <!-- END CONTENT -->
+
                     </div>
                     <!-- END CONTENT BODY -->
                 </div>
                 <!-- END CONTENT -->
-                <!-- BEGIN QUICK SIDEBAR -->
-                <a href="javascript:;" class="page-quick-sidebar-toggler">
-                    <i class="icon-login"></i>
-                </a>
-                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
-                    <div class="page-quick-sidebar">
-                        <ul class="nav nav-tabs">
-                            <li class="active">
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
-                                    <span class="badge badge-danger">2</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
-                                    <span class="badge badge-success">7</span>
-                                </a>
-                            </li>
-                            <li class="dropdown">
-                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
-                                    <i class="fa fa-angle-down"></i>
-                                </a>
-                                <ul class="dropdown-menu pull-right">
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-bell"></i> Alerts </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-info"></i> Notifications </a>
-                                    </li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-speech"></i> Activities </a>
-                                    </li>
-                                    <li class="divider"></li>
-                                    <li>
-                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
-                                            <i class="icon-settings"></i> Settings </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
-                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
-                                    <h3 class="list-heading">Staff</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">8</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Bob Nilson</h4>
-                                                <div class="media-heading-sub"> Project Manager </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Nick Larson</h4>
-                                                <div class="media-heading-sub"> Art Director </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">3</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Hubert</h4>
-                                                <div class="media-heading-sub"> CTO </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ella Wong</h4>
-                                                <div class="media-heading-sub"> CEO </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">Customers</h3>
-                                    <ul class="media-list list-items">
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-warning">2</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lara Kunis</h4>
-                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="label label-sm label-success">new</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Ernie Kyllonen</h4>
-                                                <div class="media-heading-sub"> Project Manager,
-                                                    <br> SmartBizz PTL </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Lisa Stone</h4>
-                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
-                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-success">7</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Deon Portalatin</h4>
-                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Irina Savikova</h4>
-                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
-                                            </div>
-                                        </li>
-                                        <li class="media">
-                                            <div class="media-status">
-                                                <span class="badge badge-danger">4</span>
-                                            </div>
-                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
-                                            <div class="media-body">
-                                                <h4 class="media-heading">Maria Gomez</h4>
-                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
-                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div class="page-quick-sidebar-item">
-                                    <div class="page-quick-sidebar-chat-user">
-                                        <div class="page-quick-sidebar-nav">
-                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
-                                                <i class="icon-arrow-left"></i>Back</a>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-messages">
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> When could you send me the report ? </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:15</span>
-                                                    <span class="body"> Alright. Thanks! :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:16</span>
-                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> No probs. Just take your time :) </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Alright. I just emailed it to you. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post in">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Ella Wong</a>
-                                                    <span class="datetime">20:40</span>
-                                                    <span class="body"> Please let me know if you have any comment. </span>
-                                                </div>
-                                            </div>
-                                            <div class="post out">
-                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                <div class="message">
-                                                    <span class="arrow"></span>
-                                                    <a href="javascript:;" class="name">Bob Nilson</a>
-                                                    <span class="datetime">20:17</span>
-                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="page-quick-sidebar-chat-user-form">
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" placeholder="Type a message here...">
-                                                <div class="input-group-btn">
-                                                    <button type="button" class="btn green">
-                                                        <i class="icon-paper-clip"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
-                                <div class="page-quick-sidebar-alerts-list">
-                                    <h3 class="list-heading">General</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-success">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-danger">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-warning"> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-default">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                    <h3 class="list-heading">System</h3>
-                                    <ul class="feeds list-items">
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-check"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 4 pending tasks.
-                                                            <span class="label label-sm label-warning "> Take action
-                                                                <i class="fa fa-share"></i>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> Just now </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-danger">
-                                                                <i class="fa fa-bar-chart-o"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-default">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-info">
-                                                            <i class="fa fa-shopping-cart"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> New order received with
-                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 30 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-success">
-                                                            <i class="fa fa-user"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 24 mins </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="col1">
-                                                <div class="cont">
-                                                    <div class="cont-col1">
-                                                        <div class="label label-sm label-warning">
-                                                            <i class="fa fa-bell-o"></i>
-                                                        </div>
-                                                    </div>
-                                                    <div class="cont-col2">
-                                                        <div class="desc"> Web server hardware needs to be upgraded.
-                                                            <span class="label label-sm label-default "> Overdue </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col2">
-                                                <div class="date"> 2 hours </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <div class="col1">
-                                                    <div class="cont">
-                                                        <div class="cont-col1">
-                                                            <div class="label label-sm label-info">
-                                                                <i class="fa fa-briefcase"></i>
-                                                            </div>
-                                                        </div>
-                                                        <div class="cont-col2">
-                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col2">
-                                                    <div class="date"> 20 mins </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
-                                <div class="page-quick-sidebar-settings-list">
-                                    <h3 class="list-heading">General Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Enable Notifications
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Allow Tracking
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Log Errors
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Auto Sumbit Issues
-                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Enable SMS Alerts
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <h3 class="list-heading">System Settings</h3>
-                                    <ul class="list-items borderless">
-                                        <li> Security Level
-                                            <select class="form-control input-inline input-sm input-small">
-                                                <option value="1">Normal</option>
-                                                <option value="2" selected>Medium</option>
-                                                <option value="e">High</option>
-                                            </select>
-                                        </li>
-                                        <li> Failed Email Attempts
-                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
-                                        <li> Secondary SMTP Port
-                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
-                                        <li> Notify On System Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                        <li> Notify On SMTP Error
-                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
-                                    </ul>
-                                    <div class="inner-content">
-                                        <button class="btn btn-success">
-                                            <i class="icon-settings"></i> Save Changes</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                    <div class="modal fade" id="select" tabindex="-1" role="select" aria-hidden="true">
-                        <div class="portlet-body" >
-                        <div class="modal-dialog">
-                            <div class="modal-content">
-                                <div class="modal-body"> 
-                                    <div class="portlet light bordered">
-                                         <div class="portlet-title">
-                                            <div class="caption">
-                                               <span class="caption-subject bold font-purple-plum uppercase"> Select Member : </span>
-                                            </div>
-                                        </div>
-                                        <form role="form">
-                                                <div class="form-body">
-                                                    
-                                                    <div class="form-group">
-                                                    
-                                                        <div class="row">
-
-                                                            <div class="col-md-12">
-                                                                <div class="input-group">
-                                                                      
-                                                                    <input class="form-control" value="Edris Karim" 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="Azrin Hamidi" 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="Kuhanraj Balan" 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="Dia Audia" 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="Kelly Goh" disabled>
-                                                                    <span class="input-group-addon">
-                                                                        <input type="checkbox"> </span>
-                                                                </div>
-                                                                <!-- /input-group -->
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            
-                                </form>
-                                    </div>
-                                    <button type="button" class="btn green"> Sent </button>
-                                </div>
-                            </div>
+                <!-- END CONTAINER -->
+                <!-- BEGIN FOOTER -->
+                <div class="page-footer">
+                    <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+                        <div class="scroll-to-top">
+                            <i class="icon-arrow-up"></i>
                         </div>
                     </div>
+                    <!-- END FOOTER -->
                 </div>
-                
-                
-                <!-- END QUICK SIDEBAR -->
-            </div>
-            <!-- END CONTAINER -->
-            <!-- BEGIN FOOTER -->
-            <div class="page-footer">
-                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
-                <div class="scroll-to-top">
-                    <i class="icon-arrow-up"></i>
-                </div>
-            </div>
-            <!-- END FOOTER -->
-        </div>
-        <!--[if lt IE 9]>
+                <!--[if lt IE 9]>
 <script src="../assets/global/plugins/respond.min.js"></script>
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
-        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-        <!-- END CORE PLUGINS -->
-        <!-- BEGIN PAGE LEVEL PLUGINS -->
-        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
-        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL PLUGINS -->
-        <!-- BEGIN THEME GLOBAL SCRIPTS -->
-        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-        <!-- END THEME GLOBAL SCRIPTS -->
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        <!-- BEGIN THEME LAYOUT SCRIPTS -->
-        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-            })
-        </script>
-    </body>
+                <!-- BEGIN CORE PLUGINS -->
+                <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+                <!-- END CORE PLUGINS -->
+                <!-- BEGIN PAGE LEVEL PLUGINS -->
+                <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
+                <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
+                <!-- END PAGE LEVEL PLUGINS -->
+                <!-- BEGIN THEME GLOBAL SCRIPTS -->
+                <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+                <!-- END THEME GLOBAL SCRIPTS -->
+                <!-- BEGIN PAGE LEVEL SCRIPTS -->
+                <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+                <!-- END PAGE LEVEL SCRIPTS -->
+                <!-- BEGIN THEME LAYOUT SCRIPTS -->
+                <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+                <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+                <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+                <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+                <!-- END THEME LAYOUT SCRIPTS -->
+                <script>
+                    $(document).ready(function() {
+                        $('#clickmewow').click(function() {
+                            $('#radio1003').attr('checked', 'checked');
+                        });
+                    })
+                </script>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Forwarder/warehousenote.html b/public/Forwarder/warehousenote.html
index 7295316..290e3db 100644
--- a/public/Forwarder/warehousenote.html
+++ b/public/Forwarder/warehousenote.html
@@ -250,7 +250,7 @@
                             </center>
                         </li>
                         <hr>
-                        <li class="nav-item">
+                        <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>
@@ -264,61 +264,62 @@
                                 <span class="selected"></span>
                             </a>
                         </li>
-                        <li class="nav-item">
+
+                        <li class="nav-item active open">
                             <a href="javascript:;" class="nav-link nav-toggle">
                                 <i class="icon-briefcase"></i>
                                 <span class="title">Arrangements</span>
                                 <span class="arrow"></span>
                             </a>
                             <ul class="sub-menu">
-                            <li class="nav-item start">
+                                <li class="nav-item active open">
                                     <a href="warehousenote.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-industry"></i>
                                         <span class="title">Warehouse Receive Note</span>
                                     </a>
                                 </li>
                                 <li class="nav-item">
                                     <a href="shipmentarrange.html" class="nav-link ">
-                                        <i class="icon-check"></i>
+                                        <i class="fa fa-ship"></i>
                                         <span class="title">Shipment Arrangement</span>
                                     </a>
                                 </li>
                                 <li class="nav-item  ">
                                     <a href="deliveryarrange.html" class="nav-link ">
-                                        <i class="icon-clock"></i>
+                                        <i class="fa fa-truck"></i>
                                         <span class="title">Delivery Arrangement</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
-                        <li class="nav-item ">
-                                <a href="javascript:;" class="nav-link nav-toggle">
-                                    <i class="icon-briefcase"></i>
-                                    <span class="title">Orders</span>
-                                    <span class="arrow"></span>
-                                </a>
-                                <ul class="sub-menu">
-                                    <li class="nav-item  active open ">
-                                        <a href="purchaseorder.html" class="nav-link ">
-                                            <i class="icon-clock"></i>
-                                            <span class="title">Purchase Order</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item  ">
-                                        <a href="#" class="nav-link ">
-                                            <i class="icon-check"></i>
-                                            <span class="title">Shipping Order</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li> 
-                                                         <li class="nav-item">
+                        <li class="nav-item">
+                            <a href="javascript:;" class="nav-link nav-toggle">
+                                <i class="icon-briefcase"></i>
+                                <span class="title">Orders</span>
+                                <span class="arrow"></span>
+                            </a>
+                            <ul class="sub-menu">
+                                <li class="nav-item ">
+                                    <a href="purchaseorder.html" class="nav-link ">
+                                        <i class="icon-clock"></i>
+                                        <span class="title">Purchase Order</span>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="shippingorderstatus.html" class="nav-link ">
+                                        <i class="icon-check"></i>
+                                        <span class="title">Shipping Order</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
                             <a href="custom.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
                                 <span class="title">Custom Declaration</span>
                                 <span class="selected"></span>
                             </a>
-                        </li>       
+                        </li>
                         <li class="nav-item">
                             <a href="chat.html?menu=true" class="nav-link nav-toggle">
                                 <i class="fa fa-comments-o"></i>
@@ -333,7 +334,7 @@
                                 <span class="selected"></span>
                             </a>
                         </li>
-                        <li class="nav-item ">
+                        <li class="nav-item">
                             <a href="profile.html" class="nav-link nav-toggle">
                                 <i class="icon-user"></i>
                                 <span class="title">Profile</span>
@@ -352,20 +353,16 @@
                                 <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>
+                                        <i class="fa fa-money"></i>
                                         <span class="title">Update Currency</span>
                                     </a>
                                 </li>
                             </ul>
                         </li>
+
                     </ul>
                     <!-- END SIDEBAR MENU -->
                     <!-- END SIDEBAR MENU -->
@@ -389,8 +386,6 @@
                         </div>
                         <!-- END PAGE BAR -->
                         <!-- BEGIN PAGE TITLE-->
-                        <h1 class="page-title"> 
-            </h1>
                         <!-- CONTENT -->
                         <div class="row">
                             <div class="col-md-12">
@@ -402,8 +397,7 @@
                                         </div>
                                         <div class="actions">
                                             <div class="btn-group" style="display:none">
-                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#modal_demo_1" data-toggle="modal"> Departure Warehouse Receive Note
-                              </a>
+                                                <a id="qweqwe" class="btn white btn-outline btn-circle" href="#modal_demo_1" data-toggle="modal"> Departure Warehouse Receive Note </a>
                                             </div>
                                             <div class="btn-group">
                                                 <a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
@@ -444,11 +438,9 @@
                                     <div class="portlet-body">
                                         <div class="table-container">
                                             <div id="mask"></div>
-                                            <button style="margin-left:800px; margin-bottom:-50px" type="select" class="btn green">
-                                                     QR Scan</button>
                                             <!-- <span id="switch" class="pull-right" style="margin-left:5px; margin-right:5px;">Status : &nbsp;&nbsp;<input type='checkbox' class='make-switch pull-right asdasd' checked data-size='small' data-on-color='success' data-on-text='ON' data-off-color='default' data-off-text='OFF'></span> -->
                                             <table id="example" class="table table-striped table-bordered table-hover order-column"></table>
-										 </div>
+                                        </div>
                                     </div>
                                 </div>
                                 <!-- End: life time stats -->
@@ -502,8 +494,8 @@
                                                             </div>
                                                             <div class="tab-pane active" id="tab1">
                                                                 <h4 class="block"><b>Departure Warehouse Received Note</b></h4>
-                                                                 <div class="column">
-                                                                <div class="col-md-6">
+                                                                <div class="column">
+                                                                    <div class="col-md-6">
                                                                         <div class="form-group">
                                                                             <label class="control-label col-md-3" style="font-size: 100%">Order No</label>
                                                                             <div class="col-md-9">
@@ -533,9 +525,9 @@
                                                                             </div>
                                                                         </div>
                                                                     </div>
-                                                                    </div>
+                                                                </div>
                                                                 <div class="row">
-                                                                   
+
                                                                     <!--/span-->
                                                                     <div class="col-md-6">
                                                                         <div class="form-group">
@@ -589,76 +581,77 @@
                                                                             </div>
                                                                         </div>
                                                                     </div>
-                                                                    </div>
-                                                                    <br>
-                                                                    <br>
+                                                                </div>
+                                                                <br>
+                                                                <br>
+                                                                <!--/span-->
+                                                                <div class="row">
                                                                     <!--/span-->
-                                                                    <div class="row">
-                                                                                      <!--/span-->
                                                                     <div class="col-md-6">
                                                                         <div class="form-group">
-                                                                            <label class="control-label col-md-3" style="font-size: 100%">Transport<br>Company Name</label>
+                                                                            <label class="control-label col-md-3" style="font-size: 100%">Transport
+                                                                                <br>Company Name</label>
                                                                             <div class="col-md-9">
                                                                                 <input placeholder="Syed Amir" type="text" class="form-control">
                                                                             </div>
                                                                         </div>
                                                                     </div>
-                                                                    </div>
-                                                                    <!--/span-->
-                                                                     <div class="row">
-                                                                   
-                                                                    <!--/span-->
-                                                <div style="margin-right:450px" class="form-group">
-                                                <label  class="col-md-3 control-label">Remark</label>
-                                                <div class="col-md-9">
-                                                     <div class="mt-repeater">
-                                                        <div data-repeater-list="group-b">
-                                                            <div data-repeater-item class="row">
-                                                                <div class="col-md-9">
-                                                                    <label class="control-label">Additional Remark</label>
-                                                                    <input type="textarea" placeholder="Type a remark" class="form-control" /> </div>
-                                                               <div class="col-md-1">
-                                                                    <label class="control-label">&nbsp;</label>
-                                                                    <a href="javascript:;" data-repeater-delete class="btn btn-danger">
-                                                                        <i class="fa fa-close"></i>
-                                                                    </a>
                                                                 </div>
-                                                            </div>
-                                                        </div>
-                                                        <hr>
-                                                        <a href="javascript:;" data-repeater-create class="btn btn-info mt-repeater-add">
-                                                            <i class="fa fa-plus"></i> Add New Field</a>
-                                                        <br>
-                                                        <br> 
-                                                </div>
-                                            </div>
-                                            </div>
-                                            
-                                                                    </div>
-                                                                            <br>
-                                                                            <br>
-                                                                            <br>
-                                                
-                                                
-                                            
+                                                                <!--/span-->
+                                                                <div class="row">
 
-                                                
-                                                                            <div class="form-actions">
-                                                                                <div class="col-md-20">
-                                                                                    <a href="javascript:;" class="btn btn-outline green button-next" style="margin-left:450px"> Next</a>
-                                                                                    
+                                                                    <!--/span-->
+                                                                    <div style="margin-right:450px" class="form-group">
+                                                                        <label class="col-md-3 control-label">Remark</label>
+                                                                        <div class="col-md-9">
+                                                                            <div class="mt-repeater">
+                                                                                <div data-repeater-list="group-b">
+                                                                                    <div data-repeater-item class="row">
+                                                                                        <div class="col-md-9">
+                                                                                            <label class="control-label">Additional Remark</label>
+                                                                                            <input type="textarea" placeholder="Type a remark" class="form-control" /> </div>
+                                                                                        <div class="col-md-1">
+                                                                                            <label class="control-label">&nbsp;</label>
+                                                                                            <a href="javascript:;" data-repeater-delete class="btn btn-danger">
+                                                                                                <i class="fa fa-close"></i>
+                                                                                            </a>
+                                                                                        </div>
+                                                                                    </div>
                                                                                 </div>
+                                                                                <hr>
+                                                                                <a href="javascript:;" data-repeater-create class="btn btn-info mt-repeater-add">
+                                                                                    <i class="fa fa-plus"></i> Add New Field</a>
+                                                                                <br>
+                                                                                <br>
                                                                             </div>
-                                                                       
-                                                                        <!--<form method="POST">
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <br>
+                                                                <br>
+                                                                <br>
+
+
+
+
+
+                                                                <div class="form-actions">
+                                                                    <div class="col-md-20">
+                                                                        <a href="javascript:;" class="btn btn-outline green button-next" style="margin-left:450px"> Next</a>
+
+                                                                    </div>
+                                                                </div>
+
+                                                                <!--<form method="POST">
                                     <div id="dynamicInput">
                                     					Entry 1<br><input type="text" name="myInputs[]">
                                     </div>
                                     <input type="button" value="Add another text input" onClick="addInput('dynamicInput');">
                                     </form>-->
-                                                                    
-                                                                </div>
-                                                           
+
+                                                            </div>
+
                                                             <div class="tab-pane" id="tab2">
                                                                 <div class="col-md-13">
                                                                     <div class="portlet light bordered">
@@ -669,130 +662,141 @@
                                                                                 <br>
                                                                                 <br>
                                                                                 <br>
-																				<div class="table-toolbar">
-                                                                                        <div class="row">
-                                                                                            <div class="col-md-6">
-                                                                                                <div class="btn-group">
-                                                                                                    <a onclick="addNewColumn();" class="btn green"> New Column
+                                                                                <div class="table-toolbar">
+                                                                                    <div class="row">
+                                                                                        <div class="col-md-6">
+                                                                                            <div class="btn-group">
+                                                                                                <a onclick="addNewColumn();" class="btn green"> New Column
                                                                                                         <i class="fa fa-plus"></i>
                                                                                                     </a>
-                                                                                                </div>
-                                                                                                <div class="btn-group">
-                                                                                                    <a onclick="addNewRow();" class="btn green"> New Row
-                                                                                                        <i class="fa fa-plus"></i>
-                                                                                                    </a>
-                                                                                                </div>
-                                                                                                <br>
-                                                                                                <br>
                                                                                             </div>
-																						</div>
-																					</div>
+                                                                                            <div class="btn-group">
+                                                                                                <a onclick="addNewRow();" class="btn green"> New Row
+                                                                                                        <i class="fa fa-plus"></i>
+                                                                                                    </a>
+                                                                                            </div>
+                                                                                            <br>
+                                                                                            <br>
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </div>
                                                                                 <div class="portlet-body">
-                                                                                    
-																							
-																							<div class="table-scrollable" style="max-width:900px; font-size:100px;">
-																								<table class="table table-striped table-bordered table-hover" id="sample_editable_1">
-																									<thead>
-																										<tr>
-																											<th scope="col">No</th>
-																											<th scope="col">Total Ctn<br>(nominal)</th>
-																											<th scope="col">Measurement-m<br>(nominal)</th>
-																											<th scope="col">Weight<br>(nominal)</th>
-																											<th scope="col">Total Ctn<br>(actual)</th>
-																											<th scope="col">Measurement-m<br>(actual)</th>
-																											<th scope="col">Weight<br>(actual)</th>
-																											<th scope="col">Status</th>
-                                                                                                            <th scope="col">Damage</th>
-                                                                                                            <th scope="col">Upload your Photo Here</th>
-                                                                                                            
-																										</tr>
-																									</thead>
-																									<tfoot>
-																										<tr>
-																											<td style="color: black">Total</td>
-                                                                                                            <td style="color: black">12 ctn</td>
-                                                                                                            <td style="color: black">3.6 CBM</td>
-                                                                                                            <td style="color: black">10 kg</td>
-                                                                                                            <td style="color: black">11 ctn</td>
-                                                                                                            <td style="color: black" >3.6 CBM</td>
-                                                                                                            <td style="color: black">29.8 kg</td>
-                                                                                                            <td><a style="color: black"></a></td>
-                                                                                                            <td>
-                                                                                                                
-                                                                                                            </td>
-                                                                                                            <td>
-                                                                                                                
-                                                                                                            </td>
-                                                                                                           
-																									</tfoot>
-																									<tbody>
-																										<tr>
-																											<td>1</td>
-																											<td>4</td>
-																											<td>40x40x40</td>
-																											<td>10kg</td>
-																											<td><a href="javascript:;" id="totalctn" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a>
-																											</td>
-																											<td><a href="javascript:;" id="address" data-type="address" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40</a>
-																											</td>
-																											<td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 10kg </a>
-																											</td>
-																										    <td>Matched</td>
-                                                                                                            <td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
-                                                     <input type="checkbox" class="checkboxes" value="1">
-                                                     <span></span>
-                                                    </label></td>
-                                                                                                            <td>
-                                                                                                                <div>
-                                                                                                                    <span class="fileinput-new"></span>
-                                                                                                                    <span class="fileinput-exists"></span>
-                                                                                                                    <input type="file" name="...">
-                                                                                                                </div>
-                                                                                                            </td>
-                                                                                                            
-                                                                                                            
-                                                        
-                                                    
-																										</tr>
-																										<tr>
-																											<td>2</td>
-																											<td style="color: red">4</td>
-																											<td >0.4x0.4x0.4</td>
-																											<td >10kg</td>
-																											<td><a href="javascript:;" id="totalctn2" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 3 </a>
-																											</td>
-																											<td><a href="javascript:;" id="address2" data-type="address" data-pk="1" data-original-title="Measurement" > 0.4 x 0.4 x 0.4</a>
-																											</td>
-																											<td><a href="javascript:;" id="weight2" data-type="text" data-pk="1" data-original-title="Weight" > 10kg </a>
-																											</td>
-																											<td><a style="color: red">Unmatched</a></td>
-                                                                                                            <td>
-                                                                                                                <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
-                                                     <input type="checkbox" class="checkboxes" value="1">
-                                                     <span></span>
-                                                    </label>
-                                                                                                            </td>
-                                                                                                            <td>
-                                                                                                                <div>
-                                                                                                                    <span class="fileinput-new"></span>
-                                                                                                                    <span class="fileinput-exists"></span>
-                                                                                                                    <input type="file" name="..."> </span>
-                                                                                                                </div>
-                                                                                                            </td>
-                                                                                                            
-																										</tr>
-																										<tr>
-																											<td>3</td>
-																											<td >4</td>
-																											<td >0.4x0.4x0.4</td>
-																											<td style="color: red">10kg</td>
-																											<td><a href="javascript:;" id="totalctn3" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn" > 4 </a>
-																											</td>
-																											<td><a href="javascript:;" id="address3" data-type="address" data-pk="1" data-original-title="Measurement" > 0.4 x 0.4 x 0.4</a>
-																											</td>
-																											<td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: red"> 9.8kg </a>
-																											</td>
-																											<td><a style="color: red">Unmatched <br></td>
+
+
+                                                                                    <div class="table-scrollable" style="max-width:900px; font-size:100px;">
+                                                                                        <table class="table table-striped table-bordered table-hover" id="sample_editable_1">
+                                                                                            <thead>
+                                                                                                <tr>
+                                                                                                    <th scope="col">No</th>
+                                                                                                    <th scope="col">Total Ctn
+                                                                                                        <br>(nominal)</th>
+                                                                                                    <th scope="col">Measurement-m
+                                                                                                        <br>(nominal)</th>
+                                                                                                    <th scope="col">Weight
+                                                                                                        <br>(nominal)</th>
+                                                                                                    <th scope="col">Total Ctn
+                                                                                                        <br>(actual)</th>
+                                                                                                    <th scope="col">Measurement-m
+                                                                                                        <br>(actual)</th>
+                                                                                                    <th scope="col">Weight
+                                                                                                        <br>(actual)</th>
+                                                                                                    <th scope="col">Status</th>
+                                                                                                    <th scope="col">Damage</th>
+                                                                                                    <th scope="col">Upload your Photo Here</th>
+
+                                                                                                </tr>
+                                                                                            </thead>
+                                                                                            <tfoot>
+                                                                                                <tr>
+                                                                                                    <td style="color: black">Total</td>
+                                                                                                    <td style="color: black">12 ctn</td>
+                                                                                                    <td style="color: black">3.6 CBM</td>
+                                                                                                    <td style="color: black">10 kg</td>
+                                                                                                    <td style="color: black">11 ctn</td>
+                                                                                                    <td style="color: black">3.6 CBM</td>
+                                                                                                    <td style="color: black">29.8 kg</td>
+                                                                                                    <td>
+                                                                                                        <a style="color: black"></a>
+                                                                                                    </td>
+                                                                                                    <td>
+
+                                                                                                    </td>
+                                                                                                    <td>
+
+                                                                                                    </td>
+
+                                                                                            </tfoot>
+                                                                                            <tbody>
+                                                                                                <tr>
+                                                                                                    <td>1</td>
+                                                                                                    <td>4</td>
+                                                                                                    <td>40x40x40</td>
+                                                                                                    <td>10kg</td>
+                                                                                                    <td><a href="javascript:;" id="totalctn" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="address" data-type="address" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40</a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 10kg </a>
+                                                                                                    </td>
+                                                                                                    <td>Matched</td>
+                                                                                                    <td>
+                                                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                                                            <span></span>
+                                                                                                        </label>
+                                                                                                    </td>
+                                                                                                    <td>
+                                                                                                        <div>
+                                                                                                            <span class="fileinput-new"></span>
+                                                                                                            <span class="fileinput-exists"></span>
+                                                                                                            <input type="file" name="...">
+                                                                                                        </div>
+                                                                                                    </td>
+
+
+
+
+                                                                                                </tr>
+                                                                                                <tr>
+                                                                                                    <td>2</td>
+                                                                                                    <td style="color: red">4</td>
+                                                                                                    <td>0.4x0.4x0.4</td>
+                                                                                                    <td>10kg</td>
+                                                                                                    <td><a href="javascript:;" id="totalctn2" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 3 </a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="address2" data-type="address" data-pk="1" data-original-title="Measurement"> 0.4 x 0.4 x 0.4</a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="weight2" data-type="text" data-pk="1" data-original-title="Weight"> 10kg </a>
+                                                                                                    </td>
+                                                                                                    <td><a style="color: red">Unmatched</a>
+                                                                                                    </td>
+                                                                                                    <td>
+                                                                                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                                                                            <input type="checkbox" class="checkboxes" value="1">
+                                                                                                            <span></span>
+                                                                                                        </label>
+                                                                                                    </td>
+                                                                                                    <td>
+                                                                                                        <div>
+                                                                                                            <span class="fileinput-new"></span>
+                                                                                                            <span class="fileinput-exists"></span>
+                                                                                                            <input type="file" name="..."> </span>
+                                                                                                        </div>
+                                                                                                    </td>
+
+                                                                                                </tr>
+                                                                                                <tr>
+                                                                                                    <td>3</td>
+                                                                                                    <td>4</td>
+                                                                                                    <td>0.4x0.4x0.4</td>
+                                                                                                    <td style="color: red">10kg</td>
+                                                                                                    <td><a href="javascript:;" id="totalctn3" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="address3" data-type="address" data-pk="1" data-original-title="Measurement"> 0.4 x 0.4 x 0.4</a>
+                                                                                                    </td>
+                                                                                                    <td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: red"> 9.8kg </a>
+                                                                                                    </td>
+                                                                                                    <td><a style="color: red">Unmatched <br></td>
                                                                                                             <td>
                                                                                                                 <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                      <input type="checkbox" class="checkboxes" value="1">
@@ -829,756 +833,800 @@
                                                                                                 <div class="col-md-offset-5 col-md-9">
                                                                                                     <a href="javascript:;" class="btn default button-previous">
                                                                                                         <i class="fa fa-angle-left"></i> Back </a>
-                                                                                                    <a onclick="confirm('Notification: Your warehouse receive note has been submitted')" data-toggle="modal" href="#marking2" class="btn green button-submit"> Submit
+                                                                                                        <a onclick="confirm('Notification: Your warehouse receive note has been submitted')" data-toggle="modal" href="#marking2" class="btn green button-submit"> Submit
 
                                                       </a>
-                                                                                                </div>
-                                                                                            </div>
-                                                                                        </div>
                                                                                     </div>
-                                                                                    <br>
-                                                                                    <br>
-                                                                                    <br>
-                                                                                    <p style="color:red; font-size:90%" align="center">Notification: Please keep key in the information if there have any problem with the goods</p>
                                                                                 </div>
-                                                                                
                                                                             </div>
                                                                         </div>
-                                                                        
+                                                                        <br>
+                                                                        <br>
+                                                                        <br>
+                                                                        <p style="color:red; font-size:90%" align="center">Notification: Please keep key in the information if there have any problem with the goods</p>
                                                                     </div>
+
                                                                 </div>
                                                             </div>
+
                                                         </div>
                                                     </div>
                                             </div>
                                         </div>
-                                        <!-- /.modal-content -->
                                     </div>
                                 </div>
-                                <!-- /.modal-dialog -->
                             </div>
-                            <!-- END CONTENT BODY -->
+                            <!-- /.modal-content -->
                         </div>
-                        <!-- END CONTENT -->
-                        <!-- Modal -->
-                  
+                    </div>
+                    <!-- /.modal-dialog -->
+                </div>
+                <!-- END CONTENT -->
+                <!-- Modal -->
+
                 <div class="modal fade in" id="move" 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="caption">
-                                            <i class="fa fa-gift"></i>Move File
+                    <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="caption">
+                                    <i class="fa fa-gift"></i>Move File
+                                </div>
+                            </div>
+                            <div class="modal-body">
+                                <div class="form">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <div class="form-group">
+                                                <label>Folder</label>
+                                                <select id="folder" class="form-control" onchange="show_hide(this);">
+                                                    <option>Select / Create New Folder</option>
+                                                    <option value="issue1">Documents</option>
+                                                    <option value="issue2">Images</option>
+                                                    <option value="sound">Sounds</option>
+                                                    <option value="oth">Others</option>
+                                                    <option value="create">Create New</option>
+                                                </select>
+                                            </div>
+                                            <div class="form-group" id="folder_name" style="display: none">
+                                                <label>Folder Name</label>
+                                                <input type="text" class="form-control">
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="modal-body"> 
-                                        <div class="form">
-                                            <div class="row">
-                                                <div class="col-md-12">
-                                                    <div class="form-group">
-                                                        <label>Folder</label>
-                                                        <select id="folder" class="form-control"  onchange="show_hide(this);">
-                                                            <option>Select / Create New Folder</option>
-                                                            <option value="issue1">Documents</option>
-                                                            <option value="issue2">Images</option>
-                                                            <option value="sound">Sounds</option>
-                                                            <option value="oth">Others</option>
-                                                            <option value="create">Create New</option>
-                                                        </select>
-                                                    </div>
-                                                    <div class="form-group" id="folder_name" style="display: none">
-                                                        <label>Folder Name</label>
-                                                        <input type="text" class="form-control">
-                                                    </div>
+                                </div>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                <button type="button" class="btn green" data-dismiss="modal">Move</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-lg">
+                        <div class="modal-content">
+
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal">✕</button>
+                                <h4 class="modal-title" id="myModalLabel">File Manager</h4>
+                            </div>
+
+                            <div class="modal-body">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <div class="col-md-4">
+                                            <div class="btn-group ">
+                                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                                    <span class="glyphicon glyphicon-plus-sign"></span>File Type
+                                                    <span class="caret"></span>
+                                                </a>
+                                                <ul class="dropdown-menu">
+                                                    <li><a href="#">Documents</a>
+                                                    </li>
+                                                    <li><a href="#">Images</a>
+                                                    </li>
+                                                    <li><a href="#">Sounds</a>
+                                                    </li>
+                                                    <li><a href="#">Others</a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="col-md-4">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control" placeholder="Search" name="q">
+                                                <div class="input-group-btn">
+                                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="col-md-4">
+                                            <div class="pull-right">
+                                                <button class="btn btn-default">
+                                                    <span class="glyphicon glyphicon-refresh"></span>
+                                                </button>
+                                                <a class="btn btn-default" href='#move' data-toggle='modal'>
+                                                    <span class="glyphicon glyphicon-move"></span>
+                                                </a>
+                                                <div class="btn-group">
+                                                    <button id="list" type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
+                                                    </button>
+                                                    <button id="thumbnail" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-th"></span>
+                                                    </button>
+                                                </div>
+                                                <div class="btn-group ">
+                                                    <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                Sort
+                                <span class="caret"></span>
+                                </a>
+                                                    <ul class="dropdown-menu">
+                                                        <li><a href="#">ID</a>
+                                                        </li>
+                                                        <li><a href="#">Title</a>
+                                                        </li>
+                                                        <li><a href="#">Date</a>
+                                                        </li>
+                                                    </ul>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="modal-footer">
-                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
-                                        <button type="button" class="btn green" data-dismiss="modal">Move</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-    <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-            
-                <div class="modal-header">
-                 <button type="button" class="close" data-dismiss="modal">✕</button>
-                    <h4 class="modal-title" id="myModalLabel">File Manager</h4>    
-                </div>
-                    
-                <div class="modal-body">
-                    <div class="row">
-                    <div class="col-md-12">
-                        <div class="col-md-4">
-                                <div class="btn-group ">
-                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
-                                <span class="glyphicon glyphicon-plus-sign"></span>File Type
-                                <span class="caret"></span>
-                                </a>
-                                <ul class="dropdown-menu">
-                                <li><a href="#">Documents</a></li>
-                                <li><a href="#">Images</a></li>
-                                <li><a href="#">Sounds</a></li>
-                                <li><a href="#">Others</a></li>
-                                </ul>
-                                </div>
-                        </div>
-                        <br/>
-                         <div class="col-md-4">
-                            <div class="input-group">
-                                <input type="text" class="form-control" placeholder="Search" name="q">
-                                <div class="input-group-btn">
-                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="col-md-4">
-                        <div class="pull-right"> 
-                            <button class="btn btn-default">
-                                <span class="glyphicon glyphicon-refresh"></span>
-                            </button>
-                            <a class="btn btn-default" href='#move' data-toggle='modal'>
-                                <span class="glyphicon glyphicon-move"></span>
-                            </a>
-                                <div class="btn-group">
-                                <button id="list"  type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
-                                </button>
-                                <button id="thumbnail" type="button" class="btn btn-default">  <span class="glyphicon glyphicon-th"></span>
-                                </button>
-                                </div>
-                                 <div class="btn-group ">
-                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
-                                Sort
-                                <span class="caret"></span>
-                                </a>
-                                <ul class="dropdown-menu">
-                                <li><a href="#">ID</a></li>
-                                <li><a href="#">Title</a></li>
-                                <li><a href="#">Date</a></li>
-                                </ul>
-                                </div>
-                        </div>
-                        </div>
-                    </div>
-                    <div class="col-md-12">
-                         <div class="col-md-3">
-                            <div class="row">
-                                <div class="col-md-9">
-                                    <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
-                                        <h4 class="sbold">Drop files here or click to upload</h4>
-                                    </form>
-                                </div>
-                             </div>
-                        </div>
-                         <div id="thumbnails" class="col-md-9">
-                            <div data-code="example-2">
-                                <div class="row">
-                                    <div class="col-md-10" style="float: none;  margin: 0 auto;">
-                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
-                                            <h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
-                                            </a>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
-                                            </a>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=253"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
-                                            </a>
+                                    <div class="col-md-12">
+                                        <div class="col-md-3">
+                                            <div class="row">
+                                                <div class="col-md-9">
+                                                    <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                                        <h4 class="sbold">Drop files here or click to upload</h4>
+                                                    </form>
+                                                </div>
+                                            </div>
                                         </div>
-                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
-                                            <a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
-                                            </a>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=255"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
-                                            </a>
-                                            <a href="https://unsplash.it/1200/768.jpg?image=256"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
-                                                <img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
-                                            </a>
+                                        <div id="thumbnails" class="col-md-9">
+                                            <div data-code="example-2">
+                                                <div class="row">
+                                                    <div class="col-md-10" style="float: none;  margin: 0 auto;">
+                                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
+                                                            <h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=253" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
+                                                            </a>
+                                                        </div>
+                                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=255" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
+                                                            </a>
+                                                            <a href="https://unsplash.it/1200/768.jpg?image=256" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                                <img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
+                                                            </a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-9" id="lists" style="display:none;">
+                                            <table class="table table-hover" id="example2" style="height:300px">
+
+                                                <thead>
+                                                    <tr>
+                                                        <th>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span>
+                                                            </label>
+                                                        </th>
+                                                        <th>ID</th>
+                                                        <th>Date</th>
+                                                        <th>Title</th>
+                                                        <th class="text-center">Action</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>1</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>2</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                            </label>
+                                                        </td>
+                                                        <td>3</td>
+                                                        <td>2017-08-02 13:45:22</td>
+                                                        <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                        </td>
+                                                        <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            <label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'>
+                                                                <input type='checkbox' class='checkboxes' value='1' /><span></span>
+                                                                </label</td>
+                                                                <td>4</td>
+                                                                <td>2017-08-02 13:45:22</td>
+                                                                <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a>
+                                                                </td>
+                                                                <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a>
+                                                                </td>
+                                                    </tr>
+
+
+                                                </tbody>
+                                            </table>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-9" id="lists" style="display:none;">
-                            <table class="table table-hover" id="example2" style="height:300px"> 
-                            
-                                    <thead> 
-                                    <tr>
-                                    <th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
-                                    <th>ID</th>
-                                    <th>Date</th>
-                                    <th>Title</th>
-                                    <th class="text-center">Action</th>
-                                    </tr>
-                                    </thead>
-                                    <tbody>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>1</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>2</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
-                                    <td>3</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    <tr>
-                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
-                                    <td>4</td>
-                                    <td>2017-08-02 13:45:22</td>
-                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
-                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
-                                    </tr>
-                                    
-                                   
-                                    </tbody>
-                            </table>
-                        </div>
-                    </div>
                     </div>
                 </div>
             </div>
+
         </div>
     </div>
-    
-               </div>
-                    <!-- END CONTENT -->
-                    <!-- END CONTAINER -->
-                    <!-- BEGIN FOOTER -->
-                    <div class="page-footer">
-                        <div class="page-footer-inner">
-                            Copyright &copy; 2017 IZYIM.COM
-                            <div class="scroll-to-top">
-                                <i class="icon-arrow-up"></i>
-                            </div>
-                        </div>
-                        <!-- END FOOTER -->
-                    </div>
-                    <!--[if lt IE 9]>
+    </div>
+    <!-- END CONTENT -->
+    <!-- END CONTAINER -->
+    <!-- BEGIN FOOTER -->
+    <div class="page-footer">
+        <div class="page-footer-inner">
+            Copyright &copy; 2017 IZYIM.COM
+            <div class="scroll-to-top">
+                <i class="icon-arrow-up"></i>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+    </div>
+    </div>
+    <!--[if lt IE 9]>
             <script src="../assets/global/plugins/respond.min.js"></script>
             <script src="../assets/global/plugins/excanvas.min.js"></script> 
             <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
             <![endif]-->
-                    <!-- BEGIN CORE PLUGINS -->
-                    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
-                    <!-- END CORE PLUGINS -->
-                    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
-                    <!-- BEGIN PAGE LEVEL PLUGINS -->
-                    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
-                    <!-- END PAGE LEVEL PLUGINS -->
-                    <!-- BEGIN THEME GLOBAL SCRIPTS -->
-                    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
-                    <script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/jquery.mockjax.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-editable/inputs-ext/address/address.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-typeahead/bootstrap3-typeahead.min.js" type="text/javascript"></script>
-                    <script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
-                   
-                    <script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
-                     <script src="../assets/pages/scripts/components-date-time-pickers.min.js" type="text/javascript"></script>
-                    <script src="../assets/pages/scripts/table-datatables-managed.min.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/jquery-repeater/jquery.repeater.js" type="text/javascript"></script>
-                    <script src="../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
-                    
-                    
-                    
-                    <!-- END THEME GLOBAL SCRIPTS -->
-                    <!-- END PAGE LEVEL SCRIPTS -->
-                    <!-- BEGIN THEME LAYOUT SCRIPTS -->
-                    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
-                    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
-                    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
-                    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
-                    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
-                    <!-- END THEME LAYOUT SCRIPTS -->
-                    <script>
-                        $(document).ready(function() {
+    <!-- BEGIN CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+    <!-- END CORE PLUGINS -->
+    <script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
+    <!-- BEGIN PAGE LEVEL PLUGINS -->
+    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL PLUGINS -->
+    <!-- BEGIN THEME GLOBAL SCRIPTS -->
+    <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery.mockjax.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-editable/inputs-ext/address/address.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-typeahead/bootstrap3-typeahead.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
 
-
-                            var dataSet = [
-                                ["01-08-2017", "ABC Warehouse", "101", "CIEF/00012/00012", "00012", "CBD SDN BHD", "00012-00012", "4", " Pallet", "12 CBM", "10kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete </a></li></ul></div><br/></center></td>"],
-                                ["04-08-2017", "ABC Warehouse", "102", "CIEF/00022/00022", "00022", "CBD SDN BHD", "00022-00022", "5", " Package", "13 CBM", "17kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
-                                ["11-08-2017", "ABC Warehouse", "103", "CIEF/00034/00034", "00034", "CBD SDN BHD", "00034-00034", "8", " Pallet", "23 CBM", "84kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
-                                ["31-08-2017", "ABC Warehouse", "104", "CIEF/00089/00089", "00089", "CBD SDN BHD", "00089-00089", "10", " Package", "54 CBM", "100kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
-                                ["01-09-2017", "ABC Warehouse", "105", "CIEF/00100/00100", "00100", "CBD SDN BHD", "00100-00100", "3", " Pallet", "10 CBM", "30kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
-                                ["17-09-2017", "ABC Warehouse", "106", "CIEF/00156/00156", "00156", "CBD SDN BHD", "00156-00156", "4", " Package", "24 CBM", "20kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
-                                // ["7","<a  style='float:center' data-toggle='modal' href='#profile'> CTN133 </a>","789ABC","01-08-2017","<span style='color:red'>02-08-2017 </span>","<span style='color:red'>04-08-2017 </span>","68679","Guangzhou","Customs Examination","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-                                // ["8","<a  style='float:center' data-toggle='modal' href='#profile'> CTN135 </a>","789ABC","01-08-2017","<span style='color:red'>01-08-2017 </span>","<span style='color:red'>05-08-2017 </span>","12345","Dongguan","Customs Examination","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
-                            ];
+    <script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/components-date-time-pickers.min.js" type="text/javascript"></script>
+    <script src="../assets/pages/scripts/table-datatables-managed.min.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/jquery-repeater/jquery.repeater.js" type="text/javascript"></script>
+    <script src="../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
 
 
 
-                            var table1 = $('#example').DataTable({
-                                data: dataSet,
+    <!-- END THEME GLOBAL SCRIPTS -->
+    <!-- END PAGE LEVEL SCRIPTS -->
+    <!-- BEGIN THEME LAYOUT SCRIPTS -->
+    <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+    <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
 
 
-                                //"bFilter" : false, 
-                                "bInfo": false,
-                                "bLengthChange": false,
-                                colReorder: {
-                                    reorderCallback: function() {
-                                        console.log('callback');
-                                    }
-                                },
-                                // scroller extension: http://datatables.net/extensions/scroller/
-                                scrollY: 300,
-                                scrollX: 300,
+            var dataSet = [
+                ["01-08-2017", "ABC Warehouse", "101", "CIEF/00012/00012", "00012", "CBD SDN BHD", "00012-00012", "4", " Pallet", "12 CBM", "10kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete </a></li></ul></div><br/></center></td>"],
+                ["04-08-2017", "ABC Warehouse", "102", "CIEF/00022/00022", "00022", "CBD SDN BHD", "00022-00022", "5", " Package", "13 CBM", "17kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
+                ["11-08-2017", "ABC Warehouse", "103", "CIEF/00034/00034", "00034", "CBD SDN BHD", "00034-00034", "8", " Pallet", "23 CBM", "84kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
+                ["31-08-2017", "ABC Warehouse", "104", "CIEF/00089/00089", "00089", "CBD SDN BHD", "00089-00089", "10", " Package", "54 CBM", "100kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
+                ["01-09-2017", "ABC Warehouse", "105", "CIEF/00100/00100", "00100", "CBD SDN BHD", "00100-00100", "3", " Pallet", "10 CBM", "30kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
+                ["17-09-2017", "ABC Warehouse", "106", "CIEF/00156/00156", "00156", "CBD SDN BHD", "00156-00156", "4", " Package", "24 CBM", "20kg", "", "<td><center><div class='btn-group'><button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Delete  </a></li></ul></div><br/></center></td>"],
+                // ["7","<a  style='float:center' data-toggle='modal' href='#profile'> CTN133 </a>","789ABC","01-08-2017","<span style='color:red'>02-08-2017 </span>","<span style='color:red'>04-08-2017 </span>","68679","Guangzhou","Customs Examination","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+                // ["8","<a  style='float:center' data-toggle='modal' href='#profile'> CTN135 </a>","789ABC","01-08-2017","<span style='color:red'>01-08-2017 </span>","<span style='color:red'>05-08-2017 </span>","12345","Dongguan","Customs Examination","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
+            ];
 
-                                buttons: [{
-                                    extend: 'print',
-                                    className: 'btn dark btn-outline'
-                                }, {
-                                    extend: 'copy',
-                                    className: 'btn red btn-outline'
-                                }, {
-                                    extend: 'pdf',
-                                    className: 'btn green btn-outline'
-                                }, {
-                                    extend: 'excel',
-                                    className: 'btn yellow btn-outline '
-                                }, {
-                                    extend: 'csv',
-                                    className: 'btn purple btn-outline '
-                                }, {
-                                    extend: 'colvis',
-                                    className: 'btn dark btn-outline',
-                                    text: 'Columns'
-                                }],
-                                "language": {
-                                    "aria": {
-                                        "sortAscending": ": activate to sort column ascending",
-                                        "sortDescending": ": activate to sort column descending"
-                                    },
-                                    "emptyTable": "No data available in table",
-                                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
-                                    "infoEmpty": "No entries found",
-                                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
-                                    "lengthMenu": "_MENU_ entries",
-                                    "search": "Search:",
-                                    "zeroRecords": "No matching records found"
-                                },
-                                "order": [
-                                    [1, "asc"]
-                                ],
-                                "pageLength": 20,
-                                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
-                                buttons: [{
-                                        text: 'Receive Goods',
-                                        className: 'btn red  btn-circle btn-outline qweqwe',
-                                        action: function(e, dt, node, config) {
-                                            $("#qweqwe").trigger('click');
-                                        }
 
-                                    }
 
-                                ],
-                                fixedHeader: false,
-                                columns: [{
-                                        title: 'Receive<br>Date <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>'
-                                    }, {
-                                        title: 'Warehouse <br>Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
-                                    }, {
-                                        title: 'Warehouse Receive<br>Note No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>'
-                                    }, {
-                                        title: 'Marking<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>'
-                                    }, {
-                                        title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>'
-                                    }, {
-                                        title: 'Transporter<br>Company Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>'
-                                    }, {
-                                        title: 'Consignment<br>Note<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>'
-                                    }, {
-                                        title: 'Total<br>CTN<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>'
-                                    }, {
-                                        title: 'UOM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>'
-                                    }, {
-                                        title: 'Total<br>CBM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>'
-                                    }, {
-                                        title: 'Total Goods<br>Weight<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>'
-                                    }, {
-                                        title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_12\')"></span>'
-                                    }, {
-                                        title: 'Actions<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_12\')"></span>'
-                                    },
+            var table1 = $('#example').DataTable({
+                data: dataSet,
 
-                                    // { title: 'Stats' },
-                                ],
 
-                                initComplete: function() {
-                                    configFilter(this, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]);
+                //"bFilter" : false, 
+                "bInfo": false,
+                "bLengthChange": false,
+                colReorder: {
+                    reorderCallback: function() {
+                        console.log('callback');
+                    }
+                },
+                // scroller extension: http://datatables.net/extensions/scroller/
+                scrollY: 300,
+                scrollX: 300,
+
+                buttons: [{
+                    extend: 'print',
+                    className: 'btn dark btn-outline'
+                }, {
+                    extend: 'copy',
+                    className: 'btn red btn-outline'
+                }, {
+                    extend: 'pdf',
+                    className: 'btn green btn-outline'
+                }, {
+                    extend: 'excel',
+                    className: 'btn yellow btn-outline '
+                }, {
+                    extend: 'csv',
+                    className: 'btn purple btn-outline '
+                }, {
+                    extend: 'colvis',
+                    className: 'btn dark btn-outline',
+                    text: 'Columns'
+                }],
+                "language": {
+                    "aria": {
+                        "sortAscending": ": activate to sort column ascending",
+                        "sortDescending": ": activate to sort column descending"
+                    },
+                    "emptyTable": "No data available in table",
+                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
+                    "infoEmpty": "No entries found",
+                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
+                    "lengthMenu": "_MENU_ entries",
+                    "search": "Search:",
+                    "zeroRecords": "No matching records found"
+                },
+                "order": [
+                    [1, "asc"]
+                ],
+                "pageLength": 20,
+                "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6'f><'col-md-6'<'toolbar2'B>>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
+                buttons: [
+				
+					{
+                        text: 'QR Scan',
+                        className: 'btn green',
+
+                    },
+					{
+                        text: 'Receive Goods',
+                        className: 'btn red  btn-circle btn-outline qweqwe',
+                        action: function(e, dt, node, config) {
+                            $("#qweqwe").trigger('click');
+                        },
+
+                    },
+
+                ],
+                fixedHeader: false,
+                columns: [{
+                        title: 'Receive<br>Date <br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_1\')"></span>'
+                    }, {
+                        title: 'Warehouse <br>Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_2\')"></span>'
+                    }, {
+                        title: 'Warehouse Receive<br>Note No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>'
+                    }, {
+                        title: 'Marking<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>'
+                    }, {
+                        title: 'Order<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>'
+                    }, {
+                        title: 'Transporter<br>Company Name<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>'
+                    }, {
+                        title: 'Consignment<br>Note<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>'
+                    }, {
+                        title: 'Total<br>CTN<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>'
+                    }, {
+                        title: 'UOM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>'
+                    }, {
+                        title: 'Total<br>CBM<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>'
+                    }, {
+                        title: 'Total Goods<br>Weight<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>'
+                    }, {
+                        title: 'Remark<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_12\')"></span>'
+                    }, {
+                        title: 'Actions<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_12\')"></span>'
+                    },
+
+                    // { title: 'Stats' },
+                ],
+
+                initComplete: function() {
+                    configFilter(this, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]);
+                }
+            });
+
+
+
+        });
+
+
+        //This function initializes the content inside the filter modal
+        function configFilter($this, colArray) {
+            setTimeout(function() {
+                var tableName = $this[0].id;
+                var columns = $this.api().columns();
+                // $.each(colArray, function (i, arg) {
+                // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
+                //});
+
+                var template = '<div class="modal modalFilter modal-scroll in">' +
+                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
+                    '<div class="modal-content">' +
+                    '<div class="modal-body">' + '{0}</div>' +
+                    '<div class="modal-footer">' +
+                    '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
+                    '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+                $.each(colArray, function(index, value) {
+                    columns.every(function(i) {
+                        if (value === i) {
+                            var column = this,
+                                content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
+                            var columnName = $(this.header()).text().replace(/\s+/g, "_");
+                            var distinctArray = [];
+                            column.data().each(function(d, j) {
+                                if (distinctArray.indexOf(d) == -1) {
+                                    //alert(jQuery.type( d ));
+                                    d = d.replace("<a class='chat_link' href='chat.html'>", '');
+                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", '');
+
+                                    var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
+                                    content += '<div><input type="checkbox" value="' + d + '"  id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
+                                    distinctArray.push(d);
                                 }
                             });
+                            var newTemplate = $(template.replace('{0}', content).replace('{1}', value).replace('{1}', value).replace('{2}', tableName).replace('{2}', tableName));
+                            $('body').append(newTemplate);
+                            modalFilterArray[tableName + "_" + value] = newTemplate;
+                            content = '';
+                        }
+                    });
+                });
+            }, 50);
+        }
+        var modalFilterArray = {};
+        //User to show the filter modal
+        function showFilter(e, index) {
+            $('.modalFilter').hide();
+            $(modalFilterArray[index]).css({
+                left: 0,
+                top: 0
+            });
+            var th = $(e.target).parent();
+            var pos = th.offset();
+            console.log(th);
+            $(modalFilterArray[index]).width(th.width() * 3.0);
+            $(modalFilterArray[index]).css({
+                'left': pos.left,
+                'top': pos.top
+            });
+            $(modalFilterArray[index]).show();
+            $('#mask').show();
+            e.stopPropagation();
+        }
 
-                            
+        //This function is to use the searchbox to filter the checkbox
+        function filterValues(node) {
+            var searchString = $(node).val();
+            var rootNode = $(node).parent();
+            if (searchString == '') {
+                rootNode.find('div').show();
+            } else {
+                rootNode.find("div").hide();
+                rootNode.find("div:contains('" + searchString + "')").show();
+            }
+        }
 
-                        });
+        //Execute the filter on the table for a given column
+        function performFilter(node, i, tableId) {
+            var rootNode = $(node).parent().parent();
+            var searchString = '',
+                counter = 0;
+
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
+                if (checkbox.checked) {
+                    searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
+                    counter++;
+                }
+            });
+            $('#' + tableId).DataTable().column(i).search(
+                searchString,
+                true, false
+            ).draw();
+            rootNode.hide();
+            $('#mask').hide();
+            $('.modalFilter').hide();
+        }
+
+        //Removes the filter from the table for a given column
+        function clearFilter(node, i, tableId) {
+            var rootNode = $(node).parent().parent();
+            rootNode.find(".filterSearchText").val('');
+            rootNode.find('input:checkbox').each(function(index, checkbox) {
+                checkbox.checked = false;
+                $(checkbox).parent().show();
+            });
+            $('#' + tableId).DataTable().column(i).search(
+                '',
+                true, false
+            ).draw();
+            rootNode.hide();
+            $('#mask').hide();
+            $('.modalFilter').hide();
+        }
 
 
-                        //This function initializes the content inside the filter modal
-                        function configFilter($this, colArray) {
-                            setTimeout(function() {
-                                var tableName = $this[0].id;
-                                var columns = $this.api().columns();
-                                // $.each(colArray, function (i, arg) {
-                                // $('#' + tableName + ' th:eq(' + arg + ')').append('<br><img src="http://www.icone-png.com/png/39/38556.png" class="filterIcon" onclick="showFilter(event,\'' + tableName + '_' + arg + '\')" />');
-                                //});
+        var FormWizard = function() {
 
-                                var template = '<div class="modal modalFilter modal-scroll in">' +
-                                    '<div class="modal-dialog modal-full" style="margin-top: 0px;margin-bottom: 0px;">' +
-                                    '<div class="modal-content">' +
-                                    '<div class="modal-body">' + '{0}</div>' +
-                                    '<div class="modal-footer">' +
-                                    '<a onclick="clearFilter(this, {1}, \'{2}\');"  class=" btn left waves-effect waves-light" data-dismiss="modal" >Clear</a>' +
-                                    '<a onclick="performFilter(this, {1}, \'{2}\');"  class=" btn right waves-effect waves-light">Ok</a>' +
-                                    '</div>' +
-                                    '</div>' +
-                                    '</div>' +
-                                    '</div>';
-                                $.each(colArray, function(index, value) {
-                                    columns.every(function(i) {
-                                        if (value === i) {
-                                            var column = this,
-                                                content = '<input type="text" class="filterSearchText form-control" onkeyup="filterValues(this)" /> <br/>';
-                                            var columnName = $(this.header()).text().replace(/\s+/g, "_");
-                                            var distinctArray = [];
-                                            column.data().each(function(d, j) {
-                                                if (distinctArray.indexOf(d) == -1) {
-                                                    //alert(jQuery.type( d ));
-                                                    d = d.replace("<a class='chat_link' href='chat.html'>", '');
-                                                    d = d.replace("<span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>", '');
 
-                                                    var id = tableName + "_" + columnName + "_" + j; // onchange="formatValues(this,' + value + ');
-                                                    content += '<div><input type="checkbox" value="' + d + '"  id="' + id + '"/>&nbsp;<label style="font-size:10px" for="' + id + '"> ' + d + '</label></div>';
-                                                    distinctArray.push(d);
-                                                }
-                                            });
-                                            var newTemplate = $(template.replace('{0}', content).replace('{1}', value).replace('{1}', value).replace('{2}', tableName).replace('{2}', tableName));
-                                            $('body').append(newTemplate);
-                                            modalFilterArray[tableName + "_" + value] = newTemplate;
-                                            content = '';
-                                        }
-                                    });
+            return {
+                //main function to initiate the module
+                init: function() {
+                    if (!jQuery().bootstrapWizard) {
+                        return;
+                    }
+
+                    function format(state) {
+                        if (!state.id) return state.text; // optgroup
+                        return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
+                    }
+
+                    $("#country_list").select2({
+                        placeholder: "Select",
+                        allowClear: true,
+                        formatResult: format,
+                        width: 'auto',
+                        formatSelection: format,
+                        escapeMarkup: function(m) {
+                            return m;
+                        }
+                    });
+
+                    var form = $('#submit_form');
+                    var error = $('.alert-danger', form);
+                    var success = $('.alert-success', form);
+
+                    var displayConfirm = function() {
+                        $('#tab4 .form-control-static', form).each(function() {
+                            var input = $('[name="' + $(this).attr("data-display") + '"]', form);
+                            if (input.is(":radio")) {
+                                input = $('[name="' + $(this).attr("data-display") + '"]:checked', form);
+                            }
+                            if (input.is(":text") || input.is("textarea")) {
+                                $(this).html(input.val());
+                            } else if (input.is("select")) {
+                                $(this).html(input.find('option:selected').text());
+                            } else if (input.is(":radio") && input.is(":checked")) {
+                                $(this).html(input.attr("data-title"));
+                            } else if ($(this).attr("data-display") == 'payment[]') {
+                                var payment = [];
+                                $('[name="payment[]"]:checked', form).each(function() {
+                                    payment.push($(this).attr('data-title'));
                                 });
-                            }, 50);
-                        }
-                        var modalFilterArray = {};
-                        //User to show the filter modal
-                        function showFilter(e, index) {
-                            $('.modalFilter').hide();
-                            $(modalFilterArray[index]).css({
-                                left: 0,
-                                top: 0
-                            });
-                            var th = $(e.target).parent();
-                            var pos = th.offset();
-                            console.log(th);
-                            $(modalFilterArray[index]).width(th.width() * 3.0);
-                            $(modalFilterArray[index]).css({
-                                'left': pos.left,
-                                'top': pos.top
-                            });
-                            $(modalFilterArray[index]).show();
-                            $('#mask').show();
-                            e.stopPropagation();
-                        }
-
-                        //This function is to use the searchbox to filter the checkbox
-                        function filterValues(node) {
-                            var searchString = $(node).val();
-                            var rootNode = $(node).parent();
-                            if (searchString == '') {
-                                rootNode.find('div').show();
-                            } else {
-                                rootNode.find("div").hide();
-                                rootNode.find("div:contains('" + searchString + "')").show();
+                                $(this).html(payment.join("<br>"));
                             }
-                        }
-
-                        //Execute the filter on the table for a given column
-                        function performFilter(node, i, tableId) {
-                            var rootNode = $(node).parent().parent();
-                            var searchString = '',
-                                counter = 0;
-
-                            rootNode.find('input:checkbox').each(function(index, checkbox) {
-                                if (checkbox.checked) {
-                                    searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;
-                                    counter++;
-                                }
-                            });
-                            $('#' + tableId).DataTable().column(i).search(
-                                searchString,
-                                true, false
-                            ).draw();
-                            rootNode.hide();
-                            $('#mask').hide();
-                            $('.modalFilter').hide();
-                        }
-
-                        //Removes the filter from the table for a given column
-                        function clearFilter(node, i, tableId) {
-                            var rootNode = $(node).parent().parent();
-                            rootNode.find(".filterSearchText").val('');
-                            rootNode.find('input:checkbox').each(function(index, checkbox) {
-                                checkbox.checked = false;
-                                $(checkbox).parent().show();
-                            });
-                            $('#' + tableId).DataTable().column(i).search(
-                                '',
-                                true, false
-                            ).draw();
-                            rootNode.hide();
-                            $('#mask').hide();
-                            $('.modalFilter').hide();
-                        }
-
-
-                        var FormWizard = function() {
-
-
-                            return {
-                                //main function to initiate the module
-                                init: function() {
-                                    if (!jQuery().bootstrapWizard) {
-                                        return;
-                                    }
-
-                                    function format(state) {
-                                        if (!state.id) return state.text; // optgroup
-                                        return "<img class='flag' src='../../assets/global/img/flags/" + state.id.toLowerCase() + ".png'/>&nbsp;&nbsp;" + state.text;
-                                    }
-
-                                    $("#country_list").select2({
-                                        placeholder: "Select",
-                                        allowClear: true,
-                                        formatResult: format,
-                                        width: 'auto',
-                                        formatSelection: format,
-                                        escapeMarkup: function(m) {
-                                            return m;
-                                        }
-                                    });
-
-                                    var form = $('#submit_form');
-                                    var error = $('.alert-danger', form);
-                                    var success = $('.alert-success', form);
-
-                                    var displayConfirm = function() {
-                                        $('#tab4 .form-control-static', form).each(function() {
-                                            var input = $('[name="' + $(this).attr("data-display") + '"]', form);
-                                            if (input.is(":radio")) {
-                                                input = $('[name="' + $(this).attr("data-display") + '"]:checked', form);
-                                            }
-                                            if (input.is(":text") || input.is("textarea")) {
-                                                $(this).html(input.val());
-                                            } else if (input.is("select")) {
-                                                $(this).html(input.find('option:selected').text());
-                                            } else if (input.is(":radio") && input.is(":checked")) {
-                                                $(this).html(input.attr("data-title"));
-                                            } else if ($(this).attr("data-display") == 'payment[]') {
-                                                var payment = [];
-                                                $('[name="payment[]"]:checked', form).each(function() {
-                                                    payment.push($(this).attr('data-title'));
-                                                });
-                                                $(this).html(payment.join("<br>"));
-                                            }
-                                        });
-                                    }
-
-                                    var handleTitle = function(tab, navigation, index) {
-                                        var total = navigation.find('li').length;
-                                        var current = index + 1;
-                                        // set wizard title
-                                        $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
-                                        // set done steps
-                                        jQuery('li', $('#form_wizard_1')).removeClass("done");
-                                        var li_list = navigation.find('li');
-                                        for (var i = 0; i < index; i++) {
-                                            jQuery(li_list[i]).addClass("done");
-                                        }
-
-                                        if (current == 1) {
-                                            $('#form_wizard_1').find('.button-previous').hide();
-                                        } else {
-                                            $('#form_wizard_1').find('.button-previous').show();
-                                        }
-
-                                        if (current >= total) {
-                                            $('#form_wizard_1').find('.button-next').hide();
-                                            $('#form_wizard_1').find('.button-submit').show();
-                                            displayConfirm();
-                                        } else {
-                                            $('#form_wizard_1').find('.button-next').show();
-                                            $('#form_wizard_1').find('.button-submit').hide();
-                                        }
-                                        App.scrollTo($('.page-title'));
-                                    }
-
-                                    // default form wizard
-                                    $('#form_wizard_1').bootstrapWizard({
-                                        'nextSelector': '.button-next',
-                                        'previousSelector': '.button-previous',
-                                        onTabClick: function(tab, navigation, index, clickedIndex) {
-                                            return false;
-
-                                            success.hide();
-                                            error.hide();
-                                            <!-- if (form.valid() == false) { -->
-                                                <!-- return false; -->
-                                            <!-- } -->
-
-                                            handleTitle(tab, navigation, clickedIndex);
-                                        },
-                                        onNext: function(tab, navigation, index) {
-                                            success.hide();
-                                            error.hide();
-
-                                            <!-- if (form.valid() == false) { -->
-                                                <!-- return false; -->
-                                            <!-- } -->
-
-                                            handleTitle(tab, navigation, index);
-                                        },
-                                        onPrevious: function(tab, navigation, index) {
-                                            success.hide();
-                                            error.hide();
-
-                                            handleTitle(tab, navigation, index);
-                                        },
-                                        onTabShow: function(tab, navigation, index) {
-                                            var total = navigation.find('li').length;
-                                            var current = index + 1;
-                                            var $percent = (current / total) * 100;
-                                            $('#form_wizard_1').find('.progress-bar').css({
-                                                width: $percent + '%'
-                                            });
-                                        }
-                                    });
-
-                                    $('#form_wizard_1').find('.button-previous').hide();
-                                    $('#form_wizard_1 .button-submit').click(function() {
-                                        location.reload();
-                                    }).hide();
-
-                                    
-                                }
-
-                            };
-
-                        }();
-
-                        jQuery(document).ready(function() {
-                            FormWizard.init();
-							var rowCount = $('#sample_editable_1 tr').length;
-							$('#total').html(rowCount);
-							
                         });
-                    </script>
-                    <script>
-                        var counter = 1;
-                        var limit = 3;
+                    }
 
-                        function addInput(divName) {
-                            if (counter == limit) {
-                                alert("You have reached the limit of adding " + counter + " inputs");
-                            } else {
-                                var newdiv = document.createElement('div');
-                                newdiv.innerHTML = "Remark " + (counter + 1) + " <br><input type='text' style='height: 100px; width: 340px' name='myInputs[]'>";
-                                document.getElementById(divName).appendChild(newdiv);
-                                counter++;
-                            }
+                    var handleTitle = function(tab, navigation, index) {
+                        var total = navigation.find('li').length;
+                        var current = index + 1;
+                        // set wizard title
+                        $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
+                        // set done steps
+                        jQuery('li', $('#form_wizard_1')).removeClass("done");
+                        var li_list = navigation.find('li');
+                        for (var i = 0; i < index; i++) {
+                            jQuery(li_list[i]).addClass("done");
                         }
-						function addNewRow(){
-						
-							var last_count = $('#sample_editable_1').find('tbody tr:last td:first').text();
-							
-							var next_count = parseInt(last_count) + 1;
-							
-							var lengths = $( "#sample_editable_1 tbody tr:nth-child(2) td" ).length;
-							
-							$('#sample_editable_1 > tbody:last-child').append('<tr><td>'+next_count+'</td><td></td><td></td><td></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td></td><td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkboxes" value="1"><span></span></label></td><td><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td>');
 
-							var rowCount = $('#sample_editable_1 tbody tr').length;
-							$('#total').html(rowCount);
-						}
-						function addNewColumn(){
-							$('#sample_editable_1 thead').find('tr').each(function(){
-								$(this).find('th').eq(7).after('<th>Remark</th>');
-						   });
-							$('#sample_editable_1 tbody').find('tr').each(function(){
-								$(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-						   });
-                            $('#sample_editable_1 tfoot').find('tr').each(function(){
-                                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-                           });
-							
-						}
-						
-                    </script>
-                    <script type="text/javascript"> 
- var howmanytoadd = 2;
- var rows;
+                        if (current == 1) {
+                            $('#form_wizard_1').find('.button-previous').hide();
+                        } else {
+                            $('#form_wizard_1').find('.button-previous').show();
+                        }
 
- function calc() {
-     var tot = 0;
-     for (var i = 0; i < rows.length; i++) {
-         var linetot = 0;
-         rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
-         tot += linetot;
-     }
-     document.getElementById('total').value = tot
- }
-</script>
-<script type="text/javascript">
-function findTotal(){
-    var arr = document.getElementsByName('qty');
-    var tot=0;
-    for(var i=0;i<arr.length;i++){
-        if(parseInt(arr[i].value))
-            tot += parseInt(arr[i].value);
-    }
-    document.getElementById('total1').value = tot;
-}
+                        if (current >= total) {
+                            $('#form_wizard_1').find('.button-next').hide();
+                            $('#form_wizard_1').find('.button-submit').show();
+                            displayConfirm();
+                        } else {
+                            $('#form_wizard_1').find('.button-next').show();
+                            $('#form_wizard_1').find('.button-submit').hide();
+                        }
+                        App.scrollTo($('.page-title'));
+                    }
 
+                    // default form wizard
+                    $('#form_wizard_1').bootstrapWizard({
+                        'nextSelector': '.button-next',
+                        'previousSelector': '.button-previous',
+                        onTabClick: function(tab, navigation, index, clickedIndex) {
+                            return false;
+
+                            success.hide();
+                            error.hide();
+                            <!-- if (form.valid() == false) { -->
+                            <!-- return false; -->
+                            <!-- } -->
+
+                            handleTitle(tab, navigation, clickedIndex);
+                        },
+                        onNext: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            <!-- if (form.valid() == false) { -->
+                            <!-- return false; -->
+                            <!-- } -->
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onPrevious: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            handleTitle(tab, navigation, index);
+                        },
+                        onTabShow: function(tab, navigation, index) {
+                            var total = navigation.find('li').length;
+                            var current = index + 1;
+                            var $percent = (current / total) * 100;
+                            $('#form_wizard_1').find('.progress-bar').css({
+                                width: $percent + '%'
+                            });
+                        }
+                    });
+
+                    $('#form_wizard_1').find('.button-previous').hide();
+                    $('#form_wizard_1 .button-submit').click(function() {
+                        location.reload();
+                    }).hide();
+
+
+                }
+
+            };
+
+        }();
+
+        jQuery(document).ready(function() {
+            FormWizard.init();
+            var rowCount = $('#sample_editable_1 tr').length;
+            $('#total').html(rowCount);
+
+        });
+    </script>
+    <script>
+        var counter = 1;
+        var limit = 3;
+
+        function addInput(divName) {
+            if (counter == limit) {
+                alert("You have reached the limit of adding " + counter + " inputs");
+            } else {
+                var newdiv = document.createElement('div');
+                newdiv.innerHTML = "Remark " + (counter + 1) + " <br><input type='text' style='height: 100px; width: 340px' name='myInputs[]'>";
+                document.getElementById(divName).appendChild(newdiv);
+                counter++;
+            }
+        }
+
+        function addNewRow() {
+
+            var last_count = $('#sample_editable_1').find('tbody tr:last td:first').text();
+
+            var next_count = parseInt(last_count) + 1;
+
+            var lengths = $("#sample_editable_1 tbody tr:nth-child(2) td").length;
+
+            $('#sample_editable_1 > tbody:last-child').append('<tr><td>' + next_count + '</td><td></td><td></td><td></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td></td><td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkboxes" value="1"><span></span></label></td><td><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td>');
+
+            var rowCount = $('#sample_editable_1 tbody tr').length;
+            $('#total').html(rowCount);
+        }
+
+        function addNewColumn() {
+            $('#sample_editable_1 thead').find('tr').each(function() {
+                $(this).find('th').eq(7).after('<th>Remark</th>');
+            });
+            $('#sample_editable_1 tbody').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
+            });
+            $('#sample_editable_1 tfoot').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
+            });
+
+        }
+    </script>
+    <script type="text/javascript">
+        var howmanytoadd = 2;
+        var rows;
+
+        function calc() {
+            var tot = 0;
+            for (var i = 0; i < rows.length; i++) {
+                var linetot = 0;
+                rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
+                tot += linetot;
+            }
+            document.getElementById('total').value = tot
+        }
+    </script>
+    <script type="text/javascript">
+        function findTotal() {
+            var arr = document.getElementsByName('qty');
+            var tot = 0;
+            for (var i = 0; i < arr.length; i++) {
+                if (parseInt(arr[i].value))
+                    tot += parseInt(arr[i].value);
+            }
+            document.getElementById('total1').value = tot;
+        }
     </script>
 
-                    
+
 </body>
 
-</html>  
\ No newline at end of file
+</html>
\ No newline at end of file
