.ui-datepicker{
 font-size:20px;
 /*margin-left: -245px;*/
}

.vehicleList {
	white-space: pre;
	max-width: 350px;
	width: 200px;
}

select.vehicleList {
	font-size: 170%;
}

.vOwnerGroup {
	background-color: LightSalmon;  /*The colors of a true man */
	font-weight: bold;
	font-size: 105%;
}

.vCustomerGroup {
	font-weight: normal;
	font-size: 105%;
}

.vVehicle {
	margin-left: 30px;
}

.itemTable input, .itemTable select {
	margin-right: 4px;
}

.ui-accordion-icons .ui-accordion-header a {
	padding-left: 0px;
}


div.icos-booking {
	padding-left: 0px;
	padding-right: 0px;
}

button.naked {
	border: none;
	overflow: hidden;
	font-variant: small-caps;
}

button.signOff {
	display: none;
}

button.signOff span.label {
	font-size: 12px;
	color: Red;
}

button.sortButton {
	float: right;
}

#oid {
	display: none;
}

.ui-accordion-header, .ui-accordion-content {
	text-align: center;
 }

.tblRoot{
	font-size: 150%;
}

input[readonly] {
	border: none;
}

input[type=number] {
	width: 60px;
}

.multi-offload {
	background-color:#B0FFB0 !important; /* This should override any other colors */
}

.displaySingleJobButton {
	width: 50px;
	background-color: black;
	position: absolute;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}


.statusALL,
.statusOUT,
.statusOFD {
	background-color: gray;
}

.statusACC {
	background-color: yellow;
}

.statusRPUP,
.statusRUPL {
	background-color: lightgreen;
}

.statusUPL,
.statusPUP {
	background-color: limegreen;
}

.statusROFL,
.statusRDEL {
	background-color: palevioletred;
}

.statusDEL {
	background-color: red;
}

.headerStatusColour{
	display: flex;
	justify-content: center;
	align-items: center;
}

.headerStatusColourGrouped {
	transform: rotate(-90deg);
	color: rgba(0, 0, 0, 0.42);
	white-space: nowrap;
}

/*  iCOS DIALOG  */
.icosDialogNoTouchy {
	width: 100%;
	height: 100%;
	z-index: 900;
	position: absolute;
	top: 0px;
}

.icosDialog {
	text-align: center;
	background-color: black;
	width: 400px;
	height: auto;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	outline: 1px solid black;
	font-family: Tahoma, Geneva, sans-serif;
	z-index: 100;
}
.icosDialog button {
	font-size: 500%;
}

.icosDialogHeader {
	color: #f7961c;
	margin-left: auto;
	margin-right: auto;
	font-size: 250%;
	z-index: 999;
	text-align: center;
}

.icosDialogContents {
	color: black;
	font-size: 200%;
	overflow-y: hidden;
	margin: auto;
	margin-left: 5px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

.icosDialogButton {
	bottom: 5px;
	position: absolute;
	width: 97%;
	left: 5px;
	background-color: #F7961c;
	border: none;
	font-weight: bold;
	font-size: 200%;
	font-family: Tahoma, Geneva, sans-serif; 
}

.ui-accordion-header:not(.ui-state-active) a > .hasNotes {
	background-image: url("/icoslivetest/go2/res/notesblack.png"); 
	width: 46px;
	height: 42px;
}

.ui-state-active a > .hasNotes {
	background-image: url("/icoslivetest/go2/res/noteswhite.png");
	width: 46px;
	height: 42px;
}

.ui-accordion-header:not(.ui-state-active) a > .hasNotes {
	background-image: url("/icoslivetest/go2/res/notesblack.png"); 
	width: 46px;
	height: 42px;
}

.ui-state-active a > .hasNotes {
	background-image: url("/icoslivetest/go2/res/noteswhite.png");
	width: 46px;
	height: 42px;
}