/*
Theme Name: Sydney Pro Child
Theme URI: http://athemes.com/theme/sydney-pro
Author: aThemes
Author URI: http://athemes.com
Template: sydney-pro-ii
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/


/* Header background opaque */
#page header.site-header {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 2px 2px #888888;
}
/* Logo size */
#page header.site-header .col-md-4 img {
	max-height: 80px;
}

@media only screen and (max-width: 1024px) {
	/* Hide menus and sub-menus based on screensize */
	body ul.menu li.show-large {
		display: none;
	}
	/* Position header widget */
	#page header.site-header #header-widget-area .hw-widget {
		width: fit-content;
		float: right;
	}
}
@media only screen and (min-width: 1025px) {
	/* Hide menus and sub-menus based on screensize */
	body ul.menu li.show-large {
		display: list-item;;
	}

	/* Centre menu */
	#page header.site-header .col-md-8 {
		text-align: center;
	}
	#page header.site-header #mainnav {
		float: none;
		display: inline-block;
	}

	/* Triangle below menu items */
	#mainnav ul.menu > li.menu-item > a:after,
	#mainnav ul.menu > li.menu-item > div > a:after {
		content:'';
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-top: solid 10px #ffc72b;
		border-left: solid 10px transparent;
		border-right: solid 10px transparent;
	}
	
	/* Menu spacing */
	#mainnav li {
		padding: 0 18px;
	}
	/* Sub-menu gap */
	#mainnav ul.menu li {
		margin-bottom: 0;
	}
	/* Sub-menu width */
	#mainnav ul li ul,
	#mainnav ul ul a {
		width: 132px;
	}
	/* Sub-menu colour */
	body #mainnav ul.sub-menu li.menu-item a:hover {
		background-color: #ffc72b;
	}

	/* Size header widget area */
	#page header.site-header #header-widget-area {
		width: 33%;
	}
	#page header.site-header #header-widget-area .hw-widget {
		float: right;
	}
}
@media only screen and (min-width: 768px) {
	/* Gap below mobile button menu */
	div.btn-menu {
		height: initial;
	}
}
/* Format log in label on home page */
body.home td.lwa-username-label label,
body.home td.lwa-password-label label,
body.home td.lwa-submit-links label {
	color: #ffffff;
}
/* Change log in to button */
div.header-widget a.lwa-links-modal,
div.header-widget a#wp-logout {
	padding: 4px 14px 7px 16px;
	color: #ffffff;
	background-color: #29317e;
	border: 2px solid #ffc72b;
	border-radius: 18px;
	text-transform: capitalize;
}
div.header-widget a.lwa-links-modal:hover,
div.header-widget a#wp-logout:hover {
	background-color: #cb2c00;
	border-color: #cb2c00;
}
div.header-widget a.lwa-links-modal:active,
div.header-widget a#wp-logout:active {
	background-color: #ffc72b;
	border-color: #29317e;
}
/* Position logged-in name */
div.header-widget h6.hw-title {
	margin-top: 0;
	margin-bottom: 0;
	float: right;
	text-align: center;
	color: #29317e;
}
/* Logout button */
div.page-wrap a#wp-logout {
	color: #ffffff;
}
/* Logout link */
div.widget td.lwa-avatar {
	display: none;
}

/* Preserve header border */
body div.content-wrapper {
	margin-top: 3px;
	background-color: rgba(255,255,255,0) !important;
}
/* Move home page content to top */
body.home div.content-wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0;
	margin-bottom: -50px;
}

/* Darker separator lines */
div.textwidget hr {
	border-top: 1px solid #aaaaaa;
}

/* Input placeholder text color and size */
input::placeholder,
textarea::placeholder {
	color: #a0a0a0 !important;
	opacity: 1;
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
	#gform_12 ul.gform_fields input::placeholder {
		font-size: calc(10px + (5 * (100vw - 600px) / 600));
	}
}

/* Style home page animated text */
h3.interactive_text {
	font-family: Copperplate, sans-serif;
	font-weight: 900;
	letter-spacing: -1px;
	color: #29317e !important;
	text-shadow: -1px -1px 0 #f0f0f0;
}

/* Footer positioning */
div.footer-widgets {
	padding-bottom: 0;
}
div.footer-widgets div.custom-html-widget {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	/* Footer menu only on mobile */
	div.footer-widgets aside.footer_menu {
		display: none;
	}
	/* Rationalise menu */
	div.footer-widgets ul.menu li.menu-item-has-children > a {
		display: none;
	}
}

/* Format user list */
div.author-block h2 {
	margin-bottom: 4px;
	padding-left:4px;
	font-size: 24px;
}
div.author-block p {
	padding-left: 20px;
}

/* Table column sort arrows */
#sortingTable th span.sort-arrows {
	font-weight: normal;
	color: #808080;
}
#sortingTable th span.sort-arrows:after {
/*	content: "⇅"; */
	content: " \21C5 ";
}
/* Table cell hand pointer */
#sortingTable th[onclick],
#sortingTable td[onclick] {
	cursor: pointer;
}

/* Supplier List table */
div.textwidget input.usersearch {
	background-image: url('/wp-content/plugins/supplierfreight/img/search-icon.png');
	background-size: 24px;
	background-position: 12px 12px;
	background-repeat: no-repeat;
	border: 1px solid #cb2c00;
	padding: 12px 10px 12px 44px;
	margin: 20px 0;
	font-size: 20px;
	color: #000000;
}
button.usercsv {
	float: right;
	margin: 20px 0;
}
table.usertable,
table.usertable_totals {
	width: auto;
}
table.usertable th {
	padding: 4px 2px;
	border-color: #808080;
	background-color: #d0d8e0;
	color: #000000;
	font-size: 12px;
}
table.usertable td {
	padding: 2px 2px;
	border-color: #808080;
	color: #000000;
	font-size: 10px;
	line-height: 14px;
}
table.usertable td:nth-child(2) {
	font-weight: bold;
}
table.usertable button.supplier-list-button {
	margin: 1px;
	padding: 0 8px;
	font-size: 8px;
}
/* Hide supplier list columns as per screen size */
table.usertable th.hide_1,
table.usertable td.hide_1 {
	display: none;
}
@media only screen and (max-width: 1024px) {
	table.usertable th.hide_2,
	table.usertable td.hide_2 {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	table.usertable th.hide_3,
	table.usertable td.hide_3 {
		display: none;
	}
}
table.usertable_totals {
	margin: 40px 0;
}
table.usertable_totals th {
	padding: 6px 20px;
	border-color: #808080;
	background-color: #e0e0e0;
	color: #000000;
	font-size: 16px;
}
table.usertable_totals td {
	padding: 6px 20px;
	border-color: #808080;
	color: #000000;
	font-size: 20px;
}

/* Transaction table */
div.textwidget input.tablesearch {
	background-image: url('/wp-content/plugins/supplierfreight/img/search-icon.png');
	background-size: 24px;
	background-position: 12px 12px;
	background-repeat: no-repeat;
	border: 1px solid #cb2c00;
	padding: 12px 10px 12px 44px;
	margin: 0 10px 10px 0;
	font-size: 20px;
	color: #000000;
}
div.vieweractions {
	float: right;
	margin: 0 0 0 10px;
}
div.vieweractions input.csvemail {
	width: 260px;
	margin: 0 0 10px 0;
}
div.vieweractions button.emailcsv {
	margin: 0 0 10px 10px;
}
div.vieweractions button.downloadcsv,
div.vieweractions button.printviewer {
	margin: 0 0 10px 20px;
}
table.trantable,
table.trantable_totals {
	width: auto;
}
table.trantable th {
	padding: 2px 2px;
	border-color: #808080;
	background-color: #d0d8e0;
	color: #000000;
	font-size: 11px;
}
table.trantable td {
	padding: 2px 2px;
	border-color: #808080;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
}
table.trantable td.breakable {
	word-break: break-all;
}
/* Hide transaction columns as per screen size */
table.trantable th.hide_1,
table.trantable td.hide_1 {
	display: none;
}
@media only screen and (max-width: 1024px) {
	table.trantable th.hide_2,
	table.trantable td.hide_2 {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	table.trantable th.hide_3,
	table.trantable td.hide_3 {
		display: none;
	}
}
table.trantable td.highlight_urgent {
	color: #e02020;
	font-weight: bold;
}
table.trantable td.highlight_warning {
	color: #ee7620;
}
table.trantable_totals {
	margin: 40px 0;
}
table.trantable_totals th {
	padding: 6px 20px;
	border-color: #808080;
	background-color: #e0e0e0;
	color: #000000;
	font-size: 16px;
}
table.trantable_totals td {
	padding: 6px 20px;
	border-color: #808080;
	color: #000000;
	font-size: 20px;
}

/* Shipment table */
table.shiptable,
table.shiptable_totals {
	width: auto;
}
table.shiptable th {
	padding: 2px 2px;
	border-color: #808080;
	background-color: #d0d8e0;
	color: #000000;
	font-size: 11px;
}
table.shiptable td {
	padding: 2px 2px;
	border-color: #808080;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
}
table.shiptable td.breakable {
	word-break: break-all;
}
/* Hide shipment columns as per screen size */
table.shiptable th.hide_1,
table.shiptable td.hide_1 {
	display: none;
}
@media only screen and (max-width: 1024px) {
	table.shiptable th.hide_2,
	table.shiptable td.hide_2 {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	table.shiptable th.hide_3,
	table.shiptable td.hide_3 {
		display: none;
	}
}
table.shiptable td.highlight_warning {
	color: #ee7620;
}
table.shiptable_totals {
	margin: 40px 0;
}
table.shiptable_totals th {
	padding: 6px 20px;
	border-color: #808080;
	background-color: #e0e0e0;
	color: #000000;
	font-size: 16px;
}
table.shiptable_totals td {
	padding: 6px 20px;
	border-color: #808080;
	color: #000000;
	font-size: 20px;
}

/* Default booking pre-fill buttons */
h2.prefillheading {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #cccccc;
}
div.prefillbuttondiv {
	padding-bottom: 40px;
}
button.prefillbutton {
	margin: 8px 16px;
}

/* FORM STYLING */

@media only screen and (min-width: 641px) {
	/* Temporary fix for legacy field width */
    .gform_legacy_markup_wrapper .top_label .ginput_container input.medium,
	.gform_legacy_markup_wrapper .top_label .ginput_container select.medium {
		width: 100%;
	}
}
/* Column gutter */
li.divider-list-item > div > ul {
	padding-left: 0;
}
/* Field gutter */
div.gform_wrapper ul.gform_fields li.divider-list-item > div > ul li.gfield {
	padding-right: 8px;
}
/* Text colour */
div.gform_wrapper ul.gform_fields input,
div.gform_wrapper ul.gform_fields select,
div.gform_wrapper ul.gform_fields option {
	color: #000000 !important;
}
/* Submit button colours */
div.gform_footer input[type="submit"],
div.gform_wrapper button.submit_pending {
	background-color: #cb2c00;
	border-color: #29317e;
}
div.gform_footer input[type="submit"]:hover,
div.gform_wrapper button.submit_pending:hover {
	background-color: #29317e;
	border-color: #ffc72b;
	color: #ffffff;
}
div.gform_footer input[type="submit"]:active,
div.gform_wrapper button.submit_pending:active {
	background-color: #ffc72b;
	border-color: #29317e;
	color: #ffffff;
}
/* Item lines */
div#item-lines .item-row,
div#item-lines .dg-row {
	flex-direction: column;
}
div#item-lines .dg-cell-adddg label:first-child,
div#item-lines .dg-cell-remdg label:first-child {
	visibility: hidden;
}
@media only screen and (min-width: 601px) {
	/* Form margins */
	div.gform_wrapper {
		margin: 0;
	}
	div.gform_wrapper div.gform_footer {
		margin-top: 0;
		padding-top: 0;
	}
	/* Position submit spinner and message */
	div.gform_wrapper div.gform_footer img.gform_ajax_spinner {
		width: 160px;
		margin: -20px 0 0 -42px;
	}
	div.gform_wrapper div.gform_footer p.submit-booking-message {
		display: inline-block;
		margin-left: 30px;
		font-size: 140%;
	}
	/* Field placement */
	div.gform_wrapper ul.gform_fields li.gfield {
		margin-top: 6px;
		margin-bottom: 0 !important; 
	}
	div.gform_wrapper .top_label li.gfield div.gfield_container,
	div.gform_wrapper .top_label li.gfield div.ginput_container,
	div.gform_wrapper .top_label li.gfield div.ginput_container ul.gfield_radio {
		margin-top: 0px !important;
	}
	div.gform_wrapper li ul.gfield_radio li {
		margin-bottom: 0px !important;
	}
	div.gform_wrapper .left_label li.hidden_label div.ginput_container input {
		margin-left: 0;
	}
	/* Hide field labels if class="gf_hide_label" */
	div.gform_wrapper li.gf_hide_label label.gfield_label {
		display: none;
	}
	/* Hide divider lines if class="gf_hide_divider" */
	div.gform_wrapper ul.gform_fields li.gf_hide_divider {
		display: none !important;
	}
	/* Indent Deliver To section */
	div.gform_wrapper #gform_12 li.gfmc-row-1-col-2-of-2 {
		padding-left: 40px !important;
	}
	/* Item lines */
	div#item-lines .item-row,
	div#item-lines .dg-row {
		flex-direction: row;
		padding-top: 4px;
	}
	div#item-lines .cont-row:not(:first-child) .item-cell label:first-child,
	div#item-lines .dg-row:not(:first-child) .dg-cell label:first-child {
		display: none;
	}
	div#item-lines .item-line-num,
	div#item-lines .dg-line-num {
		display: none;
	}
	div#item-lines .item-cell-newdg,
	div#item-lines .item-cell-remlin {
		text-align: center;
	}
	div#item-lines .dg-cell-class .tooltip,
	div#item-lines .dg-cell-sub .tooltip,
	div#item-lines .dg-cell-pack .tooltip {
		display: none;
	}
/* Adjust multi column proportions */
	/* Booking form - Item types */
	div#item-lines .item-cell-qty    { width: 10%; }
	div#item-lines .item-cell-itype  { width: 15%; }
	div#item-lines .item-cell-weight { width: 13%; }
	div#item-lines .item-cell-length { width: 11%; }
	div#item-lines .item-cell-width  { width: 11%; }
	div#item-lines .item-cell-height { width: 11%; }
	div#item-lines .item-cell-porder { width: 19%; }
	div#item-lines .item-cell-newdg  { width: 6%; }
	div#item-lines .item-cell-remlin { width: 4%; }

	/* Booking form - Dangerous goods */
	div#item-lines .dg-cell-adddg  { width: 8%; }
	div#item-lines .dg-cell-unum   { width: 11%; }
	div#item-lines .dg-cell-proper { width: 34%; }
	div#item-lines .dg-cell-tech   { width: 33%; }
	div#item-lines .dg-cell-class  { width: 12%; }
	div#item-lines .dg-cell-sub    { width: 8%; }
	div#item-lines .dg-cell-pack   { width: 12%; }
	div#item-lines .dg-cell-agqty  { width: 12%; }
	div#item-lines .dg-cell-remdg  { width: 3%; }
}
@media only screen and (max-width: 600px) {
	/* Shorten Weight each to Weight */
	div#item-lines .item-cell-weight .item-heading:after {
		content: " each";
	}
	/* Delete Item X position */
	div#item-lines .item-remlin-label {
		margin: 5px 5px 5px 60px;
	}
	div#item-lines .item-cell-remlin label:first-child:after {
		content: " Item";
	}
	/* Button label ADD DG */
	div#item-lines .dg-cell-remdg label:first-child:after,
	div#item-lines .dg-adddg:after {
		content: " DG";
	}
	/* Delete DG X position */
	div#item-lines .dg-remdg-label {
		margin: 5px 5px 5px 72px;
	}
	div#item-lines .dg-cell-remdg label:first-child {
		visibility: visible;
	}
	/* Centre submit spinner - Mobile */
	div.gform_wrapper div.gform_footer img.gform_ajax_spinner {
		display: block;
		height: 80px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1200px) {
	/* Lengthen Weight to Weight each */
	#item-lines .cont-row:first-child .item-cell-weight .item-heading:after {
		content: " each";
	}
}
/* Item lines */
div#item-lines .cont-row {
	margin-bottom: 12px;
	padding: 8px 8px;
	border-radius: 8px;
	background-color: #e8e8e8;
}
div#item-lines .item-row,
div#item-lines .dg-row {
	display: flex;
	flex-wrap: nowrap;
}
div#item-lines .item-cell,
div#item-lines .dg-cell {
	padding-right: 10px;
}
div#item-lines .item-cell > label,
div#item-lines .dg-cell > label {
	font-weight: 700;
}
div#item-lines .item-cell > label span.reqd,
div#item-lines .dg-cell > label span.reqd {
	margin-left: 4px;
	color: #790000;
}
div#item-lines .item-field,
div#item-lines .dg-field {
	width: 100%;
}
div#item-lines input[type=number],
div#item-lines input[type=text],
div#item-lines select {
	height: 48px;
	border-color: #29317e;
	border-radius: 4px;
	background-color: #ffffff;
}
div#item-lines input.dg-field,
div#item-lines select.dg-field,
div#item-lines textarea.dg-field {
	border-color: #802020;
}
div#item-lines input.dg-proper,
div#item-lines input.dg-class,
div#item-lines input.dg-sub,
div#item-lines select.dg-pack {
	background-color: #f0f0f0;
}
div#item-lines input.dg-class,
div#item-lines input.dg-sub,
div#item-lines select.dg-pack {
	pointer-events: none;
}
div#item-lines input.dg-class::placeholder,
div#item-lines input.dg-sub::placeholder,
div#item-lines select.dg-pack option:first-child {
	color: #404040 !important;
}
div#item-lines input[type=number] + span.item-unit,
div#item-lines textarea + span.item-unit {
	position: absolute;
	margin: 10px -34px;
	color: #808080;
}
div#item-lines input[type=number]:hover + span.item-unit,
div#item-lines input[type=number]:focus + span.item-unit,
div#item-lines input[type=number] + span.item-unit:hover {
	margin: 10px -44px;
}
div#item-lines input[type=number] + span.dg-unit {
	position: absolute;
	margin: 10px -54px;
	color: #808080;
	display: none;
}
div#item-lines input[type=number].has-text + span.dg-unit {
	display: inline-block;
}
div#item-lines textarea {
	height: 48px;
	max-height: 400px;
	resize: vertical;
	border-color: #29317e;
	border-radius: 4px;
	background-color: #ffffff;
	color: #000000;
}
div#item-lines input[type=checkbox] {
	width: 50%;
	height: 24px;
	margin: 10px;
	cursor: pointer;
}
div#item-lines .item-remlin,
div#item-lines .dg-remdg {
	display: none;
}
div#item-lines .cont-row:only-child div.item-cell-remlin {
	display: none;
}
div#item-lines .item-remlin-label::before,
div#item-lines .dg-remdg-label::before {
	content: "\00d7";
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
}
div#item-lines .item-remlin-label:hover,
div#item-lines .dg-remdg-label:hover {
	color: #b02040;
	cursor: pointer;
}
div#item-lines .dg-row:not(:last-child) .dg-adddg {
	display: none;
}
div#item-lines .dg-adddg {
	padding-left: 6px;
	padding-right: 6px;
}
div#item-lines textarea.dg-tech {
	margin-top: 6px;
	display: none;
}
div#item-lines input.dg-proper.contains-NOS + textarea.dg-tech {
	display: inline-block;
}
span.plus-icon {
	font-size: 32px;
	font-weight: 700;
	vertical-align: middle;
	margin-left: 4px;
	margin-right: 4px;
}
/* Tooltips */
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip ~ .tooltip-cont {
	position: absolute;
	display: inline-block;
	margin: -32px 22px 32px -22px;
}
.dg-tech.tooltip ~ .tooltip-cont {
	margin: 0 36px 0 -36px;
}
.tooltip i {
	margin: 4px;
	color: #b02040;
	cursor: help;
}
.tooltip .tooltip-text,
.tooltip ~ .tooltip-cont .tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	width: 50vw;
	max-width: 320px;
	bottom: 100%;
	left: 50%;
	margin-left: max(-25vw, -160px);
	padding: 12px 8px;
	border-radius: 8px;
	background-color: #000000;
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.tooltip ~ .tooltip-cont .tooltip-text {
	width: 42vw;
	max-width: 200px;
}
.tooltip:hover .tooltip-text,
.tooltip:hover ~ .tooltip-cont .tooltip-text,
.tooltip:focus ~ .tooltip-cont .tooltip-text {
	visibility: visible;
}
.tooltip .tooltip-text::after,
.tooltip ~ .tooltip-cont .tooltip-text:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000000 transparent transparent transparent;
}
/* Item display table */
.goods_summary_table th, .goods_summary_table td,
.goods_table th, .goods_table td {
	padding: 8px 4px 8px 6px;
	border: 1px solid #d0d0d0;
	text-align: left;
	vertical-align: middle;
	line-height: initial;
	font-weight: 600;
}
.goods_summary_table th,
.goods_table th {
	color: #202020;
	background-color: #f4f4f4;
}
.goods_table td.dg-cell {
	background-color: #ffe8a0;
}
.goods_summary_table {
	width: 50%;
}
.goods_summary_table th,
.goods_summary_table td {
	min-width: 180px;
}
.goods_table {
	margin-top: 40px;
}
.goods_table img {
	width: 50px;
	margin-bottom: -4px;
	float: right;
}
/* Change radio to big square button */
div.gform_wrapper .ginput_container ul.gfield_radio {
	margin: 0 0 0 0;
}
@media only screen and (min-width: 0px) {
	div.gform_wrapper li.gf_list_inline .ginput_container ul.gfield_radio li {
		float: left;
		margin: 0 0 0 0 !important;
		width: 58px !important;
		height: 46px;
		overflow: visible;
	}
	div.gform_wrapper li.gf_list_inline .ginput_container ul.gfield_radio li:nth-child(2) {
		width: 54px !important;
	}
	div.gform_wrapper li.gf_list_inline .ginput_container ul.gfield_radio li:nth-child(3) {
		width: 84px !important;
	}
	div.gform_wrapper li.gf_list_column .ginput_container ul.gfield_radio li {
		float: left;
		margin: 0 0 0 0 !important;
		width: 280px !important;
		height: 46px;
		overflow: visible;
	}
	div.gform_wrapper li.gf_list_inline.add_urgency_icon .ginput_container ul.gfield_radio li {
		width: 110px !important;
	}
	div.gform_wrapper div.gform_body li.receiver_type .ginput_container ul.gfield_radio li {
		width: 200px !important;
	}
}
div.gform_wrapper .ginput_container ul.gfield_radio input,
div.gform_wrapper .ginput_container ul.gfield_radio label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 4px 4px 0 4px;
}
div.gform_wrapper .ginput_container ul.gfield_radio input[type="radio"] {
	opacity: 0.01;
/*	z-index: 100; */
}
div.gform_wrapper .ginput_container ul.gfield_radio label {
/*	z-index: 90; */
	padding: 9px 12px !important;
	cursor: pointer;
	color: #ffffff;
	background-color: #29317e;
	border: 1px solid #ffc72b;
	border-radius: 3px;
	text-align: center;
}
div.gform_wrapper .ginput_container ul.gfield_radio label:hover {
	background-color: #cb2c00;
	border-color: #ffffff;
}
div.gform_wrapper .ginput_container ul.gfield_radio input[type="radio"]:checked + label {
	background-color: #ffc72b;
	border-color: #ffffff;
	box-shadow: 0 0 1px 4px #40c040;
}
/* Change checkbox to big square button */
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox li {
	width: 120px !important;
	height: 48px;
	margin: 0;
	overflow: visible;
}
/* File upload */
div.gform_wrapper span.gform_drop_instructions {
	margin-bottom: 16px;
	color: #404040;
}
div.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
	margin-bottom: 4px;
	background-color: #e8e8e8;
}
div.gform_wrapper span.gfield_fileupload_filesize {
	padding: 0 20px;
	color: #408040;
	font-weight: bold;
}
/* Position cancel booking button tooltip */
#gform_8 li.cancel_booking {
	width: 220px;
}
#gform_8 li.cancel_booking_pending p {
	padding: 10px 20px;
	background-color: #fafafa;
	color: #cb2c00;
	font-size: 120%;
	font-weight: 700;
}
/* Position track booking and delivery buttons */
#gform_8 li.track_delivery {
	margin-top: 28px;
	padding-right: 0px;
	text-align: center;
}
#gform_8 li.check_button .ginput_container ul.gfield_checkbox li {
	width: 220px !important;
}
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox input, 
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 4px 4px;
	text-align: center;
	letter-spacing: normal;
}
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox input[type="checkbox"] {
	opacity: 0.01;
}
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox label {
	padding: 8px 16px;
	cursor: pointer;
	color: #ffffff;
	background-color: #29317e;
	border: 1px solid #ffc72b;
	border-radius: 3px;
	text-align: center;
}
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox label:hover {
	background-color: #cb2c00;
	border-color: #ffffff;
}
div.gform_wrapper li.check_button .ginput_container ul.gfield_checkbox input[type="checkbox"]:checked + label {
	background-color: #ffc72b;
	border-color: #ffffff;
}
#gform_12 li.check_button .ginput_container ul.gfield_checkbox input[type="checkbox"]:checked + label:after {
	content: "\a0 ✓";
	color: #000000;
}
/* Quote selection big square buttons */
div#quote-selection-table input {
	position: absolute;
}
div#quote-selection-table input[type="checkbox"] {
	opacity: 0.01;
}
div#quote-selection-table label {
	padding: 8px 16px;
	cursor: pointer;
	color: #ffffff;
	background-color: #29317e;
	border: 1px solid #ffc72b;
	border-radius: 3px;
	text-align: center;
}
div#quote-selection-table label:hover {
	background-color: #cb2c00;
	border-color: #ffffff;
}
div#quote-selection-table input[type="checkbox"]:checked + label {
	background-color: #ffc72b;
	border-color: #ffffff;
}
div#quote-selection-table input[type="checkbox"]:checked + label:after {
	content: "\a0 ✓";
	color: #000000;
}
/* Width of retrieve booking button */
div.gform_wrapper #gform_10 li.check_button .ginput_container ul.gfield_checkbox label {
	width: 250px;
	max-width: 250px;
}
/* Format HTML button */
div.gform_wrapper li.check_button button {
	width: 188px;
	max-width: 100%;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding: 4px 16px;
	color: #ffffff;
	background-color: #29317e;
	border: 1px solid #ffc72b;
	border-radius: 3px;
	text-transform: none;
	font-family: 'Quicksand', sans-serif;
	letter-spacing: normal;
	-webkit-transition: none;
	transition: none;
}
div.gform_wrapper li.check_button button:hover {
	background-color: #cb2c00 !important;
	border-color: #ffffff;
}
/* Format quote table */
div#quote-selection-table th.quote-status-active {
	color: #c04040;
}
div#quote-selection-table span.quote-header-gst {
	font-size: 80%;
	font-weight: normal;
}
div#quote-selection-table th {
	border: 2px solid #ffffff;
	background-color: #f8f8f8;
}
div#quote-selection-table th:last-of-type,
div#quote-selection-table td:last-of-type {
	background-color: rgba(255,255,255,0);
	border-color: rgba(255,255,255,0);
}
div#quote-selection-table td {
	border: 2px solid white;
	background-color: #fafafa;
}
div#quote-selection-table span.quote-mode-text {
	padding: 8px 20px;
	border-radius: 3px;
	background-color: #e0e0e0;
	font-weight: bold;
}
div#quote-selection-table span.quote-mode-text-Air {
	background-color: #b0e0f8;
}
div#quote-selection-table span.quote-mode-text-Road {
	background-color: #c0e0b0;
}
div#quote-selection-table span.quote-mode-text-Courier {
	background-color: #d0c0f0;
}
/* Hide quote columns as per screen size */
table.quote-table th.hide_1,
table.quote-table td.hide_1 {
	display: none;
}
@media only screen and (max-width: 600px) {
	table.quote-table th.hide_3,
	table.quote-table td.hide_3 {
		display: none;
	}
}
/* Format dashboard latest bookings table */
table#latest-bookings-table th {
	border: 2px solid #ffffff;
	background-color: #f8f8f8;
}
table#latest-bookings-table th:last-of-type,
table#latest-bookings-table td:last-of-type {
	background-color: #ffffff;
}
table#latest-bookings-table td {
	border: none;
	border-top: 6px solid #ffffff;
	border-left: 2px solid #ffffff;
	background-color: #fafafa;
}
table#latest-bookings-table td[onclick] {
	cursor: pointer;
}
table#latest-bookings-table td.booking-carrier img {
	height: 24px;
}
table#latest-bookings-table td.booking-view button {
	padding: 10px 16px;
	background-color: #29317e;
	color: #ffffff;
}
table#latest-bookings-table td.booking-view button:hover {
	background-color: #ffc72b;
	border: 1px solid #ffffff;
}
/* Hide dashboard bookings columns as per screen size */
@media only screen and (max-width: 1024px) {
	table#latest-bookings-table th.hide_2,
	table#latest-bookings-table td.hide_2 {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	table#latest-bookings-table th.hide_3,
	table#latest-bookings-table td.hide_3 {
		display: none;
	}
}
table#latest-bookings-table td.highlight_warning {
	color: #ee7620;
}
/* Remove gap above description */
div.gform_wrapper ul.gform_fields .field_description_below .gfield_description {
	padding-top: 0px;
	padding-bottom: 12px;
}
/* Remove instructions below number fields */
div.gform_wrapper div.ginput_container_number div.instruction {
	display: none !important;
}
/* Remove character count below text fields */
div.gform_wrapper div.charleft {
	display: none !important;
}
/* Input box format */
div.gform_wrapper label.gfield_label {
	white-space: nowrap;
}
div.gform_wrapper .ginput_container input,
div.gform_wrapper .ginput_container select {
	height: 48px;
	border-color: #29317e;
	border-radius: 4px;
	background-color: #ffffff;
}
div.gform_wrapper .ginput_container textarea {
	border-color: #29317e;
	border-radius: 4px;
	background-color: #ffffff;
	color: #000000;
}
div.gform_wrapper li.large_font_label label.gfield_label {
	font-family: 'Montserrat', sans-serif;
	font-size: 125%;
	color: #443f3f;
}
/* Date width */
div.gform_wrapper li.gfield div.ginput_container input.datepicker {
	width: 100%;
}
/* Date picker format */
div.ui-datepicker {
	font-family: 'Quicksand', sans-serif;
	padding-bottom: 4px;
}
div.ui-datepicker a {
	-webkit-transition: none;
	transition: none;
}
div.ui-datepicker-header div.ui-datepicker-title {
	font-size: 20px;
	line-height: 28px;
	text-shadow: none;
}
div.ui-datepicker-header select.ui-datepicker-month,
div.ui-datepicker-header select.ui-datepicker-year {
	height: 30px;
	padding: 4px 0px 4px 12px;
	font-size: 16px;
}
div.ui-datepicker-header a.ui-corner-all {
	background-image: none;
	background-color: #c0c0c0;
	border: 1px solid #cb2c00;
	text-shadow: none;
}
div.ui-datepicker-header a.ui-corner-all[data-event="click"]:hover {
	background-color: #cb2c00;
	border-color: #ffffff;
}
div.ui-datepicker-header a.ui-datepicker-prev span.ui-icon {
	background-image: url('/wp-content/plugins/gravityforms/legacy/images/datepicker/arrow.png');
	background-position: center -36px;
}
div.ui-datepicker-header a.ui-datepicker-next span.ui-icon {
	background-image: url('/wp-content/plugins/gravityforms/legacy/images/datepicker/arrow.png');
	background-position: center -6px;
}
div.ui-datepicker th {
	font-size: 16px;
	text-shadow: none;
}
div.ui-datepicker tbody tr {
	border-bottom: 1px solid #ffffff;
}
div.ui-datepicker td {
	border: 0 !important;
}
div.ui-datepicker td span,
div.ui-datepicker td a {
	text-align: center;
	font-size: 16px;
	line-height: 140%;
	text-shadow: none;
}
div.ui-datepicker td[data-handler="selectDay"] a {
	color: #ffffff;
	background-color: #29317e;
	border: 1px solid #ffc72b;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
div.ui-datepicker td.ui-datepicker-current-day a.ui-state-active {
	margin: 0;
	background-color: #ffc72b;
	border-color: #ffc72b;
	text-shadow: none;
	font-weight: bold !important;
}
div.ui-datepicker td[data-handler="selectDay"] a:hover {
	background-color: #cb2c00;
	border-color: #cb2c00;
}
/* Autocomplete format */
ul.ui-autocomplete {
	background-color: #fcfcfc;
}
ul.ui-autocomplete .ui-menu-item-wrapper {
	font-family: Quicksand,sans-serif;
	font-size: 16px;
}
/* Branch dropdown format */
div.gform_wrapper div.ginput_container div.chosen-container {
	vertical-align: top;
}
div.gform_wrapper div.ginput_container div.chosen-container a.chosen-single {
	border: 1px solid #29317e;
	border-radius: 4px;
	box-shadow: none;
	font-size: 120%;
	min-height: 44px;
	padding: 8px 12px;
}
div.gform_wrapper div.ginput_container div.chosen-container a.chosen-single div {
	padding-top: 10px;
}
#gform_15 div.ginput_container div.gfield_checkbox input {
	height: 16px;
	margin: 2px;
}
#gform_15 li.supplier_name input {
	min-width: 360px;
	color: #003d80 !important;
}
#gform_8 div.gform_footer {
	visibility: hidden;
}
/* Cancellation form */
#gform_17 li.gf_list_inline div.ginput_container {
	margin-left: 50%;
}
/* Display field contents as simple text if class="gf_text_only" */
div.gform_wrapper li.gf_text_only label.gfield_label {
	display: none;
}
div.gform_wrapper li.gf_text_only textarea {
	pointer-events: none;
	border: none;
	background-color: initial;
	color: #29317e;
	text-align: center;
	font-size: 20px;
	height: 120px;
	font-weight: bold;
}
div.gform_wrapper li.gf_text_only input,
div.gform_wrapper li.gf_read_only input,
div.gform_wrapper div.gf_read_only input {
	pointer-events: none;
	font-weight: bold;
	background-color: rgba(224,224,224,0);
	border: none;
}
div.gform_wrapper .gf_read_only {
	padding: 10px 10px 10px 20px !important;
	border-radius: 16px;
	background-color: #f0f0f0;
}
div.gform_wrapper div.gf_read_only div.ginput_container {
	border-radius: 4px;
	background-color: #f0f0f0;
}
div.gform_wrapper li.gf_auto_calc input,
div.gform_wrapper li.gf_auto_calc textarea,
div.gform_wrapper li.gf_auto_calc label {
	pointer-events: none;
}
div.gform_wrapper li.gf_text_only input::-webkit-outer-spin-button,
div.gform_wrapper li.gf_text_only input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
div.gform_wrapper li.gf_text_only input[type=number] {
	-moz-appearance: textfield;
}
/* Display form contents as simple text if class="gf_report" */
form.gf_report div.gform_body label {
	color: #104080;
}
form.gf_report div.gform_body input,
form.gf_report div.gform_body textarea,
form.gf_report div.gform_body select {
	pointer-events: none;
	font-weight: bold;
	color: #202020 !important;
	background-color: #f4f4f4 !important;
	border-color: #f4f4f4 !important;
}
form.gf_report div.gform_body li.variable_content textarea {
	pointer-events: bounding-box;
	resize: vertical;
	max-height: 400px;
	field-sizing: content; /* Experimental */
}
form.gf_report div.gform_body select option:not(select) {
	display: none;
}
/* Change pre-filled address fields to simple text */
div.gform_wrapper li.fix_locality span.address_city input,
div.gform_wrapper li.fix_locality span.address_state input,
div.gform_wrapper li.fix_locality span.address_zip input,
div.gform_wrapper li.fix_postcode span.address_zip input {
	pointer-events: none;
	font-weight: bold;
	background-color: #f0f0f0;
	margin-bottom: 0 !important;
}
/* Section background color */
div.gform_wrapper #gform_12 li.gf_background_dark1 {
	margin-right: 4px;
	padding: 10px;
	border-radius: 8px;
	background-color: #e8e8e8;
	color: #000000;
}

div.gform_wrapper #gform_8 li.quote_synopsis,
div.gform_wrapper #gform_9 li.quote_synopsis {
	margin-bottom: 20px !important;
	padding: 8px 30px;
	border: 1px solid #ffc72b;
	border-radius: 22px;
	background-color: #f8f8f8;
	text-align: center;
}
div.gform_wrapper #gform_12 li.quote_synopsis h5 {
	margin-bottom: 10px;
	color: #29317e !important;
	font-weight: bold;
}
div.gform_wrapper #gform_8 li.quote_synopsis h5 {
	margin-bottom: 10px;
	color: #29317e !important;
}
div.gform_wrapper #gform_12 li.drop_ship_auth_error,
div.gform_wrapper #gform_12 li.receiver_address_display {
	margin: 4% !important;
	padding: 4% 4% 0 4%;
	border: 1px solid #ffc72b;
	border-radius: 22px;
	background-color: #f0f0f0;
	text-align: center;
}

div.gform_wrapper div.gfield_password_strength {
	margin-top: 4px;
	padding: 5px;
	border-bottom-width: 1px !important;
	border-radius: 22px;
	height: 40px;
	color: #000000;
}

/* Consent tickbox align */
div.gform_wrapper li.gfield div.gfield_consent_description {
	height: 120px;
}
div.gform_wrapper li.gfield div.ginput_container_consent {
	padding-left: 10px !important;
}
div.gform_wrapper li.gfield div.ginput_container_consent input[type="checkbox"] {
	float: left;
}
div.gform_wrapper li.gfield div.ginput_container_consent label.gfield_consent_label {
	margin: 4px 0 0 0;
	padding: 10px;
}
/* Back button colours */
div.gform_wrapper button.gform_button {
	background-color: #29317e;
	border-color: #ffc72b;
}
div.gform_wrapper button.gform_button:hover {
	background-color: #cb2c00;
	border-color: #cb2c00;
	color: #ffffff;
}
div.gform_wrapper button.gform_button:active {
	background-color: #ffc72b;
	border-color: #29317e;
	color: #ffffff;
}
div.gform_wrapper button.gform_button:focus {
	background-color: #ffc72b;
	border-color: #29317e;
	color: #ffffff;
}

/* Error message styles */
@media only screen and (min-width: 641px) {
	div.gform_wrapper.gform_validation_error .top_label input.medium,
	div.gform_wrapper.gform_validation_error .top_label select.medium {
		width: 90%;
	}
}
div.gform_wrapper div.validation_error {
	background-color: #cb2c00 !important;
	border: 0px;
}
div.gform_wrapper div.validation_error h2 {
	color: #ffffff;
}
div.gform_wrapper div.gform_body li.gfield.gfield_error,
div.gform_wrapper div.item-error,
div.gform_wrapper div.dg-error {
	background-color: #d08070 !important;
	padding: 5px;
}
div.gform_wrapper .gfield_error div.validation_message,
div.gform_wrapper div.item-error,
div.gform_wrapper div.dg-error {
	padding-right: 0;
	font-size: 14px;
    line-height: 20px;
	color: #ffffff;
}
div.gform_wrapper li.gf_error_box {
	padding: 0 5px;
	text-align: center;
	color: #ffffff;
	background-color: #cb2c00 !important;
}

/* Password visibility icon colour */
div.ginput_container_password button span.dashicons-hidden {
	color: #29317e;
}
div.ginput_container_password button span.dashicons-visibility {
	color: #ffc72b;
}
div.ginput_container_password button span.dashicons:hover {
	color: #cb2c00;
}
/* Change password strength wording */
div.gform_wrapper div.gfield_password_strength.short:after {
	content: " - More characters required";
}
div.gform_wrapper div.gfield_password_strength.bad:before {
	content: "Ok";
	margin-right: -40px;
	color: #000000;
}
div.gform_wrapper div.gfield_password_strength.bad {
	color: rgba(0,0,0,0);
}
div.gform_wrapper div.gfield_password_strength.mismatch:before {
	content: "Continue until matching";
	margin-right: -70px;
	color: #000000;
}
div.gform_wrapper div.gfield_password_strength.mismatch {
	color: rgba(0,0,0,0);
}

/* For tablets ... */
@media only screen and (min-width: 601px) and (max-width: 1200px) {
	/* Shorten Quantity to Qty */
	#item-lines .cont-row:first-child .item-cell-qty .item-heading {
		visibility: hidden;
	}
	#item-lines .cont-row:first-child .item-cell-qty .item-heading:after {
		content: "Qty";
		visibility: visible;
		margin-left: -68px;
	}
	#item-lines .cont-row:first-child .item-cell-qty > label {
		width: 100%;
	}
	/* Shorten Requested Pickup Date */
	div.gform_wrapper li#field_8_60 label.gfield_label {
		visibility: hidden;
	}
	div.gform_wrapper li#field_8_60 label.gfield_label:before {
		content: "Pickup Date ";
		visibility: visible;
	}
}

/* Booking info message */
div.booking_info {
	width: fit-content;
	margin: auto;
	padding: 10px 20px;
	border: 1px solid #29317e;
	border-radius: 16px;
	background-color: #f8f8f8;
	font-weight: bold;
}
/* Booking final instructions */
table.booking_instructions {
	counter-reset: step;
}
table.booking_instructions span.step_number:before {
	counter-increment: step;
	content: counter(step);
}
table.booking_instructions th,
table.booking_instructions td {
	border: none;
	vertical-align: top;
	text-align: left;
	font-size: 24px;
}
table.booking_instructions ul.booking_notes {
	font-size: 16px;
}
table.booking_instructions td:nth-of-type(2) {
	padding: 8px 32px;
	background-color: #f8f8f8;
}
table.booking_instructions img {
	margin: -10px auto 10px auto;
}

/* Format FAQ search */
div#ewd-ufaq-jquery-ajax-search label.ewd-otp-field-label {
	font-size: 20px;
	color: #29317e;
}
div#ewd-ufaq-jquery-ajax-search input.ufaq-text-input {
	background-image: url('/wp-content/plugins/supplierfreight/img/search-icon.png');
	background-size: 24px;
	background-position: 12px 12px;
	background-repeat: no-repeat;
	border: 1px solid #cb2c00;
	padding: 12px 10px 12px 44px;
	margin: 20px 0;
	font-size: 20px;
	color: #000000;
}
@media only screen and (max-width: 600px) {
	div#ewd-ufaq-jquery-ajax-search label.ewd-otp-field-label {
		margin-top: 15px;
		margin-bottom: 0;
	}
}
/* Recolour link text in FAQs */
div.ufaq-faq-body div.ufaq-faq-post a {
	color: #ffc72b !important;
}

/* Support Request style */
#gform_9 label.gform-field-label--type-inline {
	font-size: 16px;
}
/* Support Request file upload position */
div.ginput_container_fileupload div.gform_drop_area,
div.ginput_container_fileupload span.gform_fileupload_rules {
	margin-left: 0 !important;
}
div.ginput_container_fileupload span.gform_fileupload_rules {
	color: #d04040;
}

/* reCAPTCHA size */
@media only screen and (max-width: 600px) {
	div.gform_wrapper div.grecaptcha-badge {
		transform: scale(0.75);
		transform-origin: 30% bottom 0;
	}
}

/* PRINT STYLING */
@media print {
	@page {
		size: A4 portrait;
	}
	body {
		margin: 0;
		height: 100%;
		width: 100%;
	}
	.do_not_print {
		display: none !important;
	}
	#masthead {
		display: none;
	}
	.sydney-hero-area {
		display: none;
	}
	.header-image {
		display: none !important;
	}
	#content {
		display: block;
	}
	.content-wrapper {
		padding: 20px 0 0 0 !important;
		margin: 0 4% 0 4%;
	}
	article.page {
		padding-bottom: 0 !important;
	}
	.entry-header {
		margin-bottom: 0 !important;
	}
	.siteorigin-panels-stretch {
		margin: 0 -5% 0 -5% !important;
	}
	.panel-row-style {
		display: block !important;
	}
	#gform_8 .gfmc-row-4-column {
		display: none !important;
	}
	.gform_footer {
		display: none !important;
	}
	.entry-footer {
		display: none;
	}
	#sidebar-footer {
		display: none;
	}
	.site-footer {
		display: none;
	}
	.go-top {
		display: none;
	}
	div#secondary {
		display: none !important;
	}
	hr {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	a[href]:after {
		content: none !important;
	}
	abbr[title]:after {
		content: none !important;
	}
	li {
		margin: 0 !important;
		padding-right: 10px;
	}
	.ginput_container {
		margin-top: 0 !important;
	}
	label {
		margin-bottom: 0 !important;
		padding-bottom: 2px !important;
		font-size: 80% !important;
		color: #204060;
	}
	.ginput_complex label {
		padding-left: 16px;
		line-height: 100%;
		font-size: 60% !important;
	}
	input, select {
		height: 28px !important;
	}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
	}
	input[type=number] {
		-moz-appearance:textfield;
	}
	.ginput_left, .ginput_right,
	.gf_name_has_2 span {
		display: inline-block;
		width: 49%;
		padding-right: 10px;
	}
	.gf_left_half, .gf_right_half {
		display: inline-block;
		width: 25%;
	}
	.gf_left_half .gfield_label, .gf_right_half .gfield_label {
		width: 100%;
		overflow-x: hidden;
	}
	.gf_left_third, .gf_middle_third, .gf_right_third {
		display: inline-block;
		width: 33%;
	}
	.gf_first_quarter, .gf_second_quarter, .gf_third_quarter, .gf_fourth_quarter {
		display: inline-block;
		width: 25%;
	}
	button, .check_button {
		display: none !important;
	}
	.mm-tooltip mmi,
	.mm-tooltip-container {
		display: none !important;
	}
	.small_screen_heading {
		display: none;
	}
	div.vieweractions {
		display: none;
	}
	span.sort-arrows {
		display: none;
	}
}