/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0px; }
h1, h2, h3 { font-weight:normal; color: #069; letter-spacing:-1px; }
h1 { font-size:22px; }
h2 { font-size:18px; margin:5px 0; }
h3 { font-size:16px; }
h2 span { padding-left:10px; }
h2.centerHeading { text-align: center; font-size: 28px; }
p { margin: 0px 0px 12px 0px; line-height: 18px; }
a img {border:0;}
th.vtop, td.vtop { vertical-align:top; }
.tooltip { display:none; background-color:#000; color:#fff; padding:4px 12px; z-index: 1001; }
#container { position:relative; width:1100px; margin:auto; padding-top:30px; }
#container h1 { position:absolute; top:10px; right:0; }
#header { position:fixed; top:0px; width:1100px; background: url('../images/br.png') no-repeat right bottom #069; height:25px; z-index:999; font-size:11px; }
div#title-container { width: 170px; padding: 5px 10px; position: absolute; top: 25px; right: 0; margin: 10px; background-color: #f5f5f5; border: 1px solid #eded; box-shadow: 0 2px 1px 0 #c3c3c3; }
h1#title { color: #39c; text-align: left; position: relative !important; font-size: 24px; margin: 0; top: auto; letter-spacing: 0.03em; }
#header #sharpIB { background: url('../images/bl.png') no-repeat left bottom #069; float:left; width:240px; height:25px; padding:0 4px; }
#header #sharpIB input { color:#000; font-size:10px; margin:4px 0 2px 2px; border:none; padding:2px; width:100px; float:left; }
#header #sharpIB select { font-size:10px; margin:4px 0 2px 2px; border:none; padding:1px; float:left; }
#header #sharpIB input.submit { margin:0; padding:2px; width:20px; }
ul.navbar { list-style: none; padding: 0px; padding-left:30px; margin:0px; height:25px; float:left; font-size:11px; }
ul.navbar li { float: left; }
ul.navbar li a { float:left; display:block; height:13px; padding:6px 15px; text-decoration:none; color:#fff; }
ul.navbar li a:hover { background-color:#39C; }
ul.navbar li.noaccess { padding:5px 11px; color: #CCC; }
#user { float:right; }
.left, .floatl { float:left; }
.right, .floatr { float:right; }
.clear { clear:both; }
.halfwidth { float:left; width:480px; padding:0 5px; }
.qtrwidth { float:left; width:240px; padding:0 5px; }
.threeqtrwidth { float:left; padding:0 5px; }
.gutter-left { margin-left: 30px; }
.threeqtrwidth.gutter-left { width: 810px; }
#messageSpacer { height:38px; }
#SF_Message { width:1070px; margin:4px 0 6px 0; padding:0; border:1px solid #ddd; font-size:12px; background-color:#ffe; }
#messages { width:765px; margin:4px 0 6px 0; padding:0; border:1px solid #ddd; font-size:12px; background-color:#ffe; }
#messages .error, #SF_Message.error { background:url('../images/exclamation.png') #fdd no-repeat; background-position:5px 4px; padding-left:28px; }
#messages p, #SF_Message p { padding:4px 8px; margin:0; }
#messages.error p , #SF_Message.error p { padding:4px 8px 4px 0; margin:0; }
.notice, .warning { margin:4px 0 6px 0; padding:4px 9px; border:1px solid #ddd; font-size:12px; background-color:#ffe; }
.notice p:last-child, .warning p:last-child { padding: 0; margin: 0; }
.warning { background:url('../images/exclamation.png') #fdd no-repeat; background-position:5px 4px; padding-left:25px; }

.text-red { color:#f33; }
.text-blue { color:#069; }
.text-green { color:#1A8D40; }
.text-orange { color:#ffa500; }
.text-green--link a { color:#1A8D40; }

.textarea--relative { position:relative; }

a.clean { text-decoration: none; }
a:visited.clean { text-decoration: none; }

a.link-preserve-colour { color: inherit; }

.text-center { text-align: center; }
.text-left { text-align: left !important; }

.alongcp {width:705px;}

.text-small { font-size: 1em !important; }

.deleteLine, .addLine { font-size: 11px; }

table.formTable { font-size: 11px; margin: 0; }
table.formTable th { text-align:left; padding:1px; padding-right:20px; width:150px; }
table.formTable td { padding:1px; padding-right:40px; }

table.formTable td.datepicker-td th { text-align: inherit; padding: inherit; width: inherit; }

table.thin td { padding-right:10px; }

table.filterTable { font-size:11px; margin:3px 0px; }
table.filterTable th { text-align:left; padding:2px; }
table.filterTable td { padding-right:15px; }

table.dropdownTable { font-size: 11px; margin: 0px 10px; }
table.dropdownTable th { text-align: left; padding: 2px; padding-right: 20px; }
table.dropdownTable td { padding-right: 30px; }

table.figures th { text-align:left; padding:4px 10px; }
table.figures td { text-align:right; padding:4px 10px; }

table.invoice { margin-top:15px; width:100% }
table.invoice > tbody > tr > th, table.invoice > tbody > tr > td { text-align:left; vertical-align:top; padding:2px 12px; }

table.invoice .invoice-detail { width:250px; }
table.invoice .invoice-detail td { text-align: right; }
table.invoice .invoice-detail table { float: right; }
table.invoice .invoice-detail table th { padding-right: 10px; }
table.invoice .invoice-detail table:not(:last-child) { margin-bottom: 15px; }
table.invoice .invoice-detail table.invoice-batch tr:first-child th { padding-bottom: 4px; }

table.invoiceLines { width:100%; margin-top:15px; }
table.invoiceLines th, table.invoiceLines td { text-align:right; vertical-align:bottom; padding:4px 12px; width:89px; }
table.invoiceLines .desc { text-align:left; vertical-align:bottom; padding:4px 12px; width:auto; }
table.invoiceLines .description { width:500px; }

table.endorsements { width:100%; }
table.endorsements th, table.endorsements td { text-align:left; vertical-align:bottom; padding:4px 12px; }


form#payment-form table td { padding-right: 10px; }

table.formTable td:last-of-type { padding-right: 0; }

table .bordertop th, table .bordertop td { border-top:1px solid #666; }
table .borderbottom th, table .borderbottom td { border-bottom:1px solid #666; }
table .deleted th, table .deleted td { text-decoration:line-through; }

table#settleBatches tfoot { font-weight: bold; }

table#policyNotes-table th.policyNote{ width:600px; }
table#policyNotes-table th.time{ width:142px; }
table#policyNotes-table th.user{ width:50px; }

form.notes textArea { vertical-align: bottom; width:400px; }

input, select, form button { font-size:11px; }
input.qty { width:40px; }
input.currency { width:60px; text-align:right; }
input.currency.taxRate { width:55px; }
input.description { width:350px; margin:2px; }

ul.tabs { padding:0; margin:0; list-style:none; height:23px; border-bottom:1px solid #ddd; margin-bottom:10px; font-size:11px; }
ul.tabs li { float:left; display:inline; }
ul.tabs li a { display:block; height:14px; padding:4px 15px; text-decoration:none; color:#000; background:#fafafa url(../js/flexigrid/images/fhbg.gif) repeat-x top; margin:0px 5px; border:1px solid #CCC; }
ul.tabs li a:hover { text-decoration:underline; }
ul.tabs li.active { display:block; padding:4px 15px; text-decoration:none; background-color:#FFF; margin:0px 5px; border:1px solid #ddd; border-bottom:1px solid #FFF; }

ul.smalltabs { height:23px; margin:0; padding:0; list-style:none; z-index:10; }
ul.smalltabs li { float:left; margin-right:8px; }
ul.smalltabs li a { position:relative; bottom:-1px; display:block; padding:3px 5px; background-color:#39C; border:1px solid #39C; border-bottom:none; color:#fff; text-decoration:none; }
ul.smalltabs li.active a { background-color:#CEF; color:#333; }
.panel { background-color:#CEF; border:1px solid #39C; padding:8px; z-index:9; }

.tabContent { position:relative; }
.toolbar { height:16px; padding:4px 5px 3px 5px; background:#fafafa url('../js/flexigrid/images/fhbg.gif') repeat-x top; border:1px solid #ddd; margin-bottom:15px; font-size:11px; white-space: nowrap; }
.toolbar button { font-size: 11px; }
.toolbar .separator { background:url('../js/flexigrid/images/line.gif') repeat-y center; padding:2px 10px; }
.toolbar a { padding:2px 20px; }
.toolbar strong a { padding:0; text-decoration:none; }
.icon { padding:2px 20px !important; }
.icon-progress { background:url('../images/progress.png') no-repeat left; }
.icon-underwrite { background:url('../images/underwrite.png') no-repeat left; }
.icon-reconcile { background:url('../images/reconcile.png') no-repeat left; }
.icon-figures { background:url('../images/figures.png') no-repeat left; }
.icon-amendments { background:url('../images/amendments.png') no-repeat left; }
.icon-stop { background:url('../images/stop.png') no-repeat left !important; }
.icon-edit { background:url('../images/edit.png') no-repeat left; }
.icon-merge { background:url('../images/merge.png') no-repeat left; }
.icon-settings { background:url('../images/settings.png') no-repeat left; }
.icon-reconcilepolicies { background:url('../images/reconcilepolicies.png') no-repeat left; }
.icon-batch { background:url('../images/batch.png') no-repeat left; }
.icon-transactions { background:url('../images/figures.png') no-repeat left; }
.icon-tasks { background:url('../images/tasks.png') no-repeat left; }
.icon-invoices { background:url('../images/invoices.png') no-repeat left; }
.icon-claims { background:url('../images/claims.png') no-repeat left; }
.icon-additions { background:url('../images/additions.png') no-repeat left; }
.icon-temp_add { background:url('../images/temp_add.png') no-repeat left; }
.icon-addresses { background:url('../images/addresses.png') no-repeat left; }
.icon-documents { background:url('../images/documents.png') no-repeat left; }
.icon-logs { background:url('../images/logs.png') no-repeat left; }
.icon-renewal { background:url('../images/renewal.png') no-repeat left; }
.icon-cards { background:url('../images/cards.png') no-repeat left; }
.icon-exclamation { background:url('../images/exclamation.png') no-repeat left; }
.icon-previous { background:url('../images/arrow_turn_left.png') no-repeat left; }
.icon-next { background:url('../images/arrow_turn_right.png') no-repeat left; }
.icon-email-go { background:url('../images/email_go.png') no-repeat left; }
.icon-cancel { background:url('../images/cancel.png') no-repeat left; }
.icon-tick { background:url('../images/tick.png') no-repeat left; }
.icon-star { background:url('../images/online.png') no-repeat left; }
.icon-warning { background:url('../images/error.png') no-repeat left; }
.icon-empty { text-decoration: none; display: inline-block; width: 15px; height: 15px; }
.icon-float-right { display: block; float: right; }
.icon-float-right:nth-of-type(2) { padding-left: 5px }

/* SharpForm start */
/*form.sharpForm {}
form.sharpForm div { padding:2px; }
form.sharpForm.horizontal div { clear:left; margin-bottom:6px; }
form.sharpForm label { float:left; display:block; padding:3px; padding-bottom:1px; }
form.sharpForm .input { margin:1px 0px; }*/
form.sharpForm table.columns { width:100%; }
form.sharpForm table.columns td { vertical-align:top; }
form.sharpForm table th { text-align:left; padding:1px; font-weight:normal; }
form.sharpForm table td { padding-left:16px; }
.ui-datepicker td { padding:1px !important; }
form.sharpForm table td.error { background:url('/images/err_pointer.gif') no-repeat; background-position: 0% 50%; }

form.sharpForm table.claimsDetails thead th:first-child,
form.sharpForm table.convictionsDetails thead th:first-child,
form.sharpForm table.medicalConditionsDetails thead th:first-child,
form.sharpForm table.specifieditemDetails thead th:first-child,
form.sharpForm table.pedalcycleDetails thead th:first-child { padding-left:16px; }

form.sharpForm table.claimsDetails th:first-child,
form.sharpForm table.convictionsDetails th:first-child,
form.sharpForm table.medicalConditionsDetails th:first-child,
form.sharpForm table.specifieditemDetails th:first-child,
form.sharpForm table.pedalcycleDetails th:first-child { padding-left:0; }

form.sharpForm table.claimsDetails th,
form.sharpForm table.convictionsDetails th,
form.sharpForm table.medicalConditionsDetails th,
form.sharpForm table.specifieditemDetails th,
form.sharpForm table.pedalcycleDetails th { padding-left:16px; }

form.sharpForm table.fixed-table {
	table-layout: fixed;
	width: 100%;
	padding-left: 16px;
}
/* SharpForm end */

dl.horizontal dt, dl.horizontal dd { margin-bottom:5px; }
dl.horizontal dt { float:left; width:180px; font-weight: bold; }
dl.horizontal dd { margin-left: 180px; }

.searchResultsContainer { height:180px; border-top:1px solid #ccc; overflow:auto; }
.searchResults { width:100%; }
.searchResults tr.hover, .searchResults tr.selected { background-color:#39C; color:#fff; cursor:pointer; }
.searchResults td.message { border:none; text-align:center; padding:60px 0px; }

.flexigrid input { font-size:10px; }
.flexigrid #reconcile-policies tbody tr div { line-height:21px; }

.accNav { clear:both; padding-top:10px; text-align:center; }

#customerPanel { height:230px; }
#loginBox { margin:auto; height:400px; width:345px; background: url('../images/login.png') no-repeat #e6e6e6; padding:80px 0px 0px 200px; }
#loginBox h1 { position:static; }
#loginBox th { text-align:left; width:80px; font-size: 12px; }

.red { background-color:#f99; }
.green { background-color:#9f9; }
.orange { background-color:#ffa500; }
.blue  { background-color:#0D6BB2; color: #fff }
.purple { background-color: #ce3ad1; color: #fff }
a#invoice, a#overdue { font-size:12px; padding:2px 20px; background:url('../images/invoices.png') no-repeat left; text-decoration:none; }
.policypanel { width:825px; }
.policybox { width:825px; border:1px solid #ddd; }
.policybox .summary { height:23px; padding:0; background:url('../js/flexigrid/images/fhbg.gif') repeat-x #f6f6f6; border-bottom:1px solid #ccc; }
.policybox .summary > div { float:left; height:15px; padding:4px 5px; text-align:center; background-image:url('../js/flexigrid/images/line.gif'); background-repeat:repeat-y; background-position:left; font-size:14px; }
.policybox .summary > div.status { width:60px; background-image:none; }
.policybox .summary > div.insurerCode, .policybox .summary div.insurerCode-edit { width:300px; }
.policybox .summary > div.insurerCode-edit { height:23px; padding:0;}
.policybox .summary > div.date { width:150px; }
.policybox .details { width:815px; padding:4px 5px; border-bottom:1px solid #ddd; }
.policybox .product { width:815px; }
.policybox .balance { width:825px; border-top:1px solid #ddd; font-size:16px; text-align:right; background-color:#f6f6f6; }
.policybox .balance strong { padding-left:15px; }
.policybox .balance .extra { padding:5px; }
.policybox .policybox__notice { width: 150px; text-align: center; }
.policybox .policybox__notice > div { width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.policybox .overview { padding:4px 5px; cursor:pointer; }
.policybox .extra { display:none; padding:5px; }

.customerPanel { position:relative; max-width: 350px; }
.customerPanel .claimsLink {position:absolute; top:4px; right:0px; display:block; }
#policy-holder { position:absolute; top:40px; right:0px; width:238px;margin:0 0 10px 10px; padding:5px 9px; background-color:#f6f6f6; border:1px solid #ddd; }
#policy-holder .customerPanel { clear:both; }
#policy-holder form { text-align:right; }
#policy-holder textarea { width:232px; height:175px; }
.customerPanel ul { text-indent:0; padding:3px 0 0 12px; margin:0; }
.done { text-decoration:line-through; }
.outstanding { float:right; width:228px; background-color:#f33; padding:5px; color:#fff; font-weight:bold; font-size:14px; text-align:center; margin-bottom:5px; }
.incredit { float:right; width:228px; background-color:#3f3; padding:5px; color:#fff; font-weight:bold; font-size:14px; text-align:center; margin-bottom:5px; }

.merge { width:480px; float:left; margin-right:15px; }
.merge#mergingList { padding-bottom:10px; }
.merge#mergingList table { width:100% }
.merge#mergingList table td { width:50% }

#home #left { float:left; width:600px; padding-left:10px; }
#home #right { float:right; width:360px; padding-left:10px; border-left:1px solid #ccc; }
#home #right p { margin:5px 0; }

#renewal table { width:100%; }
#renewal table th { text-align:left; }
#renewal table td { width:50%; }
#renewal table.full-width td { width:15%; }

.note { color:#888; }

.form--inline {
	display: inline;
}

.text-submit {
	vertical-align: bottom;
	overflow: visible;
	font-size: 1em;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background: transparent;
}

.text-submit--regular {
	text-decoration: underline;
	color: blue;
}

.text-submit--red {
	text-decoration: underline;
	color: red;
}

.text-submit--green {
	text-decoration: underline;
	color: green;
}

.text-submit--link {
	border-bottom: 1px solid blue;
	color: blue;
}

.symbol--large {
	font-size: 16px;
	margin: 0;
	line-height: 1em;
}

.button {
	display:inline !important; overflow:hidden;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e6ec7), color-stop(1, #b0d0f0));
	background:-moz-linear-gradient(top, #0e6ec7 5%, #b0d0f0 100%);
	background:-webkit-linear-gradient(top, #0e6ec7 5%, #b0d0f0 100%);
	background:-o-linear-gradient(top, #0e6ec7 5%, #b0d0f0 100%);
	background:-ms-linear-gradient(top, #0e6ec7 5%, #b0d0f0 100%);
	background:linear-gradient(to bottom, #b0d0f0 5%, #0e6ec7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5baefb', endColorstr='#cbdff3',GradientType=0);
	background-color:#0e6ec7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Verdana;
	font-size:12px;
	padding:6px 15px;
	text-decoration:none;
	text-align: center;
}

.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}

.button:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.button-green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #198754), color-stop(1, #b0e0c2));
	background: -moz-linear-gradient(top, #198754 5%, #b0e0c2 100%);
	background: -webkit-linear-gradient(top, #198754 5%, #b0e0c2 100%);
	background: -o-linear-gradient(top, #198754 5%, #b0e0c2 100%);
	background: -ms-linear-gradient(top, #198754 5%, #b0e0c2 100%);
	background: linear-gradient(to bottom, #b0e0c2 5%, #198754 100%);

	background-color: #198754;

	border: 1px solid #157347;
}

.button-green:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4caf50), color-stop(1, #a5d6a7));
	background: -moz-linear-gradient(top, #4caf50 5%, #a5d6a7 100%);
	background: -webkit-linear-gradient(top, #4caf50 5%, #a5d6a7 100%);
	background: -o-linear-gradient(top, #4caf50 5%, #a5d6a7 100%);
	background: -ms-linear-gradient(top, #4caf50 5%, #a5d6a7 100%);
	background: linear-gradient(to bottom, #4caf50 5%, #a5d6a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4caf50', endColorstr='#a5d6a7', GradientType=0);
	background-color: #4caf50;
}

.button-red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dc3545), color-stop(1, #f8d7da));
    background: -moz-linear-gradient(top, #dc3545 5%, #f8d7da 100%);
    background: -webkit-linear-gradient(top, #dc3545 5%, #f8d7da 100%);
    background: -o-linear-gradient(top, #dc3545 5%, #f8d7da 100%);
    background: -ms-linear-gradient(top, #dc3545 5%, #f8d7da 100%);
    background: linear-gradient(to bottom, #f8d7da 5%, #dc3545 100%);

    background-color: #dc3545;

    border: 1px solid #c82333;
}

.button-red:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e57373), color-stop(1, #ffcdd2));
    background: -moz-linear-gradient(top, #e57373 5%, #ffcdd2 100%);
    background: -webkit-linear-gradient(top, #e57373 5%, #ffcdd2 100%);
    background: -o-linear-gradient(top, #e57373 5%, #ffcdd2 100%);
    background: -ms-linear-gradient(top, #e57373 5%, #ffcdd2 100%);
    background: linear-gradient(to bottom, #e57373 5%, #ffcdd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e57373', endColorstr='#ffcdd2', GradientType=0);
    background-color: #e57373;
}

.button-orange {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa500), color-stop(1, #ebbf6b));
    background: -moz-linear-gradient(top, #ffa500 5%, #ebbf6b 100%);
    background: -webkit-linear-gradient(top, #ffa500 5%, #ebbf6b 100%);
    background: -o-linear-gradient(top, #ffa500 5%, #ebbf6b 100%);
    background: -ms-linear-gradient(top, #ffa500 5%, #ebbf6b 100%);
    background: linear-gradient(to bottom, #ebbf6b 5%, #ffa500 100%);

    background-color: #ffa500;

    border: 1px solid #ff9500;
}

.button-orange:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9ab1b), color-stop(1, #ffcdd2));
    background: -moz-linear-gradient(top, #f9ab1b 5%, #ffcdd2 100%);
    background: -webkit-linear-gradient(top, #f9ab1b 5%, #ffcdd2 100%);
    background: -o-linear-gradient(top, #f9ab1b 5%, #ffcdd2 100%);
    background: -ms-linear-gradient(top, #f9ab1b 5%, #ffcdd2 100%);
    background: linear-gradient(to bottom, #f9ab1b 5%, #ffcdd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ab1b', endColorstr='#ffcdd2', GradientType=0);
    background-color: #f9ab1b;
}
.hidden { display: none; }
.d-none { display: none!important; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: translateX(5px);
  }
  25% {
    -webkit-transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
  }
  75% {
    -webkit-transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(5px);
  }
}
.wiggle {
  -webkit-animation: wiggle 0.5s 0.9;
	background-color: #fdd;
}

.confirmDialog { display: none; position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; }
.confirmDialog .background {  background-color: #000; opacity: 0.3; position:absolute; top:0; bottom:0; left:0; right:0; }

.confirmDialog  div.wrapper { width:100%; position:absolute; }
.confirmDialog  div.wrapper .window { width:550px; margin: 30px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; max-height: 80vh; overflow-y: scroll; }

.confirmDialog,
.confirmDialog  div.wrapper .window { text-align: justify; }

#realex-vt iframe {
	width: 100%;
	height: 710px;
	border: none;
}

.vt-table {
	margin-top: 10px;
}

.vt-methods {
	width: 100%;
}

.vt-totals-breakdown, .vt-totals-charging {
	width: 50%;
	float: left;
}

.vt-totals-charging {
	padding-top: 5px;
}

.vt-totals-charging-container {
	margin-left: 10px;
}

.method {
	width: 242px;
	padding: 10px;
	text-align: center;
	background-color: #069;
	color: #fff;
	cursor: pointer;
	float: left;
}

.method:hover {
	background-color: #00A8E8;
}

.method.partial:hover {
	background-color: #069;
	cursor: inherit;
}

.method:first-child {
	margin-right: 10px;
}

.method:last-child {
	margin-left: 10px;
}

.method h2 {
	color: #fff;
	font-size: 18px;
}

.method p {
	font-size: 22px;
}

#finance-vt-container #realex-vt iframe {
	height: 500px;
}

#add-card-vt-container #realex-vt iframe {
	height: 600px;
}

.cancel {
	float:right;
	margin: 0;
	padding:8px;
	cursor: pointer;
	background: #fff url('../images/cancel.png') no-repeat;
}

table.totals { font-size: 17px; }
table.totals tr.totals-sub { font-size: 14px; }
table.totals tr.totals-sub th,
table.totals tr.totals-sub td { color: #444; padding-left: 10px; }

.pad-top { padding-top: 10px !important; }

.margin-top-0 { margin-top: 0; }

.blockUI {
	height: 55px;
}

.blockUI h1 {
	position: relative !important;
	top: initial !important;
	right: initial !important;
	text-align: center;
	width: 100%;
}

.disable, .disabled {
	pointer-events: none;
	color: #ccc;
}

.datepicker span {
	cursor: pointer;
}

.line-through p, .line-through td, .line-through a {
	text-decoration: line-through;
}

.text-right {
	text-align: right;
}

.strikethrough {
	text-decoration: line-through;
}

.cursor-pointer {
	cursor: pointer;
}

.ajax_loader {background: url('../../images/spinner_squares_circle.gif') no-repeat center center transparent;width:100%;height:100%;}

.htmx_loader {
	background: url('/images/ajax-loader_blue.gif') no-repeat center center transparent;
	width: 43px;
	height: 11px;
}

#breakdown-quote-wrapper {
	font-size: 14px;
	color: green;
	width: 200px;
	height: 18px;
	margin: 10px 0;
}

#breakdown-quote-wrapper.ajax_loader {
	background-position-x: 20px;
	background-size: 10px 10px;
}

#savePaymentFooter {
	margin: 10px 0;
}

#savePaymentFooter button, #savePaymentFooter input {
	font-size: 14px;
}

#savePaymentFooter #showAddPaymentWrapper {
	float: left;
}

#savePaymentFooter #savePaymentWrapper {
	float: right;
}

#savePaymentFooter #savePaymentWrapper input {
	color: green;
	font-weight: bold;
}

i.stop-finance {
	cursor: pointer;
}

#duplicate-table-wrapper {
	margin-top: 10px;
	position: relative;
}

#duplicate-table {
	table-layout: fixed;
	-ms-word-break: break-word;
	word-break: break-word;
	width: 90vw;
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
}

#duplicate-table td, #duplicate-table th {
	padding: 5px;
}

#duplicate-table td {
	vertical-align: top;
}

p#duplicate-error {
	padding: 5px;
	background-color: #fff;
	color: darkgoldenrod;
	margin: 0;
}

#duplicate-table tr.primary td,
#duplicate-table tr.primary td a {
	background-color: purple;
	color: #fff;
}

#duplicate-table__header th {
	border: solid #42A5D4;
	border-width: 2px 0;
}

#duplicate-table h2 {
	margin-top: 20px;
}

#duplicate-table h2 span {
	padding-left: inherit;
}

table#duplicate-table th, table#duplicate-table td {
	padding-right: 5px;
	width: auto;
}

#duplicate-header, #duplicate-jobs, #latest-job {
	height: 165px;
	background: #42A5D4;
	color: #fff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#duplicate-jobs, #latest-job {
	height: 12px;
	margin-top: 20px;
}

#duplicate-jobs {
	background-color: orange;
}

#latest-job {
	background-color: green;
}

#latest-job a {
	color: #fff
}

#duplicate-action, #duplicate-action-all {
	margin-top: 6px;
	float: right;
}

#duplicate-action-all button {
	background-color: indianred;
}

#duplicate-action button:enabled {
	background-color: greenyellow;
}

#duplicate-primary-key {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: purple;
}

#duplicate-filters h2 {
	display: inline-block;
	width: 100px;
}

#duplicate-filters #limit {
	width: 50px;
}

#duplicate-filters .filter-wrapper {
	margin: 10px 0;
}

#duplicate-filters #filter {
	font-size: inherit;
}

.breakout {
	width: -moz-fit-content;
	width: fit-content;
	max-width: 95vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.breakout .flexigrid {
	display: inline-block;
	max-width: 95vw;
	vertical-align: top;
}

.mysql-debug {
	color: red;
	position: fixed;
	bottom: 0;
	background-color: lightgrey;
	padding: 5px;
	width: 100%;
	z-index: 9999999;
}

#vehicle.referred-vehicles #vehicleSelector h2 {
	font-size: 1.2em;
}

.invoice-actions input {
	margin-right: 5px;
}

.invoice-actions input:last-of-type:not(:only-of-type) {
	margin-right: 0;
}

input.link-button, button.link-button {
	background: none;
	border: none;
	padding: 0;
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}

input.link-button.link-button--blue, button.link-button.link-button--blue {
	color: #069;
}

input.link-button--default, button.link-button--default {
	font-size: 1em;
	color: blue;
}

.not-provided {
	color: #999;
	font-style: italic;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.5rem !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.5rem !important;
}

.mt-2 {
	margin-top: 1rem !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-1 {
	margin-left: 0.5rem !important;
}

#rollover-selection .rollover-edit {
	display: none;
}

#rollover-selection .rollover-view, .rollover-edit {
	display: inline-block;
}

.simpleList {
	list-style: none;
	padding-left: 0;
}

@media print {
	#container { width: 100% !important; font-size: 10px; }
}

.informationModal .product-logo {
	max-width: 50%;
}

.informationModal .product-logo img {
	max-width: 100%;
	max-height: 100px;
}

.informationModal h2 {
	display: block;
}

.informationModal .document-button {
	margin-top: 5px;
	float: right;
}

.informationModal .errors {
	background-color: #FFCCCB;
	padding: 5px;
}

.informationModal .errors h4 {
	margin-top: 12px;
}

span.status {
	padding: 3px 5px;
	border-radius: 5px;
	color: white;
}

span.status__green {
	border: 1px solid #28a745;
	background-color: #28a745;
}

span.status__red {
	border: 1px solid #dc3545;
	background-color: #dc3545;
}

span.status__orange {
	border: 1px solid #FFA500;
	background-color: #FFA500;
}

span.status__blue {
	border: 1px solid #026699;
	background-color: #026699;
}

span.status__other {
	border: 1px solid #dc3545;
	background-color: #dc3545;
}

span.label--green {
	color: #1a7a32;
}

span.label--red {
	color: #b02030;
}

span.label--md {
	font-size: 0.8em;
	vertical-align: middle;
}

.input-block {
	display: flex;
	flex-direction: column;
}

.input-block--inline {
    flex-direction: row;
    justify-content: space-between;
}

.input-block > input {
	width: 140px;
	margin-bottom: 1rem;
}

.input-block > select {
	width: fit-content;
}

.expandable-container {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.expandable-container.open {
	max-height: 300px !important;
	transition: max-height 0.2s ease-in !important;
}

.subtotal-line {
	font-size: 16px;
	margin: 0;
	position: relative;
}

.subtotal-line--small {
	font-size: 14px;
}

.subtotal-line__icon {
	position: absolute;
	margin-left: 5px;
	height: 10px;
}

.subtotal-offset {
	margin-right: 24px;
}

.total-line {
	font-size: 22px;
	margin: 0;
}

.total-line--small {
	font-size: 20px;
}

#overrideModal .wrapper {
	top: calc(50% - 300px);
}