diff --git a/application/third_party/order/views/ah/confirm_order.php b/application/third_party/order/views/ah/confirm_order.php
index 5a781827..258c51e9 100644
--- a/application/third_party/order/views/ah/confirm_order.php
+++ b/application/third_party/order/views/ah/confirm_order.php
@@ -312,6 +312,29 @@ input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15p
 			}
             .inputTerm label { font-size: 18px;}
 		}
+    select.ui-timepicker-select.ui-state-default.ui-corner-all {
+    font-size: 17px;
+    width: 100%;
+    height: 30px;
+    background: #fff;
+    border-radius: 4px;
+    border: 1px solid #d1d1d1;
+    margin-bottom: 10px;
+}
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
+    font-family: Calibri;
+    font-size: 17px;
+    width: 100%;
+    height: 30px;
+    border-radius: 4px;
+    border: 1px solid #d1d1d1;
+}
+dd.ui_tpicker_time {
+    margin-bottom: 15px;
+}
+.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
+.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
+.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
 	</style>
 </head>
 
diff --git a/application/third_party/order/views/confirm_order.php b/application/third_party/order/views/confirm_order.php
index 13a3ba82..a8b8bb32 100644
--- a/application/third_party/order/views/confirm_order.php
+++ b/application/third_party/order/views/confirm_order.php
@@ -312,6 +312,29 @@ input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15p
 			}
             .inputTerm label { font-size: 18px;}
 		}
+    select.ui-timepicker-select.ui-state-default.ui-corner-all {
+    font-size: 17px;
+    width: 100%;
+    height: 30px;
+    background: #fff;
+    border-radius: 4px;
+    border: 1px solid #d1d1d1;
+    margin-bottom: 10px;
+}
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
+    font-family: Calibri;
+    font-size: 17px;
+    width: 100%;
+    height: 30px;
+    border-radius: 4px;
+    border: 1px solid #d1d1d1;
+}
+dd.ui_tpicker_time {
+    margin-bottom: 15px;
+}
+.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
+.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
+.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
 	</style>
 </head>
 
@@ -715,7 +738,7 @@ input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15p
 					</div>
 					<div class="selectionBlock">
 						<div class="inputTerm">
-							<input type="text" class="datetimepicker"  name="MEI_ArrivalTime" required="">
+							<input type="text" class="datetimepicker"  name="MEI_ArrivalTime" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
 							<label>
 								Arrival time
 							</label>
@@ -731,7 +754,7 @@ input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15p
 					</div>
 					<div class="selectionBlock">
 						<div class="inputTerm">
-							<input type="text" class="datetimepicker"  name="MEI_DepartureTime" required="">
+							<input type="text" class="datetimepicker"  name="MEI_DepartureTime" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
 							<label>
 								Departure time
 							</label>