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

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

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

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

.vertical-middle {
	vertical-align: middle;
}

.label > span {
	font-weight: bold;
}

.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/wb_logo.png.xhtml");
	width: 314px;
	height: 50px;
}

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;
}

table.block {
	border: 1px solid #ccc;
}

table.block th {
	background: url("images/tabelheadflow.jpg.xhtml") 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;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	background: none repeat scroll 0 0 #4d4d4d !important;
	color: #ffcc00 !important;
}

.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.xhtml?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 {
	background: none repeat scroll 0 0 #4d4d4d !important;
	color: #ffcc00 !important;
	font-weight: bold;
}

.ui-datatable thead th, .ui-datatable thead th.ui-state-default {
	background: none repeat scroll 0 0 #DBDBDB;
	border-color: #CCCCCC;
}

.ui-datatable .ui-datatable-header {
	background: url("images/tabelheadflow.jpg.xhtml") 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-dialog .ui-dialog-titlebar {
	background: url("images/tabelheadflow.jpg.xhtml") repeat scroll 0 0
		#FFCC00;
	padding: 0.2em 0.4em 0.2em 1em !important;
}

.ui-panel .ui-panel-titlebar {
	background: url("images/tabelheadflow.jpg.xhtml") 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.xhtml?ln=primefaces-default");
}

.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 {
	background-color: #ffcc00;
	border-color: white black black #ffcc00;
	border-style: solid;
	border-width: 1px;
	margin-right: 6px;
}

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 {
	background: #ffcc00 !important;
	border-color: white black black #ffcc00;
	border-style: solid;
	border-width: 1px;
	color: #333 !important;
}

.ui-button:hover {
	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-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;
}

.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;
}

.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 {
	padding: 0 !important;
}

.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.xhtml") repeat scroll 0 0
		#FFCC00;
}

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

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

.icon {
	padding-left: 16px;
}

/* 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.xhtml") 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.xhtml");
}

.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;
}

.noBorder {
	border: none;
}

.noPadding .ui-panel-content {
	padding: 0.5em 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 2.3em;
}

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

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

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

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

/* 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-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%;
}

.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;
}

tbody > tr > .actionRequired{
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  background-color: white;
}

.ql-toolbar.ql-snow {
  background-color: #ccc;
}