:root {
	--primary-color: #ed8123;
	--secondary-color: #6c757d;
	--border-color: #888888;
	--disabled-color: #dcdee2;
	--success-color: #0e8d0e;
	--danger-color: #dc3545;
}

body {
/*	background-color : #316362;*/
/*	margin: 0px;*/
/*	padding: 0px;*/
	/*
	scrollbar-arrow-color: #5C5C5C;
	scrollbar-face-color: #E5E5E5;
	scrollbar-track-color: #DCDCDC;
	scrollbar-highlight-color: #EFEFEF;
	scrollbar-shadow-color: #D8D8D8;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #7C7C7C;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;

}
::-webkit-input-placeholder  { color:#aaa; }
input:-moz-placeholder { color:#aaa; }
.topbottom {
	font-size:8pt;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
 .topbottom a {
	color: #6f5e28;
}


a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
/*	text-decoration: none;*/
	color: #372400;
}


.popup {
	/*border: 3px solid #AFCABB;
	*/
	margin: 0px;
	padding: 8px 16px;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 10pt;*/
}

.popup h1 {
	font-size: 14pt;
	margin: 0;
	padding: 0;
}


.hln {
	border-top: 5px dotted #938459;
	margin: 10px 0 10px 0;
}

/*

td {
	padding-right: 3px;
	vertical-align: top;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
*/
/*
input, select, textarea {
	margin-bottom: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	border:1px solid #AFCABB;
	font-family: Arial;
	font-size:12px;
}
*/
/*----- coupon page by Matej START -------*/
table.discountTable {
	width: 100%;
}
table.discountTable .coupon-type{
	margin-left: 5px;
}
table.discountTable td {
	width: 50%;
	vertical-align: top;
}
label.frm {
	display: block;
	padding-top: 3px;
}
input.frm, textarea.frm, select.frm {
	width: 99%;
}
input.frm2 {
	width: 50px;
}
input.frm3 {
    background: #F1F0D3;
	width: 30px;
	margin-bottom: 8px;
}
input.frm3:focus {
    background: none;
}
/*----- coupon page by Matej END -------*/
input.submit {
	border: 0px solid #C0C0C0;
}
input.wfull1, textarea.wfull1 {
	width: 520px;
}

input.wfull2 {
	width: 253px;
}

select.wfull2 {
	width: 200px;
}

input.wfull3 {
	width: 330px;
}

input.wfull4 {
	width: 167px;
}

input.wfull6 {
	width: 50px;
}

form#fArticle img#published-date-calendar {
    position: relative;
    right: 13px;
    top: 18px;
}

input.irate {
	width: 50px;
	margin: 2px 0px 2px 0px;
}

#errors {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	list-style: none;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #DC143C;
    border:solid 1px #DC143C;
    background-color: #ffd5d5;
}

#errors li {
	margin: 0px;
}

#notes {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    list-style: none;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 5px;
    color: #5DB330;
    border:solid 1px #5DB330;
    background-color: #f3faef;
}

#notes li {
    margin: 0px;
}

/* Header style */

h1, h1 a {
    font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: justify;
    line-height: 30px;
    margin: 0px 0px 5px 0px;
    color: #f86d1c;
    text-decoration: none;

}

h1 a.nav{font-size:11px;text-decoration: underline;}

h2 {
	font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	line-height: 18px;
	margin: 0px 0px 5px 0px;
	color: #574409;
	font-style: italic;
}

h3 {
	margin: 0px 0px 5px 0px;
}

/* Text style */

.formtext {
	font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
.formtext1 {
	font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

/* Table style */
div.data{
	width: 99%;
}

div.data table {
	font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	border-left:solid 1px #938459;
	border-top:solid 1px #938459;
	margin-bottom: 5px;
	width : 100%;
}

div.data table.no-footer {
	border-bottom: none !important;
}

div.data thead th, div.data thead td {
	padding: 3px 0 !important;
	border-bottom: 1px solid #938459 !important;
	color: white;
}

div.data tbody td {
	padding: 4px 8px !important;
}

div.data tbody td.dataTables_empty {
	background-color: #faf2cd;
}

div.data .dataTables_wrapper .ui-toolbar .dataTables_paginate .ui-button{
	background-color: #f0d49b;
	padding: 2px 8px;
	border: 1px solid #ffc490;
	cursor: pointer;
	text-decoration: none;
	color: #b25722;
	font-weight: bold;
}
div.data .dataTables_wrapper .ui-toolbar .dataTables_paginate .ui-button.ui-state-disabled:not(.previous):not(.next) {
	background-color: #ed8123;
	color: #ffe6d0;
}

div.w50 {
	width : 80%;
}

div.w30 {
	width : 30%;
}

div.data input {
	border: 0px;
	margin: 0px;
}

div.data table tr:hover td {
    background-color: #f0e9c9;
}
div.data table tr.Approved:hover td {
    background-color: #67CA80;
}
div.data table tr.header:hover td {
    background-color: inherit;
}

div.data table tr.hide {
    display: none;
}

div.data table tr.header {
	text-align:center;
	font-weight: bold;
	background-color: #EC8123;
}

div.data table tr.header td a, div.data table tr.header td {
    color: #FFFFFF;
}

div.data table td {
	/* text-align:center;
	*/
	border-right:solid 1px #938459;
	border-bottom:solid 1px #938459;
	padding: 3px;
	text-decoration: inherit;
}

div.data table td div {
	border:solid 1px #938459;
}

div.data table a {
	text-decoration: underline;
    /*font-weight: bold;*/
	color: #000000;
}

div.data table a:hover {
    color: red;
}

div.data table a.edit {
	text-decoration: underline;
	font-weight: normal;
/*	color: black;  */
}

div.data table tr.hidden,
div.data table tr.hidden a,
span.hidden,
a.hidden,
tr.hidden td a,
div.data table tr.inactive,
div.data table tr.inactive a {
    color: #8FAA9B;
}

#block-status.Processing, .button.Processing, .mod-request.Processing {
	background-color : #FFCDE5 !important;
	border: 1px solid #FF4BA0 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.Approved, #block-status.Accepted, .button.Accepted, .button.Approved, .mod-request.Accepted,.mod-request.Approved {
	background-color : #CDFFE7 !important;
	border: 1px solid #10DC78 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.ApprovedIncomplete, .button.ApprovedIncomplete, .mod-request.ApprovedIncomplete {
    background-color: #EAFFD8 !important;
	border: 1px solid #B0F86E !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.OnRequest, .button.OnRequest, .mod-request.OnRequest {
    background-color: #FFF4CC !important;
	border: 1px solid #FFC700 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.XmlError, .button.XmlError, .mod-request.XmlError {
	background-color: #DDC8AF !important;
	border: 1px solid #CD7B2E !important;
}

#block-status.OtaError, .button.OtaError, .mod-request.OtaError {
	background-color: #FFE3C5 !important;
	border: 1px solid #FF6B00 !important;
	border-radius: 5px;
	padding: 3px 6px;
}


#block-status.Declined, .button.Declined, .mod-request.Declined {
	background-color : #FFA9A3 !important;
	border: 1px solid #F55148 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.Hold, .button.Hold, .mod-request.Hold {
    background-color : #F5F5F5 !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.SupplierLead, .button.SupplierLead, .mod-request.SupplierLead {
    background-color: #D2E9F6 !important;
	border: 1px solid #A1CCE8 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.SalesToCall, .button.SalesToCall, .mod-request.SalesToCall {
    background-color: #C5D1FF !important;
	border: 1px solid #3267E3 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.SalesToFollowUp, .button.SalesToFollowUp, .mod-request.SalesToFollowUp {
    background-color: #B7F3FF !important;
	border: 1px solid #00D1FF !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.Suspended, .button.Suspended, .mod-request.Suspended {
	background-color : #CCCCCC !important;
	border: 1px solid #646464 !important;
	border-radius: 5px;
	padding: 3px 6px;
}

#block-status.SuspendedAfter, .button.SuspendedAfter, .mod-request.SuspendedAfter {
	background-color : #E6D0FF !important;
	border: 1px solid #A95DFD !important;
	border-radius: 5px;
	padding: 3px 6px;
}

span.booking_status.SuspendedAfter {
	margin: 1px;
	padding: 3px 6px;
}
.mod-request {
	padding: 4px 7px 4px 4px;
}
.extratable2.customerhistory_table {
	td {
		line-height: 1.6em;
	}
}

.mod-request.bookingStatus {
	line-height: 1.6em;
}

.previousColourCodes,
form[name="fAllExtras"],
form[name="fFreeSell"],
form[name="fCloseOutVehicle"],
form[name="fSoldOutVehicle"],
form[name="fCloseOutExtra"],
form[name="fOnRequestExcluded"],
form[name="fDiscountRate"],
form[name="fDiscountRateOverride"],
form[name="fDiscountFreeDay"],
form[name="fDiscountGift"],
form[name="fOnRequest"],
form[name="fSoldOutVehicle"],
form[name="fCloseOutExtra"],
form[name="fOnRequestExcluded"],
form[name="fDiscountManualCoupon"],
form[name="fDiscountXmlCoupon"],
#minHiresTable {
	.Processing, tr.Processing td, span.Processing {
		background-color : #F6EB13 !important;
		/*	color: Black; */
	}

	.Approved, .Accepted,  tr.Hold td.Accepted {
		background-color : #CDFFE7 !important;
		/*	color: Black; */
	}

	.ApprovedIncomplete, tr.ApprovedIncomplete td, span.ApprovedIncomplete, ul#bookinghistory li.ApprovedIncomplete {
		background-color: #EAFFD8 !important;
	}

	.OnRequest, tr.OnRequest td, span.OnRequest, ul#bookinghistory li.OnRequest {
		background-color: #FFF4CC !important;
	}

	.XmlError, tr.XmlError td, span.XmlError, ul#bookinghistory li.XmlError {
		background-color: #DDC8AF !important;
	}

	.OtaError, tr.OtaError td, span.OtaError, ul#bookinghistory li.OtaError {
		background-color: #FFE3C5 !important;
	}


	.Declined, tr.Hold td.Declined {
		background-color : #FFA9A3 !important;
		/*	color: Black; */
	}

	.Hold, tr.Hold td, span.Hold {
		background-color : #F5F5F5 !important;
		/*    color: Black; */
	}

	.SupplierLead, tr.SupplierLead td, span.SupplierLead, ul#bookinghistory li.SupplierLead {
		background-color: #D2E9F6;
	}

	.SalesToCall, tr.SalesToCall td, span.SalesToCall, ul#bookinghistory li.SalesToCall {
		background-color: #C5D1FF;
	}

	.SalesToFollowUp, tr.SalesToFollowUp td, span.SalesToFollowUp, ul#bookinghistory li.SalesToFollowUp {
		background-color: #B7F3FF;
	}

	.Suspended, tr.Suspended td, span.Suspended {
		background-color : #CCCCCC;
		/*	color: Black; */
	}

	.SuspendedAfter, tr.SuspendedAfter td,  tr.DeclinedAfter td, span.SuspendedAfter {
		background-color : #E6D0FF;
		/*color: Black;
        */
	}
}


.firstcell label{
	color:red;
}

div.data table tr.PREAUTH_OPEN td {
	background-color : #DCDCDC;
	color: Black;
}

div.data table tr.PREAUTH_FAILED  td {
	background-color : #FF6347;
	color: Black;
}

div.data table tr.PREAUTH_SUSPEND  td {
	background-color : Yellow;
	color: Black;
}

div.data table tr.PREAUTH_CLOSED td, div.data table tr.COMPLETION td {
	background-color : #8FBC8F;
	color: Black;
}

div.data table a:HOVER {
	text-decoration: underline;
}

.commission_note {
	width: 250px;
	position : absolute;
	top: 0px;
	background-color : Red;
	color: White;
	padding: 5px;
	display: none;
}

div.links, div.links a, div.links a:hover {
	color: Black;
	font-family: Arial,"MS SanS Serif", Helvetica,sans-serif;
	font-size: 9pt;
	margin-bottom: 5px;
	text-align: center;
}
div.links a, div.links a:hover {
	text-decoration: underline;
}

div.graybox table.extratable2 td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}


div.graybox table.extratable2 td.last {
	border-right: 0px;
}

div.graybox table.extratable2 td.bottom {
	border-bottom: 0px;
}

div.graybox  table.extratable2 tr.extrahead {
	background-color: #E5CB93;
        color: #000000;
	font-weight: bold;
}

.extratable2 td.border-left {
    border-left: 1px solid #000000;
}

.extratable2 td.border-top {
    border-top: 1px solid #000000;
}

.topborder {
	border-top: 1px solid Silver;
}

ul#links {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

ul#links li {
	display: inline;
	margin-right: 10px;
}

ul#links li a {
/*	white-space: nowrap;*/
	font-size: 10pt;
	text-transform: lowercase;
}

.GroupHires.HideSuspended .GroupHire.Suspended,
.GroupHires.HideAV .GroupHire.Availability {
    display:none;
}
.GroupHires a.Nav {
    text-decoration: none;
    font-weight: bold;
}
.GroupHireList {
    border-bottom: 2px solid #938459;
    height: 35px;
    padding-left: 0;
    list-style-type: none;
}
.GroupHire,
.GroupHire.Current,
.GroupHires.Selected .GroupHire.Current,
.GroupHires.Selected .GroupHire.Current.Suspended,
.GroupHires.Selected .GroupHire.Current.Availability,
.GroupHireList>.Control
 {
    display: block;
    float: left;
    margin: 0 5px;
    padding: 5px 10px;

    border: 2px solid #938459;
    border-radius: 10px;
}
.GroupHire.Current,
.GroupHire:hover,
.GroupHire.Current:hover,
.GroupHires.Selected .GroupHire.Current:hover,
.GroupHires.HideSuspended .GroupHire.Current.Suspended,
.GroupHires.HideAV .GroupHire.Current.Availability {
    display: block;
    padding-bottom: 15px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.GroupHireList>.Control {
    border: none;
}

.graybox.bookinghistory {
	border: 0px;
}
ul#bookinghistory {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color : transparent;
	color: Gray;
}

ul#bookinghistory li {
	padding: 2px 6px;
	border-bottom: 1px solid Gray;
	display: flex;
	gap: 10px;
}

ul#bookinghistory a, ul#bookinghistory a:visited {
	font-size: 8pt;
	text-decoration: none;
	color: Gray;
}

ul#bookinghistory a:hover {
	font-size: 8pt;
	text-decoration: none;
	color: White;
}

ul#bookinghistory li.Availability a {
    font-style: italic;
    padding-left: 20px;
}

ul#bookinghistory li.Current {
	border: 2px solid #000000;
	padding: 4px;
}

ul#bookinghistory li.Current a {
	color: Black;
}

ul#bookinghistory li.Processing {
	background-color : #FFFFFF;
	div.status {
		font-weight: 700;
		color: #7A003A;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #FF4BA0;
		}
	}
}

ul#bookinghistory li.SalesToContact {
    background: orange;
}

ul#bookinghistory li.DeadBookings {
    background: red;
}

ul#bookinghistory li.Approved {
	background-color: #CDFFE7;

	div.status {
		font-weight: 700;
		color: #00522A;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #10DC78;
		}
	}
}

ul#bookinghistory li.Declined {
	background-color : #FFA9A3;
	div.status {
		font-weight: 700;
		color: #7D0C05;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #F55148;
		}
	}
}

ul#bookinghistory li.Suspended {
	background-color : #CCCCCC;
	div.status {
		font-weight: 700;
		color: #303030;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #646464;
		}
	}
}

ul#bookinghistory li.Hold {
	background-color : #F5F5F5;
	div.status {
		font-weight: 700;
		color: #4D4D4D;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #CCCCCC;
		}
	}
}

ul#bookinghistory li.SupplierLead {
	background-color : #D2E9F6;
	div.status {
		font-weight: 700;
		color: #314450;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #A1CCE8;
		}
	}
}

ul#bookinghistory li.SuspendedAfter, ul#bookinghistory li.DeclinedAfter {
	background-color : #E6D0FF;
	div.status {
		font-weight: 700;
		color: #350569;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #A95DFD;
		}
	}
}

ul#bookinghistory li.ApprovedIncomplete {
	background-color : #EAFFD8;
	div.status {
		font-weight: 700;
		color: #326602;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #B0F86E;
		}
	}
}

ul#bookinghistory li.SalesToCall {
	background-color : #C5D1FF;
	div.status {
		font-weight: 700;
		color: #12327E;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #3267E3;
		}
	}
}

ul#bookinghistory li.SalesToFollowUp {
	background-color : #B7F3FF;
	div.status {
		font-weight: 700;
		color: #0A4C5A;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #00D1FF;
		}
	}
}

ul#bookinghistory li.OnRequest {
	background-color : #FFF4CC;
	div.status {
		font-weight: 700;
		color: #624D00;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #FFC700;
		}
	}
}

ul#bookinghistory li.XmlError {
	background-color : #DDC8AF;
	div.status {
		font-weight: 700;
		color: #623A15;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #CD7B2E;
		}
	}
}

ul#bookinghistory li.OtaError {
	background-color : #FFE3C5;
	div.status {
		font-weight: 700;
		color: #793301;
		display: flex;
		align-items: center;
		gap: 5px;
		span::before {
			content: "\f111";
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			margin-left: 8px;
			font-size: 0.5em;
			color: #FF6B00;
		}
	}
}

textarea.pkey {
	font-family : "Courier New", Courier, monospace;
	font-size : 8pt;
	width: 470px;
}

.PREAUTH_OPEN, .PREAUTH_EXT_OPEN {
	color: Black;
}
.PREAUTH_CLOSED, .REFUND, .REFUND_MANUAL {
	color: #2E8B57;
}
.PREAUTH_SUSPEND {
	color: #A9A9A9;
}
.PREAUTH_FAILED, .COMPLETION_REFUND {
	color: #FF4500;
}
.COMPLETION, .COMPLETION_MENUAL {
	color: #2E8B57;
}

.Enquiry {
	font-style : italic;
}

.red {
	color:#ff0000;
}
.green {
	color:#006a0f;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

span.treeMenu a {
	font-size: 8pt;
}

/* BUTTONS */
div.buttons {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	margin: 10px 0px;

	.button.button-small {
		padding:6px 10px;
		font-size: 12px;
	}
}

.buttons a, .buttons button, .buttons .button {
    display:block;
    float:left;
    background-color: #FFFFFF;
    border:1px solid #005A9E;
    border-top:1px solid #005A9E;
    border-left:1px solid #005A9E;

    font-family: Arial, Verdana, sans-serif;
    font-size:14px;
    text-decoration:none;
    font-weight:700;
    color: #005A9E;
    cursor:pointer;
    padding:2px 7px 3px 5px;
	border-radius: 5px;
}

.buttons .button-primary {
	background-color: #005A9E;
	border:1px solid #005A9E;
	color: #FFFFFF;
}

.buttons button, .buttons .button{
    width:auto;
    overflow:visible;
    padding:10px 16px; /* IE6 */

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.buttons button[type], .buttons .button[type]{
    padding:10px 16px; /* Firefox */
    line-height:17px; /* Safari */
}

button:hover, .buttons a:hover, .button:hover{
	background-color:#CCDEEC;
	border:1px solid #123E5E;
	color:#123E5E;

	-moz-box-shadow: 2px 2px 4px #123E5E;
	-webkit-box-shadow: 2px 2px 4px #123E5E;
	box-shadow: 2px 2px 4px #123E5E;
}

.button-primary:hover {
	background-color:#337BB1;
	border:1px solid #337BB1;
	color: #FFFFFF;
}

button:focus, .buttons a:focus, .button:focus {
	background-color:#FFFFFF;
	border:1px solid #005A9E;
	color: #005A9E;

	-moz-box-shadow: 0px 0px 0px 4px #23E3A3;
	-webkit-box-shadow: 0px 0px 0px 4px #23E3A3;
	box-shadow: 0px 0px 0px 4px #23E3A3;
}

button:active, .buttons a:active, .button:active {
	background-color:#FFFFFF;
	border:1px solid #183449;
	color: #183449;
}

.button-primary:focus {
	background-color:#005A9E;
	border:1px solid #005A9E;
	color: #FFFFFF;

	-moz-box-shadow: 0px 0px 0px 4px #23E3A3;
	-webkit-box-shadow: 0px 0px 0px 4px #23E3A3;
	box-shadow: 0px 0px 0px 4px #23E3A3;
}

.buttons a:active{
	background-color:#065189;
	border:1px solid #065189;
	color:#FFFFFF;
}

button[disabled], .button[disabled] {
    background-color: #bdbdbd;
    opacity: .3;
    color: #383838;
    border:1px solid #505050;
    border-top:1px solid #9b9b9b;
    border-left:1px solid #9b9b9b;
}

button[disabled]:hover, .button[disabled]:hover {
    background-color: #bdbdbd;
    opacity: .3;
    color: #383838;

    border:1px solid #505050;
    border-top:1px solid #9b9b9b;
    border-left:1px solid #9b9b9b;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

*:first-child+html button[type]{
    padding:2px 7px 3px 5px; /* IE7 */
}

/* PRIMARY */
.btn-primary, .btn-primary:hover {
	backface-visibility: hidden;
	position: relative;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	background: linear-gradient(180deg, #ec8123 0%, #d86908 31.006227466404457%, #c85e00 60.02403583524527%, #ec8123 100%);
	border-radius: 8px;
	border: 0.143em solid #ffffff;
	padding: 6px 8px 5px 8px;

	color: #fff;
	font-size: 14px;
	font-weight: 600;

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
}
button.btn-primary:hover {
	/* Override the global button:hover styles */
	background-color: transparent;
	border: 0.143em solid #ffffff;
	color: #fff;

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 2px 1px 3px rgba(0, 0, 0, 0.3);
}
.btn-primary[disabled], .btn-primary.disabled {
	background: #e1e1e1 !important;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/* BUTTONS */
.affiliate_setting_menu{
	margin:10px;
}
.affiliate_setting_menu span{
	margin:10px;
}

div.ignoreCloseOutsMinimumHire {
    font-weight: bold;
    margin-bottom: 15px;
}

div.ignoreCloseOutsMinimumHire label {
    display: inline-block;
    width: 270px;
}

div.ignoreCloseOutsMinimumHire select {
    font-size: 8pt;
}

div.ignoreCloseOutsMinimumHire div {
    margin: 3px 0;
}

#prevNextBooking a {
    color: #BE3500;
}

#prevNextBooking span {
    font-size: 11px;
    color: #FE9570;
    text-decoration: line-through;
}

/* kb */
#tree div.node { border-top: 2px solid #CAAD64; }
#tree div { line-height: 1.8em; }
#tree div.node a { color: #574409; }

div.tags { font-size: 11px; text-align: right;}
div.tags a {
    padding: 2px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #303030;
    white-space: nowrap;
    /*float: right;*/
    margin: 1px 1px 0 0;
}

.level1 { padding-left:20px; }
.level2 { padding-left:40px; }
.level3 { padding-left:60px; }
.level4 { padding-left:80px; }
#newnode {
    line-height: 1.5em;
}

#tree .draggable {
    cursor: move;
}
#tree .draggable:hover {
    background: #99CCFF;
    color: black;
}
#tree .mergehover {
    background: #99CCFF;
    color: black;
}

div.threecolumns {
	border:0px;
    padding:0;
    margin: 0;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

/* MailCampaigns */
.saved-filters-container.data table {
    margin-bottom: 15px;
}

.mailcampaigns-filter-container {
    margin: 0 0 15px 0;
}

.mailcampaigns-filter-container p {
    margin-top: 0;
}

.mailcampaigns-filter-container ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.mailcampaigns-filter-container ul li {
    margin: 0 0 8px 10px;
    padding-left: 0;
    list-style-type: none;
}

.mailcampaigns-filter-container ul li a.delete {
    margin: 0 8px 0 0;
}

.mailcampaigns-filter-container ul li .mcfilter-field {
    width: 190px;
    padding: 5px;
}

.mailcampaigns-filter-container ul li .mcfilter-operation {
    width: 120px;
    padding: 5px;
}

.mailcampaigns-filter-container ul li .mcfilter-value {
    width: 280px;
    padding: 5px;
    font-family: inherit;
}

.mailcampaigns-filter-container .mcfilter-button-add, .mailcampaigns-filter-container .mcfilter-button-results, .mailcampaigns-filter-container .mcfilter-button-save {
    padding: 5px 8px 5px 8px;
    margin: 0 5px 0 0;
}

.mailcampaigns-filter-container .mcfilter-button-add {
    display: block;
    margin-bottom: 15px;
}

.mailcampaigns-filter-container .mcfilter-button-results {

}

.mailcampaigns-filter-container .mcfilter-button-save {

}


.mailcampaigns-results-container {
    margin: 15px 0 15px 0;
}

.mailcampaigns-results-container ul {
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #938459;
    padding: 10px;
    background-color: #fff;
}

.mailcampaigns-results-container ul li {
    margin-left: 15px;
}

.targetValues {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}


.dropdown-menu2-root {
    position: relative;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
}
.dropdown-menu2 {
    list-style-type: none;
    display: none;
    position: absolute;
    background-color: #bbb;
    margin: -5px 0 0 -8px;
    padding: 0;
    width: auto;
    border-radius: 8px;
    border: 5px solid #ddd;
    border-top: none;
}
.dropdown-menu2-root:hover .dropdown-menu2 {
    display: block;
}
.dropdown-menu2-item {
    position: relative;
    clear:both;
    border-top: 1px solid #bbb;
    background-color: #fff;
    padding: 0;
    margin: 0;
}
.dropdown-menu2-item-last {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dropdown-menu2-item a {
    width: 100%;
    white-space: nowrap;
    padding: 8px;
}
.dropdown-menu2-item:hover {
    background-color: #f37633;
}
.dropdown-menu2-item:hover>a {
    color: white;
}

.booking-assignments-wrapper {
	position: absolute;
	top: 35px;
	right: 200px;
}

.booking-assignments-box {
	width: auto;
	height: auto;
	margin: 10px;
	position: relative;
	display: inline-block;
}

.booking-assignments-box .head {
	cursor: hand;
	cursor: pointer;
}

.booking-assignments-box a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 11pt;
}

.booking-assignments-box .graybox {
	width: 100%;
	background-color: #FAF2CD;
}

.booking-assignments-box .graybox .head {
	padding: 5px;
}

#booking-assignments-box {
    width: auto;
    margin: 10px;
    position: absolute;
    right: 200px;
    top: 35px;
}

#booking-assignments-box .head {
    cursor: hand;
    cursor: pointer;
}

#booking-assignments-box .graybox {
    width: 100%;
    background-color: #FAF2CD;
}

#booking-assignments-box .graybox .head {
    padding: 5px;
}

#booking-assignments-box #assign-content {
    overflow: auto;
    max-height: 600px;
}

#booking-assignments-box #assign-content > div {
    padding: 5px;
}

.AssignStatus9 {
    background-color: #F6EB13;
}

input[type=text].internal-use {
    color: rgb(153, 153, 153);
    background: rgb(221, 221, 221);
}
input[type=text].internal-use:focus,
input[type=text].internal-use:hover {
    color: #000;
    background: white;
}
.more-links {
    display: none;
}
.show-more-links .more-links {
    display: initial;
}
.show-more-links-control,
.show-more-links .hide-more-links-control {
    display: initial;
    float: right;
}
.show-more-links .show-more-links-control,
.hide-more-links-control {
    display: none;
}
.toggle-show-Approved tr.Approved,
.toggle-show-Declined tr.Declined,
.toggle-show-SuspendedAfter tr.SuspendedAfter,
.toggle-show-Processing tr.Processing {
    display: none;
}
.toggle-show-Approved.show-Approved tr.Approved,
.toggle-show-Declined.show-Declined tr.Declined,
.toggle-show-SuspendedAfter.show-SuspendedAfter tr.SuspendedAfter,
.toggle-show-Processing.show-Processing tr.Processing {
    display: table-row;
}

table.complaint-table {
    width: 100%;
    margin-bottom: 20px;
}

table.complaint-table .complaint-content,
table.complaint-table .action-taken {
    padding: 5px;
    background-color: #fff;
    border: solid 1px #888888;
    color: #000000;
    font-size: 12px;
}

table.complaint-table .status-label,
table.complaint-table .type-label {
    float: left;
    width: 100px;
}

table.complaint-table .error-identify > div,
table.complaint-table tr.RentalRefund div,
table.complaint-table .expired-date,
table.complaint-table .time-zone{
    float: left;
    margin-right: 15px;
}

tr.client-details > td {
    padding-top: 5px;
}

tr.client-details .label {
    width: 190px;
    float: left;
    line-height: 20px;
}

div.sites {
	height: 400px;
	overflow: auto;
	margin-bottom: 20px;
}

div.sites li {
	cursor: pointer;
	text-decoration: underline;
}

div.sites td.site label {
    display: none;
}



.categoryToolTip {
	display: none;
	background-color: white;
	width: 80%;
	border:1px solid grey;
	padding:2px;
}
.categoryToolTip table {
	width: 100%;
	border-collapse: collapse;
}
.categoryToolTip tr th {
	text-align: left;
	background-color: #ddd;
	height:24px;
	width:33%;
}
.categoryToolTip tr td {
	height: 24px;
}
.hideLoader {
	display: none;
}
div.data table a.viewCity {
	font-size:smaller;
	color:red;
	text-decoration: underline;
}
.collapseFilter {
	display:none;
}
.linkBooking td {
	background-color: #ddd;
	color: gray;
}
.sc-logo {
	position: relative;
	border: none !important;
}
.sc-logo .delete {
	position: absolute;
	right: -4px;
	top: -4px;
	width: 18px;
	cursor: pointer;
}

/** margins */
.ml-0 {
	margin-left: 0px !important;
}
.mr-0 {
	margin-right: 0px !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mt-80 {
	margin-top: 80px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-80 {
	margin-bottom: 80px !important;
}

/** paddings */
.pt-0 {
	padding-top: 0px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-25 {
	padding-top: 25px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pt-60 {
	padding-top: 60px !important;
}
.pt-80 {
	padding-top: 80px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-25 {
	padding-bottom: 25px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.pb-80 {
	padding-bottom: 80px !important;
}

/* background colors */
.bg-primary {
	background-color: var(--primary-color) !important;
}
.bg-secondary {
	background-color: #6c757d !important
}
.bg-success {
	background-color: #28a745 !important;
}
.bg-danger {
	background-color: #dc3545 !important;
}
.bg-warning {
	background-color: #ffc107 !important;
}
.bg-light {
	background-color: #f8f9fa !important;
}
.bg-white {
	background-color: #fff !important;
}

/**
add gen to the start of your class name for generator internal css
 */
.gen-flex {
	display: flex;
}
.gen-flex.row {
	flex-direction: row;
}
.gen-flex.column {
	flex-direction: column;
}
.gen-flex .flex-auto {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
}


.gen-page-filters {
	float:left;
	width: 100%;
	border-bottom: 1px solid #B8B2B2;
	margin-bottom: 10px;
	padding-bottom: 14px;
}

.gen-page-content {
	display: flex;
	flex-direction: column;
	clear: both;
}

.gen-btn-sm {
	background-color: #f0d39b;
	color: #B25723;
	border: 1px solid #EC8123 /*#dedede*/;
	border-top: 1px solid #F4E097 /*#eee*/;
	border-left: 1px solid #F4E097 /*#eee*/;
	font-family: Arial, Verdana, sans-serif;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	outline: none;
}

.gen-btn-md {
	background-color: #f0d39b !important;
	color: #B25723 !important;
	border: 1px solid #EC8123 !important;
	font-family: Arial, Verdana, sans-serif !important;
	border-radius: 3px !important;
	font-weight: bold;
	cursor: pointer !important;
	padding: 0.18em 10px !important;
	display: block;
	outline: none !important;
}

.gen-btn-lg {
	background-color: #f0d39b;
	color: #B25723;
	border: 1px solid #EC8123 /*#dedede*/;
	border-top: 1px solid #F4E097 /*#eee*/;
	border-left: 1px solid #F4E097 /*#eee*/;
	font-family: Arial, Verdana, sans-serif;
	font-size: 130%;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
	padding: 0.5em 24px;
	display: block;
	outline: none;
}

.gen-text-highlight {
	font-weight: bold;
	padding: 3px 0 14px 0;
	font-size: 16px;
}

.gen-text-primary {
	color: #B25723;
	font-size: inherit;
}
.gen-text-gray {
	color: #656153;
	font-size: inherit;
}

.gen-text-success {
	color: #0e8d0e;
	font-size: inherit;
}

.gen-text-danger {
	color: #ff1c1c;
	font-size: inherit;
}

.gen-select, .gen-input {
	background-color: #FFFFFF;
	color: #363636;
	border: 1px solid #888888;
	outline: none;
	min-height: 22px;
	width: 100%;
	box-sizing: border-box;
}

.gen-select.width-auto {
	width: auto;
}

input[disabled].gen-input,
select[disabled].gen-select,
.gen-checkbox input[disabled] ~ .checkmark {
	background-color: var(--disabled-color);
}

.gen-checkbox {
	display: block;
	position: relative;
	padding-left: 27px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: inherit;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 2px;
	line-height: 23px;
}
.gen-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	border: 1px solid var(--border-color);
}

/* On mouse-over, add a grey background color */
.gen-checkbox:hover input ~ .checkmark {
	background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.gen-checkbox input:checked ~ .checkmark {
	background-color: var(--primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.gen-checkbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.gen-checkbox .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* CSS Modal */
.gen-modal {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.34);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.gen-modal.open, .gen-modal:target {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.gen-modal > div {
	min-width: 550px;
	min-height: 260px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2px;
	background: #eee;
	border-radius: 4px;
}

.gen-modal > div > div {
	padding: 0 20px 48px 20px;
}

.gen-modal header {
	font-weight: bold;
}
.gen-modal h1 {
	font-size: 150%;
	margin: 0 0 4px;
	border: 1px solid var(--primary-color);
	padding: 3px 0 4px 20px;
	background: #EC8123 linear-gradient(#EC8123, #FB8D2C);
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.gen-modal > div > .modal-close {
	font-size: 90%;
	position: absolute;
	right: 10px;
	top: 10px;
	text-decoration: none;
	background-color: #eee;
	color: var(--danger-color);
	padding: 4px 8px;
	border-radius: 7px;
}
.gen-modal > div > .modal-close:hover {
	color: black;
}

.gen-modal > div > .gen-modal > div {
	border-radius: 6px;
	border: 1px solid #ffdac2;
}
.gen-modal-open {
	overflow: hidden;
	margin-right: 15px;
}

.pointer {
	cursor: pointer;
}
.text-center {
	text-align: center;
}

/* Editor (div table) */
div.editor > .header {
	background: url(../images/table_head.gif) repeat-x top left;

}

.label-primary {
	background-color: #fff4c0;
	padding: 2px 8px;
	border: 1px solid #e6bc6b !important;
}

.label-secondary {
	background-color: #f1f1f1;
	padding: 2px 8px;
	border: 1px solid #bebebe !important;
}

.rental-ui label.required::after {
	content: '*';
	color: var(--danger-color);
	font-size: 126%;
	position: absolute;
	top: 5px;
	margin-left: 0.05em;
}

.ui-timepicker-container {
	z-index: 999 !important;
	position: fixed !important;
}

.section-separator {
	border-bottom: 2px solid;
	width: 800px;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0px;
	margin: 10px 0px;
}

li.highlight_anchor {
	font-weight: 700;
	margin-top: 5px;
}
li.jump_to_footer_li {
	margin-top: 5px;
}

.jump_to_footer{
	display: flex;
	flex-direction: row;
	gap:10px;
}

.new-flex-box-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#tblArticles {
	.Processing, tr.Processing td, span.Processing {
		background-color: #F6EB13 !important;
	}

	.Approved, .Accepted, tr.Hold td.Accepted {
		background-color: #98CA67 !important;
	}

	.ApprovedIncomplete, tr.ApprovedIncomplete td, span.ApprovedIncomplete, ul#bookinghistory li.ApprovedIncomplete {
		background-color: #C6F240 !important;
	}

	.OnRequest, tr.OnRequest td, span.OnRequest, ul#bookinghistory li.OnRequest {
		background-color: #FFD100 !important;
	}

	.XmlError, tr.XmlError td, span.XmlError, ul#bookinghistory li.XmlError {
		background-color: #d2a679 !important;
	}

	.OtaError, tr.OtaError td, span.OtaError, ul#bookinghistory li.OtaError {
		background-color: #ff860b !important;
	}


	.Declined, tr.Hold td.Declined {
		background-color: #F48267 !important;
	}

	.Hold, tr.Hold td, span.Hold {
		background-color: #DDDBDC !important;
	}

	.SupplierLead, tr.SupplierLead td, span.SupplierLead, ul#bookinghistory li.SupplierLead {
		background-color: #b6cfdf;
	}

	.SalesToCall, tr.SalesToCall td, span.SalesToCall, ul#bookinghistory li.SalesToCall {
		background-color: #64ABD9;
	}

	.SalesToFollowUp, tr.SalesToFollowUp td, span.SalesToFollowUp, ul#bookinghistory li.SalesToFollowUp {
		background-color: #10D4EF;
	}

	.Suspended, tr.Suspended td, span.Suspended {
		background-color: #9E9FA1;
	}

	.SuspendedAfter, tr.SuspendedAfter td, tr.DeclinedAfter td, span.SuspendedAfter {
		background-color: #D4A1CA;
	}
}

.graybox.financeTransactions fieldset {
	margin:10px
}

.terms_wysiwyg{
	div.cke {
		width: 100%;
	}
}