/* here should only contains CRM site styles */
@font-face {
	font-family: Inter;
	src: url('./Inter/Inter_24pt-Regular.ttf');
} 

body
{
	font-family: Inter, sans-serif;
	font-size: 11px;
	color:  #38287E;
}
h2 {
	color: inherit;
}
#wrapper
{
	width: auto;
	min-height:800px;
}
#wrapper .container, #main
{
	width: auto;
	margin: 0;
	background-image: none;
	overflow: hidden;
	padding: 0px;
}
#main
{
	background: #eee none;
}

/*#main #left {width:100%;margin:0px auto; }
#main #right {display:none;}*/

#main #CRMnav
{
	position: absolute;
	width: 140px;
	padding-top: 30px;
	padding-left: 10px;
	min-height: 540px;
	left: 0;
	margin-top: 80px;
	background-color: #eee;
	/*min-height: 750px;*/
}
#main #CRMmain
{
	overflow: auto;
	/*min-width: 1000px;*/
	min-height: 700px;
	margin-left: 150px;
	padding: 120px 10px 10px 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	width: auto;
	margin-top: 0;
}
#main #CRMmain #FixedFrame
{
	width: 1000px;
}
#header
{
	height: auto;
}
	#header #HeaderButtons {
		overflow: hidden;
		min-height: 80px;
		width: 100%;
		position: fixed;
		border-bottom: 1px dotted black;
		background-color: #38287E; 
		vertical-align: middle;
		z-index: 999;
		-moz-box-shadow: 0 5px 5px #999;
		-webkit-box-shadow: 0 5px 5px #999;
		box-shadow: 0 5px 5px #999;
		min-width: 1250px;
		height: 102px;
	}
#nav
{
	margin: -30px 15px 0 0;
}
fieldset
{
	border: 0;
	padding: 0 10px;
	margin: 1em auto;
}
legend {
	color: #38287E;
	font-weight: bold;
}
#footer
{
	color: #555;
	border: dotted 2px #bbb;
	text-align: center;
	padding-top: 10px;
	width: auto;
	margin: 0px 7px 7px 7px;
}

#dmcr_label_username {
	padding: 20px 20px;
	line-height: 160%;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 20%;
	z-index: -1;
}


#ccShow > fieldset {
	width: 350px;
}

#ccShow > fieldset > .editor-label
{
	margin: 0px 2px;
}

.overlay
{
	background-color: Gray;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.5;
	width: 100%;
	z-index: 100;
}

/* navigation bar */
#nav_main
{
	position: absolute;
	bottom: 10%;
	margin: auto 0 0 0;
	list-style-type: none;
	padding-left: 5px;
}

.nav_sub
{
	position: fixed;
	width: 120px;
	display: none;
	list-style-type: none;
	padding: 1em 0 1em 0;
	margin: 0 0 0 5px;
	background-color: #eee;
}
.nav_sub li
{
	line-height: 1em;
	margin-bottom: 0.7em;
}
.nav_sub li a:link
{
	text-decoration: none;
}
.nav_sub .reports
{
	padding-left: 2em;
}
.detail_nav
{
	display: block;
}

.sub-block-title tt
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-box-shadow: 1px -1px 9px #ccc;
	-webkit-box-shadow: 1px -1px 9px #ccc;
	box-shadow: 1px -1px 9px #ccc;
}
.myLoginPage {
	padding-top: 20px;
}
.myLoginPage h1
{
	color:  #38287E;
	background: transparent;
}
.myLoginPage .message
{
	margin-bottom: 1.5em;
	color: Gray;
}
.myLoginPage .message .denote
{
	font-size: 120%;
	color: Red;
}
.loginPage label
{
	margin-left: 15px;
	font-weight: bold;
	color: Gray;
	display: inline-block;
	width: 100px;
}
.myLoginPage .buttons
{
	padding-left: 106px;
	margin-left: 15px;
}

/*
#nav ul.dmcr
{
	display: none;
	padding-left: 0;
	position: absolute;
	list-style-type: none;
	margin-left: 1px;
}
#nav ul.dmcr li 
{
	float: none;
	background-position: right -640px;
}
#nav ul.dmcr li:last-child
{
	background-position: right -650px;
}
#nav ul.dmcr li a:hover,
#nav ul.dmcr li a:active
{
	background: none;
	text-decoration: underline;
}
#nav ul.dmcr-user 
{
	display: none;
	padding-left: 0;
	position: absolute;
	list-style-type: none;
	margin-left: 104px;
	margin-top: -30px;
}
#nav ul.dmcr-user li:first-child
{
	background-position: left -630px;
}
#nav li.dmcr:hover ul.dmcr,
#nav li.dmcr-user:hover ul.dmcr-user
{
	display: block;
}
#nav a.dmcr-user span.right-arrow
{
	font-size: 0px; 
	line-height: 0%;
	width: 0;
	height: 0;
	border-top: 6px solid #55B2EB;
	border-right: 0px;
	border-bottom: 6px solid #55B2EB;
	border-left: 6px solid #fff;
	display: block;
	position: absolute;
	padding: 0;
	margin-top: -20px;
	margin-left: 70px;
	*margin-top: 3px;
	*margin-left: 30px;
}
*/
/* end of navigation */
#HeaderButtons a:first-child
{
	margin-left: 1em;
}
#HeaderButtons a[id$="_logo"] img
{
	display: none;
}
#HeaderButtons a#dmcr_logo {
	background-position: 97% center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 120px;
	margin-left: 16px;
	margin-top: 14px;
}
#HeaderButtons a#dmf_logo
{
	background-position: right 61%;
}
#HeaderButtons a:link, #HeaderButtons a:visited
{
	border: 1px solid transparent;
	vertical-align: middle;
	height: 80px;
	width: 75px;
	overflow: visible;
	display: block;
	float: left;
	/*margin-right: 1em;*/
	white-space: normal;
}
/*#HeaderButtons a:hover, #HeaderButtons a:active
{
	border: 1px solid #d5d5d5;
	border-radius: 5px 5px 5px;
}*/
#HeaderButtons a img
{
	vertical-align: middle;
}
#HeaderButtons .disabled a:link, #HeaderButtons .disabled a:visited
{
	color: Gray;
}
#HeaderButtons .disabled a:hover, .disabled a:active
{
	border: 1px solid transparent;
	cursor: default;
}

/* head buttons */
a.head-button
{
	text-decoration: none;
	text-align: center;
	padding: 0 2px;
}
.head-button-icon
{
	display: block;
	width: 50px;
	height: 50px;
	margin: 2px auto auto auto;
	background: center center no-repeat transparent;
	cursor: pointer;
}

a#add-note .head-button-icon
{
	background-image: url(/img/BlueAddNotes.jpg);
}
a#add-note:hover .head-button-icon
{
	background-image: url(/img/BlueAddNotes_h.jpg);
}

a[name="approve"] .head-button-icon
{
	background-image: url(/img/BlueApprove.jpg);
}
a[name="approve"]:hover .head-button-icon
{
	background-image: url(/img/BlueApprove_h.jpg);
}

a[name="cancel"] .head-button-icon
{
	background-image: url(/img/BlueBookingDeny.jpg);
}
a[name="cancel"]:hover .head-button-icon
{
	background-image: url(/img/BlueBookingDeny_h.jpg);
}

a[name="extend"] .head-button-icon
{
	background-image: url(/img/BlueCommence.jpg);
}
a[name="extend"]:hover .head-button-icon
{
	background-image: url(/img/BlueCommence_h.jpg);
}

a[name="switch"] .head-button-icon {
    background-image: url(/img/BlueSwitch.jpg);
}

a[name="switch"]:hover .head-button-icon {
    background-image: url(/img/BlueSwitch_h.jpg);
}

a[name="change-plan"] .head-button-icon {
    background-image: url(/img/BlueSwitch.jpg);
}

a[name="change-plan"]:hover .head-button-icon {
    background-image: url(/img/BlueSwitch_h.jpg);
}

a[name="update"] .head-button-icon
{
	background-image: url(/img/BlueSave.jpg);
}
a[name="update"]:hover .head-button-icon
{
	background-image: url(/img/BlueSave_h.jpg);
}
a[id="SaveFleetAvailability"] .head-button-icon
{
	background-image: url(/img/BlueSave.jpg);
}
a[id="SaveFleetAvailability"]:hover .head-button-icon
{
	background-image: url(/img/BlueSave_h.jpg);
}
a[name="refund"] .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a[name="refund"]:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}
a[name="sign"] .head-button-icon
{
	background-image: url(/img/BlueSign.jpg);
}
a[name="sign"]:hover .head-button-icon
{
	background-image: url(/img/BlueSign_h.jpg);
}
a[name="generate-agreement"] .head-button-icon
{
	background-image: url(/img/BlueGenerate.jpg);
}
a[name="generate-agreement"]:hover .head-button-icon
{
	background-image: url(/img/BlueGenerate_h.jpg);
}
a[name="generate-owner-payments"] .head-button-icon
{
	background-image: url(/img/BlueGenerate.jpg);
}
a[name="generate-owner-payments"]:hover .head-button-icon
{
	background-image: url(/img/BlueGenerate_h.jpg);
}
a[name="download-owner-payments"] .head-button-icon
{
	background-image: url(/img/BlueGenerate.jpg);
}
a[name="download-owner-payments"]:hover .head-button-icon
{
	background-image: url(/img/BlueGenerate_h.jpg);
}

a[name="commence"] .head-button-icon
{
	background-image: url(/img/BlueCommence.jpg);
}
a[name="commence"]:hover .head-button-icon
{
	background-image: url(/img/BlueCommence_h.jpg);
}

a#receive-payment .head-button-icon
{
	background-image: url(/img/BlueReceivePayment.jpg);
}
a#receive-payment:hover .head-button-icon
{
	background-image: url(/img/BlueReceivePayment_h.jpg);
}

a#manage-payments .head-button-icon
{
	background-image: url(/img/BlueManagePayment.jpg);
}
a#manage-payments:hover .head-button-icon
{
	background-image: url(/img/BlueManagePayment_h.jpg);
}

a#custom-schedule .head-button-icon
{
	background-image: url(/img/BlueManagePayment.jpg);
}
a#custom-schedule:hover .head-button-icon
{
	background-image: url(/img/BlueManagePayment_h.jpg);
}

a#download .head-button-icon
{
	background-image: url(/img/BlueManagePayment.jpg);
}
a#download:hover .head-button-icon
{
	background-image: url(/img/BlueManagePayment_h.jpg);
}

a#manage-owner-payments .head-button-icon
{
	background-image: url(/img/BlueManagePayment.jpg);
}
a#manage-owner-payments:hover .head-button-icon
{
	background-image: url(/img/BlueManagePayment_h.jpg);
}

a[name="AddCompany"] .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany.jpg);
}
a[name="AddCompany"]:hover .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany_h.jpg);
}

#btnCreate a[name="Create"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
#btnCreate a[name="Create"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a[name="change-driver"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a[name="change-driver"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a[name="change-status"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a[name="change-status"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a[name="change-carlisting"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a[name="change-carlisting"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a[name="Save"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a[name="Save"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a[name="EditPassword"] .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a[name="EditPassword"]:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a#update-payment-history-details .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a#update-payment-history-details:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a#charge-now .head-button-icon
{
	background-image: url(/img/BlueCharge.jpg);
}
a#charge-now:hover .head-button-icon
{
	background-image: url(/img/BlueCharge_h.jpg);
}

a#generate .head-button-icon
{
	background-image: url(/img/BlueGenerate.jpg);
}
a#generate:hover .head-button-icon
{
	background-image: url(/img/BlueGenerate_h.jpg);
}

a#Save .head-button-icon, a#save .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a#Save:hover .head-button-icon, a#save:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a#new .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a#new:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}

a#update .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a#update:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);
}

a#cancel .head-button-icon
{
	background-image: url(/img/BlueCancelPaymentSchedule.jpg);
}
a#cancel:hover .head-button-icon
{
	background-image: url(/img/BlueCancelPaymentSchedule_h.jpg);
}

a#revert .head-button-icon
{
	background-image: url(/img/ModifyPaymentSchedule.jpg);
}
a#revert:hover .head-button-icon
{
	background-image: url(/img/ModifyPaymentSchedule_h.jpg);
}

a#credit .head-button-icon
{
	background-image: url(/img/BlueReceivePayment.jpg);
}
a#credit:hover .head-button-icon
{
	background-image: url(/img/BlueReceivePayment_h.jpg);
}

a#lodge-dnb .head-button-icon
{
	background-image: url(/img/BlueLodgeD_B.jpg);
}
a#lodge-dnb:hover .head-button-icon
{
	background-image: url(/img/BlueLodgeD_B_h.jpg);
}

a#add-new-user .head-button-icon
{
	background-image: url(/img/BlueNewStaff.jpg);
}
a#add-new-user:hover .head-button-icon
{
	background-image: url(/img/BlueNewStaff_h.jpg);
}

a#add-new-user-carly .head-button-icon {
    background-image: url(/img/BlueNewStaff.jpg);
}

a#add-new-user-carly:hover .head-button-icon {
    background-image: url(/img/BlueNewStaff_h.jpg);
}

a#add-enquiry .head-button-icon, a.add .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#add-enquiry:hover .head-button-icon, a.add:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#add-promotion .head-button-icon, a.add .head-button-icon {
	background-image: url(/img/BlueAdd.jpg);
}

a#add-promotion:hover .head-button-icon, a.add:hover .head-button-icon {
	background-image: url(/img/BlueAdd_h.jpg);
}

a#update-credit-card-details .head-button-icon
{
	background-image: url(/img/BlueCreditCard.jpg);
}
a#update-credit-card-details:hover .head-button-icon
{
	background-image: url(/img/BlueCreditCard_h.jpg);
}

a#additional-fees .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#additional-fees:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#Update.head-button .head-button-icon
{
	background-image: url(/img/BlueUpdate.jpg);
}
a#Update.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueUpdate_h.jpg);	
}

a#Discard.head-button .head-button-icon
{
	background-image: url(/img/BlueBookingDeny.jpg);
}
a#Discard.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueBookingDeny_h.jpg);
}

a#QuoteBtn.head-button .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#QuoteBtn.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#send-quote.head-button .head-button-icon
{
	background-image: url(/img/BlueEmail.jpg);
}
a#send-quote.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueEmail_h.jpg);
}

a#AddPricing.head-button .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#AddPricing.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#CorporateBtn.head-button .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#CorporateBtn.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#ChargeOwnerBtn.head-button .head-button-icon {
    background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a#ChargeOwnerBtn.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}

a#RefreshRedbookBtn.head-button .head-button-icon {
	background-image: url(/img/BlueSwitch.jpg);
}

a#RefreshRedbookBtn.head-button:hover .head-button-icon {
	background-image: url(/img/BlueSwitch_h.jpg);
}

a#DuplicateListingBtn.head-button .head-button-icon {
    background-image: url(/img/BlueAdd.jpg);
}

a#DuplicateListingBtn.head-button:hover .head-button-icon {
    background-image: url(/img/BlueAdd_h.jpg);
}

a#service-charge.head-button .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a#service-charge.head-button:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}

a#resend-mobile-verification.head-button .head-button-icon {
	background-image: url(/img/BlueSwitch.jpg);
}

a#resend-mobile-verification.head-button:hover .head-button-icon {
	background-image: url(/img/BlueSwitch_h.jpg);
}

a#duplicate-carly.head-button .head-button-icon {
    background-image: url(/img/BlueNewStaff.jpg);
}

a#duplicate-carly.head-button:hover .head-button-icon {
    background-image: url(/img/BlueNewStaff_h.jpg);
}

a#VerifyVehicle.head-button:not(.disable) .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany.jpg);
}
a#VerifyVehicle.head-button:not(.disable):hover .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany_h.jpg);
}

a#VerifyVehicle.head-button.disable
{
	color: Gray;
}
a#VerifyVehicle.head-button.disable .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany_g.jpg);
}
a#VerifyVehicle.head-button.disable:hover
{
	color: Gray;
}
a#VerifyVehicle.head-button.disable:hover .head-button-icon
{
	background-image: url(/img/BlueAddNewCompany_g.jpg);
}
a#AddCar .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#AddCar:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#reply.head-button.disable
{
	color: Gray;
}
a#reply.head-button.disable .head-button-icon
{
	background-image: url(/img/reply_grey.png);
}
a#reply.head-button
{
	color: inherit;
}
a#reply.head-button .head-button-icon
{
	background-image: url(/img/reply.png);
}

a#add.head-button .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}

a#add-claim.head-button .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#add-claim:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a#add_payment_schedule_due .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#add_payment_schedule_due:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}
/*Add button Payment Schedule*/
a#add-owner-payment-schedule .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#add-owner-payment-schedule:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}
/*Add button Payment Schedule*/

a#AddClaim .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a#AddClaim:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}

a[name="reinstate"] .head-button-icon
{
	background-image: url(/img/BlueCommence.jpg);
}
a[name="reinstate"]:hover .head-button-icon
{
	background-image: url(/img/BlueCommence_h.jpg);
}

a[name="deposit"] .head-button-icon
{
	background-image: url(/img/BlueReceivePayment.jpg);
}
a[name="deposit"]:hover .head-button-icon
{
	background-image: url(/img/BlueReceivePayment_h.jpg);
}

a[name="refund-bond"] .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a[name="refund-bond"]:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}

a[name="assign-member"] .head-button-icon
{
	background-image: url(/img/BlueAddNotes.jpg);
}
a[name="assign-member"]:hover .head-button-icon
{
	background-image: url(/img/BlueAddNotes_h.jpg);
}

a[name="charge-bond"] .head-button-icon
{
	background-image: url(/img/BlueCharge.jpg);
}
a[name="charge-bond"]:hover .head-button-icon
{
	background-image: url(/img/BlueCharge_h.jpg);
}

a[name="edit-bond"] .head-button-icon
{
	background-image: url(/img/BlueCommence.jpg);
}
a[name="edit-bond"]:hover .head-button-icon
{
	background-image: url(/img/BlueCommence_h.jpg);
}

a[name="send-quote-again"] .head-button-icon {
    background-image: url(/img/BlueCommence.jpg);
}

a[name="send-quote-again"]:hover .head-button-icon {
    background-image: url(/img/BlueCommence_h.jpg);
}

a[id="FleetStatus"] .head-button-icon {
    background-image: url(/img/BlueCommence.jpg);
}
a[id="FleetStatus"]:hover .head-button-icon
{
	background-image: url(/img/BlueCommence_h.jpg);
}
a[id="FleetAvailability"] .head-button-icon
{
	background-image: url(/img/ModifyPaymentSchedule.jpg);
}
a[id="FleetAvailability"]:hover .head-button-icon
{
	background-image: url(/img/ModifyPaymentSchedule_h.jpg);
}
a[id="CorporatePricing"] .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule.jpg);
}
a[id="CorporatePricing"]:hover .head-button-icon
{
	background-image: url(/img/BlueNewPaymentSchedule_h.jpg);
}
a[id="copy"] .head-button-icon
{
	background-image: url(/img/BlueAdd.jpg);
}
a[id="copy"]:hover .head-button-icon
{
	background-image: url(/img/BlueAdd_h.jpg);
}
a[id="UpdateMarketValue"] .head-button-icon {
    background-image: url(/img/BlueManagePayment.jpg);
}

a[id="UpdateMarketValue"]:hover .head-button-icon {
    background-image: url(/img/BlueManagePayment_h.jpg);
}
/* end of head buttons */

.section
{
	color: Gray;
}

.top
{
	border-bottom: 1px solid #999;
	padding-bottom: .8em;
}
.section.top
{
	margin-bottom: 0;
	padding-top: 20px;
}
.top h1 {
	position: absolute;
	font-size: 150%;
	/*color: inherit;*/
	background-color: transparent;
	padding: 0;
	color: #38287E;
}
.top h2
{
	position: absolute;
	margin-top: 3em;
	font-size: 120%;
}
.top ul
{
	margin: 0px;
	float: right;
	list-style-type: none;
}
.top ul label
{
	display: block;
	float: left;
	clear: both;
	text-align: right;
	margin-right: 1em;
	width: 80px;
}

.legend
{
	margin: 5px 5px 0px 5px;
}
.buttons
{
	background: #fafafa;
	width: auto;
	padding-left: 1.9em;
	font-family: Inter, sans-serif;
}
	.buttons INPUT, .buttons select {
		font-family: Inter, sans-serif;
		display: inline;
		margin: 5px;
		background-color: #38287E;
		color: #fff;
		height: 30px;
		border-radius: 5px;
	}
		.buttons INPUT:hover {
			background-color: #A491D3;
		}

	#getValues {
		display: inline;
		margin: 5px;
		background-color: #38287E;
		color: #fff;
		height: 30px;
		border-radius: 5px;
		font-family: Inter, sans-serif
	}

		#getValues:hover {
		background-color: #A491D3;
	}

.clear-buttons input[type="submit"] {
	display: inline;
	margin: 5px;
	background-color: #38287E;
	color: #fff;
	height: 30px;
	border-radius: 5px;
	font-family: Inter,sans-serif;
}

	.clear-buttons input[type="submit"]:hover {
		background-color: #A491D3;
	}
.searchOptionsPanel
{
	clear: both;
	margin: 0px 0px 15px 0px;
}
.searchOptionsPanel fieldset
{
	border: dotted 1px #d5d5d5;
	margin-bottom: 10px;
}
.searchOptionsPanel fieldset legend
{
	color: #0093D0;
}
.searchOptionsPanel .editor-field
{
	width: 15%;
}

.editor-label, .display-label, .editor-field, .display-field
{
	float: left;
	line-height: 2em;
	margin: 1px 2px;
}
.editor-label, .display-label
{
	width: 15%;
}
.editor-field, .display-field
{
	width: 30%;
}
.editor-label, .display-label
{
	margin-left: 1.5em;
}
.editor-label label
{
	float: left;
	/*width: 95%;*/
}
.editor-label span.asterisk
{
	float: right;
	color: Red;
}
.editor-field
{
	margin-bottom: 2px;
}

.editor-single-line
{
	line-height: 2em;
	margin: 6px 2px 0 0;
	vertical-align: middle;
	overflow: auto;
}
.editor-single-line .editor-label
{
	white-space: nowrap;
}
.editor-single-line .editor-label label
{
	white-space: nowrap;
}
.editor-field select.once-off-fee-type
{
	margin-left: 1.5em;
	margin-right: 0;
	display: none;
}
.carlistingSearchOption .editor-label
{
	width: 9%;
}
.carlistingSearchOption .editor-field
{
	width: 15%;
}
#custom-schedule-form .editor-label
{
	width: 30%;
	margin-left:0px;
}
#custom-schedule-form .editor-field
{
	width: 65%;
}
#renter-payment-credit .editor-label
{
	width: 25%;
	margin-left:10px;
}
#renter-payment-credit .editor-field
{
	width: 20%;
}
#days-panel {display:none;}

.editor-field input[type="file"] {
	font-family: Inter, sans-serif;
}

.editor-field input[type="file"]::file-selector-button {
	display: inline;
	margin: 5px;
	background-color: #38287E;
	color: #fff;
	height: 30px;
	border-radius: 5px;
	font-family: Inter, sans-serif;
}

	.editor-field input[type="file"]::file-selector-button:hover {
		background-color: #A491D3;
	}

.editor-field input:not([type]), .editor-field input[type="text"], .editor-field input[type="password"]
{
	width: 100%;	
}
.editor-field input[type=text], .editor-field select {
	border-width: 1px;
	border-color: Gray;
	width: 100%;
	font-family: Inter,sans-serif;
}
.editor-field input[type=text].short, .editor-field select.short
{
	width: 41%;
	margin-right: 1px;
}
.editor-field.textarea-field
{
	width: 55%;
}
.editor-field.textarea-field textarea
{
	width: 99.5%;
	min-width: 640px;
}
.display-label, .editor-label, .editor-single-line
{
	font-weight: bold;
	color: Gray;
}
.editor-field.type-of-payment
{
	margin-left: 1em;
}
.editor-label label.prefix
{
	float:left;
	width: auto;
}
.editor-label label.prefix + label
{
	width: auto;
}
.editor-field.line.exception-date
{
	clear:none;
	float:left;
	width: auto;
	height: auto;
	line-height: normal;
}
.sections.two-column-fields .editor-field.line.exception-date input[type="text"].short
{
	width: 80px !important;
}
.clear
{
	clear: both;
	float: left;
}
.readonly 
{
	background: #f5f5f5;
	color: #000;
}
.editor-field input:not([type]):disabled, .editor-field input[type="text"]:disabled, .editor-field input[type="password"]:disabled, .editor-field select:disabled, .editor-field textarea:disabled
{
	background: #f5f5f5;
	color: Black;
}
.credit-check-value {
    float: left;
    width: 40%
}

.editor-field .credit-check-value input {
    width: 80%
}

.credit-check-link {
    float: left;
    width: 60%
}
.credit-check-icon {
    float:left;
    padding: 0px 15px;
}
.credit-check-button {
	float: left;
	padding: 3px 10px;
	border: none;
	color: #FFFFFF;
	background-color: #38287E;
	cursor: pointer;
	margin: 1px 0px;
	border-radius: 5px;
}
.Statics
{
	/*border: 1px dotted #CAE4F4;*/
	margin-top: 15px; /*float: left;*/
	width: 100%; /*auto 99%; margin-bottom: 2em;*/
	overflow: auto;
}
/*.Statics form {float:left;width:100%;}*/
	.Statics h2 {
		line-height: 26px;
		height: 26px;
		font-size: 16px;
		vertical-align: middle;
		background-color: /*#67B4E2*/ transparent;
		margin: 0;
		padding: 1px 20px 0 15px;
		color: color: #38287E;
		 /*white #0093D0; */
	}
.loginDiv .Statics 
{
	width: auto;
}
ul.options li a
{
	color: #6E6E6E;
}

ul.options li span.highlight
{
	color: #0093D0;
}

.section
{
	clear: both;
	margin-bottom: 3em;
}
	.section h4 {
		color: #38287E;
		font-size: 115%;
	}
.arrow_down
{
	display: block;
	float: left;
	border: 5px solid #fff;
	border-top: 5px solid;
	margin: 5px .5em 0 0;
}
.section > fieldset
{
	border: 1px solid #f0f0f0;
	margin: 0 0 5px 0;
	padding-left: 0px;
	padding-right: 0px;
}
.section > fieldset > legend
{
	margin-left: 1.5em;
}


.sections .editor-field input[type="text"], .sections .editor-field input[type="password"]
{
	width: 135px !important;
	padding-right: 0px !important;
	border-width: 1px;
}
.sections select
{
	width: 137px;
}

.sections > fieldset
{
	border: 1px solid #efefef;
	padding: 10px; /*20px;     padding-top:10px;     padding-bottom:10px;     margin-bottom: 20px;*/
}
.sections > fieldset legend {
	color: #38287E;		
}
.sections
{
	/*min-width: 960px;*/
	max-width: 100%;
}
.sections .editor-field, .sections .display-field
{
	width: 150px;
}

.Statics h1, .Statics .subheading h2 {
	background-color: transparent;
	color: #38287E;
	
}

#paymentSection fieldset div
{
	max-height: 300px;
	overflow: auto;
}


/*



.sections .editor-label
{
    width: 11% !important;
}

.sections select
{
    width:137px;
}
*/

.textarea > textarea
{
	width: 85%;
	height: 100%;
}


.textarea
{
	width: 900px;
	height: 100px;
	margin-bottom: 5px;
}


.ajaxLoadingPanel
{
	padding: 12px 15px;
	overflow: auto;
	/*max-height: 280px;*/
}
#paymentScheduleSummaries.ajaxLoadingPanel
{
	max-height: 500px;
}
.subheading
{
	line-height: 26px; /*background:#67B4E2;*/
	padding: 0px 5px;
}
.subheading a.loadData
{
	color: #999;
}
.Statics .subheading h2
{
	display: inline;
}
.systemMessage, .systemPopMessage
{
	padding: 5px 0px;
	color: #f00;
	font-weight: bold;
	width: 100%;
}
.system-message-center-style
{
	position: absolute;
	width: 38.2%;
	margin: 0 auto auto 25%;
}
.NoOfDays input[type=text]
{
	width: 50%;
}
.NoOfDays select
{
	width: 20%;
}

/* common form fields styles 
.input-validation-valid, .field-validation-valid, .validation-summary-valid
{
	display: none;
}
*/
.validation-summary-errors
{
	color: #f00;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	background: #eee;
	border: solid 1px #ccc;
	clear: left;
}
span.input-validation-error
{
	background-color: #f00;
	display: inline;
}
span.field-validation-error
{
    display:none;
	color: #f00;
	display: block;
	clear: left;
}
.validation-summary-errors ul
{
	clear: left;
}
/*form .validation-summary-errors { border: none; padding-left: 0;}
form .validation-summary-errors ul { padding-left: 0;}*/
.validation-summary-errors ul li
{
	list-style-position: inside;
}

div.modal-dialog
{
	display: block;
}
div.modal-dialog .textarea
{
	width: 300px;
	height: 150px;
}
div.modal-dialog .errors
{
	color: #f00;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	background: #eee;
	border: solid 1px #ccc;
	clear: left;
}
div.modal-dialog .errors ul
{
	clear: left;
	padding: 5px;
}
div.modal-dialog .errors li
{
	list-style-position: inside;
}

ul.features
{
	margin: 0;
	overflow: auto;
	padding: 3px 0;
	list-style: none;
	width: auto;
	line-height: 26px;
}
ul.features li
{
	width: 16%;
	float: left;
	margin: 0;
	height: 26px;
}

/* Quote Theme for table element */
table.QuoteOutLineTheme {
	margin: 0;
	width: 100%;
	border-top: 1px solid #A491D3;
	border-left: 1px solid #A491D3;
}

table.QuoteTheme {
	margin: 0;
	width: 500px;
	border-top: 1px solid #A491D3;
	border-left: 1px solid #A491D3;
	margin: 15px 0px 5px 1.5em;
	/*color: #333;*/
}
	table.QuoteTheme td {
		border-top: 1px solid #A491D3;
		border-left: 1px solid #A491D3;
		border-right: 1px solid #A491D3;
		line-height: 120%;
		width: 150px;
	}
	table.QuoteTheme thead td {
		font-weight: bold;
		border-bottom: 2px solid #A491D3;
	}
	table.QuoteTheme tbody tr td {
		border-bottom: 1px solid #A491D3;
	}
table.QuoteTheme tbody tr.alternative td, table.QuoteTheme.BookingDetails tbody tr:nth-child(odd):not(:last) td
{
	background-color: #DBE5F1;
}
table.QuoteTheme a:link
{
	text-decoration: none;
}
table.QuoteTheme tr.lastRow td
{
	border-top: 1px solid #ccc;
	color: #010;
	background-color: #EFF6EF;
	font-weight: bold;
}
table.QuoteTheme td.empty
{
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	padding: 15px;
}
table.QuoteTheme.BookingDetails td
{
	white-space: nowrap;
}
table.QuoteTheme.BookingDetails td input, table.QuoteTheme.BookingDetails td select
{
	width: 80%;
}
/* End of Blue Theme for table element */

.table-list tbody tr td {
	min-height: 2em;
	color: black;
	font-family:Inter, sans-serif;
}
.table-list tbody tr td input.short
{
	width: 60px;
}
.table-list tbody tr td input.currency
{
	text-align: right;
}
.table-list .balance
{
	white-space: nowrap;
	width: 70px;
}
table.table-list th, table.table-list td
{
	padding: 3px;
}
table.table-list .contract-value td, table.table-list .summary td, table.table-list .outstanding td, .table-list .paid-row td
{
	text-align: left;
	padding-left: 1em;
}
table.table-list .contract-value td
{
	background-color: #eee;
	color: gray;
	font-weight: bold;
}
#ScheduleManagementForm table.table-list thead tr th
{
	width: 20px;
}
.table-list .sub-total, .table-list .total, .table-list .balance, .table-list .paid
{
	white-space: nowrap;
	overflow: visible;
}
table.table-list .paid-row 
{
	background-color: #eee;
}
.table-list .tick { color: Green; }
.Statics table.table-list
{
	overflow: auto;
}
.Statics table.table-list thead.fixed
{
	position: fixed;
	border-bottom: 2px solid #eee;
	background-color: white;
}
.Statics table.table-list thead.fixed th
{
	background-color: #eee;
}
.Statics .pagination
{
	overflow: auto;
}

.two-column-fields .editor-label
{
	width: 14%;
	color: Gray;
	font-weight: bold;
	margin-left: .5em;
}
.two-column-fields .editor-field
{
	width: 30%;
}

.sections.two-column-fields .editor-field input[type="text"], 
.sections.two-column-fields .editor-field input[type="password"], 
.sections.two-column-fields select
{
	width: 90% !important;
}
.sections.two-column-fields .editor-field input[type="text"].short, 
.sections.two-column-fields .editor-field input[type="password"].short, 
.sections.two-column-fields select.short
{
	width: 45% !important;
}

legend.header
{
	font-size: large;
	color: #00B0F0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div.upcomingScheduleTable
{
	max-height: 400px;
	overflow: auto;
}
#userDepositInputPanel
{
	display: none;
}
#userDepositInputPanel fieldset
{
	clear: left;
	padding: 0;
	margin: 0;
}
#userDepositInputPanel .editor-label
{
	clear: left;
	width: 150px;
}
#userDepositInputPanel .editor-single-line
{
	display: none;
}
#userDepositInputPanel .editor-field
{
	width: 61.8%;
}
#userDepositInputPanel .editor-field .short
{
	float: none;
}
#userDepositInputPanel .editor-field textarea
{
	width: 99%;
	height: 80px;
}

/* extend booking */
.extend-booking-partial
{
	display: none;
}
.extend-booking-partial .editor-label
{
	width: 130px;
	white-space: nowrap;
}
.extend-booking-partial .editor-field
{
	width: 120px;
}
.extend-booking-partial div.cc-info
{
	margin: 0px;
	padding: 0px;
}
.extend-booking-partial .cc-info .editor-single-line
{
	display: none;
}
.extend-booking-partial .cc-info .editor-lable
{
	width: 120px;
}
.extend-booking-partial .cc-info .editor-field
{
	width: 110px;
}
/* end of extend booking */


/*add fee type*/
.add-schedule-partial
{
	display: none;
}
.add-schedule-partial .editor-label
{
	width: 130px;
}
.add-schedule-partial .editor-field
{
	width: 120px;
}
/*end of fee type*/

/* Credit Level */
span.PrePaid, span.Declined
{
	font-weight: bold;
	color: Red;
}
/* end of credit level */

/* Editable Select List */
input.editable-select
{
	background: whitesmoke url(/img/arrow-down.gif) right center no-repeat !important;
	padding-right: 13px;
	cursor: default;
}
.editable-select-options
{
	position: absolute;
	display: none;
	overflow: auto;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #CCC;
	z-index: 10;
}
.editable-select-iframe
{
	position: absolute;
	background: #FFF;
	z-index: 9;
	display: none;
}
.editable-select-options ul
{
	margin: 0;
	padding: 0;
	z-index: 10;
	list-style: none;
	list-style-image: none;
}
.editable-select-options li
{
	cursor: default;
	padding: 2px;
}
.editable-select-options li.selected
{
	background: #EAEAEA;
}
/* End of Editable Select List */

.support-validation-error .input-validation-error
{
	border: 1px solid #ff0000 !important;
	background-color: #ffeeee;
}

/* Cancel Booking Dialog */
.cancel-booking-dialog .title
{
	font-weight: bold;
}

.cancel-booking-dialog ul li
{
	list-style: none;
	margin-bottom: 10px;
}

.cancel-booking-dialog .editor-label, .cancel-booking-dialog .editor-field
{
	width: 35%;
	margin-bottom: 5px;
}

.cancel-booking-dialog textarea
{
	width: 425px;
	height: 80px;
}

.cancel-booking-dialog .dmcr-cancel ul
{
	display: none;
}

/* End of Cancel Booking Dialog */

/* hidden column */
thead th.hidden, tbody td.hidden
{
	display: none;
}
/* end of hidden column */

/* Modal Dialog common CSS */
.ui-dialog-content .table-list
{
	font-size: 10px;
}

.ui-dialog-content .Statics
{
	width: 98%;
}
/* End of Modal Dialog common CSS */

/* User Selector CSS */
.user-selector .users-found, .user-selector .users-selected
{
	width: 43% !important;
}

.user-selector .users-found
{
	float: left;
}

.user-selector .users-selected
{
	float: right;
}

.user-selector .search-result, .user-selector .selection
{
	width: 100%;
	height: 320px;
	overflow: auto;
}
/* End of User Selector CSS */

/* Booking Payment Balance */
.original-amount
{
	font-weight: bold;
	color: Blue;
}
.current-amount
{
	font-weight: bold;
	color: Orange;
}
.amount-gap-positive
{
	font-weight: bold;
	color: Green;
}
.amount-gap-nagetive
{
	font-weight: bold;
	color: Red;
}

/* Notes Dialog CSS */
.notes-dialog
{
	width: 600px;
}

.notes-dialog .conversation-window
{
	width: 100%;
	height: 340px;
	overflow: auto;
	border: inset 1px LightGrey;
	margin-bottom: 10px;
}

.notes-dialog .conversation-window table
{
	margin: 5px;
	padding: 5px;
	border: none;
	border-collapse: collapse;
}

.notes-dialog .conversation-window table tr.alt
{
	background: rgb(238, 238, 238);
}

.notes-dialog .conversation-window .user-name
{
	font-weight: bold;
	width: 160px;
	vertical-align: text-top;
	padding-top: 5px;
}

.notes-dialog .conversation-window .comment
{
	padding-top: 5px;
	display: block;
}

.notes-dialog .conversation-window .date-contact-type
{
	padding-bottom: 5px;
	font-size: 10px;
}

.notes-dialog .input-field
{
	height: 120px;
}

.notes-dialog .input-field .editor-label, .notes-dialog .input-field .editor-field
{
	width: 30%;
}

.notes-dialog textarea.Comment
{
	width: 100%;
	height: 60px;
}
/* End of Notes Dialog CSS */

/* note */
.notes-container
{
	list-style-type: none;
	margin-top: 0;
	margin: 0;
	padding: 0;
}
.notes-container li
{
	line-height: 1.8em;
	padding: 5px;
	margin: 0 1em 2px 0;
	background-color: #EDEFF4;
}
.notes-container li strong, .notes-container li span:not(.star)
{
	color: #333;
	margin-right: .5em;
}
.add-note
{
	min-height: 24px;
	line-height: 24px;
}
.add-note .contact-type
{
	display: none;
}
.add-note label
{
	vertical-align: top;
}
#HeaderButtons a#add-note
{
	display: none;
}
/* end of note */

/* DMF Not At Fault Application Details*/
#qualification-section .editor-label
{
	width: 70%;
}

#qualification-section .editor-field
{
	width: 19%;
}
/* End of DMF Not At Fault Application Details*/

/* Reservation Sheet */
.ReservationSheet
{
	color: Black;
	overflow: auto;
}
.ReservationSheet .ControlPanel
{
	padding: 10px;
	white-space: nowrap;
	line-height: 2.15em;
}
.ControlPanel input[type="text"], .ControlPanel select {
	font-family: Inter, sans-serif;
	vertical-align: middle;
}
	.ControlPanel input[type="submit"] {
		display: inline;
		margin: 5px;
		background-color: #38287E;
		color: #fff;
		height: 30px;
		border-radius: 5px;
		font-family: Inter, sans-serif;
	}

	.ControlPanel input[type="submit"]:hover {
		background-color: #A491D3;
	}
.ReservationSheet .table-container
{
	height: 100%;
	overflow: auto;
	max-height: 560px;
}
.ReservationSheet table
{
	background-color: White;
	border-collapse: collapse;
	white-space: nowrap;
	table-layout: fixed;
	width: 100%;
}
.ReservationSheet table tr td
{
	border: solid 1px #AAAAAA;
	padding: 0 2px;
	overflow: hidden;
}
.ReservationSheet table tr.header
{
	background-color: #C40727;
	color: White;
}
.ReservationSheet table tr.header td.Name
{
	width: 150px;
	border-right: none;
}
.ReservationSheet table tr.header td.Rego
{
	width: 50px;
	border-left: none;
}
.ReservationSheet table tr.header td.OwnerType
{
	width: 80px;
	border-left: none;
}
.ReservationSheet table tr.header td.DailyRate {
    width: 60px;
    border-left: none;
}
.ReservationSheet table tr.header td.Icon
{
	width: 15px;
}
.ReservationSheet table tr.header td.Day
{
	text-align: center;
	width: 40px;
}
.ReservationSheet table tr.header td.FirstDayOfMonth
{
	width: 65px;
}
.ReservationSheet table tr td.row-header
{
	background-color: #BA6666;
	color: White;
}
.ReservationSheet table tr td.FirstDayOfMonth
{
	background-color: #0479C6;
}
.ReservationSheet table tr td.CarDesc a
{
	color: White;
}
.ReservationSheet table tr td.Rego a
{
	color: #FFED87;
}
.ReservationSheet table tr td.CarDesc a
{
	text-decoration: none;
}
.ReservationSheet table tr td.Icon
{
	text-align: center;
}
.ReservationSheet table tr td .Details
{
	white-space: nowrap;
	cursor: default;
}
.ReservationSheet table tr td .Repairer, .ReservationSheet table tr td a.DmcrBookingDetailsLink, .ReservationSheet table tr td a.DmfBookingDetailsLink
{
}
.ReservationSheet table tr td a.DmcrBookingDetailsLink, .ReservationSheet table tr td a.DmfBookingDetailsLink
{
	display: auto;
}
.ReservationSheet div.LegendPanel ul
{
	margin: 2px;
	padding: 0px;
}
.ReservationSheet div.LegendPanel ul li
{
	list-style: none;
	float: left;
	width: auto;
	list-style-position: inside;
	white-space: nowrap;
	margin-right: 24px;
}
.ReservationSheet .LegendPanel label
{
	list-style: none;
	float: left;
	width: auto;
	list-style-position: inside;
	white-space: nowrap;
	margin-right: 24px;
}
.ReservationSheet .LegendPanel div.Legend
{
	margin: 2px;
	float: left;
	width: 40px;
	height: 15px;
}
.ReservationSheet .NotePanel
{
	clear: both;
}
.ReservationSheet .NotePanel label, .ReservationSheet .NotePanel ol
{
	margin-top: 0px;
	float: left;
}
.ReservationSheet .Reservation
{
	background: #E36C09;
	cursor: default;
	color: White;
}
.ReservationSheet .Reservation a
{
	color: White;
}
.ReservationSheet .Hired
{
	background: #548DD4;
	color: White;
}
.ReservationSheet .Hired a
{
	color: White;
}
.ReservationSheet .Returned
{
	background: #47B964;
}
.ReservationSheet .Maintenance
{
	background: #6D6C00;
	color:#fff;
}
.ReservationSheet .Unavailable
{
	background: #BFBFBF;
	color: Gray;
}
.ReservationSheet .Unavailable a
{
	color: Black;
}
.ReservationSheet .Carly-Subscription 
{
    background: #A491D3;
    color: White;
}

.ReservationSheet .CarlyNow-Subscription {
	background: #0093D0;
	color: White;
}

.ReservationSheet .Total-Number {
	background: lightblue;
}

.ReservationSheet .Unavailable a
{
    color: Black;
}

.ReservationSheet .Cancelled
{
	background: #548DD4;
	color: #FFED87;
}
.ReservationSheet .Cancelled a
{
	color: #FFF;
}
/* End of Reservation Sheet */

/* DMF Extend Booking Dialog */
.extend-dmf-booking
{
	height: 320px;
}
.extend-dmf-booking .editor-label, .extend-dmf-booking .editor-field
{
	width: auto;
}
/* End of DMF Extend Booking Dialog */

.dropdown-menu
{
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #999;
}
.dropdown-menu .current
{
	background-color: #FBF9EA;
}
.dropdown
{
	background-image: url(/img/arrow-down.gif);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* Not At Fault Application */
.download .editor-label
{
	width: 30%;
}
.download .editor-field
{
	width: 15%;
}
/* End of Not At Fault Application */

#MarkUp
{
	width: 100px !important;
}

form .buttons input[type="submit"] {
	width: 80px;
	height: 30px;
	color: #fff;
	background-color: #38287E;
}
	form .buttons input[type="submit"]:hover {
		background-color: #A491D3;
	}

#load-mv, #download-mv {
	width: 250px;
	height: 30px;
	color: #fff;
	background-color: #38287E;
}

	#load-mv:hover, #download-mv:hover {
		background-color: #A491D3;
	}

form fieldset .buttons input[type="submit"], form fieldset .buttons input[type="button"]
{
	width: auto;
	height: 30px;
}

#add-EOR-item:hover, #run-credit-check:hover {
	background-color: #A491D3;
}

.ui-dialog-buttonset button {
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb837), color-stop(50%, #fba21f), color-stop(50%, #fb8302), to(#fb900c));
	background-image: -moz-linear-gradient(center top, #fbb837 0, #fba21f 50%, #fb8302 50%, #fb900c 100%);
	background-color: #f93;*/
	background-color: #38287E ;
	/*-moz-box-shadow: inset 0 0 3px #eef;
	-webkit-box-shadow: inset 0 0 3px #eef;
	box-shadow: inner 0 0 3px #eef;*/
	border-width: 1px;
	border-style: solid;
	/*border-color: #EB9641 #95520F #64370B #A65B11;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 26px;
	min-width: 80px;
	text-shadow: 0 0 3px #faca96;
	color: #fff;
}
	.ui-dialog-buttonset button:hover {
		/*background-color: #FFB266;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fabc48), color-stop(50%, #faac37), color-stop(50%, #fa8e1b), to(#fa9519));
	background-image: -moz-linear-gradient(center top, #fabc48 0, #faac37 50%, #fa8e1b 50%, #fa9519 100%);*/
		background-color: #A491D3;
	}

.waiting
{
	text-align: center;
}

/* kick out login partial */
.kick-out-login-partial
{
	display: none;
}
.kick-out-login-partial label
{
	display: inline-block;
	width: 80px;
}
.kick-out-login-partial input[type="text"], .kick-out-login-partial input[type="password"]
{
	width: 210px;
}
.kick-out-login-partial .line
{
	/*height: 2em;*/
	line-height: 2em;
}
.kick-out-login-partial .asterisk
{
	padding-right: 1em;
	color: Red;
}
/* end of kick out login partial */

#warnings
{
	display: none;
}

img.info
{
	position: absolute;
	margin-top: 3px;
	margin-left: -12px;
}

/* Verify Car listing Promotion Code Dialog */
#verify-vehicle-dialog .editor-label, #verify-vehicle-dialog .editor-field
{
    width: 45%;
}
#verify-vehicle-dialog .txtReason
{
    margin-left: 1.5em;
    width: 90%;
    height: 80px;
}
/* End of Verify Car listing Promotion Code Dialog */

.OwnerRateTable
{
	background-color: Black;
	margin-top: 1em;
}
.OwnerRateTable td
{
	background-color: white;
}
.OwnerRateTable tr td:first-child
{
	text-align: right;
}


#market-value-lookup-dialog,
#abandon-market-value
{
	display: none;
	line-height: 150%;
}

.reports 
{
	width: auto;
}
.reports h1
{
	color: #A491D3;
	background-color: transparent;
	padding-left: 0;
}
.reports #ReportForBooking { overflow: auto; }
.reports .pagination { overflow: auto; }
.reports .results { margin-top: 1em; }
.reports fieldset 
{
	padding-left: 0; 
	width: auto;
}
.reports .description
{
	/*color: #0093D0;*/
	padding-top: 5px;
	padding-bottom: 5px;
}

.warning
{
	color: red;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	background: yellow;
	border: 1px solid red;
	clear: both;
	line-height: 200%;
	margin: 0 0 1em 0;
	border-radius: 4px;
}

.black-list-reason, .bookings-to-cancel
{
	display: none;
}
.two-column-fields .editor-field.bookings-to-cancel-container
{
	width: 69%;
}

.leads-car-listings-result .table-list .msg-in
{
	/*white-space: nowrap;*/
}

.sms-conversation
{
	min-width: 400px;
}
.sms-conversation .sent-by-Owner,
.sms-conversation .sent-by-System,
.sms-conversation .sent-by-Staff
{
	clear: both;
	height: auto;
	padding-top: .5em;
}
.sms-conversation .message
{
	max-width: 61.8%;
	line-height: 2em;
	padding: 5px 1em;
	margin: 3px;
	border-radius: 5px;
}
.sms-conversation .arrow
{
	border-style: solid;
	margin-top: 1em;	
	border-color: white white white white;
	border-width: .7em;
}
.sms-conversation .sender
{
	margin: 3px;
}
.sms-conversation .sender .time,
.sms-conversation .sender .via
{
	color: #999;
	font-size: 80%;
}
.sms-conversation .sent-by-Owner .sender
{
	float: left;
}
.sms-conversation .sent-by-Owner .arrow
{
	float: left;
	border-right-color: #FFC682;
	border-left-width: 0;
}
.sms-conversation .sent-by-Owner .message
{
	background-color: #ffc682;
	float: left;
	margin-left: 0;
}
.sms-conversation .sent-by-System .sender,
.sms-conversation .sent-by-Staff .sender
{
	float: right;
}
.sms-conversation .sent-by-System .arrow
{
	float: right;
	border-left-color: #e5e5e5;
	border-right-width: 0;
}
.sms-conversation .sent-by-System .message
{
	background-color: #e5e5e5;
	float: right;
	margin-right: 0;
}
.sms-conversation .sent-by-Staff .arrow
{
	float: right;
	border-left-color: #0093d0;
	border-right-width: 0;
}
.sms-conversation .sent-by-Staff .message
{
	background-color: #0093d0;
	float: right;
	margin-right: 0;
	color: white;
}
.sms-conversation-response
{
	border-top: 1px dotted grey;
	padding-top: 1em;
}
.sms-conversation-response h2 span
{
	height: 0;
	width: 0;
	margin-top: .7em;
	margin-right: 5px;
}
.sms-conversation-response textarea
{
	width: 61.8%;
	border-radius: 5px;
}


#NominatedBankAccountEditor .editor-label
{
	/*clear: both;*/
	/*width: 25%;*/
	white-space: nowrap;
}
#NominatedBankAccountEditor .editor-field
{
	/*width: 70%;*/
}

/* Claim */
.ClaimTypeDetail
{
    font-size : 11px;   
    color: Black;
    background-color: #CDCDCD;
	/*border: 1px dotted Red;*/
	border-radius: 5px;
}
.ClaimTypeDetail .type-title
{
	float: left;
	width: 80%;
	line-height: 2em;
	margin: 1px 2px;
	margin-left: 1em;
}
.ClaimTypeDetail .type-title .claim-type
{
    color: #0093D0;
    font-weight: bold;
    font-size: 12px;
}

.ClaimTypeDetail .list-detail
{
	margin-left: 0em;
}

.ClaimTypeDetail .list-detail .not-uploaded, .not-checked, .disqualified, .type-processing
{
    color:  Red;
}

.ClaimTypeDetail .list-detail .qualified, .not-necessary, .is-done, .type-done
{
    color:  Green;
}

.ClaimTypeDetail textarea
{
    width:  99.5%;
    min-width: 640px;
    border-color:Gray;  
    height: 60px;  
}

.ClaimTypeDetail .action-link, .list-detail .action-link, .add-type
{
	color: #0093D0;
    cursor: pointer;
    text-decoration: underline;
}

.ClaimTypeDetail .expand
{
    color:  #0093D0;
    cursor: pointer;
    margin-left: -0.12em;
    display: inline;
    text-align: left;
    font-weight:bold;
}

.ClaimTypeDetail .type-title-input
{    
	background: #f5f5f5;
	color: #000;
	width: 38%;
}

table.ClaimTypeList
{
    min-width: 645px;
    width:  99.5%;
	margin: 0;
	border: 1px solid #8DB3E2;
}
table.ClaimTypeList thead td
{
	border-bottom: 1px solid #8DB3E2;
	border-left: 1px solid #8DB3E2;
	line-height: 120%;
	width: 150px;
}
table.ClaimTypeList td.action
{
	width: 25%;
	text-align:center;
}
table.ClaimTypeList td.document-download
{
    width: 70px;
	text-align:center;
}
table.ClaimTypeList td.document-download a
{
    background-color: #F79700;
    color: #FFF;
    float:left;
    width: 69px;
    height: 15px;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
table.ClaimTypeList tbody tr
{
	border: 1px solid #8DB3E2;
	line-height: 120%;
	width: 150px;
}
table.ClaimTypeList tbody td
{
	border-bottom: 1px dotted #8DB3E2;
	border-left: 1px solid #8DB3E2;
}
table.ClaimTypeList .document-desc
{
    background-color:#DBE5F1;	
}
table.ClaimTypeList .document-title
{
    margin-left: 20px;
}
table.ClaimTypeList a:link
{
	text-decoration:none;
}
table.ClaimTypeList tr.lastRow td
{
	border-bottom: 1px solid #8DB3E2;
	font-weight: bold;
}
table.alternative {
    background-color: #DBE5F1;
}

.new-type 
{
    display: none;
}

.claim-block-background
{
	background-color: #DCDCDC;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 1px;
}

.claim-block-background .sub-block-content
{
	background-color: #f5f5f5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 4px;
}
.type-title
{
    font-size: 14px;
    font-weight:bold;
    padding-bottom: 7px;
}
.type-remove
{
    color: Red;
    cursor: pointer;
}
.add-type-link
{
    font-size: 14px;
    cursor: pointer;
    padding-top: 20px;
}
/* Claim End */

/* board page start */

#NewCarListingCollection
{    
    margin: 0 auto;
}

#NewCarListingCollection h1
{    
    font-family:"Lucida Sans", sans-serif;
    color:#3f5765;
    font-size:1.85em;
}

#NewCarListingCollection #countdown
{    
    font-size:0.85em;
    color:#3f5765;
}

#NewCarListingCollection2
{    
    margin: 0 auto;
}

#NewCarListingCollection2 h1
{    
    font-family:"Lucida Sans", sans-serif;
    color:#3f5765;
    font-size:1.85em;
}

.tableBottomBorder 
{
    border-bottom:1px solid #CDCDCD;
}

.listingTableNewCar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #c8cccf;
  margin-top: 0.5em;
  /*width: 330;*/
}
.listingTableNewCar td h3 {
  margin: 0 0 5px 0;
  font-family: "Lucida Sans", sans-serif;
  font-weight: bold;
}
.listingTableNewCar td {
  padding: 5px;
  border-bottom: 1px solid #c8cccf;
  border-right: 1px solid #c8cccf;
}
.listingTableNewCar .detailsCellNewCar {
  width: 330px;
}
.listingTableNewCar .detailsCellNewCar img {
  float: left;
  margin-right: 10px;
}
.listingTableNewCar .numberTitle {
  background-color:rgb(239, 239, 239);
  color: #3f5765;
  font-weight:bold;
}

/* board page end */

.mobile-verified { background: url(/img/mobile-verified.png) no-repeat scroll top 1px right 3px #f5f5f5; }
.mobile-verified-white { background: url(/img/mobile-verified.png) no-repeat scroll top 1px right 3px #ffffff; }

/* pricing dial */
.pricing-block-background
{
	background-color: #DCDCDC;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 1px;
}

.pricing-block-background .sub-block-content
{
    overflow:hidden;
	background-color: #f5f5f5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
}
.pricing-block-background .sub-block-content .slider-container { display:inline-block;margin:0 10px; }

.pricing-dial-title { font-size:14px;font-weight:bold;display:inline-block;padding-top:4px;margin-right:10px;margin-left:5px;}
.pricing-dial-calendar  
{
    width:110px;
    font-size:17px;
    font-weight:bold; 
    height:27px !important;
}
.pricing-dial-calendar.increase { width:50px; }
.pricing-filter-block {padding-left:50px;font-size:15px;margin-top:10px;display:flex;}
.pricing-filter-block .inner-item { display:inline-block;font-size:18px; padding:0 10px;}
.pricing-filter-block .inner-item a, .pricing-filter-block a { font-size:13px; }
.pricing-filter-block .filter-title { width:120px;display:inline;margin-left:10px; }
.pricing-filter-block .filter-value { width:120px;display:inline; }
.pricing-filter-block .Plus { float:left;border:1px solid #0000FF;font-size:25px;background-color:#C9E1FF;color:#0000FF;font-weight:bold;padding:5px;display:table-cell;vertical-align:middle; }
.pricing-filter-block .Minus { float:left;border:1px solid #FF0000;font-size:25px;background-color:#FFC4C1;color:#FF0000;font-weight:bold;padding:5px 8px;display:table-cell;vertical-align:middle; }
.pricing-filter-block .filter-line { display:block;margin:2px 0px; }
.slider-increase-rate { display:inline;font-weight:bold; }
.pricing-toggle-btn { display:inline;font-weight:bold;margin-left:25px; }
.pricing-edit-btn, .pricing-delete-btn, .add-plusfilter-btn, .add-minusfilter-btn { display:inline;font-weight:bold;margin-left:5px;background-color:#E5E5E5;border:1px solid #828282;cursor:pointer;padding:8px 14px;border-radius: 5px 5px 5px; }
.pricing-edit-btn:hover, .pricing-delete-btn:hover { background-color:#C8C8C8; }
.pricing-edit-btn.add-plus { font-size:11px;margin-right:15px;display:inline;padding:4px 5px; }
.pricing-edit-btn.add-minus { font-size:11px;display:inline;padding:4px 5px; } 
.pricing-filter-edit { width:100px; }
.bootbox-body { font-size:14px; }
.filter-group-split { clear:both;margin-left:0px;padding-left:0px;color:#0000FF; }
#pricing-edit-wrapper .modal-dialog { width:70%; }
/* pricing dial end */

.carly-info .editor-label {
	width: 15%;
}

.carly-info .editor-field {
	width: 30%;
}

.extend-booking-partial .carly-info .editor-label {
	width: 130px;
}

.extend-booking-partial .carly-info .editor-field {
	width: 120px;
}

#ManualBookingRentalFee .swap-subscription {
    width: 100%;
    margin: 10px 0px;
}
.highlight-section {
    background: rgb(255, 221, 153);
}

span.email-ids {
	float: left;
	margin-bottom: 2px;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 1px 7px 1px 10px;
	background: #f5f5f5;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

span.cancel-email {
	border: 1px solid #ccc;
	width: 17px;
	display: block;
	float: right;
	text-align: center;
	margin-left: 10px;
	border-radius: 49%;
	height: 17px;
	line-height: 15px;
	margin-top: 2px;
	cursor: pointer;
	background-color: #D6D6D6;
}

.email-id-row {
	border: 1px solid Gray;
	position: relative;
	min-height: 1px;
	padding: 5px 15px 5px 5px;
	border-radius: 3px;
	margin-bottom: 2px;
	line-height: 2em;
	margin: 1px 12px;
	float: left;
}

	.email-id-row input {
		border: 0px;
		outline: 0px;
		width: 190px;
	}

span.to-input {
	display: block;
	float: left;
	padding-right: 11px;
}

.enter-mail-id valid {
	width: auto !important;
}

.menuList {
	display: flex;
	text-align: center;
}

	.menuList .textIconBox {
		padding: 0 10px;
		max-width: 60px;
	}


		.menuList .textIconBox a {
			text-decoration: none;
		}


		.menuList .textIconBox .icon {
			display: flex;
			position: relative;
			justify-content: center;
			align-items: center;
			color: #666;
			background: white;
			font-size: 20px;
			height: 40px;
			width: 40px;
			border-radius: 50%;
			margin: auto;
			margin-bottom: 5px;
		}

			.menuList .textIconBox .icon:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				background: #A491D3;
				transition: .5s;
				transform: scale(.9);
				z-index: -1;
			}

			.menuList .textIconBox .icon:hover:before {
				transform: scale(1.1);
				box-shadow: 0 0 15px #A491D3;
			}

			.menuList .textIconBox .icon:hover {
				color: #38287E;
				box-shadow: 0 0 5px #A491D3;
				text-shadow: 0 0 5px #A491D3;
			}

		.menuList .textIconBox .text {
			color: white;
			font-size: 11px;
			word-break: normal;
		}