@charset "UTF-8";

.greenBg{ background-color:rgb(229,255,204); }

/* #frequentaddress > table > tbody > tr:nth-child(1) > td:nth-child(5) > button */
#frequentaddress table tbody button {
	margin-bottom: 2px;
	padding: 0.4rem;
}

#FADDRNUM_DUMMY {
	width: 10rem;
}

#CLIENT {
	width: 8rem;
}

form#frequentaddress table th, form#list_jobs table thead th{
	background-color:#DDDDDD;
	border-bottom:1px solid grey;
	border-top:0px solid grey;
	font-weight:bold;
	padding-right:5px;
	text-align:left;
	text-transform:capitalize;
}

form#list_jobs table tbody button {
	margin-bottom: 2px;
	padding: 0.4rem;
}


form#list_jobs table td.short-date {
	white-space:nowrap;
}
form#list_jobs table .cancelled {
	color:#b00000;
}
form#list_jobs table .booked {
	color:#0000b0;
}
form#list_jobs table .completed {
	color:#00b000;
}
form#list_jobs table tbody td {
	padding:0.1rem;
}
#checkall {
	margin-top: .34rem;
}

.list-side-by-side {
  width: 40%;
}
.list-side-by-side dt {
  float: left;
  margin-right: 10%;
  max-width: 40%;
  font-weight: bold;
}
.list-side-by-side dd {
  color: grey;
  margin-left: 50%;
  margin-bottom: .5em;
}
.list-side-by-side dd::after {
  content: " ";
  display: block;
  clear: left;
}

/* Copied from old booking.css for hovertips */
.service-image span.link {
	position: relative;
}

.service-image span.link a span {
	display: none;
}

.service-image span.link a:hover {
	font-size: 99%;
	font-color: #000000;
}

.service-image span.link a:hover span {
	display: block;
	position: absolute;
	margin-top: 10px;
	margin-left: -250px;
	width: 375px;
	padding: 5px;
	z-index: 100;
	color: #000000;
	background: #FFFFAA;
	font: 12px "Arial", sans-serif;
	text-align: left;
	text-decoration: none;
}

/* reapply the default fieldset style for border as it is getting overridden
   somewhere somehow that I can't see */
#body .fieldset {
	margin: 1.125rem 0;
	padding: 1.25rem;
	border: 1px solid #cacaca;
}

/* Put box around fieldsets per foundation defaults */
#deliverydetails, #confirmandsend, #BaggageServices {
	margin: 1.125rem 0;
	padding: 1.25rem;
	border: 1px solid #cacaca;
}

#invoiceList tbody tr td button {
	text-decoration: underline;
	margin-right: 1rem;
}
#invoiceList {
	empty-cells: hide;
}

body.opensys .logos td {
	border:1px solid black;
	width:300px;
	height:300px;
	text-align:center;
	vertical-align:middle;
}

span.req {
	color: red;
}

.required-field::after { 
    content: "*";
    color: red;
}

/* This wil make label text red for required fields
label.required {
	color: red;
}
*/

/* This puts a red asterisk after the text of a required field */
label.required::after { 
    content: " (req)";
    color: red;
}

/* This will put a border around required fields
:required {
	border: 1px solid red;
}
*/