body {
	margin: 0;
	background: none repeat scroll 0 0 #FFCC00;
}

body, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #737373 !important;
}

.ui-datalist .ui-datalist-content {
	border: 0 none;
}

.ui-datalist ul {
	padding: 0px 10px 0 20px;
	margin: 5px 0;
}

.label, .value {
	vertical-align: middle;
}

.confirm-no-icon .ui-confirm-dialog-severity {
	display: none !important;
}

.output {
	font-weight: bold;
}

.ui-selectmanymenu {
	width: 175px;
}

.detailScreenFacetHeader {
	background: #CCCCCC;
	font-weight: bold;
}

.detailScreenFacetHeader td {
	padding: 5px;
}

.singleLine {
	text-wrap: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.margin-center {
	margin: 0 auto;
}

.ellipsis label {
	overflow: hidden;
	text-overflow: ellipsis;
}

.bold {
	font-weight: bold;
}

.frontDialog {
	z-index: 9999 !important;
}

.padLeft {
	padding-left: 20px;
}

.datatableCommodity {
	margin-top: -1px !important;
}

.datatableCommodity .ui-datatable-frozen-container {
	border-right: 1px solid grey;
	width: 490px;
}

.datatableCommodity .ui-datatable-frozen-container .input {
	width: 80px;
}

.datatableCommodity .ui-datatable-frozen-container .ui-widget-content {
	height: 29px;
}

.datatableCommodity .ui-frozen-column {
	height: 102px;
}

.datatableCommodity .screenHeader tr td {
	vertical-align: bottom;
}

.datatableCommodity .screenHeader {
	width: 100%;
}

.datatableCommodity input {
	text-align: center;
}

.datatableCommodity input:disabled {
	background-color: #cecece;
	color: white;
}

.datatableCommodity input[type=checkbox]:disabled {
	background: #cecece;
	color: white;
}

.datatableCommodity table {
	text-align: center;
}

.datatableCommodity .headerHeight {
	height: 163px;
}

.datatableCommodity .screenHeader .menubar {
	font-weight: bold !important;
	border-top: 1px ridge !important;
	white-space: nowrap;
	padding: 5px 0;
}

.datatableCommodity .screenHeader {
	height: 24px;
}

.datatableCommodity .select {
	max-width: 175px;
	text-overflow: ellipsis;
}

.unitQuantities>tbody>tr>td {
	border-right: 1px solid #cccccc;
}

.commodity-table {
	border-collapse: collapse;
}

.commodity-table-header {
	text-align: center;
	background: none repeat scroll 0 0 #ffa222;
	border: 1px solid #000000;
	padding: 16px;
}

.commodity-table-odd-row {
	text-align: center;
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 1px solid #BBBBBB;
}

.commodity-table-even-row {
	text-align: center;
	background: none repeat scroll 0 0 #F9F9F9;
	border-top: 1px solid #BBBBBB;
}

.outputTextError {
	color: red;
}

.outputTextNormal {
	color: black;
}

.checkBoxItem {
	padding: 20px 0px !important;
}

div#header div.logo {
	background-image: url("images/dhllogo.gif.jspx");
	width: 150px;
	height: 30px;
}

div#header div.title {
	display: none;
}

/* Connection status images */
div#connection-status div {
	width: 101px;
	height: 23px;
}

div#connection-status div.default {
	background: url("../css/dhl/images/connect_idle.gif.xhtml") no-repeat
		scroll 0 0 transparent;
}

div#connection-status div.active {
	background: url("../css/dhl/images/connect_active.gif.xhtml") no-repeat
		scroll 0 0 transparent;
}

div#connection-status div.causion {
	background: url("../css/dhl/images/connect_caution.gif.xhtml") no-repeat
		scroll 0 0 transparent;
}

div#connection-status div.error {
	background: url("../css/dhl/images/connect_disconnected.gif.xhtml")
		no-repeat scroll 0 0 transparent;
}

div.wrapper {
	background: none repeat scroll 0 0 #ffeb98;
	border: 1px sold #ccc;
	min-width: fit-content;
}

table.block {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin: 5px 0px;
	padding: 0px;
	width: 100%;
}

table.block th, table.block thead th {
	background: url("images/tabelheadflow.jpg.jspx") repeat scroll 0 0
		#FFCC00;
	border-bottom: 1px solid #ccc;
}

table.list th {
	background: none repeat scroll 0 0 #DBDBDB;
	border-bottom: solid 1px #CCCCCC;
}

table.no-head thead{
	display: none;
}

table.smalllist {
	width: 100%;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

table.smalllist .odd {
	background-color: #FEF4C7;
}

table.smalllist .even {
	
}

table.smalllist th {
	background-color: #DBDBDB;
	text-align: left;
	padding: 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 10px;
}

table.smalllist tbody td {
	height: 20px;
	padding: 0 5px;
	font-size: 10px;
}

.smalllist body, .smalllist td, .smalllist th {
	font-size: 10px !important;
}

.list.planningTopList thead {
	display: none;
}

.list.planningSubList thead {
	display: contents;
}

.list.planningSubList thead>tr>th {
	padding: 5px;
}

.list.planning {
	background-color: #EEEEEE;
}

.list.planning>tbody>tr>td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ui-inputfield, .ui-inputfield:hover, .ui-inputfield:focus,
	.ui-selectonemenu, .ui-selectonemenu:hover, .ui-selectonemenu:focus,
	.ui-autocomplete-input, .ui-autocomplete-input:hover,
	.ui-autocomplete-input:focus {
	background: none repeat scroll 0 0 #fff !important;
	color: #333 !important;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	padding: 0px;
	top: 29.5px !important;
}

.ui-menuitem-link {
	color: #ffeb98 !important;
}

.ui-menuitem-link .ui-icon {
	background-image:
		url("../images/ui-icons_cd0a0a_256x240.png.jspx?ln=primefaces-default")
		!important;
}

ul.ui-menu-child {
	background: none repeat scroll 0 0 #ffeb98 !important;
}

ul.ui-menu-child .ui-menuitem-link {
	color: #737373 !important;
}

ul.ui-menu-child .ui-menuitem-link:hover {
	background: none repeat scroll 0 0 #FFE47C !important;
}

.selected {
	border-top: 2px solid #DD0000 !important;
	background: none repeat scroll 0 0 #2d2d2d !important;
}

.selected>a {
	font-weight: bold !important;
	color: #FFCC00 !important;
}

.ui-datatable thead th, .ui-datatable thead th.ui-state-default {
	background: none repeat scroll 0 0 #DBDBDB;
	border-color: #CCCCCC;
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-left: none;
	border-right: none;
}

.ui-datatable .ui-datatable-header {
	background: url("images/tabelheadflow.jpg.jspxl") repeat scroll 0 0
		#FFCC00;
}

.ui-datatable-data .ui-datatable-even {
	background: none repeat scroll 0 0 #fef4c7;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
	background: none repeat scroll 0 0 #ffcc00 !important;
}

.ui-datatable tr.ui-state-highlight {
	background: none repeat scroll 0 0 #ffcc00 !important;
	border: none;
}

.ui-datatable tbody.ui-datatable-data {
	line-height: 1;
}

.ui-dialog .ui-dialog-titlebar {
	background: url("images/tabelheadflow.jpg.jspx") repeat scroll 0 0
		#FFCC00;
	padding: 0.2em 0.4em 0.2em 1em !important;
}

.ui-panel .ui-panel-titlebar {
	background: url("images/tabelheadflow.jpg.jspx") repeat scroll 0 0
		#FFCC00;
}

.ui-dialog-titlebar-icon:hover {
	background: none repeat scroll 0 0 #e4e4e4 !important;
	border-color: black white white black !important;
}

.ui-state-highlight .ui-icon {
	background-image:
		url("../images/ui-icons_333_256x240.png.jspx?ln=primefaces-default");
}

.ui-widget {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ui-widget-header {
	border: 1px solid #ccc;
}

.ui-widget-content {
	border-color: #ccc;
	background: none repeat scroll 0 0 #ffeb98;
}

.ui-widget-content .ui-editor {
	background-color: #FFFFFF;
}

.ui-menubar {
	background: none repeat scroll 0 0 #2d2d2d;
}

.ui-picklist .ui-picklist-list {
	background: none repeat scroll 0 0 #fff !important;
}

a.button, input.button, .icePnlCnfBtns input {
	height: 25px;
	line-height: 25px;
	min-width: 140px;
	font-weight: bold;
	font-size: 12px;
	background: #FFCC00 url("../../images/arrow_b_r_small.gif") no-repeat
		scroll 1px 50%;
	padding: 0px 10px 5px 20px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: white black black #FFCC00;
	cursor: pointer;
}

a.button:hover, input.button:hover, .icePnlCnfBtns input:hover {
	background-color: #e4e4e4;
	border-color: black white white black;
}

.ui-button, .ui-button.ui-state-default {
	height: 25px;
	line-height: 25px;
	min-width: 140px;
	font-weight: bold;
	font-size: 12px;
	background: #FFCC00 url("../../images/arrow_b_r_small.gif") no-repeat
		scroll 1px 50%;
	padding: 0px 10px 5px 20px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: white black black #FFCC00;
	cursor: pointer;
	display: inline-block;
	padding: 0 .5em;
}

a.button {
	display: revert;
	padding: 0.35em 1.1em;
}

.ui-button:hover {
	background: #FFCC00 url("../../images/arrow_w_r_small.gif") no-repeat
		scroll 1px 50%;
	background-color: #e4e4e4 !important;
	border-color: black white white black;
	color: #333 !important;
}

.ui-dialog .ui-button {
	background-color: #ffcc00 !important;
	border-color: white black black #ffcc00;
	border-style: solid;
	border-width: 1px;
	color: #333 !important;
}

.ui-dialog .ui-button:hover {
	background: #FFCC00 url("../../images/arrow_w_r_small.gif") no-repeat
		scroll 1px 50%;
	background-color: #e4e4e4 !important;
	border-color: black white white black;
	color: #333 !important;
}

.ui-state-default.ui-button-icon-only {
	background: none repeat scroll 0 0 transparent !important;
	border: none;
	min-width: 0 !important;
	height: 1.8em;
}

.ui-button-icon-only:hover {
	background: none repeat scroll 0 0 transparent !important;
}

.ui-button-icon-only:focus {
	background: none repeat scroll 0 0 transparent !important;
}

.ui-button-icon-only .ui-state-focus {
	background: none repeat scroll 0 0 transparent !important;
}

.ui-dialog .ui-button-icon-only {
	background: none repeat scroll 0 0 transparent !important;
	min-width: 0 !important;
}

.ui-dialog .ui-button-icon-only:hover {
	background: none repeat scroll 0 0 transparent !important;
}

.ui-dialog .ui-button-icon-only:focus {
	background: none repeat scroll 0 0 transparent !important;
}

.ui-dialog .ui-button-icon-only .ui-state-focus {
	background: none repeat scroll 0 0 transparent !important;
}

/* Dialog */
.ui-dialog .ui-dialog-content .wrapper {
	border: none !important;
}

.ui-dialog {
	position: absolute !important;
}

/* Datepicker */
.ui-datepicker .ui-datepicker-header {
	background: url("images/tabelheadflow.jpg.jspx") repeat scroll 0 0
		#FFCC00;
}

.ui-datepicker {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 2px;
	width: auto;
}

/* Legend */
.p_icon {
	background-image:
		url("../../images/ui-icons_333_256x240.png.jspx?ln=primefaces-default");
	width: 16px !important;
	height: 16px !important;
	background-repeat: no-repeat;
	line-height: 20px;
}

.icon {
	padding-left: 16px;
	vertical-align: text-bottom !important;
}

/* SelectOneMenu */
.ui-selectonemenu .ui-selectonemenu-trigger {
	border-left: 1px solid #ccc !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0;
}

tr[role="row"] {
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}

.ui-inputfield, .ui-inputtext, .ui-selectonemenu, .ui-autocomplete-input
	{
	border-color: #ccc !important;
}

.ui-dialog .ui-inputfield, .ui-dialog .ui-inputtext, .ui-dialog .ui-selectonemenu,
	.ui-dialog .ui-autocomplete-input {
	border-color: #ccc;
}

.ui-dialog .ui-dialog-titlebar {
	border-color: #ccc !important;
}

.ui-radiobutton-box {
	border-color: #ccc !important;
	background: none repeat scroll 0 0 #fff !important;
}

.ui-chkbox .ui-chkbox-box {
	background: none repeat scroll 0 0 #fff !important;
	border-color: #ccc !important;
}

/* Error */
td.label .ui-state-error {
	background: none repeat scroll 0 0 !important;
}

.ui-state-error {
	border-color: #cd0a0a !important;
	background-color: #FFCCCC !important;
}

.ui-message-error {
	border-color: #cd0a0a !important;
	background-color: #FFCCCC !important;
}

/* Home */
.womans {
	background: url("images/menu_image_04.jpg.jspx") no-repeat scroll 0 0
		transparent;
	width: 230px;
	height: 494px;
	padding: 0 0 2px 0;
}

/* News items */
.news .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.news .title .date {
	margin-right: 50px;
	max-width: 150px;
}

.news .title .subject {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.news .text {
	margin-bottom: 10px;
	font-size: 12px;
}

/* TOS */
.link:hover {
	color: #ff0000 !important;
	text-decoration: underline;
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

.tosList {
	margin-left: 30px;
	list-style-type: square;
	list-style: url("icons/list_item.gif.jspx");
}

.noBorder {
	border: none;
}

/* Legend */
div.legend {
	height: auto;
}

div.legend span {
	margin: 0 10px 0 0;
}

div.legend span.fa, div.legend .colour {
	margin: 0 5px 0 5px;
}

/* Booking Status colour */
div.legend .colour {
	padding: 5px 25px;
	line-height: 40px;
	border: 1px solid #ccc;
}

.unconfirmed, .ui-datatable-data .unconfirmed {
	background: none repeat scroll 0 0 #ffff00;
}

.vendorFailed, .ui-datatable-data .vendorFailed {
	background: none repeat scroll 0 0 #ff8080;
}

.dhlFailed, .ui-datatable-data .dhlFailed {
	background: none repeat scroll 0 0 #c0c0c0;
}

/* Datatable mouse over colour */
.ui-datatable-data>tr:hover {
	background: none repeat scroll 0 0 #ffcc00 !important;
	border: none;
}

.noHover .ui-datatable-even:hover {
	background: none repeat scroll 0 0 #fef4c7 !important;
}

.noHover .ui-datatable-odd:hover {
	background: none repeat scroll 0 0 #ffeb98 !important;
}

.noHover .ui-datatable-empty-message:hover {
	background: none repeat scroll 0 0 #ffeb98 !important;
}

.ui-expanded-row-content:hover>td {
	background: none repeat scroll 0 0 #ffeb98 !important;
}

.noBorder {
	border: none;
}

.noPadding .ui-panel-content {
	padding: 0.5em 0 !important;
}

.noPadding, .noPadding>tbody>tr>td, .noPadding>table>tbody>tr>td {
	padding: 0 !important;
}

/* Font Awesome */
.ui-widget .ui-icon.fa, .ui-icon.fa {
	background-image: none;
	background-repeat: no-repeat;
	display: block;
	overflow: visible;
	text-indent: 0;
}

.ui-button .ui-icon.fa, .ui-icon.fa {
	color: #333;
}

.ui-button-icon-only .ui-icon.fa, .ui-icon.fa {
	color: #666;
}

.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa,
	.ui-button-text-icon-right .ui-icon.fa {
	margin-top: -6px;
}

.ui-button-text-icon-left .ui-button-text {
	padding: 0.3em 1em 0.3em 1em;
}

.ui-widget.fa-lg {
	font-size: 1.33333333em;
}

.ui-widget-content a.fa {
	color: #666;
	text-decoration: none;
}

.ui-widget-content a {
	color: #666;
	text-decoration: none;
}

.fa-green, .fa-green:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #008040 !important;
}

.fa-red, .fa-red:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FF0000 !important;
}

/* ToolTip */
.ui-tooltip .ui-tooltip-text {
	background-color: #FFEB98;
	color: #000000;
}

.navigation {
	width: 100%;
}

.navigation>ul>li {
	width: 100% !important;
	display: block;
}

/* Columns */
.column-7 {
	width: 7%;
}

.column-10 {
	width: 10%;
}

.column-15 {
	width: 15%;
}

.column-20 {
	width: 20%;
}

.column-30 {
	width: 30%;
}

.column-40 {
	width: 40%;
}

.column-50 {
	width: 50%;
}

.column-60 {
	width: 60%;
}

.column-70 {
	width: 70%;
}

.column-80 {
	width: 80%;
}

.column-90 {
	width: 90%;
}

.column-100, .column-100 input {
	width: 100%;
}

table.list td.column-20 {
	width: 20px;
	max-width: 20px;
}

table.list td.column-30 {
	width: 30px;
	max-width: 30px;
}

table.list td.column-40 {
	width: 40px;
	max-width: 40px;
}

table.list td.column-50 {
	width: 50px;
}

table.list td.column-60 {
	width: 60px;
}

table.list td.column-70 {
	width: 70px;
}

table.list td.column-75 {
	width: 75px;
}

table.list td.column-80 {
	width: 80px;
}

table.list td.column-85 {
	width: 85px;
}

table.list td.column-90 {
	width: 90px;
}

table.list td.column-100 {
	width: 100px;
}

table.list td.column-110 {
	width: 110px;
}

table.list td.column-125 {
	width: 125px;
}

table.list td.column-150 {
	width: 150px;
}

table.list td.column-200 {
	width: 200px;
}

table.list td.column-300 {
	width: 300px;
}

table.list td.fluid-1 {
	width: 1%;
}

table.list td.fluid-2 {
	width: 2%;
}

table.list td.fluid-3 {
	width: 3%;
}

table.list td.fluid-4 {
	width: 4%;
}

table.list td.fluid-5 {
	width: 5%;
}

table.list td.fluid-6 {
	width: 6%;
}

table.list td.fluid-7 {
	width: 7%;
}

table.list td.fluid-8 {
	width: 8%;
}

table.list td.fluid-9 {
	width: 9%;
}

table.list td.fluid-10 {
	width: 10%;
}

table.list td.fluid-15 {
	width: 15%;
}

table.list td.fluid-20 {
	width: 20%;
}

.downloadButton {
	margin-top: -2em;
}

/* Used for disabled h:outputLink buttons */
span.button {
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #CCC;
	border: solid 1px #999;
	text-decoration: none;
	color: #999;
	cursor: auto;
}

.gridField {
	padding: 0 5px 0 0 !important;
}

/* CHANGES MADE TO GET PRIMEFACES INLINE WITH ICEFACES VERSION */
tbody>tr>.actionRequired {
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}

table.bar {
	border-collapse: collapse;
	width: 100%;
	list-style-type: none;
}

table.bar td.text {
	padding: 5px;
}

table.form {
	margin: 5px;
	width: 99%;
}

table.form>tbody {
	vertical-align: top;
}

table.form>tbody>tr>td {
	padding: 0 !important;
}

table.form .label {
	font-weight: bold;
}

table.form td {
	padding: 4px;
}

table.form td.smallLabel {
	min-width: 30px;
	width: 100px;
	font-weight: bold;
}

table.form td.error {
	color: #ff0000 !important;
}

td.smallLabel {
	min-width: 30px;
	width: 100px;
	font-weight: bold;
}

.filter {
	margin: 0 !important;
}

table.columns td.column-50 {
	width: 50%;
	vertical-align: top;
}

/* Actions */
.actions {
	
}

.actions .ui-button, .actions a {
	padding: 0 !important;
	width: 1.5em;
}

/* used on p:commandButton */
.actions .icon {
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0;
	vertical-align: middle;
}

.actions .sortIcon {
	background-image: url("../../images/updown16x16.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .editIcon, .editIcon {
	background-image: url("../../images/icons/pencil.gif") !important;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .flagYellowIcon {
	background-image: url("../../images/icons/flag_yellow.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .translationIcon {
	background-image: url("../../images/icons/translation.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .editLocationIcon, .editLocationIcon {
	background-image: url("../../images/icons/location_edit.png") !important;
	display: inline-block;
	width: 20px;
	height: 16px;
}

.actions .truckIcon, .truckIcon {
	background-image: url("../../images/icons/truck.png") !important;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .truckEditIcon {
	background-image: url("../../images/icons/truck_edit.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .viewIcon {
	background-image: url("../../images/icons/preview.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .historyIcon {
	background-image: url("../../images/icons/history.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .cleanIcon {
	background-image: url("../../images/icons/broom.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .failIcon {
	background-image: url("../../images/icons/thumb_down.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .deleteIcon {
	background-image: url("../../images/icons/delete.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .debriefIcon {
	background-image: url("../../images/debrief.gif");
	display: inline-block !important;
	width: 16px;
	height: 16px;
}

.actions .accountIcon {
	background-image: url("../../images/icons/book_key.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .clockIcon {
	background-image: url("../../images/icons/clock.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .userIcon {
	background-image: url("../../images/icons/user.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .zipIcon {
	background-image: url("../../images/icons/zip.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .userAddIcon {
	background-image: url("../../images/icons/user_add.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .usergIcon, .usergIcon {
	background-image: url("../../images/icons/user_gray.png") !important;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .depotIcon {
	background-image: url("../../images/icons/depot_edit.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .permIcon {
	background-image: url("../../images/icons/permission.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .roleIcon {
	background-image: url("../../images/icons/role_icon.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .gearIcon {
	background-image: url("../../images/icons/table_gear.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .confIcon {
	background-image: url("../../images/icons/thumb_up.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .xlsIcon {
	background-image: url("../../images/xls_icon.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.xlsIcon {
	background-image: url("../../images/xls_icon.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .refreshIcon {
	background-image: url("../../images/arrow_refresh.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .checkIcon {
	background-image: url("../../images/icons/check.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .moveIcon {
	background-image: url("../../images/move16x16.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .lockIcon {
	background-image: url("../../images/icons/lock.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .timeIcon {
	background-image: url("../../images/icons/time.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .upIcon {
	background-image: url("../../images/up16x16.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .downIcon {
	background-image: url("../../images/down16x16.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .forwardIcon {
	background-image: url("../../images/arrow_divide.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .sideIcon {
	background-image: url("../../images/arrow_right.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .adviceIcon {
	background-image: url("../../images/icons/pre-advice.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .pdfIcon {
	background-image: url("../../images/pdf_icon.gif");
	display: inline-block !important;
	width: 16px;
	height: 16px;
}

.actions .unavailIcon {
	background-image: url("../../images/icons/driver_unavailibility.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .barrierIcon {
	background-image: url("../../images/icons/barrier.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .zoneIcon {
	background-image: url("../../images/icons/zone_icon.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .moneyIcon {
	background-image: url("../../images/icons/money.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .csvIcon {
	background-image: url("../../images/icons/csv.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .undoIcon {
	background-image: url("../../images/icons/undo.gif");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .tourIcon {
	background-image: url("../../images/icons/tour.gif");
	display: inline-block;
	width: 20px;
	height: 20px;
}

.actions .addIcon {
	background-image: url("../../images/icons/add.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .listIcon {
	background-image: url("../../images/icons/list.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .zipIcon {
	background-image: url("../../images/icons/zip.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .exclamationIcon, .exclamationIcon {
	background-image: url("../../images/icons/exclamation.png") !important;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .tickIcon {
	background-image: url("../../images/icons/tick_circle.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .emailIcon {
	background-image: url("../../images/icons/email.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .emailEditIcon {
	background-image: url("../../images/icons/email_edit.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .barcodeIcon {
	background-image: url("../../images/icons/barcode.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .switchIcon {
	background-image: url("../../images/icons/arrow_switch.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.actions .linkIcon {
	background-image: url("../../images/icons/link.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

/* Legend */
.legend {
	line-height: 25px;
}

.legend>span {
	padding: 2px 30px 2px 20px;
	vertical-align: middle;
	font-size: smaller;
}

.legend .sortIcon {
	background-image: url("../../images/updown16x16.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .editIcon {
	background-image: url("../../images/icons/pencil.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
	display: inherit !important;
}


.legend .flagYellowIcon {
	background-image: url("../../images/icons/flag_yellow.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
	display: inherit !important;
}


.legend .translationIcon {
	background-image: url("../../images/icons/translation.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .editLocationIcon {
	background-image: url("../../images/icons/location_edit.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
	display: inherit !important;
}

.legend .truckIcon {
	background-image: url("../../images/icons/truck.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .viewIcon {
	background-image: url("../../images/icons/preview.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .historyIcon {
	background-image: url("../../images/icons/history.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .cleanIcon {
	background-image: url("../../images/icons/broom.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .failIcon {
	background-image: url("../../images/icons/thumb_down.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .deleteIcon {
	background-image: url("../../images/icons/delete.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .debriefIcon {
	background-image: url("../../images/debrief.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .accountIcon {
	background-image: url("../../images/icons/book_key.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .clockIcon {
	background-image: url("../../images/icons/clock.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .userIcon {
	background-image: url("../../images/icons/user.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .userAddIcon {
	background-image: url("../../images/icons/user_add.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .usergIcon {
	background-image: url("../../images/icons/user_gray.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .depotIcon {
	background-image: url("../../images/icons/depot_edit.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .permIcon {
	background-image: url("../../images/icons/permission.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .roleIcon {
	background-image: url("../../images/icons/role_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .gearIcon {
	background-image: url("../../images/icons/table_gear.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .confIcon {
	background-image: url("../../images/icons/thumb_up.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .xlsIcon {
	background-image: url("../../images/xls_icon.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .refreshIcon {
	background-image: url("../../images/arrow_refresh.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .checkIcon {
	background-image: url("../../images/icons/check.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
	display: inherit;
}

.legend .moveIcon {
	background-image: url("../../images/move16x16.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .upIcon {
	background-image: url("../../images/up16x16.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .downIcon {
	background-image: url("../../images/down16x16.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .forwardIcon {
	background-image: url("../../images/arrow_divide.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .adviceIcon {
	background-image: url("../../images/icons/pre-advice.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .pdfIcon {
	background-image: url("../../images/pdf_icon.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .unavailIcon {
	background-image: url("../../images/icons/driver_unavailibility.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .zoneIcon {
	background-image: url("../../images/icons/zone_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .moneyIcon {
	background-image: url("../../images/icons/money.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .csvIcon {
	background-image: url("../../images/icons/csv.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .undoIcon {
	background-image: url("../../images/icons/undo.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .tourIcon {
	background-image: url("../../images/icons/tour.gif");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .addIcon {
	background-image: url("../../images/icons/add.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .listIcon {
	background-image: url("../../images/icons/list.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .tickIcon {
	background-image: url("../../images/icons/tick_circle.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .emailIcon {
	background-image: url("../../images/icons/email.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .emailEditIcon {
	background-image: url("../../images/icons/email_edit.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .barcodeIcon {
	background-image: url("../../images/icons/barcode.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .sideIcon {
	background-image: url("../../images/arrow_right.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .aceSortIcon {
	background-image: url("../../images/icons/aceSortIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .exclamationIcon {
	background-image: url("../../images/icons/exclamation.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
	display: inherit !important;
}

.legend .switchIcon {
	background-image: url("../../images/icons/arrow_switch.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .linkIcon {
	background-image: url("../../images/icons/link.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

.legend .barrierIcon {
	background-image: url("../../images/icons/barrier.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: auto;
}

/* calendar */
.ui-icon-calendar {
	background-image: url("../../images/calendar_icon.png.jspx.gif")
		!important;
	background-position: center center !important;
	width: 16px;
	height: 16px;
	padding-left: 5px;
}

.ui-today-button, .ui-clear-button {
	min-width: 0 !important;
}

/* wysiwyg editor */
.ql-snow {
	background-color: #FFF;
}

/* sub menus */
ul.ui-widget-content.ui-menu-list.ui-menu-child {
	width: 220px;
}

/* spacing between buttons */
.ribbon .button>button, .ribbon a.button {
	margin-left: 5px;
}

.menuButton {
	color: inherit !important;
}

/* tooltips */
.ui-tooltip .ui-tooltip-text {
	padding: 10px;
	background-color: #ffeb98;
}

/* Login screen */
.loginFields {
	margin: 20px 0 !important;
}

.loginFields>tbody>tr {
	margin: 0 0 5px 5px !important;
	display: inline-block;
	vertical-align: middle;
}

/* Row expansion icon */
.ui-row-toggler.ui-icon-circle-triangle-e {
	background-image: url("../../images/plus.gif") !important;
	background-position: center center !important;
}

.ui-row-toggler.ui-icon-circle-triangle-s {
	background-image: url("../../images/minus.gif") !important;
	background-position: center center !important;
}

/* Activity Monitor */
.loading>div {
	padding: 5px !important;
}

.loadingGrid {
	background-color: #FFF !important;
	padding: 5px !important;
	border: 5px solid #FFF;
}

.loadingGrid .spinner {
	font-size: 30px;
}

.loadingGrid .text {
	font-size: 12px;
	padding-left: 10px;
}

.infomessage {
	background-color: #FFFF99;
	border: 1px solid #666633;
	display: block;
	font-weight: bold;
	padding: 5px;
}

/* helps with better auto width of columns */
.ui-datatable table {
	table-layout: auto !important;
}

/* page titles */
.title {
	color: #737373;
	font-size: 14px;
	font-weight: bold;
}

/* columns */
table.columns {
	width: 100%;
}

table.columns td {
	vertical-align: top;
}

table.columns td.column-5 {
	width: 5%;
	vertical-align: top;
}

table.columns td.column-10 {
	width: 10%;
	vertical-align: top;
}

table.columns td.column-15 {
	width: 15%;
	vertical-align: top;
}

table.columns td.column-20 {
	width: 20%;
	vertical-align: top;
}

table.columns td.column-25, .column-25 {
	width: 25%;
	vertical-align: top;
}

table.columns td.column-30 {
	width: 30%;
	vertical-align: top;
}

table.columns td.column-33, .column-33 {
	width: 33%;
	vertical-align: top;
}

table.columns td.column-40 {
	width: 40%;
	vertical-align: top;
}

table.columns td.column-50 {
	width: 50%;
	vertical-align: top;
}

table.columns td.column-60 {
	width: 60%;
	vertical-align: top;
}

table.columns td.column-70 {
	width: 70%;
	vertical-align: top;
}

table.columns td.column-75 {
	width: 75%;
	vertical-align: top;
}

table.columns td.column-80 {
	width: 80%;
	vertical-align: top;
}

.list .move .dragdrop {
	width: 16px;
	height: 16px;
	background: url("../../images/icons/row.png") no-repeat scroll 1px 50%;
	cursor: move;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}

/* Used to clean up some messes on declaration form */
.expandedBlock {
	background-color: #ffeb98;
}

.expandedSubList>tbody>tr>td {
	padding: 0 !important
}

/* Force icon and input filed unto 1 line of the datatable */
.ui-datatable-data .p-datepicker>input {
	width: 100%;
	font-weight: normal;
}

.narrowDatePicker.p-datepicker>input {
	width: 75px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wrapper {
	background-color: #FFEB98;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

div#content {
	margin: 10px;
}

.noIcons .ui-fileupload-buttonbar .ui-icon {
	background-image: none !important;
	width: 0 !important;
}

.fixedRowHeight-30 {
	height: 30px;
}

.pendingUpdates, .pendingUpdates:hover {
	background-image: url("../../images/icons/exclamation.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px !important;
}

/* Calendar */
.ui-datepicker-calendar th {
	background-color: #dbdbdb;
}

.ui-datepicker-group, .ui-datepicker-buttonbar {
	background: none repeat-x scroll 50% 50% #fef8e2 !important;
	border: none !important;
}

.ui-datepicker-buttonbar > div > div {
	padding: 0 !important;
}

.ui-datepicker-buttonbar .ui-today-button {
	float: left;
}

.ui-datepicker-buttonbar .ui-clear-button {
	float: right;
}

.ui-datepicker-calendar>tbody>tr>td>a.ui-state-default {
	background: none repeat-x scroll 50% 50% #FFEEAA;
	border: 1px solid #cccccc;
}

.ui-datepicker-today .ui-state-highlight {
	background: rgba(255, 204, 0, 0.5) !important;
	border: 1px solid #6d6d00 !important;
}

.ui-datepicker-calendar .ui-state-active {
	background: rgba(255, 204, 0, 1) !important;
	color: #FF0000 !important;
	border: 1px solid #FF0000 !important;
}

.width-250 {
	width: 250px;
}
.width-400 {
	width: 400px;
}
/* external booking view */
.extform {
	width: 60% !important;
	overflow: hidden !important;
}

.extTab {
	border: none !important;
}

.extTab .ui-tabs-nav {
	background:  none !important;
	border: none !important;
    padding: 15px; 
    background-size: auto 65px; 
    height: 65px;
}

.extTab .ui-tabs-nav li a {
    background-color: #ffcc00 !important; 
    border: 1px solid #cccccc !important;
    color: #737373 !important;
}
.extTab .ui-tabs-nav li a:hover {
    background-color: #ffdf5e !important; 
}

.extTab .ui-tabs-nav li.ui-state-active a {
    background-color: #ffdf5e !important; 
}

.extTab .ui-tabs-panels {
	border-width: 1px !important;
	border: 1px solid #cccccc !important;
	position: relative;
	bottom: 4px;
}

.extTab .ui-state-default {
	border: none !important;
}

.extTab.single .ui-tabs-panels {
    position: relative !important;
    bottom: 34px !important;
}

.extTable {
	background-color: #ffeb98;
}

.extTable .ui-datatable-thead {
    display:none;
    background: #ffdf5e !important; 
}

.extTable .ui-datatable-data .ui-datatable-even {
	background-color: #ffeb98;
}

.extTable .ui-datatable-data .ui-datatable-even:hover {
 	background:none !important;
}

.extTable .ui-datatable-data .ui-datatable-odd {
	background-color: #ffeb98;
}

.extTable .ui-datatable-data .ui-datatable-odd:hover {
 	background: none !important;
}

.extTable .ui-datatable-data .ui-datatable-empty-message:hover {
 	background: none !important;
}

.extTable thead th,
.extTable thead th.ui-state-default {
    background: #ffdf5e !important; 
    background-color: #ffdf5e !important; 
}

.extTable .ui-paginator {
    background-color: #ffdf5e !important; 
    background: #ffdf5e !important; 
}