diff --git a/arrangements-delivery_arrangements1.html b/arrangements-delivery_arrangements1.html
index 0d22cb7..e4af3b3 100644
--- a/arrangements-delivery_arrangements1.html
+++ b/arrangements-delivery_arrangements1.html
@@ -113,185 +113,184 @@
                 <div class="form-label-divider">
                     <span class="label-span">Delivery Arrangement Details</span>
                 </div>
-                <div class="form-divider"></div>
+                <div class="form-divider"></div>               
                 <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Inhouse Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Delivery Date</label>
+                <div class="form-row no-padding">
+                 
+                        <div class="form-element-title">
+                            <label style="color: #000">Delivery Services</label>
+                        </div>
+                        <select id="typeDelivery" class="form-element">
+                            <option selected disabled hidden>Please Choose Delivery Services</option>
+                            <option value="0">Inhouse Services</option>
+                            <option value="1">Courier Services</option>
+                            <option value="2">Outsource Services</option>
+                            <option value="3">Self-Collect</option>
+                        </select>
+                       
+                        <div style="display:none" id="services-a"> 
+                            
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Inhouse Services</span>
+                                </div> 
+                                <div class="form-divider"></div>                                                                         
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Delivery Date</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Contact</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Vehicle Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>     
                                     </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Name</label>
+                                    <div class="form-divider"></div>   
+                        </div>
+                   
+                        
+                
+                        <div style="display:none" id="services-b">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Courier Services</span>
+                                </div> 
+                                <div class="form-divider"></div>    
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Courier Service Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="POSlaju" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Tracking Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="POSlaju9875647" required />
+                                        </div>
                                     </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Contact</label>
+                                    <div class="form-divider"></div>   
+                        </div>
+                
+                        <div style="display:none" id="services-c">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Outsource Services</span>
+                                </div> 
+                                <div class="form-divider"></div>  
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Delivery Date</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Contact</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Vehicle Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                    </div> 
+                                    <div class="form-divider"></div>    
+                                </div>                
+                                  
+                        <div style="display:none" id="services-d">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Self-Collect</span>
+                                </div> 
+                                <div class="form-divider"></div>  
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Warehouse</label>
+                                            </div>
+                                            <select class="form-element">
+                                                <option value="">Please Choose or Create New</option>
+                                                <option value="1">Gudang ABC</option>
+                                                <option value="2">Warehouse KLIA2</option>
+                                                <option value="3">Warehouce Inc.</option>
+                                            </select>
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Address</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">City</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">State</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Postcode</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Postcode</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Contact Person Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Contact Person Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>       
                                     </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Vehicle Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-
-                            </div>
-                            <div class="form-divider"></div>
-
+                                <div class="form-divider"></div>
+                          </div>
+                        
                         </div>
                     </div>
-                </div>
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Courier Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Courier Service Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="POSlaju" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Tracking Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="POSlaju9875647" required />
-                                </div>
-                            </div>
-                            <div class="form-divider"></div>
-
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Outsource Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Delivery Date</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Contact</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Vehicle Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-
-                            </div>
-                            <div class="form-divider"></div>
-
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Self-Collect</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Warehouse</label>
-                                    </div>
-                                    <select class="form-element">
-                                        <option value="">Please Choose or Create New</option>
-                                        <option value="1">Gudang ABC</option>
-                                        <option value="2">Warehouse KLIA2</option>
-                                        <option value="3">Warehouce Inc.</option>
-                                    </select>
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Address</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">City</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">State</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Postcode</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Postcode</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Contact Person Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Contact Person Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-
-                            </div>
-                            <div class="form-divider"></div>
-
-                        </div>
-                    </div>
-                </div>
+                             
                 <!-- Delivery Arrangement Details End Here-->
                 <!-- Consolidation Start Here-->
                 <div class="form-divider"></div>
@@ -303,54 +302,132 @@
                     <span class="label-span">Order Selection</span>
                 </div>
                 <div class="form-divider"></div>
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Item 1</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
+
+                <div class="search-result-header">
+                        <!-- or without .fix-searchbar -->
+                        <form class="fix-searchbar">
+                            <input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">                      
+                        </form>
+                </div>
+                      <div class="form-divider"></div>
+                     
                             <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">ETA</label>
+                                <div style="color: #069" class="list-box-non">
+                                    <button href="#" class="collapsible ">
+                                        <i class="fa fa-truck"></i>
+                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
+                                    </button>
+                                    <div class="content">
+                                        <div class="form-divider"></div>
+                                        <div class="form-row-group with-icons-no-padding">
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">ETA</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Shipment Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Marking Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
+                                            </div>
+                                        </div>
+                                        <div class="form-divider"></div>
                                     </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Shipment Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="MFG3456" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Marking Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Address</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
                                 </div>
                             </div>
-                            <div class="form-divider"></div>
-                        </div>
-                    </div>
-                </div>            
+                            
+                        
+                            <div class="form-row-group with-icons-no-padding">
+                                <div style="color: #069" class="list-box-non">
+                                    <button href="#" class="collapsible ">
+                                        <i class="fa fa-truck"></i>
+                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
+                                    </button>
+                                    <div class="content">
+                                        <div class="form-divider"></div>
+                                        <div class="form-row-group with-icons-no-padding">
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">ETA</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Shipment Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Marking Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
+                                            </div>
+                                        </div>
+                                        <div class="form-divider"></div>
+                                    </div>
+                                </div>
+                            </div>
+                                 
+               
+                <!-- Pagination Start Here-->
+                <div class="form-divider"></div>
+                <div style="text-align: center">
+                <div class="pagination">
+                    <a href="#">&laquo;</a>
+                    <a class="active" href="#">1</a>
+                    <a href="#">2</a>
+                    <a href="#">&raquo;</a>
+                  </div>
+                </div>
+                <div class="form-divider"></div>
+                <!-- Pagination End Here--> 
+
                 <!-- Consolidation End Here-->
             </div>
+            
             <div class="popup-footer">
                 <div class="form-divider"></div>
                 <a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Appointment</span></a>
             </div>
             <div class="form-divider"></div>
         </div>
-    </div>	
+    </div>		
     <!--POPUP HTML CONTENT END -->
+
 	<script type="text/javascript">
 	/* =========================================
 	[Collapsible for Custom Order Select] Start Here
@@ -370,8 +447,10 @@
             content.style.display = "block";
         }
     });
-	}
+	}        
+
     </script>
+
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/global.script.js"></script>
 
diff --git a/arrangements-delivery_arrangements2.html b/arrangements-delivery_arrangements2.html
index 1291bd8..6c95bc3 100644
--- a/arrangements-delivery_arrangements2.html
+++ b/arrangements-delivery_arrangements2.html
@@ -56,7 +56,7 @@
                     </li>
                 </ul>
             </div>
-            <!-- Menu navigation end -->
+           <!-- Menu navigation end -->
         </nav>
     </div>
 
@@ -76,43 +76,43 @@
 
             <!-- Page content start -->
             <main class="fix-top-menu">
-                <form>
-                    <div class="form-divider"></div>
-                    <div class="list-box-non">
-                        <a href="javascript:void(0);" class="list-item" data-popup="formPopup">
-                            <i class="fa fa-plus"></i>
-                            <em class="seperate"></em>
-                            <span class="list-item-title">Add New</span>
-                        </a>
+                    <form>
                         <div class="form-divider"></div>
-                        <div class="form-label-divider">
-                            <span class="label-span">List of Delivery Arrangement</span>
-                        </div>
-                       <div class="form-divider"></div>
-						<!-- Content List Spawner Start Here -->
-                        <div class="list-box-emp">
-                            <a href="arrangements-delivery_arrangements_review1.html" class="list-item">
+                        <div class="list-box-non">
+                            <a href="javascript:void(0);" class="list-item" data-popup="formPopup">
                                 <i class="fa fa-plus"></i>
                                 <em class="seperate"></em>
-                                <span class="list-item-title">Delivery No : STEAM/12345</span>
-                                <span class="list-item-title-edit">Decision Request</span>
+                                <span class="list-item-title">Add New</span>
                             </a>
+                            <div class="form-divider"></div>
+                            <div class="form-label-divider">
+                                <span class="label-span">List of Delivery Arrangement</span>
+                            </div>
+                           <div class="form-divider"></div>
+                            <!-- Content List Spawner Start Here -->
+                            <div class="list-box-emp">
+                                <a href="arrangements-delivery_arrangements_review1.html" class="list-item">
+                                    <i class="fa fa-plus"></i>
+                                    <em class="seperate"></em>
+                                    <span class="list-item-title">Delivery No : STEAM/12345</span>
+                                    <span class="list-item-title-edit">Decision Request</span>
+                                </a>
+                            </div>
+                            <div class="list-box-emp">
+                                <a href="arrangements-delivery_arrangements_review1.html" class="list-item">
+                                    <i class="fa fa-plus"></i>
+                                    <em class="seperate"></em>
+                                    <span class="list-item-title">Delivery No : STEAM/1234</span>
+                                    <span class="list-item-title-edit">Decision Request</span>
+                                </a>
+                            </div>
+    
+                            <!-- Content List Spawner End Here -->
+                            <div class="form-divider"></div>
+    
                         </div>
-                        <div class="list-box-emp">
-                            <a href="arrangements-delivery_arrangements_review1.html" class="list-item">
-                                <i class="fa fa-plus"></i>
-                                <em class="seperate"></em>
-                                <span class="list-item-title">Delivery No : STEAM/1234</span>
-                                <span class="list-item-title-edit">Decision Request</span>
-                            </a>
-                        </div>
-
-                        <!-- Content List Spawner End Here -->
-                        <div class="form-divider"></div>
-
-                    </div>
-                </form>
-            </main>
+                    </form>
+                </main>
             <!-- Page content end -->
         </div>
     </div>
@@ -131,185 +131,184 @@
                 <div class="form-label-divider">
                     <span class="label-span">Delivery Arrangement Details</span>
                 </div>
-
-                <div class="form-divider"></div>
-
+                <div class="form-divider"></div>               
                 <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible ">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Inhouse Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Delivery Date</label>
+                <div class="form-row no-padding">
+                 
+                        <div class="form-element-title">
+                            <label style="color: #000">Delivery Services</label>
+                        </div>
+                        <select id="typeDelivery" class="form-element">
+                            <option selected disabled hidden>Please Choose Delivery Services</option>
+                            <option value="0">Inhouse Services</option>
+                            <option value="1">Courier Services</option>
+                            <option value="2">Outsource Services</option>
+                            <option value="3">Self-Collect</option>
+                        </select>
+                       
+                        <div style="display:none" id="services-a"> 
+                            
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Inhouse Services</span>
+                                </div> 
+                                <div class="form-divider"></div>                                                                         
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Delivery Date</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Contact</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Vehicle Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>     
                                     </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Name</label>
+                                    <div class="form-divider"></div>   
+                        </div>
+                   
+                        
+                
+                        <div style="display:none" id="services-b">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Courier Services</span>
+                                </div> 
+                                <div class="form-divider"></div>    
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Courier Service Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="POSlaju" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Tracking Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="POSlaju9875647" required />
+                                        </div>
                                     </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Contact</label>
+                                    <div class="form-divider"></div>   
+                        </div>
+                
+                        <div style="display:none" id="services-c">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Outsource Services</span>
+                                </div> 
+                                <div class="form-divider"></div>  
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Delivery Date</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Driver Contact</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Vehicle Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                    </div> 
+                                    <div class="form-divider"></div>    
+                                </div>                
+                                  
+                        <div style="display:none" id="services-d">
+                                <div class="form-divider"></div> 
+                                <div class="form-label-divider">
+                                        <span class="label-span">Self-Collect</span>
+                                </div> 
+                                <div class="form-divider"></div>  
+                                <div class="form-row-group with-icons-no-padding">
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Warehouse</label>
+                                            </div>
+                                            <select class="form-element">
+                                                <option value="">Please Choose or Create New</option>
+                                                <option value="1">Gudang ABC</option>
+                                                <option value="2">Warehouse KLIA2</option>
+                                                <option value="3">Warehouce Inc.</option>
+                                            </select>
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Address</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">City</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="Mr John" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">State</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="01234767765" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Postcode</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Postcode</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Contact Person Name</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>
+                                        <div class="form-row no-padding">
+                                            <div class="form-element-title">
+                                                <label style="color: #000">Contact Person Number</label>
+                                            </div>
+                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
+                                        </div>       
                                     </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Vehicle Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-
-                            </div>
-                            <div class="form-divider"></div>
-
+                                <div class="form-divider"></div>
+                          </div>
+                        
                         </div>
                     </div>
-                </div>
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible ">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Courier Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Courier Service Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="POSlaju" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Tracking Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="POSlaju9875647" required />
-                                </div>
-                            </div>
-                            <div class="form-divider"></div>
-
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible ">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Outsource Services</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Delivery Date</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Driver Contact</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Vehicle Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-
-                            </div>
-                            <div class="form-divider"></div>
-
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible ">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Self-Collect</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
-                            <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Warehouse</label>
-                                    </div>
-                                    <select class="form-element">
-                                        <option value="">Please Choose or Create New</option>
-                                        <option value="1">Gudang ABC</option>
-                                        <option value="2">Warehouse KLIA2</option>
-                                        <option value="3">Warehouce Inc.</option>
-                                    </select>
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Address</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">City</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="Mr John" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">State</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="01234767765" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Postcode</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Postcode</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Contact Person Name</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Contact Person Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                </div>
-                            </div>
-                            <div class="form-divider"></div>
-                        </div>
-                    </div>
-                </div>
+                             
                 <!-- Delivery Arrangement Details End Here-->
                 <!-- Consolidation Start Here-->
                 <div class="form-divider"></div>
@@ -321,61 +320,132 @@
                     <span class="label-span">Order Selection</span>
                 </div>
                 <div class="form-divider"></div>
-                <div class="form-row-group with-icons-no-padding">
-                    <div style="color: #069" class="list-box-non">
-                        <button href="#" class="collapsible ">
-                            <i class="fa fa-truck"></i>
-                            <span class="list-item-title">Item 1</span>
-                        </button>
-                        <div class="content">
-                            <div class="form-divider"></div>
+
+                <div class="search-result-header">
+                        <!-- or without .fix-searchbar -->
+                        <form class="fix-searchbar">
+                            <input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">                      
+                        </form>
+                </div>
+                      <div class="form-divider"></div>
+                     
                             <div class="form-row-group with-icons-no-padding">
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">ETA</label>
+                                <div style="color: #069" class="list-box-non">
+                                    <button href="#" class="collapsible ">
+                                        <i class="fa fa-truck"></i>
+                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
+                                    </button>
+                                    <div class="content">
+                                        <div class="form-divider"></div>
+                                        <div class="form-row-group with-icons-no-padding">
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">ETA</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Shipment Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Marking Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
+                                            </div>
+                                        </div>
+                                        <div class="form-divider"></div>
                                     </div>
-                                    <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Shipment Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="MFG3456" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Marking Number</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Address</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
-                                </div>
-                                <div class="form-row no-padding">
-                                    <div class="form-element-title">
-                                        <label style="color: #000">Address</label>
-                                    </div>
-                                    <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
                                 </div>
                             </div>
-                            <div class="form-divider"></div>
-                        </div>
-                    </div>
-
+                            
+                        
+                            <div class="form-row-group with-icons-no-padding">
+                                <div style="color: #069" class="list-box-non">
+                                    <button href="#" class="collapsible ">
+                                        <i class="fa fa-truck"></i>
+                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
+                                    </button>
+                                    <div class="content">
+                                        <div class="form-divider"></div>
+                                        <div class="form-row-group with-icons-no-padding">
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">ETA</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Shipment Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Marking Number</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
+                                            </div>
+                                            <div class="form-row no-padding">
+                                                <div class="form-element-title">
+                                                    <label style="color: #000">Address</label>
+                                                </div>
+                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
+                                            </div>
+                                        </div>
+                                        <div class="form-divider"></div>
+                                    </div>
+                                </div>
+                            </div>
+                                 
+               
+                <!-- Pagination Start Here-->
+                <div class="form-divider"></div>
+                <div style="text-align: center">
+                <div class="pagination">
+                    <a href="#">&laquo;</a>
+                    <a class="active" href="#">1</a>
+                    <a href="#">2</a>
+                    <a href="#">&raquo;</a>
+                  </div>
                 </div>
-                <!-- Consolidation End Here-->             
+                <div class="form-divider"></div>
+                <!-- Pagination End Here--> 
+
+                <!-- Consolidation End Here-->
             </div>
+            
             <div class="popup-footer">
                 <div class="form-divider"></div>
                 <a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Appointment</span></a>
             </div>
             <div class="form-divider"></div>
         </div>
-    </div>	
+    </div>		
     <!--POPUP HTML CONTENT END -->
+
 	<script type="text/javascript">
 	/* =========================================
 	[Collapsible for Custom Order Select] Start Here
@@ -395,12 +465,15 @@
             content.style.display = "block";
         }
     });
-	}
+	}        
+
     </script>
+
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/global.script.js"></script>
 
 
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/arrangements-delivery_arrangements3.html b/arrangements-delivery_arrangements3.html
deleted file mode 100644
index cc43aba..0000000
--- a/arrangements-delivery_arrangements3.html
+++ /dev/null
@@ -1,459 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>AzureUI - DELIVERY ARRANGEMENTS1</title>
-    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
-    <link rel="stylesheet" type="text/css" href="css/global.style.css">
-</head>
-
-<body>
-
-    <div class="nav-menu">
-
-        <nav class="menu">
-            <!-- profile logo start -->
-            <div class="nav-header">
-                <a href="home.html"><img src="images/CIEF.png" width="160"></a>
-            </div>
-            <!-- profile logo end -->
-            <!-- Menu navigation start -->
-            <div class="nav-container">
-                <ul class="main-menu">
-                    <li>
-                        <a href="#"><i class="fa fa-home"></i> Home</a>
-                    </li>
-                    <li>
-                        <a href="#"><i class="fa fa-bell"></i> Notice</a>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
-                        <ul>
-                            <li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
-                            <li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
-                            <li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
-                        </ul>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
-                        <ul>
-                            <li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
-                        </ul>
-                    </li>
-                    <li>
-                        <a href="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
-                    </li>
-                    <li>
-                        <a href="#"><i class="fa fa-comments"></i> Messenger</a>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
-                    </li>
-                    <li>
-                        <a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
-                    </li>
-                </ul>
-            </div>
-           <!-- Menu navigation end -->
-        </nav>
-    </div>
-
-    <div class="wrapper">
-        <div class="wrapper-inline">
-            <!-- Header area start -->
-            <header style="background-color: #FFF">
-                <a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
-                <h1 id="HT" class="page-title" style="color: #000">Delivery Arrangement Status</h1>
-                <div class="navi-menu-button">
-                    <em></em>
-                    <em></em>
-                    <em></em>
-                </div>
-            </header>
-            <!-- Header area end -->
-
-            <!-- Page content start -->
-            <main class="fix-top-menu">
-                <form>
-                    <div class="form-divider"></div>
-                    <div class="list-box-non">
-                        <a href="javascript:void(0);" class="list-item" data-popup="formPopup">
-                            <i class="fa fa-plus"></i>
-                            <em class="seperate"></em>
-                            <span class="list-item-title">Add New</span>
-                        </a>
-
-                        <!-- Content List Spawner Start Here -->
-                        <div class="form-divider"></div>
-                        <div class="form-row txt-center">
-                            Delivery arrangement is empty, do you want to add new arrangement?
-                        </div>
-                        <!-- Content List Spawner End Here -->
-
-                    </div>
-                </form>
-            </main>
-            <!-- Page content end -->
-        </div>
-    </div>
-
-    <!--POPUP HTML CONTENT START -->
-    <div class="popup-overlay" id="formPopup">
-        <!-- if you dont want overlay add class .no-overlay -->
-        <div class="popup-container">
-            <div class="popup-header">
-                <h3 class="popup-title">Delivery Details</h3>
-                <span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
-            </div>
-            <!-- Delivery Arrangement Details Start Here-->
-            <div class="popup-content">
-                <div class="form-divider"></div>
-                <div class="form-label-divider">
-                    <span class="label-span">Delivery Arrangement Details</span>
-                </div>
-                <div class="form-divider"></div>               
-                <div class="form-row-group with-icons-no-padding">
-                <div class="form-row no-padding">
-                 
-                        <div class="form-element-title">
-                            <label style="color: #000">Delivery Services</label>
-                        </div>
-                        <select id="typeDelivery" class="form-element">
-                            <option selected disabled hidden>Please Choose Delivery Services</option>
-                            <option value="0">Inhouse Services</option>
-                            <option value="1">Courier Services</option>
-                            <option value="2">Outsource Services</option>
-                            <option value="3">Self-Collect</option>
-                        </select>
-                       
-                        <div style="display:none" id="services-a"> 
-                            
-                                <div class="form-divider"></div> 
-                                <div class="form-label-divider">
-                                        <span class="label-span">Inhouse Services</span>
-                                </div> 
-                                <div class="form-divider"></div>                                                                         
-                                <div class="form-row-group with-icons-no-padding">
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Delivery Date</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Driver Name</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="Mr John" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Driver Contact</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="01234767765" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Vehicle Number</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>     
-                                    </div>
-                                    <div class="form-divider"></div>   
-                        </div>
-                   
-                        
-                
-                        <div style="display:none" id="services-b">
-                                <div class="form-divider"></div> 
-                                <div class="form-label-divider">
-                                        <span class="label-span">Courier Services</span>
-                                </div> 
-                                <div class="form-divider"></div>    
-                                <div class="form-row-group with-icons-no-padding">
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Courier Service Name</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="POSlaju" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Tracking Number</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="POSlaju9875647" required />
-                                        </div>
-                                    </div>
-                                    <div class="form-divider"></div>   
-                        </div>
-                
-                        <div style="display:none" id="services-c">
-                                <div class="form-divider"></div> 
-                                <div class="form-label-divider">
-                                        <span class="label-span">Outsource Services</span>
-                                </div> 
-                                <div class="form-divider"></div>  
-                                <div class="form-row-group with-icons-no-padding">
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Delivery Date</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Driver Name</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="Mr John" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Driver Contact</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="01234767765" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Vehicle Number</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>
-                                    </div> 
-                                    <div class="form-divider"></div>    
-                                </div>                
-                                  
-                        <div style="display:none" id="services-d">
-                                <div class="form-divider"></div> 
-                                <div class="form-label-divider">
-                                        <span class="label-span">Self-Collect</span>
-                                </div> 
-                                <div class="form-divider"></div>  
-                                <div class="form-row-group with-icons-no-padding">
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Warehouse</label>
-                                            </div>
-                                            <select class="form-element">
-                                                <option value="">Please Choose or Create New</option>
-                                                <option value="1">Gudang ABC</option>
-                                                <option value="2">Warehouse KLIA2</option>
-                                                <option value="3">Warehouce Inc.</option>
-                                            </select>
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Address</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">City</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="Mr John" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">State</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="01234767765" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Postcode</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Postcode</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Contact Person Name</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>
-                                        <div class="form-row no-padding">
-                                            <div class="form-element-title">
-                                                <label style="color: #000">Contact Person Number</label>
-                                            </div>
-                                            <input type="text" class="form-element" placeholder="PFG 5768" required />
-                                        </div>       
-                                    </div>
-                                <div class="form-divider"></div>
-                          </div>
-                        
-                        </div>
-                    </div>
-                 </div>              
-                <!-- Delivery Arrangement Details End Here-->
-                <!-- Consolidation Start Here-->
-                <div class="form-divider"></div>
-                <div class="popup-header">
-                    <h3 class="popup-title">Consolidation</h3>
-                </div>
-                <div class="form-divider"></div>
-                <div class="form-label-divider">
-                    <span class="label-span">Order Selection</span>
-                </div>
-                <div class="form-divider"></div>
-
-                <div class="search-result-header">
-                        <!-- or without .fix-searchbar -->
-                        <form class="fix-searchbar">
-                            <input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">                      
-                        </form>
-                </div>
-                      <div class="form-divider"></div>
-                     
-                            <div class="form-row-group with-icons-no-padding">
-                                <div style="color: #069" class="list-box-non">
-                                    <button href="#" class="collapsible ">
-                                        <i class="fa fa-truck"></i>
-                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
-                                    </button>
-                                    <div class="content">
-                                        <div class="form-divider"></div>
-                                        <div class="form-row-group with-icons-no-padding">
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">ETA</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Shipment Number</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Marking Number</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Address</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Address</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
-                                            </div>
-                                        </div>
-                                        <div class="form-divider"></div>
-                                    </div>
-                                </div>
-            
-                            </div>
-                        
-                            <div class="form-row-group with-icons-no-padding">
-                                <div style="color: #069" class="list-box-non">
-                                    <button href="#" class="collapsible ">
-                                        <i class="fa fa-truck"></i>
-                                        <span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
-                                    </button>
-                                    <div class="content">
-                                        <div class="form-divider"></div>
-                                        <div class="form-row-group with-icons-no-padding">
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">ETA</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Shipment Number</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="MFG3456" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Marking Number</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Address</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
-                                            </div>
-                                            <div class="form-row no-padding">
-                                                <div class="form-element-title">
-                                                    <label style="color: #000">Address</label>
-                                                </div>
-                                                <input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
-                                            </div>
-                                        </div>
-                                        <div class="form-divider"></div>
-                                    </div>
-                                </div>           
-                            </div>
-
-
-                <!-- Pagination Start Here-->
-                <div class="form-divider"></div>
-                <div style="text-align: center">
-                <div class="pagination">
-                    <a href="#">&laquo;</a>
-                    <a class="active" href="#">1</a>
-                    <a href="#">2</a>
-                    <a href="#">&raquo;</a>
-                  </div>
-                </div>
-                <!-- Pagination End Here--> 
-
-                <!-- Consolidation End Here-->
-            </div>
-            <div class="popup-footer">
-                <div class="form-divider"></div>
-                <a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Submit</span></a>
-            </div>
-            <div class="form-divider"></div>
-        </div>
-    </div>	
-    <!--POPUP HTML CONTENT END -->
-
-	<script type="text/javascript">
-	/* =========================================
-	[Collapsible for Custom Order Select] Start Here
-	==========================================*/
-
-	var coll = document.getElementsByClassName("collapsible");
-	var i;
-
-	for (i = 0; i < coll.length; i++) {
-    coll[i].addEventListener("click", function() 
-	{
-        this.classList.toggle("active");
-        var content = this.nextElementSibling;
-        if (content.style.display === "block") {
-            content.style.display = "none";
-        } else {
-            content.style.display = "block";
-        }
-    });
-	}        
-
-    </script>
-
-    <script src="js/jquery-3.2.1.min.js"></script>
-    <script src="js/global.script.js"></script>
-
-
-
-</body>
-
-</html>
\ No newline at end of file