diff --git a/public/Importer/shippingorder.html b/public/Importer/shippingorder.html
index 16a2741..42e8edf 100644
--- a/public/Importer/shippingorder.html
+++ b/public/Importer/shippingorder.html
@@ -16,1236 +16,1236 @@ 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 | Shipping 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/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 -->
+<head>
+    <meta charset="utf-8" />
+    <title>IZYIM | Shipping 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/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 -->
+
+    <!-- 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" />
+    <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/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
+    <!-- END PAGE LEVEL PLUGINS -->
 
-        <!-- 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" />
-        <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/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
-        <!-- END PAGE LEVEL PLUGINS -->
-        
-        <link rel="shortcut icon" href="favicon.ico" />
     <style>
-    .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
-        border: 1px solid #bac1c7;
-        }    
+        .table-bordered,
+        .table-bordered>tbody>tr>td,
+        .table-bordered>tbody>tr>th,
+        .table-bordered>tfoot>tr>td,
+        .table-bordered>tfoot>tr>th,
+        .table-bordered>thead>tr>td,
+        .table-bordered>thead>tr>th {
+            border: 1px solid #bac1c7;
+        }
+        body {
+            overflow-x: hidden;
+        }
+        
         .media-object-4 {
             width: 35px;
-            position: right ;
+            position: right;
             margin-left: 63%;
-            margin-top:0.7%;
+            margin-top: 0.7%;
         }
+        
         .btiv {
             background: transparent;
             border: none !important;
         }
+        
         .pllt {
-            width:50%
-            height:50%
+            width: 50% height: 50%
         }
     </style>
-    </head>
-    <!-- END HEAD -->
+</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 -->
-                    <img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
-                    <div class="top-menu">
-                        <ul class="nav navbar-nav pull-right">
-                            
-                            <!-- END TODO DROPDOWN -->
-                            <!-- BEGIN USER LOGIN DROPDOWN -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-user">
-                                <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 -->
-                            <!-- BEGIN QUICK SIDEBAR TOGGLER -->
-                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                            <li class="dropdown dropdown-quick-sidebar-toggler">
-                                <a href="javascript:;" class="dropdown-toggle">
-                                    <i class="icon-logout"></i>
-                                </a>
-                            </li>
-                            <!-- END QUICK SIDEBAR TOGGLER -->
-                        </ul>
                     </div>
-                    <!-- END TOP NAVIGATION MENU -->
                 </div>
-                <!-- 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 " 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 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 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 -->
-                    </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">
+                <!-- 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 -->
+                <img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+                <div class="top-menu">
+                    <ul class="nav navbar-nav pull-right">
+
+                        <!-- END TODO DROPDOWN -->
+                        <!-- BEGIN USER LOGIN DROPDOWN -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-user">
+                            <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="index.html">Home</a>
-                                    <i class="fa fa-circle"></i>
+                                    <a href="page_user_profile_1.html">
+                                        <i class="icon-user"></i> My Profile </a>
                                 </li>
                                 <li>
-                                    <span>Dashboard</span>
+                                    <a href="page_user_login_1.html">
+                                        <i class="icon-key"></i> Log Out </a>
                                 </li>
                             </ul>
-                        </div>
-                        <!-- END PAGE BAR -->
-                        <!-- BEGIN PAGE TITLE-->
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="portlet box green">
-                                    <div class="portlet-title">
-                                        <div class="caption">
-                                            <i class="fa fa-cogs"></i><strong>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>
-                                                    <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>
+                        <!-- END USER LOGIN DROPDOWN -->
+                        <!-- BEGIN QUICK SIDEBAR TOGGLER -->
+                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+                        <li class="dropdown dropdown-quick-sidebar-toggler">
+                            <a href="javascript:;" class="dropdown-toggle">
+                                <i class="icon-logout"></i>
+                            </a>
+                        </li>
+                        <!-- END QUICK SIDEBAR TOGGLER -->
+                    </ul>
+                </div>
+                <!-- END TOP NAVIGATION MENU -->
+            </div>
+            <!-- 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 " 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:40%" /></center>
+                        </li>
+                        <hr style="margin-top: 10px;margin-bottom: 10px;">
+                        <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 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 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 -->
+                </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>Dashboard</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- END PAGE BAR -->
+                    <!-- BEGIN PAGE TITLE-->
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="portlet box green" id="form_wizard_1">
+                                <div class="portlet-title">
+                                    <div class="caption">
+                                        <i class="fa fa-cogs"></i><strong>Order Status</strong>
+                                    </div>
+                                </div>
+                                <div class="portlet-body form">
+                                    <form class="form-horizontal" action="#" id="submit_form" method="POST">
+                                        <div class="form-wizard">
+                                            <div class="form-body" style="padding-top: 0px;padding-bottom: 0px;">
+                                                <ul class="nav nav-pills nav-justified steps" style="margin-bottom: 0px;">
                                                     <li>
-                                                        <a href="javascript:;" data-action="0" class="tool-action">
-                                                            <i class="icon-printer"></i> Print</a>
+                                                        <a href="#tab1" data-toggle="tab" class="step">
+                                                            <span class="number"> 1 </span>
+                                                            <span class="desc">
+															<i class="fa fa-check"></i>Details</span>
+                                                        </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>
+                                                        <a href="#tab2" data-toggle="tab" class="step">
+                                                            <span class="number"> 2 </span>
+                                                            <span class="desc">
+															<i class="fa fa-check"></i> Items </span>
+                                                        </a>
                                                     </li>
                                                 </ul>
-                                            </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">
-                                                                        <i class="fa fa-check"></i>Details</span>
-                                                                </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> Items </span>
-                                                                </a>
-                                                            </li>
-                                                        </ul>
-                                                        <div id="bar" class="progress progress-striped" role="progressbar">
-                                                            <div class="progress-bar progress-bar-success"> </div>
-                                                        </div>
-                                                        <div class="tab-content">
-                                                            <div class="tab-pane active" id="tab1">
-                                                                <div class="row">
-                                                                    <form class="form-horizontal" role="form">
-                                                                        <div class="col-md-12">
-                                                                            <div class="portlet light bordered">
-                                                                                <span class="caption-subject font-dark bold uppercase"><h4><strong>Details</strong></h4></span>
-                                                                                    <div class="table-toolbar" align="right">
-                                                                                        <div class="row">
-                                                                                            <div class="btn-group">
-                                                                                                <a onclick="confirm('Your request has been sent. This order saved as Draft')" class="btn green"> Send to Supplier</a>
-                                                                                            </div>
-																						</div>
-																					</div>
-                                                                                    <div class="form-group">
-                                                                                        <div class="form-group">
-                                                                                            <label for="so" class="col-md-2 control-label">Type</label>
-                                                                                               <div class="col-md-4">
-                                                                                                    <select id="folder" class="form-control">
-                                                                                                        <option>Please Select</option>
-                                                                                                        <option value="000">New Order</option>
-                                                                                                        <option value="001">Purchase Oder</option>
-                                                                                                   </select>
-                                                                                               </div>
-                                                                                       </div>
-                                                                                        <div class="tab-pane active" id="issue1" style="display: none;">
-                                                                                            <form role="form" action="#">
-                                                                                                <br/>
-																										<div class="form-group">
-																											<label class="control-label col-md-2">Forwarder</label>
-																											<div class="col-md-9">
-																												<div class="input-group select2-bootstrap-prepend">
-																													<select id="select2-button-addons-single-input-group" class="form-control qweqweqwe" style="width:43%" >
-																														<option value="CIEF Worldwide"   data-nama="CIEF Worldwide"   data-thumb="../assets/layouts/layout/img/comp1.png">CIEF Worldwide</option>
-																														<option value="Magic Cyberjaya"  data-nama="Magic Cyberjaya"  data-thumb="../assets/layouts/layout/img/comp2.png">Magic Cyberjaya</option>
-																														<option value="Home Made Market" data-nama="Home Made Market" data-thumb="../assets/layouts/layout/img/comp5.jpg">Home Made Market</option>
-																													</select>
-																												</div>
-																											</div>
-																										</div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Marking</label>
-                                                                                                        <div class="col-md-4">
-                                                                                                            <input type="text" class="form-control" id="marking" placeholder="CIEF/00123">
-                                                                                                        </div>
-                                                                                                </div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Supplier</label>
-                                                                                                        <div class="col-md-4">
-                                                                                                            <input type="text" class="form-control" id="supplier" placeholder="Infinite co.">
-                                                                                                        </div>
-                                                                                                </div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Warehouse Name</label>
-                                                                                                       <div class="col-md-4">
-                                                                                                            <select class="form-control">
-                                                                                                                <option>Please choose your order</option>
-                                                                                                                <option value="000">A</option>
-                                                                                                                <option value="001">B</option>
-                                                                                                                <option value="002">C</option>
-                                                                                                                <option value="004">D</option>
-                                                                                                                <option value="006">E</option>
-                                                                                                           </select>
-                                                                                                       </div>
-                                                                                               </div>
-                                                                                                    <div class="form-group">
-                                                                                                        <label for="so" class="col-md-2 control-label">Warehouse Name</label>
-                                                                                                            <div class="col-md-4">
-                                                                                                                <input type="text" class="form-control" id="marking" placeholder="IFNT">
-                                                                                                            </div>
-                                                                                                    </div>
-                                                                                            </form>
-                                                                                        </div> 
-
-                                                                                        <div class="tab-pane active" id="issue2" style="display: none;">
-                                                                                            <form role="form" action="#">
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Order No.</label>
-                                                                                                       <div class="col-md-4">
-                                                                                                            <select class="form-control">
-                                                                                                                <option>Please choose your order</option>
-                                                                                                                <option value="000">00012 - Infinite co.</option>
-                                                                                                                <option value="001">00114 - Indynamic co.</option>
-                                                                                                                <option value="002">00216 - Indinite co.</option>
-                                                                                                                <option value="004">00418 - Def co.</option>
-                                                                                                                <option value="006">00624 - Inner Circle co.</option>
-                                                                                                           </select>
-                                                                                                       </div>
-                                                                                               </div>
-
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Marking</label>
-                                                                                                        <div class="col-md-4">
-                                                                                                            <input type="text" class="form-control" id="marking" placeholder="CIEF/00123" disabled>
-                                                                                                        </div>
-                                                                                                </div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Supplier</label>
-                                                                                                        <div class="col-md-4">
-                                                                                                            <input type="text" class="form-control" id="supplier" placeholder="Infinite co.">
-                                                                                                        </div>
-                                                                                                </div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Warehouse Name</label>
-                                                                                                       <div class="col-md-4">
-                                                                                                            <select class="form-control">
-                                                                                                                <option>Please choose your order</option>
-                                                                                                                <option value="000">A</option>
-                                                                                                                <option value="001">B</option>
-                                                                                                                <option value="002">C</option>
-                                                                                                                <option value="004">D</option>
-                                                                                                                <option value="006">E</option>
-                                                                                                           </select>
-                                                                                                       </div>
-                                                                                               </div>
-                                                                                                <div class="form-group">
-                                                                                                    <label for="so" class="col-md-2 control-label">Warehouse Address</label>
-                                                                                                        <div class="col-md-4">
-                                                                                                            <input type="textarea" class="form-control" id="marking" placeholder="IFNT">
-                                                                                                        </div>
-                                                                                                </div>
-                                                                                            </form>
-                                                                                        </div> 
-                                                                                    </div>
-                                                                            </div>
-                                                                        </div>
-                                                                        
-                                                                       
-                                                                    </form>
-                                                                </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"> Back </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 id="bar" class="progress progress-striped" role="progressbar">
+                                                    <div class="progress-bar progress-bar-success"> </div>
+                                                </div>
+                                                <div class="tab-content">
+                                                    <div class="tab-pane active" id="tab1">
+                                                        <div class="row">
+                                                            <form class="form-horizontal" role="form">
+                                                                <div class="col-md-12">
                                                                     <div class="portlet light bordered">
-                                                                                <i class="icon-social-dribbble font-green hide"></i>
-                                                                                <span class="caption-subject font-dark bold uppercase">Details Goods</span>
-                                                                                    <div class="table-toolbar" align="right">
-                                                                                        <div class="row">
-                                                                                                <div class="btn-group">
-                                                                                                    <a onclick="addNewColumn();" class="btn green"> New Column
-                                                                                                        <i class="fa fa-plus"></i>
-                                                                                                    </a>
-                                                                                                </div>
-                                                                                                <a class="btn green" style="margin-left: 15px;" data-toggle="modal" href="#addnew">
-                                                                                           <i class="fa fa-plus"></i> Add New Item </a> 
-																						</div>
-																					</div>
-                                                                                    <table id="table1" class="table table-bordered table-striped">
-                                                                                        <thead>
-                                                                                            <th>No</th>
-                                                                                            <th>Product Name</th>
-                                                                                            <th>Model</th>
-                                                                                            <th>UOM</th>
-                                                                                            <th>Qty</th>
-                                                                                            <th>CMB</th>
-                                                                                            <th>Weight</th>
-                                                                                            <th>Photo</th>
-                                                                                            <th>Remark</th>
-
-                                                                                        </thead>
-                                                                                        <tbody>
-                                                                                            <tr>
-                                                                                                <td>1 </td>
-                                                                                                <td>Television </td>
-                                                                                                <td>CS110 </td>
-                                                                                                <td>Unit </td>
-                                                                                                <td>10 </td>
-                                                                                                <td><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>142m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12</li>
-                                                                                                        <li>Widht = 15</li>
-                                                                                                    <li>Depth = 12</li></ul>
-                                                                                                    </div> </td>
-                                                                                                <td><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
-                                                                                                        <li>Nett = 15kg</li></ul>
-                                                                                                    </div> </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><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>452m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
-                                                                                                        <li>Widht = 15cm</li>
-                                                                                                    <li>Depth = 12cm</li></ul>
-                                                                                                    </div> </td>
-                                                                                                <td><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
-                                                                                                        <li>Nett = 15kg</li></ul>
-                                                                                                    </div></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><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>145m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
-                                                                                                        <li>Widht = 15cm</li>
-                                                                                                    <li>Depth = 12cm</li></ul>
-                                                                                                    </div> </td>
-                                                                                                <td><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
-                                                                                                        <li>Nett = 15kg</li></ul>
-                                                                                                    </div> </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><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>154m3<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Height = 12cm</li>
-                                                                                                        <li>Widht = 15cm</li>
-                                                                                                    <li>Depth = 12cm</li></ul>
-                                                                                                    </div> </td>
-                                                                                                <td><div class='btn-group'>
-                                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li>Gross = 12kg</li>
-                                                                                                        <li>Nett = 15kg</li></ul>
-                                                                                                    </div> </td>
-                                                                                                <td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
-                                                                                                <td> </td>
-
-                                                                                            </tr>
-                                                                                        </tbody>
-                                                                                    </table>
-                                                                                    
-                                                                        <div class="form-actions">
+                                                                        <span class="caption-subject font-dark bold uppercase"><h4><strong>Details</strong></h4></span>
+                                                                        <div class="table-toolbar" align="right">
                                                                             <div class="row">
-                                                                                <div class="col-md-offset-5 col-md-9">
-                                                                                    <a href="javascript:;" class="btn default button-previous"> Back</a>
-                                                                                    <a href="javascript:;" class="btn green button-submit"> Finish</a>
+                                                                                <div class="btn-group">
+                                                                                    <a onclick="confirm('Your request has been sent. This order saved as Draft')" class="btn green"> Send to Supplier</a>
                                                                                 </div>
                                                                             </div>
                                                                         </div>
-                                                                     </div>
+
+                                                                        <div class="form-group">
+                                                                            <label for="so" class="col-md-2 control-label">Type</label>
+                                                                            <div class="col-md-4">
+                                                                                <select id="folder" class="form-control">
+                                                                                    <option>Please Select</option>
+                                                                                    <option value="000">New Order</option>
+                                                                                    <option value="001">Purchase Oder</option>
+                                                                                </select>
+                                                                            </div>
+                                                                        </div>
+                                                                        <div id="issue1" style="display:none !important;">
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-2">Forwarder</label>
+                                                                                <div class="col-md-9">
+                                                                                    <div class="input-group select2-bootstrap-prepend">
+                                                                                        <select id="select2-button-addons-single-input-group" class="form-control qweqweqwe" style="width:43%">
+                                                                                            <option value="CIEF Worldwide" data-nama="CIEF Worldwide" data-thumb="../assets/layouts/layout/img/comp1.png">CIEF Worldwide</option>
+                                                                                            <option value="Magic Cyberjaya" data-nama="Magic Cyberjaya" data-thumb="../assets/layouts/layout/img/comp2.png">Magic Cyberjaya</option>
+                                                                                            <option value="Home Made Market" data-nama="Home Made Market" data-thumb="../assets/layouts/layout/img/comp5.jpg">Home Made Market</option>
+                                                                                        </select>
+                                                                                    </div>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Marking</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" id="marking" placeholder="CIEF/00123">
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Supplier</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" id="supplier" placeholder="Infinite co.">
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Warehouse Name</label>
+                                                                                <div class="col-md-4">
+                                                                                    <select class="form-control">
+                                                                                        <option>Please choose your warehouse</option>
+                                                                                        <option value="000">A</option>
+                                                                                        <option value="001">B</option>
+                                                                                        <option value="002">C</option>
+                                                                                        <option value="004">D</option>
+                                                                                        <option value="006">E</option>
+                                                                                    </select>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Warehouse Address</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" id="marking" placeholder="IFNT">
+                                                                                </div>
+                                                                            </div>
+                                                                        </div>
+
+                                                                        <div id="issue2" style="display: none;">
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Order No.</label>
+                                                                                <div class="col-md-4">
+                                                                                    <select class="form-control">
+                                                                                        <option>Please choose your order</option>
+                                                                                        <option value="000">00012 - Infinite co.</option>
+                                                                                        <option value="001">00114 - Indynamic co.</option>
+                                                                                        <option value="002">00216 - Indinite co.</option>
+                                                                                        <option value="004">00418 - Def co.</option>
+                                                                                        <option value="006">00624 - Inner Circle co.</option>
+                                                                                    </select>
+                                                                                </div>
+                                                                            </div>
+
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Marking</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" id="marking" placeholder="CIEF/00123" disabled>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Supplier</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" id="supplier" placeholder="Infinite co.">
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Warehouse Name</label>
+                                                                                <div class="col-md-4">
+                                                                                    <select class="form-control">
+                                                                                        <option>Please choose your warehouse</option>
+                                                                                        <option value="000">A</option>
+                                                                                        <option value="001">B</option>
+                                                                                        <option value="002">C</option>
+                                                                                        <option value="004">D</option>
+                                                                                        <option value="006">E</option>
+                                                                                    </select>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label for="so" class="col-md-2 control-label">Warehouse Address</label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="textarea" class="form-control" id="marking" placeholder="IFNT">
+                                                                                </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
                                                                 </div>
+
+                                                            </form>
+                                                        </div>
+                                                    </div>
+                                                    <div class="tab-pane" id="tab2">
+                                                        <div class="row">
+                                                            <div class="col-md-12">
+																<div class="portlet light bordered">
+                                                                <i class="icon-social-dribbble font-green hide"></i>
+                                                                <span class="caption-subject font-dark bold uppercase"><h4><strong>Details Goods</strong></h4></span>
+                                                                <div class="table-toolbar" align="right">
+                                                                    <div class="row">
+                                                                        <div class="btn-group">
+                                                                            <a onclick="addNewColumn();" class="btn green"> New Column
+																							<i class="fa fa-plus"></i>
+																						</a>
+                                                                        </div>
+                                                                        <a class="btn green" style="margin-left: 15px;" data-toggle="modal" href="#addnew">
+                                                                            <i class="fa fa-plus"></i> Add New Item </a>
+                                                                    </div>
+                                                                </div>
+                                                                <table id="table1" class="table table-bordered table-striped">
+                                                                    <thead>
+                                                                        <th>No</th>
+                                                                        <th>Product Name</th>
+                                                                        <th>Model</th>
+                                                                        <th>UOM</th>
+                                                                        <th>Qty</th>
+                                                                        <th>CMB</th>
+                                                                        <th>Weight</th>
+                                                                        <th>Photo</th>
+                                                                        <th>Remark</th>
+
+                                                                    </thead>
+                                                                    <tbody>
+                                                                        <tr>
+                                                                            <td>1 </td>
+                                                                            <td>Television </td>
+                                                                            <td>CS110 </td>
+                                                                            <td>Unit </td>
+                                                                            <td>10 </td>
+                                                                            <td>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>142m3<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Height = 12</li>
+                                                                                        <li>Widht = 15</li>
+                                                                                        <li>Depth = 12</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </td>
+                                                                            <td>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Gross = 12kg</li>
+                                                                                        <li>Nett = 15kg</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </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>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>452m3<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Height = 12cm</li>
+                                                                                        <li>Widht = 15cm</li>
+                                                                                        <li>Depth = 12cm</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </td>
+                                                                            <td>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Gross = 12kg</li>
+                                                                                        <li>Nett = 15kg</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </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>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>145m3<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Height = 12cm</li>
+                                                                                        <li>Widht = 15cm</li>
+                                                                                        <li>Depth = 12cm</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </td>
+                                                                            <td>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Gross = 12kg</li>
+                                                                                        <li>Nett = 15kg</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </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>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>154m3<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Height = 12cm</li>
+                                                                                        <li>Widht = 15cm</li>
+                                                                                        <li>Depth = 12cm</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </td>
+                                                                            <td>
+                                                                                <div class='btn-group'>
+                                                                                    <button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>12kg<i class='fa fa-angle-down'></i>
+                                                                                    </button>
+                                                                                    <ul class='dropdown-menu'>
+                                                                                        <li>Gross = 12kg</li>
+                                                                                        <li>Nett = 15kg</li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                            </td>
+                                                                            <td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
+                                                                            <td> </td>
+
+                                                                        </tr>
+                                                                    </tbody>
+                                                                </table>
+
+                                                                
+                                                            </div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                 </div>
-                                            </form>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                                    
-
-                                </div>
-                                  
                                             </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">
+															<i class="fa fa-angle-left"></i> Back </a>
+														<a href="javascript:;" class="btn btn-outline green button-next"> Next
+															<i class="fa fa-angle-right"></i>
+														</a>
+														<a href="chat.html" class="btn green button-submit"> Finish
+															<i class="fa fa-check"></i>
+														</a>
+													</div>
+												</div>
+											</div>
+                                        </div>
+                                    </form>
                                 </div>
-						<!-- CONTENT -->
-						<!-- END CONTENT -->
-                        
+
+                            </div>
+
+                        </div>
+
                     </div>
+                </div>
                 <div class="modal fade" id="addnew" tabindex="-1" role="addnew" 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="modal-header">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
-										
-										<div class="caption">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+
+                                        <div class="caption">
                                             <h3><i class="fa fa-plus-square-o" aria-hidden="true"></i> Add New Item</h3>
-										</div>
-									</div>
+                                        </div>
+                                    </div>
                                     <div class="row">
-                                <div class="col-md-12">
-                                    <div class="portlet light bordered" id="form_wizard_2">
-                                        <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" id="modal-tabs">
-                                                            <li>
-                                                                <a href="#item" 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_2">
+                                                <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" id="modal-tabs">
+                                                                    <li>
+                                                                        <a href="#item" data-toggle="tab" class="step">
+                                                                            <span class="number"> 1 </span>
+                                                                            <span class="desc">
                                                                         <i class="fa fa-check"></i>Item</span>
-                                                                </a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="#packing" data-toggle="tab" class="step">
-                                               
-                                                                    <span class="number"> 2 </span>
-                                                                    <span class="desc">
+                                                                        </a>
+                                                                    </li>
+                                                                    <li>
+                                                                        <a href="#packing" data-toggle="tab" class="step">
+                                                                            <span class="number"> 2 </span>
+                                                                            <span class="desc">
                                                                         <i class="fa fa-check"></i> Packing </span>
-                                                                </a>
-                                                            </li>
-                                                        </ul>
-                                                        <div id="bar" class="progress progress-striped" role="progressbar">
-                                                            <div class="progress-bar progress-bar-success"> </div>
-                                                        </div>
-                                                        <div class="tab-content">
-                                                            <div class="tab-pane active" id="item">
-                                                                <h3 class="block">Product Details</h3>
-                                                                    <div class="col-md-6">
-                                                                        <h5><strong> </strong></h5>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Product Name
-                                                                                <span class="required"> * </span>
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="text" class="form-control" name="productname" placeholder="Television"/>
+                                                                        </a>
+                                                                    </li>
+                                                                </ul>
+                                                                <div id="bar" class="progress progress-striped" role="progressbar">
+                                                                    <div class="progress-bar progress-bar-success"> </div>
+                                                                </div>
+                                                                <div class="tab-content">
+                                                                    <div class="tab-pane active" id="item">
+                                                                        <h3 class="block">Product Details</h3>
+                                                                        <div class="col-md-6">
+                                                                            <h5><strong> </strong></h5>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Product Name
+                                                                                    <span class="required"> * </span>
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="text" class="form-control" name="productname" placeholder="Television" />
+                                                                                </div>
                                                                             </div>
-                                                                        </div>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Description
-                                                                                <span class="required"> * </span>
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="textarea" class="form-control" name="description" placeholder="42 inch"/>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Description
+                                                                                    <span class="required"> * </span>
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="textarea" class="form-control" name="description" placeholder="42 inch" />
+                                                                                </div>
                                                                             </div>
-                                                                        </div>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Photo
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <div class="fileinput fileinput-new" data-provides="fileinput">
-                                                                                    <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>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Photo
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                                        <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="fileinput-new"></span>
                                                                                             <span class="fileinput-exists"></span>
                                                                                             <input type="file" name="...">
+                                                                                        </div>
                                                                                     </div>
                                                                                 </div>
                                                                             </div>
-                                                                        </div>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Brand
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="text" class="form-control" name="brand" placeholder="Sharp"/>
-                                                                            </div>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="col-md-6">
-                                                                        <h5><strong> </strong></h5>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Model
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="text" class="form-control" name="model" placeholder="ESW1452"/>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">UOM
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="text" class="form-control" name="uom" placeholder="Roll"/>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="form-group">
-                                                                            <label class="control-label col-md-3">Quantity
-                                                                                <span class="required"> * </span>
-                                                                            </label>
-                                                                            <div class="col-md-6">
-                                                                                <input type="text" class="form-control" name="quantity" placeholder="4"/>
-                                                                            </div>
-                                                                        </div>
-                                                                    </div>
-															</div>
-                                                            <div class="tab-pane" id="packing">
-                                                                <h3 class="block">Packing Details</h3>
-                                                                <div class="col-md-6">
-                                                                    <h5><strong>Packing</strong></h5>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Quantity
-                                                                            <span class="required"> * </span>
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="quantity" placeholder="30"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3"> Photo
-                                                                            </label>
-                                                                            <div class="col-md-4">
-                                                                                <div class="fileinput fileinput-new" data-provides="fileinput">
-                                                                                    <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="fileinput-new"></span>
-                                                                                            <span class="fileinput-exists"></span>
-                                                                                            <input type="file" name="...">
-                                                                                    </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Brand
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="text" class="form-control" name="brand" placeholder="Sharp" />
                                                                                 </div>
                                                                             </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="col-md-3 control-label">Packaging</label>
-                                                                           <div class="col-md-5">
-                                                                                <select id="folder2" class="form-control">
-                                                                                    <option>Please choose</option>
-                                                                                    <option value="ctn">Carton</option>
-                                                                                    <option value="plt">Pallet</option>
-                                                                                    <option value="sck">Sacks</option>
-                                                                                    <option value="add">Add new</option>
-                                                                               </select>
-                                                                           </div>
-                                                                   </div>
-                                                                    
-                                                                    <div class="tab-pane active" id="carton" style="display: none;">
-                                                                        <form role="form" action="#">
-                                                                            <label class="col-md-3 control-label"> </label>
-                                                                                <div class="form-group">
-                                                                                        <div class="col-md-4">
-                                                                                            <img src="../assets/global/img/carton.jpg" style="width: 200%; height: 200%;" alt="" /> 
-                                                                                        </div>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <h5><strong> </strong></h5>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Model
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="text" class="form-control" name="model" placeholder="ESW1452" />
                                                                                 </div>
-                                                                        </form>
-                                                                    </div>
-                                                                    <div class="tab-pane active" id="pallet" style="display: none;">
-                                                                        <form role="form" action="#">
-                                                                            <label class="col-md-3 control-label"> </label>
-                                                                                <div class="form-group">
-                                                                                        <div class="col-md-4">
-                                                                                            <img src="../assets/global/img/pallet.png" style="width: 200%; height: 200%;" alt="" /> 
-                                                                                        </div>
-                                                                                </div>
-                                                                        </form>
-                                                                    </div>
-                                                                    <div class="tab-pane active" id="sacks" style="display: none;">
-                                                                        <form role="form" action="#">
-                                                                            <label class="col-md-3 control-label"> </label>
-                                                                                <div class="form-group">
-                                                                                        <div class="col-md-4">
-                                                                                            <img src="../assets/global/img/sack.jpg" style="width: 200%; height: 200%;" alt="" /> 
-                                                                                        </div>
-                                                                                </div>
-                                                                        </form>
-                                                                    </div>
-                                                                    <div class="tab-pane active" id="addnw" style="display: none;">
-                                                                        <form role="form" action="#">
+                                                                            </div>
                                                                             <div class="form-group">
                                                                                 <label class="control-label col-md-3">UOM
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="text" class="form-control" name="uom" placeholder="Roll" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Quantity
+                                                                                    <span class="required"> * </span>
+                                                                                </label>
+                                                                                <div class="col-md-6">
+                                                                                    <input type="text" class="form-control" name="quantity" placeholder="4" />
+                                                                                </div>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="tab-pane" id="packing">
+                                                                        <h3 class="block">Packing Details</h3>
+                                                                        <div class="col-md-6">
+                                                                            <h5><strong>Packing</strong></h5>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Quantity
                                                                                     <span class="required"> * </span>
                                                                                 </label>
                                                                                 <div class="col-md-4">
-                                                                                    <input type="text" class="form-control" name="height" placeholder="Carton"/>
+                                                                                    <input type="text" class="form-control" name="quantity" placeholder="30" />
                                                                                 </div>
                                                                             </div>
                                                                             <div class="form-group">
                                                                                 <label class="control-label col-md-3"> Photo
-                                                                                <span class="required"> * </span></label>
+                                                                                </label>
                                                                                 <div class="col-md-4">
                                                                                     <div class="fileinput fileinput-new" data-provides="fileinput">
                                                                                         <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
-                                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
                                                                                         </div>
                                                                                         <div>
-                                                                                                <span class="fileinput-new"></span>
-                                                                                                <span class="fileinput-exists"></span>
-                                                                                                <input type="file" name="...">
+                                                                                            <span class="fileinput-new"></span>
+                                                                                            <span class="fileinput-exists"></span>
+                                                                                            <input type="file" name="...">
                                                                                         </div>
                                                                                     </div>
                                                                                 </div>
                                                                             </div>
-                                                                        </form>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <h5><strong>Measurement</strong></h5>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Height
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="height" placeholder="30"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Width
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="width" placeholder="20"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Depth
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="depth" placeholder="15"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Ref
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <img src="../assets/global/img/hwd.jpg" style="width: 225px; height: 150px;" alt="" /> 
-                                                                        </div>
-                                                                    </div>
-                                                                    <h5><strong>Weight</strong></h5>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Gross
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="gross" placeholder="30"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3">Nett
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <input type="text" class="form-control" name="nett" placeholder="20"/>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="form-group">
-                                                                        <label class="control-label col-md-3"> Photo
-                                                                        </label>
-                                                                        <div class="col-md-4">
-                                                                            <div class="fileinput fileinput-new" data-provides="fileinput">
-                                                                                <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 class="form-group">
+                                                                                <label class="col-md-3 control-label">Packaging</label>
+                                                                                <div class="col-md-5">
+                                                                                    <select id="folder2" class="form-control">
+                                                                                        <option>Please choose</option>
+                                                                                        <option value="ctn">Carton</option>
+                                                                                        <option value="plt">Pallet</option>
+                                                                                        <option value="sck">Sacks</option>
+                                                                                        <option value="add">Add new</option>
+                                                                                    </select>
                                                                                 </div>
-                                                                                <div>
-                                                                                        <span class="fileinput-new"></span>
-                                                                                        <span class="fileinput-exists"></span>
-                                                                                        <input type="file" name="...">
+                                                                            </div>
+
+                                                                            <div class="tab-pane active" id="carton" style="display: none;">
+                                                                                <form role="form" action="#">
+                                                                                    <label class="col-md-3 control-label"> </label>
+                                                                                    <div class="form-group">
+                                                                                        <div class="col-md-4">
+                                                                                            <img src="../assets/global/img/carton.jpg" style="width: 200%; height: 200%;" alt="" />
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </form>
+                                                                            </div>
+                                                                            <div class="tab-pane active" id="pallet" style="display: none;">
+                                                                                <form role="form" action="#">
+                                                                                    <label class="col-md-3 control-label"> </label>
+                                                                                    <div class="form-group">
+                                                                                        <div class="col-md-4">
+                                                                                            <img src="../assets/global/img/pallet.png" style="width: 200%; height: 200%;" alt="" />
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </form>
+                                                                            </div>
+                                                                            <div class="tab-pane active" id="sacks" style="display: none;">
+                                                                                <form role="form" action="#">
+                                                                                    <label class="col-md-3 control-label"> </label>
+                                                                                    <div class="form-group">
+                                                                                        <div class="col-md-4">
+                                                                                            <img src="../assets/global/img/sack.jpg" style="width: 200%; height: 200%;" alt="" />
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </form>
+                                                                            </div>
+                                                                            <div class="tab-pane active" id="addnw" style="display: none;">
+                                                                                <form role="form" action="#">
+                                                                                    <div class="form-group">
+                                                                                        <label class="control-label col-md-3">UOM
+                                                                                            <span class="required"> * </span>
+                                                                                        </label>
+                                                                                        <div class="col-md-4">
+                                                                                            <input type="text" class="form-control" name="height" placeholder="Carton" />
+                                                                                        </div>
+                                                                                    </div>
+                                                                                    <div class="form-group">
+                                                                                        <label class="control-label col-md-3"> Photo
+                                                                                            <span class="required"> * </span>
+                                                                                        </label>
+                                                                                        <div class="col-md-4">
+                                                                                            <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                                                <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="fileinput-new"></span>
+                                                                                                    <span class="fileinput-exists"></span>
+                                                                                                    <input type="file" name="...">
+                                                                                                </div>
+                                                                                            </div>
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </form>
+                                                                            </div>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <h5><strong>Measurement</strong></h5>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Height
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" name="height" placeholder="30" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Width
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" name="width" placeholder="20" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Depth
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" name="depth" placeholder="15" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Ref
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <img src="../assets/global/img/hwd.jpg" style="width: 225px; height: 150px;" alt="" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <h5><strong>Weight</strong></h5>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Gross
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" name="gross" placeholder="30" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3">Nett
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <input type="text" class="form-control" name="nett" placeholder="20" />
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="form-group">
+                                                                                <label class="control-label col-md-3"> Photo
+                                                                                </label>
+                                                                                <div class="col-md-4">
+                                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                                        <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="fileinput-new"></span>
+                                                                                            <span class="fileinput-exists"></span>
+                                                                                            <input type="file" name="...">
+                                                                                        </div>
+                                                                                    </div>
                                                                                 </div>
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
-                                                        </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-previous2">
-																	<i class="fa fa-angle-left"></i> Back </a>
-																<a href="javascript:;" class="btn btn-outline green button-next2"> Next
+                                                                <div class="form-actions">
+                                                                    <div class="row">
+                                                                        <div class="col-md-offset-5 col-md-9">
+                                                                            <a href="javascript:;" class="btn default button-previous2">
+                                                                                <i class="fa fa-angle-left"></i> Back </a>
+                                                                            <a href="javascript:;" class="btn btn-outline green button-next2"> Next
 																	<i class="fa fa-angle-right"></i>
 																</a>
-																<a href="chat.html" class="btn green button-submit2"> Finish
+                                                                            <a href="chat.html" class="btn green button-submit2"> Finish
 																	<i class="fa fa-check"></i>
 																</a>
-															</div>
-														</div>
-													</div>
-                                                </div>   
-                                              </div>
-                                            </form>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                            </div>
                                         </div>
+                                        <!-- /.modal-content -->
                                     </div>
+                                    <!-- /.modal-dialog -->
                                 </div>
-                                    
-                                    <br/>
-                            <!--<div class="modal-footer">
-                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
-                                <button type="button" class="btn green">Add</button>
+                                <!-- END CONTENT BODY -->
                             </div>
-                        </div>-->
-                        <!-- /.modal-content -->
+                            <!-- END CONTENT -->
+                            <!-- BEGIN QUICK SIDEBAR -->
+
+                            <!-- END QUICK SIDEBAR -->
+                        </div>
                     </div>
-                                            <!-- /.modal-dialog -->
-                </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>
             </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/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>
-        <!-- 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/global/scripts/datatable.js" type="text/javascript"></script>
+    </div>
 
-        <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="../assets/pages/scripts/table-datatables-editable.min.js" type="text/javascript"></script>
-        <!-- END PAGE LEVEL SCRIPTS -->
-        
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/components-select2.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 -->
-        
-        
-        <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
-            $(document).ready(function()
-            {
-                $('#clickmewow').click(function()
-                {
-                    $('#radio1003').attr('checked', 'checked');
-                });
-                
-                $('#user2').dataTable({
-                    responsive: true, 
-                    paging: false,
-                    ordering: false,
-                    info: false});
-                
+    <!-- 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/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>
+    <!-- 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/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="../assets/pages/scripts/table-datatables-editable.min.js" type="text/javascript"></script>
+    <!-- END PAGE LEVEL SCRIPTS -->
+
+    <!-- BEGIN PAGE LEVEL SCRIPTS -->
+    <script src="../assets/pages/scripts/components-select2.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 -->
+
+    <!-- END THEME LAYOUT SCRIPTS -->
+    <script>
+        $(document).ready(function() {
+            $('#clickmewow').click(function() {
+                $('#radio1003').attr('checked', 'checked');
             });
-            
-            $( "#folder" ).change(function() {
-                var select_value = $(this).val();
-                if(select_value == "000"){
-                    $("#issue1").show();
-                    $("#issue2").hide();
-                }else if(select_value == "001"){
-                    $("#issue2").show();
-                    $("#issue1").hide();
+
+            $('#user2').dataTable({
+                responsive: true,
+                paging: false,
+                ordering: false,
+                info: false
+            });
+
+        });
+
+        $("#issue1").hide();
+        $("#issue2").hide();
+        $("#folder").change(function() {
+            var select_value = $(this).val();
+            if (select_value == "000") {
+                $("#issue1").show();
+                $("#issue2").hide();
+            } else if (select_value == "001") {
+                $("#issue2").show();
+                $("#issue1").hide();
+            }
+        });
+
+        $("#folder2").change(function() {
+            var select_value = $(this).val();
+            if (select_value == "ctn") {
+                $("#carton").show();
+                $("#pallet").hide();
+                $("#sacks").hide();
+                $("#addnw").hide();
+            } else if (select_value == "plt") {
+                $("#carton").hide();
+                $("#pallet").show();
+                $("#sacks").hide();
+                $("#addnw").hide();
+            } else if (select_value == "sck") {
+                $("#carton").hide();
+                $("#pallet").hide();
+                $("#sacks").show();
+                $("#addnw").hide();
+            } else if (select_value == "add") {
+                $("#carton").hide();
+                $("#pallet").hide();
+                $("#sacks").hide();
+                $("#addnw").show();
+            }
+        });
+
+        var FormWizard = function() {
+
+            return {
+                //main function to initiate the module
+                init: function() {
+                    if (!jQuery().bootstrapWizard) {
+                        return;
+                    }
+
+                    var form = $('#submit_form');
+                    var error = $('.alert-danger', form);
+                    var success = $('.alert-success', form);
+
+                    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() {}).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
+                    });
                 }
-            });
-            
-            $( "#folder2" ).change(function() {
-                var select_value = $(this).val();
-                if(select_value == "ctn"){
-                    $("#carton").show();
-                    $("#pallet").hide();
-                    $("#sacks").hide();
-                    $("#addnw").hide();
-                }else if(select_value == "plt"){
-                    $("#carton").hide();
-                    $("#pallet").show();
-                    $("#sacks").hide();
-                    $("#addnw").hide();
-                }else if(select_value == "sck"){
-                    $("#carton").hide();
-                    $("#pallet").hide();
-                    $("#sacks").show();
-                    $("#addnw").hide();
-                }else if(select_value == "add"){
-                    $("#carton").hide();
-                    $("#pallet").hide();
-                    $("#sacks").hide();
-                    $("#addnw").show();
+
+            };
+
+        }();
+
+        var FormWizard2 = function() {
+
+            return {
+                //main function to initiate the module
+                init: function() {
+                    if (!jQuery().bootstrapWizard) {
+                        return;
+                    }
+
+                    var form = $('#submit_form');
+                    var error = $('.alert-danger', form);
+                    var success = $('.alert-success', form);
+
+                    var handleTitle = function(tab, navigation, index) {
+                        var total = navigation.find('li').length;
+                        var current = index + 1;
+                        // set wizard title
+                        $('.step-title', $('#form_wizard_2')).text('Step ' + (index + 1) + ' of ' + total);
+                        // set done steps
+                        jQuery('li', $('#form_wizard_2')).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_2').find('.button-previous2').hide();
+                        } else {
+                            $('#form_wizard_2').find('.button-previous2').show();
+                        }
+
+                        if (current >= total) {
+                            $('#form_wizard_2').find('.button-next2').hide();
+                            $('#form_wizard_2').find('.button-submit2').show();
+                            //displayConfirm();
+                        } else {
+                            $('#form_wizard_2').find('.button-next2').show();
+                            $('#form_wizard_2').find('.button-submit2').hide();
+                        }
+                        App.scrollTo($('.page-title'));
+                    }
+
+                    // default form wizard
+                    $('#form_wizard_2').bootstrapWizard({
+                        'nextSelector': '.button-next2',
+                        'previousSelector': '.button-previous2',
+                        onTabClick: function(tab, navigation, index, clickedIndex) {
+                            return false;
+
+                            success.hide();
+                            error.hide();
+                            if (form.valid() == false) {
+                                return true;
+                            }
+
+                            handleTitle(tab, navigation, clickedIndex);
+                        },
+                        onNext: function(tab, navigation, index) {
+                            success.hide();
+                            error.hide();
+
+                            if (form.valid() == false) {
+                                return true;
+                            }
+
+                            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_2').find('.progress-bar').css({
+                                width: $percent + '%'
+                            });
+                        }
+                    });
+
+                    $('#form_wizard_2').find('.button-previous2').hide();
+                    $('#form_wizard_2 .button-submit2').click(function() {}).hide();
+
+                    //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
+
                 }
+
+            };
+
+        }();
+
+        function addNewColumn() {
+            $('#table1 thead').find('tr').each(function() {
+                $(this).find('th').eq(7).after('<th>Remark</th>');
+            });
+            $('#table1 tbody').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
+            });
+            $('#table1 tfoot').find('tr').each(function() {
+                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
             });
-            
-			var FormWizard = function () {
 
+        }
 
-				return {
-					//main function to initiate the module
-					init: function () {
-						if (!jQuery().bootstrapWizard) {
-							return;
-						}
+        jQuery(document).ready(function() {
+            FormWizard.init();
+            FormWizard2.init();
 
-						var form = $('#submit_form');
-						var error = $('.alert-danger', form);
-						var success = $('.alert-success', form);
+        });
+    </script>
 
-						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 () {
-						}).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 FormWizard2 = function () {
-
-
-				return {
-					//main function to initiate the module
-					init: function () {
-						if (!jQuery().bootstrapWizard) {
-							return;
-						}
-
-						var form = $('#submit_form');
-						var error = $('.alert-danger', form);
-						var success = $('.alert-success', form);
-
-						var handleTitle = function(tab, navigation, index) {
-							var total = navigation.find('li').length;
-							var current = index + 1;
-							// set wizard title
-							$('.step-title', $('#form_wizard_2')).text('Step ' + (index + 1) + ' of ' + total);
-							// set done steps
-							jQuery('li', $('#form_wizard_2')).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_2').find('.button-previous2').hide();
-							} else {
-								$('#form_wizard_2').find('.button-previous2').show();
-							}
-
-							if (current >= total) {
-								$('#form_wizard_2').find('.button-next2').hide();
-								$('#form_wizard_2').find('.button-submit2').show();
-								//displayConfirm();
-							} else {
-								$('#form_wizard_2').find('.button-next2').show();
-								$('#form_wizard_2').find('.button-submit2').hide();
-							}
-							App.scrollTo($('.page-title'));
-						}
-
-						// default form wizard
-						$('#form_wizard_2').bootstrapWizard({
-							'nextSelector': '.button-next2',
-							'previousSelector': '.button-previous2',
-							onTabClick: function (tab, navigation, index, clickedIndex) {
-								return false;
-								
-								success.hide();
-								error.hide();
-								if (form.valid() == false) {
-									return true;
-								}
-								
-								handleTitle(tab, navigation, clickedIndex);
-							},
-							onNext: function (tab, navigation, index) {
-								success.hide();
-								error.hide();
-
-								if (form.valid() == false) {
-									return true;
-								}
-
-								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_2').find('.progress-bar').css({
-									width: $percent + '%'
-								});
-							}
-						});
-
-						$('#form_wizard_2').find('.button-previous2').hide();
-						$('#form_wizard_2 .button-submit2').click(function () {
-						}).hide();
-
-						//apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
-						
-					}
-
-				};
-
-			}();
-            function addNewColumn(){
-							$('#table1 thead').find('tr').each(function(){
-								$(this).find('th').eq(7).after('<th>Remark</th>');
-						   });
-							$('#table1 tbody').find('tr').each(function(){
-								$(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-						   });
-                            $('#table1 tfoot').find('tr').each(function(){
-                                $(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
-                           });
-							
-						}
-            
-			
-			jQuery(document).ready(function() {
-				FormWizard.init();
-				FormWizard2.init();
-			});
-        </script>
-        
-    </body>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/public/Importer/shippingorderstatus.html b/public/Importer/shippingorderstatus.html
index a16e6ad..c537161 100644
--- a/public/Importer/shippingorderstatus.html
+++ b/public/Importer/shippingorderstatus.html
@@ -60,6 +60,9 @@ License: You must have a valid license purchased only from themeforest(the above
 				margin-right: -100%;
 			}
 		}
+		.dropdown-menu{
+			min-width: 100px;
+		}
 		.table td, .table th {
 			font-size: 10px;
 			text-align:center;
@@ -319,100 +322,51 @@ 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">
+                                            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                                                 <thead>
                                                     <tr>
                                                         <th width="1%"> No </th>
                                                         <th width="5%">  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="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/>
                                                             <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>
+                                                            <span class="fa fa-filter"></span></button>                                                            
                                                         </th>
 														<th  width="3%"> 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="orderno" value="" type="checkbox"/>&nbsp;Bob Supply Warehouse</li>
-                                                              <li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Tom Warehouse</li>                      
-                                                            </ul>
+                                                            <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>
-                                                            <ul class="dropdown-menu">
-                                                              <li><input onchange="filterme()" name="shipno" value="MYR" type="checkbox"/>&nbsp;MYR</li>
-                                                              <li><input onchange="filterme()" name="shipno" value="RMB" type="checkbox"/>&nbsp;RMB</li>                                                       
-                                                            </ul> 
 														</th>
 														<th width="1%"> 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>
-                                                            <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>                          
-                                                            </ul>
                                                         </th>
                                                         <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>
-                                                            <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>                          
-                                                            </ul>
                                                         </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>
-                                                            <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>                          
-                                                            </ul>
                                                         </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>
-                                                            <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>                          
-                                                            </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>														  
-															</ul>
 														</th>
                                                     </tr>
                                                 </thead>
 												<tbody>
                                                     
-													<tr>
+													<tr class="odd gradeX">
                                                         <td> <center>1</center> </td>
                                                         <td> 001254 </td>
                                                         <td> 03-07-2017 </td>
@@ -431,7 +385,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                                             </div><br/></center>
                                                         </td>
 													</tr>
-                                                    <tr>
+                                                    <tr class="odd gradeX">
                                                         <td> <center>2</center> </td>
                                                         <td> 012546 </td>
                                                         <td> 02-07-2017 </td>
@@ -450,7 +404,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                                             </div><br/></center>
                                                         </td>
                                                     </tr>
-                                                    <tr>
+                                                    <tr class="odd gradeX">
                                                         <td> <center>3</center> </td> 
                                                         <td> 015423 </td>
                                                         <td> 01-07-2017 </td>
@@ -469,7 +423,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                                             </div><br/></center>
                                                         </td>
                                                     </tr>
-                                                    <tr>
+                                                    <tr class="odd gradeX">
                                                         <td> <center>4</center> </td>
                                                         <td> 011254 </td>
 														<td> 01-07-2017 </td>
