body { font-size: .85em; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; color: #232323; background-color: #ddd; margin: 0; }
#main-content {	width: 980px; margin: 0 auto; background-color: #fff; }

header, footer, nav, section { display: block; }
.flex { display: flex;}
/* Styles for basic forms */
textarea { min-height: 75px; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; color: #333; }
select, input[type="text"], input[type="password"] { padding: 4px; color: #333333; width: 250px; border: 1px solid #abadb3; margin: 2px 0; }
select:disabled, input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled { background-color: #ebebe4; }
input[type="file"] { width: 250px; display: block; }

select { width: 290px; }

.update-app-user select { width: 261px; }

ul { margin: 0; padding: 0; }
ul li { list-style: none; }

ul.default, .default-list ul { margin: 5px 0; padding: 0 10px 0 40px; }
ul.default li, .default-list ul li { list-style: disc; padding: 5px 0; }

dt { margin: 8px 0 0 0; color: #414141; font-size: 1.1em; }

dl.two-column { overflow: auto; }
dl.two-column dt, dl.two-column dd { float: left; margin: 5px; }
dl.two-column dt { clear: left; margin-right: 2%; width: 15%; }
dl.two-column dd { width: 70%; margin-left: 0; }

p.more-space, li.more-space { margin-top: 20px; margin-bottom: 20px; }
p.less-space { margin-top: 10px; margin-bottom: 10px; }
span.space-left { display: inline-block; margin-left: 25px; }

section h1 { font-size: 2em; margin: 10px 0; color: #2e2d2d; font-weight: normal; }
section h2 { font-size: 1.5em; font-weight: bold; margin: 15px 0 10px 0; }
section h3 { font-size: 1.2em; font-weight: normal; margin: 15px 0 10px 0; }

.some-space-top, section h2.some-space-top { margin-top: 25px; }
.more-space-top, section h2.more-space-top { margin-top: 40px; }
.space-bottom {margin-bottom: 10px;}

section h2 .field-help { font-size: 12px; font-weight: normal; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}

p.form-button{ border: solid 1px #4b91ff; padding: 1px; width: 100px; margin-left: 40px; }
p.form-button.left-align { margin-left: 0; }
p.form-button:hover { border: solid 1px #0891f1; }
.params .form-button { margin-bottom: 5px; }
.params #export { margin-left: 50px; }
.params .action-buttons #export { margin-left: 0; }
.params label { display: block; }
input[type=submit], input[type=button], p.form-button button { background-color: #4b91ff; color: #fff; border: none; padding: 5px; margin: 0; font-size: 1.2em; cursor: pointer; width: 100px; }
p.form-button:hover input[type=submit], p.form-button:hover input[type=button], p.form-button:hover button, td .form-button:hover { background-color: #0891f1; }

td .form-button { background-color: #4b91ff; color: #fff; border: none; padding: 5px; margin: 0;  margin-left: 80px; font-size: 1.2em; cursor: pointer; width: 100px; }
#customer-list td, #customer-list .form-button { vertical-align: middle;}
.company-address {white-space: pre-wrap;}
input[type=button].approve { background-color: #009900; }
input[type=button].reject { background-color: #e61717; }

a, a:visited, a:hover, .ui-widget-content a, span.link { color: #4B91FF; text-decoration: none; outline: none;}
a:hover, .ui-widget-content a:hover, span.link:hover { text-decoration: underline; }
span.link { cursor: pointer; }

nav { margin: 0 0 20px 11px; }
nav ul { overflow: auto; color: #2e2d2d; text-transform: uppercase; font-size: 1.25em; margin: 11px 0; padding: 0; }
nav ul li { float: left; margin: 0 30px 0 0; }
nav ul li a, nav ul li a:visited, nav ul li a:hover { color: #666666; } 
nav ul li.current a, nav ul li.current a:visited, nav ul li.current a:hover { color: #8a232d; }

nav ul.sub-menu { font-size: 1.0em; color: #ccc; }
nav ul.sub-menu li.current { font-weight: bold; color: #666666; }

p.back-navigation { margin-bottom: 25px; }

.loading-indicator { position: absolute; background-color: transparent; z-index: 99; text-align: center; width: 95%; height: 100%; }
.loading-indicator img { margin: 50px auto 0 auto; }

div.wrapper { overflow: auto; clear: both; }
div.loader { width: 50px; margin: 0 auto; display: none;}

.cascading-dropdown-loading { cursor: wait; background: url('/Content/images/ajax-loader-sm.gif') 85% center no-repeat transparent; }

.inline-block {
    display: inline-block;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.form-list {}

.editor-label { margin: 1em 0 0 0; }
.editor-field { margin: 0.5em 0 0 0; }
.validation { margin: 0; }

.hidden { display: none; }

.show-hide-toggle i { text-decoration: none; }

/* Styles for validation helpers*/
.field-validation-error, p.not-valid { color: #ff0000; }
.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.server-error { color: #D11313; padding: 10px 5px; border: 1px solid #D11313; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; overflow: auto; }
.validation-summary-valid { display: none; }

.field-help { font-size: 12px; }

/* site styles */
section.content { margin: 0 0 20px 11px; overflow: auto; width: 960px; color: #666666; padding-bottom: 20px; }
section.content header { color: #2e2d2d; }
section.content section { margin: 10px 0; }

header.site-header { background-image: url('/Content/images/cfheader.png'); background-repeat: no-repeat; width: 980px; height: 80px; }
header.site-header img.home, header.site-header img.logo { float: right; margin: 10px 10px 0 0; cursor: pointer; border: none; }
header.site-header img.logo { float: left; margin: 10px 10px 10px 20px; }
header.site-header p.demo { float: left; color: #ff232d; margin: 50px 0 0 5px; font-size: 1.3em; }

header section.profile { width: 300px; float: right; margin: 7px 140px 0 0; text-align: right; }
header section.profile p { margin: 2px 0; font-size: 0.9em; color: #fff; }
header section.profile a, header section.profile a:visited, header section.profile a:hover { color: #fff; font-size: 0.9em; text-decoration: underline; }

footer.site-footer { height: 50px; width: 980px; background-color: #2e2d2d; border-top: solid 6px #d6a249; }

header.page, h3 { font-size: 2em; font-weight: normal; color: #2e2d2d; margin: 10px 0 27px 0; } 
h3 { font-size: 1.8em; margin: 0 0 0 10px; color: #666666; float: none; }

li.date img { margin: 0 0 0 4px; cursor: pointer; }

.ui-widget-header { display: none; }
.ui-datepicker-header { display: block; }

p.action-button { border: solid 1px #4b91ff; padding: 1px; width: 100px; font-size: 0.8em; margin: 10px 10px 10px 0; float: left; }
p.action-button button { background-color: #4b91ff; color: #fff; border: none; padding: 4px; cursor: pointer; margin: 0; width: 100px; }

p.inactive { color: #999; border: solid 1px #999; }
p.inactive button, p.inactive input[type="submit"] { background-color: #ccc; cursor: default; }

div.column { float: left; width: 450px; }

.form-note { display: block; font-size: 12px; margin: 5px; max-width: 250px; }

.clear { clear: both; }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1;
    vertical-align: top;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
    border-radius: 5px;
    margin: 1px 0 0 15px;
}

.badge.count {
    background: #E61717;
    padding: 2px 4px 3px 4px;
    border-radius: 9px;
    margin: 8px 0 0 5px;
    font-size: 11px;
}

nav ul > li .badge.count {
    margin: 3px 0 0 2px;
}

.badge.daily {
    background: #674ea7;
}

.badge.contract {
    background: #a32765;
}

.search-results .badge {
    margin: 5px 0 0 0;
}

a.link-icon { color: #2e2d2d; text-decoration: none; }
a.link-icon:visited { color: #2e2d2d; text-decoration: none; }
a.link-icon:hover { color: #8e8e8e; text-decoration: none; }

.link-icon { margin-right: 3px; }

.ui-datepicker-trigger { margin: 2px 0 0 2px; vertical-align: top; }

.full-width { width: 100%; margin-bottom: 15px; }

.info-dialog .title { font-weight: bold; background: #eeeeee; border: 1px solid #eeeeee; border-radius: 2px; padding: 5px 10px; margin: -5px -10px 0 -10px; }

.help-trigger { cursor: pointer; margin-left: 5px; display: inline-block; }
.help-trigger:hover { color: #676767; }

/* Tables */
table { padding: 0; border: 0; border-collapse: collapse; }
table thead { background-color: #e5e5e5; border: solid 1px #c0c0c0; color: #2e2d2d; font-size: 1.2em; }
table thead th { padding: 10px 5px; font-weight: normal; }

#ie7 table thead th { border-top: solid 1px #2e2d2d; border-bottom: solid 1px #2e2d2d; }
#ie7 table thead th.last { border-right: solid 1px #2e2d2d; }
#ie7 table thead th.first { border-left: solid 1px #2e2d2d; }

table tbody td { padding: 10px 5px; vertical-align: top; }
table tbody td span { font-weight: bold; }
table tbody td span.link { font-weight: normal; }
table tbody td p { margin: 1px 0; }

table.alternating-rows tr:nth-child(even) {
    background-color: #f6f6f6;
}

table.report-default { font-size: 12px; width: 100%; }
table.report-default th { text-align: left; font-size: 14px; }
table.report-default th.center-align { text-align: center; }
table.report-default th.right-align { text-align: right; }

table.report-default.editable tbody td {
    vertical-align: middle;
}

.small-col { width: 60px; }
.medium-col { width: 110px; }
.sm-md-col { width: 90px; }
.large-col { width: 180px; max-width: 180px; -ms-word-wrap: break-word; word-wrap: break-word; white-space: normal; }

.small-col input[type=number], .medium-col input[type=number] { width: 60px; }

table.line-items { margin: 10px 0; }
table.line-items td { padding: 0px; }
table.line-items td.grand-total, table.line-items td.sales-tax { text-align: right; font-weight: bold; padding: 5px 140px 5px 5px; background-color: #cccccc; color: #000; }
	table.line-items td.sales-tax { background-color: #ddd; }

table.line-items p.gate-header { margin: 20px 0 0; font-weight: bold; }
table.line-items table.gate-activity { margin: 10px 0; width: 565px; background-color: #fff; }
table.line-items table.gate-activity thead { border: none; font-size: 1.0em; }
table.line-items table.gate-activity th { text-align: left; }
table.line-items table.gate-activity tr.row-alternate { background-color: #ccc; }

table.summary { table-layout: fixed; width: 600px; border-spacing: 0; }
table.summary span { font-weight: bold; }
table.summary span.link, table.summary span.expand { font-weight: normal; color: #4B91FF; cursor: pointer;}
table.summary span.link:hover, table.summary span.expand:hover { text-decoration: underline; }
	table.summary tr.cancelled { color: #a2a2a2; }
table.summary td { padding: 7px; vertical-align: top; }
table.summary td.bookingnumber { margin: 0; width: 85px; font-weight: bold; }
table.summary span.surcharge { float: right; }
table.summary td.sub-total, table.summary td.action { width: 120px; text-align: right; position: relative; }

table.summary td div.details { margin: 3px 3px 3px 0; }
table.summary td div p { margin: 0 5px; }

table.summary div.cancel-details { position: absolute; right: 0px; background-color: #fff; width: 350px; padding: 10px; text-align: left; color: #333; border: solid 1px #999; z-index: 5; }
	table.summary div.cancel-details ul { padding: 0; }
		table.summary div.cancel-details ul li { margin: 5px 0; }

table.summary td .surcharges { margin: 20px 0 0 0 }
table.summary td .surcharges p { margin: 0 5px 0 0 }

/* Lists */
ul.radio-input-list { margin-top: 10px; }
ul.radio-input-list li { clear: both; overflow: auto; }
ul.radio-input-list li input { float: left; }
ul.radio-input-list li input[type=radio] { margin-top: 8px; padding-top: 0; }
ul.radio-input-list li input[type=text] { margin-top: 2px; margin-bottom: 5px; }
ul.radio-input-list label { width: 110px; display: block; float: left; margin-top: 5px; }

/* Home */
section.home { margin: 0 0 0 11px; clear: both; }

section.home ul { overflow: auto; width: 400px; margin: 0; padding: 0; clear: both;}
section.home ul li { float: left; width: 290px; margin: 2px; text-transform: lowercase; }
section.home ul li.label { width: 105px; }

section.home p.form-button { margin: 20px 0; }
section.home p.form-button input[type=submit] { width: 100px; }

section.home div.validation-summary-errors { clear: both; }

/* Inventory */
#inventoryList { width: 960px; }
#inventoryList table { table-layout: fixed; width: 960px;  overflow: auto; clear: both; margin: 0 0 20px; padding: 0; }
#inventoryList table td { width: 170px; padding: 10px; text-align: center; }
#inventoryList table .size { text-align: left; }
#inventoryList table .group { text-align: left; }
#inventoryList table .group-default { width: 20px; }

section.inventory { min-height: 500px; overflow: visible; }
section.inventory ul.options { overflow: auto; clear: both; padding: 0; margin: 0 0 20px; }
section.inventory ul.options li { width: 300px; float: left; }
section.inventory ul.options li.label { width: 50px; padding: 7px 10px 10px 0; text-align: right;}
section.inventory ul.options li.date { padding: 3px 0 0 }
section.inventory ul.options li input[type=text] { float: left; }

#ie9 section.inventory ul.options li.label, #ie8 section.inventory ul.options li.label, #ie7 section.inventory ul.options li.label { padding-top: 5px }

section.inventory input[type=text] { width: 200px; margin: 0;  }
section.inventory table input[type=text] { width: 55px; text-align: center; }

section.inventory p.form-button { width: 185px; }
section.inventory p.form-button button { width: 100%; }

section.inventory div.message { color: #ca771f; width: 500px;}

section.dialog-confirm p.form-button { margin: 10px; width: 70px; float: right; }
section.dialog-confirm p.form-button button { width: 70px; font-size: 1.0em; }
section.dialog-confirm span.link { float: right; margin: 20px 0 0;}

section.dialog-confirm header.confirm-header { text-transform: uppercase; margin-bottom: 20px; }
section.dialog-confirm p.message { margin: 0 5px 10px; width: 280px }

.ui-widget section.dialog-confirm  select, .ui-widget section.dialog-confirm input { width: 100%; box-sizing: border-box; font-size: 13px; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; }
section.dialog-confirm label { font-size: 14px; display: inline-block; margin-top: 5px; }
section.dialog-confirm .field-validation-error { display: block; font-size: 13px; margin: 2px 0; }

section.dialog-confirm .action-buttons { position: absolute; bottom: 5px; right: 6px; }

/* customers */
section.customer { margin-bottom: 11px; }

#search-results { margin: 20px 0; } 
#search-results div { margin: 10px 0 0; }

section.customer table.customers { width: 960px;  padding: 0; margin: 0 0 20px; }
section.customer table.customers thead th { text-align: left; }

section.customer input[type=text] { width: 200px; float: left;}

section.customer ul.options { margin-left: 10px; padding: 0; }
section.customer ul.options li { overflow: auto; margin: 3px 0; }
section.customer ul.options input[type=radio] { float: left; }
section.customer ul.options label { width: 110px; display: block; float: left; }
#ie9 section.customer ul.options li { margin: 3px; }

section.customer h3 { width: 230px; margin-left: 0; }

section.customer p.form-button { margin-left: 15px; }
#ie7 section.customer p.form-button input { margin-left: -15px; }

section.add-customers h3 { width: 300px; margin: 0; }
section.add-customers ul.options { margin-top: 10px; }
section.add-customers ul.options li { clear: both; overflow: auto; }
section.add-customers ul.options li input { float: left; }
section.add-customers ul.options li input[type=radio] { margin-top: 8px; padding-top: 0; }
section.add-customers ul.options li input[type=text] { margin-top: 2px; margin-bottom: 5px; }
section.add-customers ul.options label { width: 110px; display: block; float: left; margin-top: 5px; }

table.customers { width: 960px; }
table.customers th { text-align: left; }

#ie8 section.add-customers ul.options li, #ie9 section.add-customers ul.options li { margin: 3px 0; }
#ie7 section.add-customers p.form-button input { margin-left: -40px; }

/* manage customer */
.manage-customer ul { overflow: auto; }
.manage-customer ul li { float: left; margin: 5px 0 5px 5px}
.manage-customer ul li.label { width: 170px; clear: both; }

/* error */
section.error nav { margin: 0 auto; display: block; width: 640px; }

section.error { width: 650px; overflow: auto; margin: 11px auto 0; color: #666666; }
section.error header { color: #b2b2b2; text-transform: lowercase; margin: 40px 0 0; font-size: 1.8em; }

section.error p.action-button { border: solid 1px #4b91ff; padding: 1px; width: 100px; font-size: 0.8em; margin: 10px 10px 10px 0; float: left; }
section.error p.action-button button { background-color: #4b91ff; color: #fff; border: none; padding: 4px; cursor: pointer; margin: 0; width: 100px; }

/* add vendor user */
section.add-vendoruser table { table-layout: fixed; width: 960px; }
section.add-vendoruser table th { text-align: left; }
section.add-vendoruser table th, section.add-vendoruser table td { padding: 10px; }

section.add-vendoruser ul { padding: 0; margin: 20px 0; }
section.add-vendoruser p.form-button { margin-left: 0; }

/* customer import */
section.customer-import ul li { margin: 30px 0; }
section.customer-import p.format { font-size: 0.8em; font-style: italic; }
section.customer-import form { border-top: solid 1px #999; }
section.customer-import .validation-summary-errors ul li { margin: 3px 0; font-size: 0.8em; }
section.customer-import .message { margin-top: 15px; }
section.customer-import .message p { margin: 3px 0; }
section.customer-import p.success { color: #009900; }
section.customer-import p.failed { color: #ff0000; }
section.customer-import p.skipped { color: #BF8F00; }

/* dashboard */
section.dashboard fieldset { margin: 10px 0; }

/* trailer management */
#group-details-form, #trailer-details-form { position: relative; }
.edit-group { margin: 0 10px; }
.new-group, .new-trailer { margin: 10px 0 0 0; display: inline-block; }
.group-details input, .trailer-details input, .trailer-details select { margin-bottom: 15px; display: inline-block; }
.group-details input[type=submit], .trailer-details input[type=submit] { margin: 0 10px 0 0; }
.success-message { color: #009900; font-weight: bold; }

/* vendor management */
section.vendors table td.locations { text-align: center; }
section.vendors header, section.vendors h3 { float: none; }

/* add vendor */
section.add-vendor form input[type=text] { vertical-align: top; }
section.add-vendor form input[type=checkbox] { vertical-align: middle;}
section.add-vendor p.message { margin: 20px 0 0; }
section.add-vendor label { width: 200px; display: inline-block; vertical-align: middle; }
section.add-vendor ul li { margin-bottom: 10px; }
section.add-vendor li.preview p { margin: 5px 0 5px 205px; }
#result { font-weight: bold; }

section.add-vendor ul.trailer-items { margin: 20px 0 0 0; }
	section.add-vendor ul.trailer-items li { overflow: auto; margin: 0 0 20px; }
		section.add-vendor ul.trailer-items li p, section.add-vendor ul.trailer-items li input, section.add-vendor ul.trailer-items li label { float: left; }
		section.add-vendor ul.trailer-items li label { margin: 5px 0 0 40px; }
		section.add-vendor ul.trailer-items li p { width: 70px; margin: 0 5px; }
section.add-vendor ul.trailer-items .ui-combobox { float: left; margin-left: 10px; margin-right: 10px; }

section.add-vendor span.link { margin: 0 0 0 40px; }
section.add-vendor p.form-button { margin: 40px 0; }

section.add-vendor ul.errors { color: #ff0000; margin: 0 0 40px; }

/* vendor locations */
section.vendor-locations table { margin: 20px 0 }
section.vendor-locations table th { text-align: left; }

section.add-location .validation-summary-errors ul { float: none; width: auto; margin-bottom: 0; }
section.add-location ul { float: left; width: 400px; margin-bottom: 20px; }
section.add-location select { width: 261px; }
section.add-location textarea { min-width: 255px; max-width: 255px; width: 255px; min-height: 100px; }
section.add-location div.validation-summary-errors { overflow: visible; }
section.add-location p.form-button { clear: both; }

section.add-location .location-hours label { width: 100px; display: inline-block; }
section.add-location .location-hours select { width: 90px; }

section.add-location #contacts-list .remove-contact { color: red;font-size: 20px;line-height: 20px;}

section.add-location .loader { display: none;position: fixed;z-index: 1000;top: 0;left: 0;height: 100%;width: 100%; background: rgba( 255, 255, 255, .8 ) url('/Content/images/ajax-loader.gif') 50% 50% no-repeat}

/* announcement manager*/
section.announcement-manager table { margin: 20px 0 }
section.announcement-manager table th { text-align: left; }

section.add-announcement .validation-summary-errors ul { float: none; width: auto; margin-bottom: 0; }
section.add-announcement ul { float: left; width: 400px; margin-bottom: 20px; }
section.add-announcement textarea { min-width: 385px; max-width: 385px; width: 385px; min-height: 150px; }
section.add-announcement div.validation-summary-errors { overflow: visible; }
section.add-announcement p.form-button { clear: both; }

section.add-announcement li.markdownpreview {padding-left: 17px;padding-right: 17px; padding-bottom: 5px;padding-top: 1px; margin: 2px; border-color: #5E4721; color: #5E4721; background-color: #ffea7e; background-color: rgba(255, 234, 126, 0.95);}
section.add-announcement li.markdownpreview h2 {font-weight: bold;}


/* admin leases */
#chart { margin: 0; overflow: auto; clear: both; margin-right: 10px; background-color: #f2f2f2; padding-bottom: 10px; }
section.admin-leases { overflow: auto; width: 960px; padding-bottom: 20px; }
section.admin-leases ul.params { clear: both; overflow: auto; margin-bottom: 10px; }
section.admin-leases ul.params.with-update-button { margin-bottom: 0; }
section.admin-leases ul.params li { width: 300px; float: left; }
section.admin-leases ul.params li.label { width: 100px; box-sizing: border-box; text-align: right; padding: 5px 5px 0 0; }
section.admin-leases ul.params li.label.update-button { padding: 0 0 0 20px; }
section.admin-leases ul.params li.label p { margin: 0 }
section.admin-leases ul.params li img { margin: 0 0 0 2px; }
section.admin-leases ul.params #SelectedCustomerNumber { width: 260px; height: 20px; margin: 2px 0; }
section.admin-leases div.results { margin: 20px 0 0; position: relative; }
section.admin-leases div.chart-container { width: 798px; overflow-y: hidden; overflow-x: auto; float: left; margin: 0 20px 0 0; }
section.admin-leases div.chart { border: solid 2px #999;  border-top: none; border-right: none; height: 205px; padding: 10px 5px 0 0; white-space: nowrap; min-width: 790px; display: inline-block; }
section.admin-leases div.content { position: relative; display: inline-block; overflow: hidden; height: 100%; z-index: 10; margin: 0;}
section.admin-leases div.chart-bar { padding: 0 2px 0; background-color: #0891f1; color: #fff; font-weight: bold; border: solid 1px #006cb7; border-bottom: none; position: absolute; bottom: 0; text-align: center; overflow: hidden; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
section.admin-leases div.chart-bar p { margin: 5px 0 0; }
section.admin-leases div.chart-bar input { padding: 0; margin: 0; }
section.admin-leases div.chart-drill:hover { background-color: #4fb0f3; cursor: pointer; }
section.admin-leases div.chart-xaxis { clear: both; overflow: visible; min-height: 40px; white-space: nowrap; padding: 0 5px 0 0; }
section.admin-leases div.chart-xaxis div.label-drill:hover { color: #0891f1; cursor: pointer; text-decoration: underline; }
section.admin-leases div.chart-label { display: inline-block; vertical-align: top; text-align: center; white-space: normal; padding: 2px 0 0; }
section.admin-leases div.chart-yaxis { width: 100px; text-align: right; float: left; margin: 5px 0 0; min-height: 10px; }
section.admin-leases div.average-content { position: relative; height: 0; z-index: 5; bottom: 0; color: #660099; }
section.admin-leases div.average-line { width: 99%; height: 2px; background-color: #660099;  position: absolute; bottom: 0; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; z-index: 2; }
section.admin-leases div.average-value { padding: 3px; height: 20px; min-width: 58px; position: absolute; z-index: 5; font-size: 12px; font-weight: bold; display: none; background-color: #660099; color: #fff;  -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}

section.admin-leases section.legend { float: right; background-color: #fff; width: 200px; margin: 10px 70px 10px 0; padding: 10px; border: solid 1px #333; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; }
section.admin-leases section.legend header { color: #2E2D2D; font-size: 1.2em; border-bottom: solid 1px #333; margin-bottom: 10px; }
section.admin-leases section.legend ul { overflow: auto; }
section.admin-leases section.legend ul li { float: left; padding: 0; }
section.admin-leases section.legend ul li.average-label { color: #660099;   }
section.admin-leases section.legend ul li.average-marker { padding: 10px 0 0; margin: 0 0 0 10px; }
section.admin-leases section.legend ul li.average-marker div { background-color: #660099; height: 2px; width: 50px; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

section.admin-leases section.details { background-color: #fff; position: absolute; z-index: 200; padding: 10px; border: solid 1px #333; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;}
section.admin-leases section.details header { color: #2E2D2D; font-size: 1.2em; border-bottom: solid 1px #333; margin-bottom: 10px; white-space: pre; }
section.admin-leases section.details ul { overflow: auto; }
section.admin-leases section.details ul li { float: left;  }
section.admin-leases section.details ul li.label { clear: both; width: 135px; }

section.admin-leases p.chart-back { float: right; margin: 0;}
section.admin-leases p.chart-back:hover { cursor: pointer; }
section.admin-leases header.chart-header { margin: 10px 0 0 100px; padding: 10px 10px 10px 5px; text-align: center; width: 782px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
section.admin-leases header.chart-header span.chart-title { font-size: 1.5em; }

section.admin-leases p.chart-noitems { width: 240px; margin: 30px auto; }
section.admin-leases div.loader { position: relative; top: 80px; height: 0; z-index: 1; background-color: transparent; }

section.admin-leases #SelectedVendorId, section.admin-leases #ActivityFilter { width: 263px; }
section.admin-leases #gridItems { margin-top: 15px; }
section.admin-leases table.trans-list { width: 960px; margin: 20px 0; font-size: 0.8em; }
section.admin-leases table.trans-list th { text-align: left; }

section.admin-leases table.customer-volume-items { width: 960px; margin: 20px 0; font-size: 12px; }
section.admin-leases table.customer-volume-items th { text-align: left; }

section.customer-usage-trend table { width: 960px; font-size: 0.85em; margin-top: 20px; }
section.admin-leases.customer-usage-trend ul.params { margin-bottom: 0; }
section.admin-leases.customer-usage-trend ul.params li { width: 240px; }
section.admin-leases.customer-usage-trend #SelectedVendorId { width: 210px; }
.customer-usage-trend select { width: 210px; }
section.admin-leases.customer-usage-trend ul.params #SelectedCustomerNumber { width: 210px; height: 20px; margin: 2px 0; }
.customer-usage-trend input[type="text"] { width: 175px; }

div.params { position: relative; padding: 0; float: left; }
div.params.has-update-button { padding-right: 150px; }
.update-button-container { position: absolute; top: 0; right: 0; margin-right: 10px; }
.params .param { float: left; width: 240px; margin: 2px 20px 2px 0; height: 50px; }
.params .param.single-line { height: 25px; margin-bottom: 0; padding-top: 20px; }
.param label { display: block; }
.param label.inline { display: inline; }
.param select, .param input[type="text"] { width: 100%; }
.param input[type="text"].hasDatepicker { width: 82%; margin: 0 4px 0 0; }

section.content.customer-details { overflow: visible; }
.customer-details .spacer { clear: both; margin: 0; }
.customer-details table { width: 100%; font-size: 0.85em; margin-bottom: 10px; }

.customer-settings input[type=text], span.read-only-field { margin-bottom: 15px; display: inline-block; }
.customer-settings input[type=submit] { width: auto;padding: 5px 20px; }
.customer-settings h3 { margin-top: 30px; }
ul.email-list { margin-bottom: 15px; }
ul.email-list li { margin: 5px; }

input[type=text].small-num { width: 80px; }
.form-group { margin: 10px 0; }
.sub-field, .form-group.sub-field { margin: 5px 0 10px 40px; }
.customer-settings .sub-field input[type=text] { margin: 0 0 0 5px; }
.view-container { position: relative; }

.tab-menu { margin-bottom: 20px; }
.tab-menu li { display: inline-block; margin-right: 25px; }
.tab-menu a { cursor: pointer; }
a.menu-active { border: 1px solid #0891f1; background: #4fb0f3; color: white; padding: 4px 10px; display: inline-block; }

.col-25 { width: 25%; float: left; }

/* The use of .no-csstransforms below is to support IE8 */
.kpi { font-size: 16px; }
.kpi.image { display: inline-block; width: 16px; height: 16px; }
.csstransforms .kpi.image { display: none; }
.no-csstransforms .kpi.icon-arrow-up { display: none; }

.kpi.Bad:before { color: #ff1919; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.kpi.PrettyBad:before { color: #ff832b; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.kpi.Neutral:before { color: #404040; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.kpi.PrettyGood:before { color: #3855ff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.kpi.Good:before { color: #00910e; }
.no-csstransforms .kpi.image.Bad { background-image: url('/Content/images/kpi-arrow-bad.png') }
.no-csstransforms .kpi.image.PrettyBad { background-image: url('/Content/images/kpi-arrow-prettybad.png') }
.no-csstransforms .kpi.image.Neutral { background-image: url('/Content/images/kpi-arrow-neutral.png') }
.no-csstransforms .kpi.image.PrettyGood { background-image: url('/Content/images/kpi-arrow-prettygood.png') }
.no-csstransforms .kpi.image.Good { background-image: url('/Content/images/kpi-arrow-good.png') }

section.admin-leases table.booking-list { width: 960px; margin: 20px 0; font-size: 0.8em; }
section.admin-leases table.booking-list th { text-align: left; }
section.admin-leases table.booking-list th.right-align { text-align: right; }

tr.alternate-row { background-color: #f6f6f6; }
tr.current-data td { padding-bottom: 20px; }
tr.current-data.last-row td { padding-bottom: 10px; }
tr.first-row td { padding-top: 20px; }

table tbody tr.cancelled { color: #b2b2b2; font-style: italic; }
.billing-actual { background: #e9e9e9; }
.booking-total-row { background: #dbdbdb; font-weight: bold; }
.grand-total-row { background: #cecece; font-weight: bold; }

.net-positive, p.monetary-diff.net-positive { color: #3c763d; background-color: #dff0d8; }
.net-negative, p.monetary-diff.net-negative { color: #a94442; background-color: #f2dede; }

p.monetary-diff { padding: 5px 10px; border: 1px solid #b2b2b2; background-color: #f8f8f8; border-radius: 1px; font-size: 1.5em; margin-bottom: 30px; }
p.monetary-diff.net-positive { border-color: #d6e9c6; }
p.monetary-diff.net-negative { border-color:  #ebccd1; }

span.net-positive, span.net-negative { display: inline-block; }
span.net-positive { padding: 5px 5px 5px 10px; border: 1px solid #d6e9c6; }
span.net-negative { padding: 5px 5px 5px 10px; border: 1px solid #ebccd1; }

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

.date-col, .total-leases-col, .total-value-col, .trend-col, .customerNumber-col { width: 65px; }

.report-params label { display: block; }

.admin-leases.late-bookings table { font-size: 12px; }
.admin-leases.late-bookings table td, .admin-leases.late-bookings table th { text-align: center; }

/* trailers on the street report */
.street-report .params label { margin: 0 10px 0 0; }
.street-report .action-buttons { float: right; margin: 0 20px 0 0; display: inline-block; text-align: center; }
.street-report .action-buttons .form-button { margin: 0 0 5px 0; }
.street-report .report-dates-container { margin-top: 10px; margin-right: 130px; }
.street-report .report-dates-container label { margin: 0 20px 0 0; }

.street-report table thead { background-color: #ffffff; border: none; color: #2e2d2d; font-size: 1.2em; }
.street-report table thead th { padding: 0 7px; font-weight: bold; font-size: 14px; color: #888; }
.street-report table tbody td { padding: 5px 10px; }
.street-report table tbody td span { font-weight: normal; }
.street-report .value-row { position: relative; height: 25px; }
.street-report .value-row label { position: absolute; left: 0; }
.street-report .value-row .value { position: absolute; right: 0; }
.street-report table.future-bookings tbody td { padding: 4px 10px; }

.street-report .report-date { width: 80px }
a.remove-param { margin: 0 10px 0 3px; color: #555; text-decoration: none; }
a.remove-param:hover { color: #888; text-decoration: none; }
.removeable-param { display: inline-block; margin: 3px 5px 0 0; padding: 0; }
.add-date { height: 28px; margin-left: 0; }
.add-date i, .add-button i { color: green; font-size: 18px; }
.add-button { margin-top: 5px; margin-bottom: 15px; }

/* History */
section.history p.form-button { width: 100px; float: left;  margin: 0 10px 30px 270px; }

section.history input[type=text] { margin: 0 5px; }

#history { overflow: auto; margin: 20px 0; padding: 0; font-size: 0.8em; width: 956px; }
#history td { padding: 10px; width: 200px; }

section.history ul.options { overflow: auto; width: 550px; margin: 0 0 20px; padding: 0; }
section.history ul.options li { width: 300px; float: left; margin: 5px;}
section.history ul.options li input[type=text] { width: 240px }
section.history ul.options li.label { width: 130px; }

section.history section header { font-size: 1.4em; font-weight: bold; }

section.history table thead th { text-align: left; padding-left: 10px; padding-right: 10px; }

/* invoice details */
section.invoicedetails { margin-bottom: 20px; }
section.invoicedetails p.form-button { margin: 0 20px 0 0; float: right; }
section.invoicedetails ul.details { overflow: auto; width: 800px; padding: 0; margin: 0; float: left; }
section.invoicedetails ul.details li, section.invoicedetails ul.details li.label { float: left; width: 630px; margin: 5px 5px 5px 0; font-size: 1.1em; }
section.invoicedetails ul.details li.label { width: 160px; color: #666; clear: both; font-weight: bold; }
section.invoicedetails ul.details li.cancelled { color:#ff0000; font-size: 1.2em; margin-bottom: 10px; }
section section.line-summary { padding: 20px 0 0 0; margin-bottom: 0; clear: both; }
section section.payment-summary { padding: 10px 0 0 0; margin-top: 0; clear: both; }
section.line-summary header, section.payment-summary header { color: #2E2D2D; font-size: 1.3em; border-bottom: solid 1px #999; padding: 0 0 5px; margin: 10px 5px 5px 0; }
section.invoicedetails table.line-items { margin: 0 0 20px; }
section.invoicedetails table.summary { width: 940px; }

section.invoicedetails ul.contract-details { overflow: auto; width: 950px; padding: 0; margin: 0; float: left; }
section.invoicedetails ul.contract-details li { float: left; width: 780px; margin: 5px 5px 5px 0; font-size: 1.1em; }
section.invoicedetails ul.contract-details li.label { width: 160px; color: #666; clear: both; font-weight: bold; }

div.history-link { margin-top: 10px; margin-bottom: 10px; }

section.payment-summary table { width: 940px; }
section.payment-summary table td { padding: 10px; }
section.payment-summary table td.payment-refund { color: #ff0000;}

section.invoicedetails .form-button.cancel-button { width: 120px; }
section.invoicedetails .form-button.cancel-button input { width: 120px; }

section.invoicedetails .form-button.uncancel-button { width: 150px; }
section.invoicedetails .form-button.uncancel-button input { width: 150px; background-color: #ff0000}


section.invoicedetails .form-button.refund-button { width: auto; }
section.invoicedetails .form-button.refund-button input { width: auto; }

section.paypal-refund .form-button.refund-button { width: 110px;margin-left: 0px; }
section.paypal-refund .form-button.refund-button input { width: 110px; }

.audit-info {
    font-size: 11px;
    color: #959595;
}

/* invoice search */

div.loader { position: relative; bottom: 0; padding: 10px 0; width: 960px; display: none; background-color: #fff; }
	div.loader img { display: block; margin: 0 auto; }

#search-wrapper { margin: 20px 0; } 
#search-wrapper div { margin: 10px 0 0; }

section.invoicesearch ul.options { margin-left: 10px; padding: 0; }
section.invoicesearch ul.options li { overflow: auto; margin: 3px 0; }
section.invoicesearch ul.options input[type=radio] { float: left; margin-top: 8px; padding-top: 0; }
section.invoicesearch ul.options input[type=text] { width: 200px; float: left; margin-top: 2px; margin-bottom: 2px; }
section.invoicesearch ul.options label { width: 115px; display: block; float: left; margin-top: 5px; }

section.invoicesearch table.search-results { width: 960px; margin: 20px 0; }
section.invoicesearch table.search-results thead th { text-align: left; }

section.invoicesearch h3 { width: 230px; margin-left: 0; }

section.invoicesearch p.form-button { margin-left: 15px; }

#ie7 section.invoicesearch p.form-button { margin-bottom: 20px; }
#ie7 section.invoicesearch p.form-button input { margin-left: -15px; }

/* invoice item update */
section.invoiceitem ul { overflow: auto; width: 550px; }
section.invoiceitem ul li { float: left; width: 350px; padding: 10px; margin: 0; }
section.invoiceitem ul li.editor-label { width: 130px; clear: both; font-weight: bold; }
section.invoiceitem ul li.quantity input[type=text] { width: 60px; }
section.invoiceitem ul li.subtotal input[type=text] { width: 90px; }
section.invoiceitem ul li.surcharges { width: 220px; }
section.invoiceitem ul li.surcharges input[type=text] { width: 60px; margin: 0 0 0 20px; float: right; }
section.invoiceitem ul li.surcharges p { margin: 0 0 5px; overflow: auto; }

/* invoice item stop charges */
section.stop-charges ul.info { overflow: auto; }
section.stop-charges ul.info li { float: left; padding: 10px; }
section.stop-charges ul.info li.label { width: 150px; clear: both; }

section.charges-summary { padding: 25px 0 25px 50px; width: 500px; }
section.charges-summary table { width: 100%; }
section.charges-summary table td { padding: 10px; }

section.stop-charges textarea { min-width: 360px; max-width: 800px; margin: 10px 0;}

section.stop-charges p.form-button { width: 130px; }
section.stop-charges p.form-button input[type=submit] { width: 130px; }

/* dropdown */
section.invoiceitem #ReturnLocationId { border: solid 1px #999; margin: 0; }

.hover { background-color: #ddd; }
.selected { color: #2e2d2d; background-color: #e5e5e5; }

section.invoiceitem table tbody td { padding: 3px; }
section.invoiceitem td.multicolumndropdown-column-0 { padding-left: 5px; margin: 0; }
section.invoiceitem td.multicolumndropdown-column-1 { text-align: right; padding-right: 5px; margin: 0;}

/* these classes are required for the multicolumn dropdown */
section.invoiceitem div.multicolumndropdown-display { display: inline-block; vertical-align: middle; }
section.invoiceitem div.multicolumndropdown { background-color: #fff; margin: 0; padding: 0;}
section.invoiceitem table.multicolumndropdown { padding: 0; margin: 0; }
section.invoiceitem tr.multicolumndropdown { cursor: pointer; }

#ie7 section.invoiceitem p.form-button input { margin-left: -40px; }
#ie7 section.invoiceitem input[type="checkbox"], #ie7 label { float: left; }

/* oneway */
section.oneway p.form-button { width: 135px; margin: 0 10px 30px 295px; }
#ie9 section.oneway p.form-button { width: 141px; margin: 0 10px 30px 249px; }

section.oneway p.form-button button { width: 135px; }
#ie9 section.oneway p.form-button button { width: 141px; }

#charges { margin: 20px 0 20px 11px; }
#charges input[type=text] { width: 75px; }

section.oneway ul.options { overflow: auto; width: 550px; margin-left: 11px; padding: 0; }
section.oneway ul.options li { width: 300px; float: left; margin: 5px;}
section.oneway ul.options li.label { width: 60px; }

section.oneway table { width: 424px; } 
section.oneway table thead th { text-align: left; }
section.oneway table tbody td { padding: 10px; }

section.oneway p.message { color: #ca771f; width: 800px; }

/* maths */
.math { width: 250px; margin-bottom: 25px; }
.math div { margin: 3px; }
.math label { float: left; clear: both; }
.math .operator { float: right; display: inline-block; margin: 0 5px; }
.math .value { float: right; text-align: right; -moz-min-width: 15px; -ms-min-width: 15px; -o-min-width: 15px; -webkit-min-width: 15px; min-width: 15px; }
.math .last-line .value { border-bottom: 1px solid #666666;}
.total-line { font-weight: bold; }

/* pickups */
section.pickups { margin-bottom: 20px; }
section.pickups ul.options { overflow: auto; width: 550px; margin: 0 0 20px; padding: 0; }
section.pickups ul.options li { width: 300px; float: left; margin: 5px;}
section.pickups ul.options li input[type=text] { width: 240px }
section.pickups ul.options li.label { width: 130px; }

section.pickups input[type=text] { width: 200px }

section.pickups table.schedule { width: 960px; font-size: 0.9em; }
section.pickups table.schedule td, section.pickups table.schedule th { padding: 10px; text-align: left; }
section.pickups table.schedule td.first, section.pickups table.schedule th.first { width: 50px; }
section.pickups td.units { text-align: center; }

/* rates */
section.rates p.form-button { margin: 0; }
section.rates.edit-rates p.form-button { width: 150px; }
section.rates.edit-rates p.form-button button { width: 150px; }
section.rates .ui-widget-header { display: inherit;background: none;border-left: none;border-right: none;border-top: none;border-radius: 0;border: none;}
section.rates .ui-tabs-nav > li { border-bottom: 1px solid #d3d3d3!important;}
#field-container { margin: 10px 0 20px; }

#rates { overflow: auto; margin: 0 0 20px; padding: 0; }
#rates td { width: 200px; padding: 10px; }

#updateRate { overflow: auto; }
#updateRate li { float: left; margin: 5px 5px 5px 0; }
#updateRate li.label { clear: both; width: 100px;}

#tiredRatesTab input[type="number"]::-webkit-outer-spin-button,
#tiredRatesTab input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
#tiredRatesTab input[type="number"] {-moz-appearance: textfield;}

section.rates ul.header { width: 440px; margin: 0; padding: 0; }
section.rates ul.header li { width: 200px; padding: 10px; }

section.rates ul.options { overflow: auto; width: 550px; margin: 0 0 20px; padding: 0; }
section.rates ul.options li { width: 300px; float: left; margin: 5px;}
section.rates ul.options li input[type=text] { width: 240px }
section.rates ul.options li.label { width: 130px; }

section.rates section header { font-size: 1.4em; }

.rate-discounts h3 { margin-top: 5px; }
section.rates hr { margin: 30px 300px 20px 5px; border: 1px inset #F8F8F8; }
section.rates .rate-item { margin-bottom: 40px; padding: 0 5px; }
section.rates .rate-discounts { padding: 0 5px; }
section.rates.edit-rates .rate-discounts { padding: 0; }
section.rates .rate-details .rate { font-weight: bold; }
section.rates .rate-discounts table { font-size: 14px; margin-top: 5px; }
section.rates .rate-discounts table thead { background-color: #F8F8F8; font-size: 14px; border: 1px solid #DFDFDF; }
section.rates.edit-rates .rate-discounts table { margin-top: 25px; }
section.rates.edit-rates .rate-discounts table input[type="text"], section.rates.edit-rates .rate-discounts table input[type="number"] { width: 55px; margin-bottom: 0; }
section.rates .rate-discounts table thead th { padding: 5px 10px; font-size: 0.9em; }
section.rates .rate-discounts table tbody td { padding: 5px 10px; vertical-align: top; }
section.rates .rate-discounts table tbody td span { font-weight: normal; display: block; font-size: 0.85em; }
section.rates .rate-discounts table tbody td span.percent { display: inline-block; margin: 0 0 0 1px; }
section.rates .rate-discounts table tbody td span.calculated-rate { color: #A7A7A7; font-size: 0.8em; }
#addRateTier { display: block; margin: 5px 0 30px 12px; }

.min-units-col { width: 80px; }
.min-days-col { width: 125px; }
section.rates dl { margin: 0; }
section.rates dd { margin: 0; }


.customer-datepicker {    width: 200px; margin: 0 4px 0 0; font-size: 12px !important; padding: 1px 5px;}
.commitment-tiers input[type=number] { width: 75px; margin-top: 5px; }
.commitment-tiers a.remove { margin-right: 15px; }

.contract-note textarea { min-height: 55px; margin: 2px; }
.contract-note a { vertical-align: top; }

/* change password */
section.changepassword p.form-button { width: 150px; margin-left: 0px; }
section.changepassword p.form-button input[type=submit] { width: 150px;}
section.changepassword p { color: #666; }
section.changepassword ul.form-list { padding: 0; }
#ie7 section.changepassword ul.form-list { margin-left: 0; }

/* success */
section.success p.message { margin: 12px 0 20px; color: #666; }
section.success p.action-button { margin: 20px 0; }
section.success p.form-button { margin-left: 0 }

/* reset */
section.reset ul.form-list { margin: 0; padding: 0; }
section.reset p.message { margin: 12px 0 20px; color: #666; }
section.reset p.action-button { margin: 20px 0; }
section.reset p.form-button { margin-left: 0 }

/* reports */
.report-list dt {
    margin: 20px 0 0 0;
}

.report-list dd {
    margin: 5px 0 0 0;
}

#reportChart { margin-top: 20px; }
#goBackButton { position: absolute; top: 0; right: 0; z-index: 10; margin-right: 185px; margin-top: 10px; }

.chart-wrapper { position: relative; }

section.report table { width: 960px; font-size: 0.8em; margin: 20px 0; }
section.report table td { text-align: center; }
section.report table td.left-align { text-align: left; }
section.report table td.right-align { text-align: right; }
section.report ul.params { margin-bottom: 0; clear: both; overflow: auto; }
section.report ul.params li { width: 240px; float: left; }
section.report ul.params li img { margin: 0 0 0 2px; }
section.report #SelectedVendorId { width: 210px; }
section.report select { width: 210px; }
section.report input[type="text"] { width: 175px; }

/* jquery ui */
ul.ui-autocomplete { font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; }
.ui-autocomplete.ui-menu .ui-menu-item a { color: #000000; padding: 3px; font-size: 14px; line-height: 18px; }
.ui-autocomplete.ui-widget-content .ui-state-focus { border: none; background: #e5e5e5; }

.ui-combobox { position: relative; width: 260px; display: inline-block; box-sizing: border-box; }
.ui-combobox input.ui-autocomplete-input { width: 100%; padding: 4px; margin: 2px 0 !important; box-sizing: border-box; }
.ui-combobox .ui-button.autocomplete-button { height: 20px; width: 20px; position: absolute; top: 5px; right: 3px; margin: 0; }

/* add vendor */
.trailer-items li div:first-child + div {
    display: inline-block;
    margin-top: 10px;
}

.trailer-items input[type="checkbox"] {
    margin-left: 10px;
    margin-top: 8px;
}

/* Popup container - can be anything you want */
.popup {
    position: absolute;
    /*display: inline-block;*/
    /*cursor: pointer;*/
    /*top: 35%;*/
    top: 35%;
    left: 45%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    /*visibility: hidden;*/
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.stepTaxBox {
        width: 70px !important;
}

.stepTaxBoxHeader{
    display: inline-flex;
    width: 70px;
    word-wrap: break-word;
    vertical-align: bottom;
    padding-left: 10px;
}

.stepTaxError{
    color:red;
}