img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
#barcodeTarget, #canvasTarget {
    margin-top: 20px;
}
input[type=text],input[type=email],input[type=tel],input[type=time],input[type=date],input[type=password]{
		width:100%;
		border:none;
}
select{
		border:none;
		background-color:#fca901;
}
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.wpcargo-history-details table#list-container, 
		.wpcargo-history-details table#list-container thead, 
		.wpcargo-history-details table#list-container tbody, 
		.wpcargo-history-details table#list-container th, 
		.wpcargo-history-details table#list-container td, 
		.wpcargo-history-details table#list-container tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.wpcargo-history-details table#list-container thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
			margin-top: 3px;
		}
		
		.wpcargo-history-details table#list-container tr { 
			border: 1px solid #ccc; 
			text-align: initial !important;

		}
		
		.wpcargo-history-details table#list-container td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50% !important;
    		text-align: initial !important;
		}
		
		.wpcargo-history-details table#list-container td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		#wpcargo-result-print .wpcargo-history-details #list-container tbody tr {
		    background-color: #d6d6d6;
		        width: 100%;
		}
		#wpcargo-result-print .wpcargo-history-details #list-container tbody tr:nth-child(odd) {
		    background-color: #f1f1f1;
		}
		
		/*
		Label the data
		*/
		.wpcargo-history-details table#list-container td:nth-of-type(1):before { content: "Date."; }
		.wpcargo-history-details table#list-container td:nth-of-type(2):before { content: "Time"; }
		.wpcargo-history-details table#list-container td:nth-of-type(3):before { content: "Location"; }
		.wpcargo-history-details table#list-container td:nth-of-type(4):before { content: "Status"; }
		.wpcargo-history-details table#list-container td:nth-of-type(5):before { content: "Remarks"; }
	}
	
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.wpcargo-history_details table#list_container, 
		.wpcargo-history_details table#list_container thead, 
		.wpcargo-history_details table#list_container tbody, 
		.wpcargo-history_details table#list_container th, 
		.wpcargo-history_details table#list_container td, 
		.wpcargo-history_details table#list_container tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.wpcargo-history_details table#list_container thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.wpcargo-history_details table#list_container tr { 
			border: 1px solid #ccc; 
			text-align: initial !important;

		}
		
		.wpcargo-history_details table#list_container td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50% !important;
    		text-align: initial !important;
		}
		
		.wpcargo-history_details table#list_container td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		#wpcargo-result-print .wpcargo-history_details #list_container tbody tr {
		    background-color: #d6d6d6;
		        width: 100%;
		}
		#wpcargo-result-print .wpcargo-history_details #list_container tbody tr:nth-child(odd) {
		    background-color: #f1f1f1;
		}
		
		/*
		Label the data
		*/
		.wpcargo-history_details table#list_container td:nth-of-type(1):before { content: "Track Number."; }
		.wpcargo-history_details table#list_container td:nth-of-type(2):before { content: "Actions"; }
		.wpcargo-history_details table#list_container td:nth-of-type(3):before { content: "Actions"; }
		.wpcargo-history_details table#list_container td:nth-of-type(4):before { content: "Status"; }
		.wpcargo-history_details table#list_container td:nth-of-type(5):before { content: "Remarks"; }
	}
		
		#book thead th,
		#book .button.button-quotation,
		#pq-add-address-form input[type="submit"],
		#wpc-pq-address-book #add-address, 
		#wpc-pick-up-management .ui-tabs .ui-tabs-panel  #wpc-submit-pickup, 
		#wpc-pick-up-management a.mover,
		#wpc-pick-up-management .ui-tabs #steps.ui-tabs-nav li,
		#pq_package_wrap table thead th,
		#wpc-pq-form input[type="button"],
		#wpc-pq-form input[type="submit"],
		#wpc-pq-dasboard #order-wrap #orders th,
		#wpc-pq-dasboard #wpc-pq-request,
		#wpc-cashier input[type="submit"], 
		#wpc-cashier input.wpc-add,
		.wpc-cashier-package thead th,
		.wpcargo-vehicle-table th,
		.wpc-multiple-package .wpc-mp-table thead th,
		#wpcargo-history-section #list-container thead th,
		.wpcargo-track .track_form_table .track_form_tr .track_form_td input#submit_wpcargo,
		input[type=checkbox].wpc-checkbox:checked:before, 
		input[type=checkbox].wpc-checkbox:checked:before,
		.wpc-button{
			background-color: #fca901 !important;
			border-color: #fca901 !important;
			color:#fff;
		}
		#wpc-pq-address-book #orders-pagination li.active a,
		#wpc-pq-dasboard #order-wrap #orders-pagination li.active a{
			border-bottom: 2px solid #fca901 !important;
		}
		#wpc-pick-up-management .ui-tabs #steps.ui-tabs-nav{
		    border-top: 1px solid #fca901 !important;
		    border-left: 1px solid #fca901 !important;
		    border-right: 1px solid #fca901 !important;
		}
		#wpc-pum-tabs.ui-tabs .ui-tabs-panel{
			border: 1px solid #fca901 !important;
		}
		.label {
			font-weight:bold;
		}
		#actionprocess, #actionresponse, #xactionprocess, #xactionprocessdel, #dxactionprocessdel, #newelementtable{
			display:none;
		}
			a:link:after, a:visited:after {
				content: "";
			}
			.noprint {
				display: none !important;
			}

			a:link:after, a:visited:after {
				display: none;
				content: "";
			}