/* Minification failed. Returning unminified contents.
(912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
#ProductDefaultsForm table.grid {
  font-size: 11px;
}
#ProductDefaultsForm dialog .full-width {
  width: 150px;
  padding-bottom: 5px;
}
#ProductDefaultsForm .number input {
  width: 50px;
}

#TaxFeeDefaultsForm {
  min-height: 800px;
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
#TaxFeeDefaultsForm h3 {
  margin: 3px;
}
#TaxFeeDefaultsForm table thead th {
  font-size: 12px;
  white-space: nowrap;
}
#TaxFeeDefaultsForm table tbody {
  border-bottom: 2px solid #78bf3e;
}
#TaxFeeDefaultsForm table tbody td {
  vertical-align: middle;
}
#TaxFeeDefaultsForm table tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}
#TaxFeeDefaultsForm table.sortTable thead th[data-sort-id] span {
  padding: 0px 20px;
  text-decoration: underline;
  background: url(/Dealer/assets/images/icons/sort_both.png) right no-repeat;
}
#TaxFeeDefaultsForm table.sortTable thead th[data-sort-id].ascending span {
  background: url(/Dealer/assets/images/icons/sort_asc.png) right no-repeat;
}
#TaxFeeDefaultsForm table.sortTable thead th[data-sort-id].descending span {
  background: url(/Dealer/assets/images/icons/sort_desc.png) right no-repeat;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th {
  text-align: left;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th.code {
  width: 100px;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th.name {
  width: 150px;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th.rate {
  width: 105px;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th.exemptValue {
  width: 125px;
}
#TaxFeeDefaultsForm .defaultTaxes table tr th.modified {
  width: 200px;
  text-align: center;
}
#TaxFeeDefaultsForm .defaultTaxes table tr td {
  text-align: left;
}
#TaxFeeDefaultsForm .defaultTaxes table tr td.rate, #TaxFeeDefaultsForm .defaultTaxes table tr td.exemptValue {
  text-align: right;
}
#TaxFeeDefaultsForm .defaultTaxes table tr td.modified {
  text-align: center;
}
#TaxFeeDefaultsForm .calculatedFees table thead th, #TaxFeeDefaultsForm .calculatedFees table tbody td {
  text-align: left;
}
#TaxFeeDefaultsForm .fees table tr th, #TaxFeeDefaultsForm .fees table tr td {
  text-align: center;
}
#TaxFeeDefaultsForm .fees table tr th:nth-child(2), #TaxFeeDefaultsForm .fees table tr th:nth-child(3), #TaxFeeDefaultsForm .fees table tr td:nth-child(2), #TaxFeeDefaultsForm .fees table tr td:nth-child(3) {
  text-align: left;
}
#TaxFeeDefaultsForm .fees table tr td:nth-child(5), #TaxFeeDefaultsForm .fees table tr td:nth-child(6) {
  text-align: right;
}
#TaxFeeDefaultsForm .fees table tr td:nth-child(5).empty, #TaxFeeDefaultsForm .fees table tr td:nth-child(6).empty {
  text-align: center;
}
#TaxFeeDefaultsForm .fees table thead th:nth-child(1), #TaxFeeDefaultsForm .fees table thead th:nth-child(7), #TaxFeeDefaultsForm .fees table thead th:nth-child(8), #TaxFeeDefaultsForm .fees table thead th:nth-child(9), #TaxFeeDefaultsForm .fees table thead th:nth-child(10), #TaxFeeDefaultsForm .fees table thead th:nth-child(11) {
  width: 0px;
}
#TaxFeeDefaultsForm .fees table thead th:nth-child(2), #TaxFeeDefaultsForm .fees table thead th:nth-child(4) {
  width: 170px;
}
#TaxFeeDefaultsForm .fees table thead th:nth-child(5), #TaxFeeDefaultsForm .fees table thead th:nth-child(6) {
  width: 100px;
}
#TaxFeeDefaultsForm .fees table thead th:nth-child(12) {
  width: 200px;
}
#TaxFeeDefaultsForm .customFees table thead tr th, #TaxFeeDefaultsForm .customFees table tbody tr td {
  text-align: center;
}
#TaxFeeDefaultsForm .customFees table thead tr th:nth-child(3), #TaxFeeDefaultsForm .customFees table thead tr th:nth-child(4), #TaxFeeDefaultsForm .customFees table thead tr th:nth-child(5), #TaxFeeDefaultsForm .customFees table thead tr th:nth-child(6), #TaxFeeDefaultsForm .customFees table tbody tr td:nth-child(3), #TaxFeeDefaultsForm .customFees table tbody tr td:nth-child(4), #TaxFeeDefaultsForm .customFees table tbody tr td:nth-child(5), #TaxFeeDefaultsForm .customFees table tbody tr td:nth-child(6) {
  text-align: left;
}
#TaxFeeDefaultsForm .customFees table tbody tr td:nth-child(6) {
  text-align: right;
}
#TaxFeeDefaultsForm .customFees table thead th:nth-child(1), #TaxFeeDefaultsForm .customFees table thead th:nth-child(2), #TaxFeeDefaultsForm .customFees table thead th:nth-child(7), #TaxFeeDefaultsForm .customFees table thead th:nth-child(8), #TaxFeeDefaultsForm .customFees table thead th:nth-child(9), #TaxFeeDefaultsForm .customFees table thead th:nth-child(10), #TaxFeeDefaultsForm .customFees table thead th:nth-child(11) {
  width: 0px;
}
#TaxFeeDefaultsForm .customFees table thead th:nth-child(3), #TaxFeeDefaultsForm .customFees table thead th:nth-child(5) {
  width: 170px;
}
#TaxFeeDefaultsForm .customFees table thead th:nth-child(6) {
  width: 100px;
}
#TaxFeeDefaultsForm .customFees table thead th:nth-child(12) {
  width: 200px;
}
#TaxFeeDefaultsForm .customFees table tfoot td {
  text-align: left;
}
#TaxFeeDefaultsForm .customFees table tfoot td button {
  color: navy;
  cursor: pointer;
  margin: 5px 20px;
  font-weight: bold;
}
#TaxFeeDefaultsForm .customFees table button {
  border: none;
  padding: 0px;
  line-height: 14px;
  background-color: transparent;
}
#TaxFeeDefaultsForm .customFees table button span {
  font-size: 18px;
}
#TaxFeeDefaultsForm .exemptValue input {
  width: 100px;
}
#TaxFeeDefaultsForm .code input, #TaxFeeDefaultsForm .paidTo input {
  width: 150px;
}
#TaxFeeDefaultsForm .name input {
  width: calc(100% - 20px);
}
#TaxFeeDefaultsForm .rate input, #TaxFeeDefaultsForm .amount input {
  width: 60px;
  text-align: right;
}
#TaxFeeDefaultsForm footer {
  margin: 10px;
  text-align: center;
}
#TaxFeeDefaultsForm p.red {
  color: red;
}

#divCalculatedFees table thead #thCalculatedFeesEmptyColumn {
  width: 20px;
}
#divCalculatedFees table thead #thCalculatedFeesName {
  min-width: 200px;
  width: 15%;
}

#divAdminConsoleLinks {
  text-align: center;
}
#divAdminConsoleLinks [id*=tblAdminConsoleLinks] {
  border: none;
  margin: 0 auto;
}
#divAdminConsoleLinks img {
  border: none;
}

#hrAdminConsole {
  width: 100%;
  height: 1px;
  color: #333333;
  width: calc(100% - 2px);
}

#tblSystem .seperator {
  width: calc(100% - 2px);
}
#tblSystem .multipleTabs, #tblSystem .multipleTabs iframe {
  min-height: calc(100vh - 375px);
}
#tblSystem select {
  margin: 10px, 0px;
}

#feContractingDefaults .fetchTable thead tr th:nth-child(4), #feContractingDefaults .fetchTable thead tr th:nth-child(5) {
  text-align: center;
}
#feContractingDefaults .fetchTable tbody tr select {
  width: 100%;
  max-width: 200px;
}
#feContractingDefaults .fetchTable tbody tr td:nth-child(4), #feContractingDefaults .fetchTable tbody tr td:nth-child(5) {
  text-align: center;
}
#feContractingDefaults .fetchTable tbody tr td:nth-child(5) {
  white-space: nowrap;
}
#feContractingDefaults input[type=button] {
  margin: 10px;
}
#feContractingDefaults .spinner {
  background-color: white;
  border: solid 3px lightgrey;
  border-radius: 5px;
  padding: 20px;
  transform: scale(1.5) translateX(-25%) translateY(-25%);
}
#feContractingDefaults .spinner .spinnerDefault > div {
  background-color: lightgrey;
}

#bodyOnlineCreditApp {
  margin: 0px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] {
  margin: 0 7px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .pagehdr {
  margin-left: 10px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] hr {
  width: 100%;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divDealerDropDown {
  margin: 10px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divNonAdminMessage {
  font-weight: bold;
  margin: 20px 0;
  text-align: center;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divEnableCreditAppCheckbox {
  margin: 10px 10px 2px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm {
  margin: 7px 20px;
  table-layout: fixed;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm .thCreditAppFormLabel {
  vertical-align: top;
  padding: 3px 0;
  text-align: left;
  display: inline-block;
  min-width: 17em;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm .tdCreditAppFormField {
  padding: 3px 0;
  display: inline-block;
  max-width: 85em;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm .divFormFieldDescription {
  padding-top: 2px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm #txtDealerWebDomain {
  width: 250px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm #txtNotificationEmails {
  width: 1000px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] #divCreditAppForm .inputForm .tdCustomizeCollateral {
  padding-top: 7px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divEnableEditApps {
  margin: 0 10px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divEnableAdditionalMessage {
  margin: 10px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divEnableAdditionalMessage .cleditorMain {
  margin: 11px;
}
#bodyOnlineCreditApp [id$=formOnlineCreditApp] .divCheckboxDescription {
  margin: 9px 12px;
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
#bodyOnlineCreditApp .divSaveButton {
  margin: 20px;
  text-align: center;
}

.fFormBatches {
  font-family: Arial, sans-serif;
  font-size: 11px;
}
.fFormBatches a:link {
  color: #78bf3e;
}
.fFormBatches .buttons {
  text-align: center;
}
.fFormBatches .buttons button, .fFormBatches .buttons input {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}
.fFormBatches table {
  width: 100%;
  border-spacing: 0px;
}
.fFormBatches table tr {
  text-align: center;
}
.fFormBatches table tr th:nth-child(3), .fFormBatches table tr td:nth-child(3) {
  text-align: left;
}
.fFormBatches table thead tr {
  background-color: #b7d690;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.fFormBatches table tbody tr:nth-child(2n-1) {
  background-color: white;
}
.fFormBatches table tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}

#fFormTemplates .divFormTemplates {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-family: Arial, sans-serif;
  color: grey;
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
#fFormTemplates .divFormTemplates h2 {
  font-size: 13px;
  font-weight: bold;
  color: maroon;
  margin: 0px;
}
#fFormTemplates .divFormTemplates h3 {
  font-weight: bold;
  color: maroon;
  font-size: 13px;
  margin: 0px;
}
#fFormTemplates .divFormTemplates hr {
  width: 100%;
}
#fFormTemplates .divFormTemplates button {
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
#fFormTemplates .divFormTemplates .required {
  font-weight: bold;
  color: #000066;
}
#fFormTemplates .divFormTemplates .fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
}
#fFormTemplates .divFormTemplates .fields > div > input, #fFormTemplates .divFormTemplates .fields > div > select {
  margin-left: 5px;
  margin-right: 10px;
}
#fFormTemplates .divFormTemplates .fields .txtName {
  width: 110px;
}
#fFormTemplates .divFormTemplates .fields .txtDescription {
  width: 230px;
}
#fFormTemplates .divFormTemplates .fields .ms-options-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  min-width: 0;
  margin-left: 5px;
  margin-right: 10px;
}
#fFormTemplates .divFormTemplates .fields .ms-options-wrap > button > span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#fFormTemplates .divFormTemplates .fields .ms-options-wrap > .ms-options {
  width: 380px;
  left: auto;
  right: 0;
  white-space: nowrap;
}
#fFormTemplates .divFormTemplates .fields .ms-options-wrap > .ms-options .ms-selectall.global {
  text-transform: none;
}
#fFormTemplates .divFormTemplates .fields .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  top: 50%;
  transform: translateY(-50%);
}
#fFormTemplates .divFormTemplates .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
}
#fFormTemplates .divFormTemplates .filters input, #fFormTemplates .divFormTemplates .filters select {
  margin-left: 5px;
  margin-right: 10px;
}
#fFormTemplates .divFormTemplates .filters .ddlFormTypes {
  width: 350px;
}
#fFormTemplates .divFormTemplates .filters .txtFormName {
  width: 155px;
}
#fFormTemplates .divFormTemplates .filters .go {
  width: 22px;
  height: 22px;
  padding: 0px;
  border: none;
  border-radius: 50%;
  background-color: #15639f;
  color: white;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
#fFormTemplates .divFormTemplates .formSelection {
  display: flex;
}
#fFormTemplates .divFormTemplates .formSelection select {
  width: 100%;
  height: 400px;
}
#fFormTemplates .divFormTemplates .formSelection select option {
  text-overflow: ellipsis;
  overflow: hidden;
}
#fFormTemplates .divFormTemplates .formSelection .buttons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex: 0 0;
  padding: 2px;
}
#fFormTemplates .divFormTemplates .formSelection .buttons button {
  margin: 7px 0px;
  white-space: nowrap;
}
#fFormTemplates .divFormTemplates .formSelection div:first-child {
  flex: 1 0;
  align-self: flex-end;
}
#fFormTemplates .divFormTemplates .formSelection div:nth-child(3) {
  flex: 1 0;
  align-self: flex-end;
}
#fFormTemplates .divFormTemplates .buttons {
  text-align: center;
}

form.MyForms .multipleTabs iframe {
  min-height: max(100vh - 275px, 700px);
}

table.userAlerts {
  font-size: 11px;
  width: calc(100% - 2px);
  border-collapse: collapse;
  font-family: arial, sans-serif;
}
table.userAlerts thead tr {
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}
table.userAlerts thead tr th {
  padding: 3px;
  text-align: left;
}
table.userAlerts thead tr th:last-child {
  text-align: center;
}
table.userAlerts tbody td {
  vertical-align: top;
}
table.userAlerts tbody tr td:first-child {
  width: 250px;
}
table.userAlerts tbody tr td:nth-child(2) {
  width: 800px;
}
table.userAlerts tbody tr td:last-child {
  width: 150px;
  text-align: center;
}
table.userAlerts tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}
table.userAlerts tbody textarea {
  min-height: 38px;
  resize: vertical;
  width: calc(100% - 23px);
}

.save-efiles-status {
  margin-left: 8px;
  font-weight: bold;
}
.save-efiles-status.is-success {
  color: green;
}
.save-efiles-status.is-error {
  color: red;
}
@media print {
  .no-print {
    display: none !important;
  }
}

#ApplicationError {
  margin: 0px;
  height: 100%;
}
#ApplicationError body {
  display: flex;
  margin: 0px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
}
#ApplicationError body img.header {
  display: block;
  flex: 0 auto;
}
#ApplicationError body hr.header {
  flex: 0 0;
  min-height: 27px;
  width: 100%;
  margin: 0px;
  border: none;
  background: #008AC2 linear-gradient(#A0D4F2, #008AC2);
}
#ApplicationError body .container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex: 1 1;
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
}
#ApplicationError body .container img {
  max-height: 40vh;
}
#ApplicationError body .container div.friendlyMessage {
  color: #666;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
#ApplicationError body .container div.detailed {
  width: calc(100% - 20px);
  height: 100%;
}
#ApplicationError body .container div.detailed h1 {
  color: red;
  font-weight: normal;
  font-size: 1.5em;
}
#ApplicationError body .container div.detailed hr {
  color: silver;
  width: 100%;
}
#ApplicationError body .container div.detailed h3 {
  color: maroon;
  font-style: italic;
  font-weight: normal;
  font-size: 1.3em;
}
#ApplicationError body .container div.detailed b {
  margin-right: 5px;
}
#ApplicationError body .container div.detailed div {
  display: block;
  background-color: lightgoldenrodyellow;
  margin-top: 10px;
  padding: 1px 0px;
}
#ApplicationError body .footer {
  display: flex;
  justify-content: space-between;
  flex: 0 0;
  min-height: 30px;
  width: 100%;
  background-color: #a2988f;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
#ApplicationError body .footer div {
  margin: auto 10px;
}
#ApplicationError body .footer a {
  color: white;
}

.disabledNavItem, .nav a:link, .nav a:visited {
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  text-shadow: 1px 1px #888888;
  margin: auto 0;
}

#DivSearchOptions {
  position: absolute;
  width: 205px;
  z-index: 2;
  border: 1px solid black;
  border-top: 0;
  background: white;
  display: flex;
  flex-direction: column;
  text-align: left;
  box-sizing: border-box;
}

.indent {
  padding-left: 3px;
}

.centerAll {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}

.centeredList {
  display: inline-block;
  text-align: left;
}

.validationerrors.informational {
  color: black;
}

.navigationBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #008AC2 linear-gradient(#A0D4F2, #008AC2) repeat-x;
  height: 27px;
}

.searchTile {
  background: #62A61C linear-gradient(#C6E7AD, #62A61C) repeat-x;
  min-width: 330px;
  text-align: right;
  vertical-align: top;
  margin-left: auto;
}

.nav {
  text-align: center;
  white-space: nowrap;
}
.nav div {
  margin: auto 0;
  padding: 0 20px;
}
.nav a:hover {
  text-shadow: 0px 0px 1px white;
}

.nav:not(:first-child) div {
  border-left: 1px dotted white;
}

.navSelected {
  background: transparent linear-gradient(transparent, #046099) repeat-x;
  height: 27px;
  line-height: 27px;
  display: flex;
}
.navSelected div {
  height: 14px;
  line-height: 14px;
}

.disabledNavItem {
  color: lightgrey;
}

.captions, .formInputTable {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: dimgrey;
}

.formInputTable tr td:nth-child(1) {
  text-align: right;
}
.formInputTable tr td:nth-child(2) {
  text-align: left;
}
.formInputTable tr.required label {
  font-weight: bold;
}

.dbErrors, .dbErrorsBorder {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  COLOR: red;
}

.dbErrorsBorder {
  border: 1px solid red;
  padding: 3px;
}
.dbErrorsBorder li {
  margin-left: 15px;
}

#DivFooter {
  width: 100%;
  background-color: #a2988f;
  display: flex;
  height: 30px;
}

a.incomplete:link, a.incomplete:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #336699;
}
a.pending:link, a.pending:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #666666;
}
a.declined:link, a.declined:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: red;
}
a.conditioned:link, a.conditioned:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: orange;
}
a.approved:link, a.approved:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: green;
}
a.withdrawn:link, a.withdrawn:visited {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #7F5D7F;
}
a.blueLink:link, a.blueLink:visited {
  FONT-FAMILY: arial, sans-serif;
  COLOR: blue;
}

.labeldeclined {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  COLOR: red;
}

.labelconditioned {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  COLOR: orange;
}

.labelapproved {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  COLOR: green;
}

.labelwithdrawn {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  COLOR: purple;
}

.fetchTable.grid thead {
  background-color: #b7d690;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.fetchTable.grid th, .fetchTable.grid td {
  padding: 3px;
}
.fetchTable.grid .sortUp .sortIcon {
  top: -3px;
  border-bottom-color: white;
  border-width: 6px;
  border-bottom-width: 8px;
  margin-left: 5px;
}
.fetchTable.grid .sortDown .sortIcon {
  top: 3px;
  border-top-color: white;
  border-width: 6px;
  border-top-width: 8px;
  margin-left: 5px;
}
.fetchTable.grid tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}
.fetchTable.grid tbody tr:nth-child(2n+1) {
  background-color: white;
}
.fetchTable.grid tfoot {
  background-color: white;
  color: black;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  border-top: solid 20px #b7d690;
  font-family: Verdana, Arial, Sans-Serif;
}
.fetchTable.grid tfoot .current {
  color: #000080;
  font-weight: bold;
  text-decoration: underline;
}
.fetchTable.grid tfoot .number, .fetchTable.grid tfoot span {
  font-weight: normal;
}
.fetchTable.grid tfoot .first:not([hidden]), .fetchTable.grid tfoot .previous:not([hidden]), .fetchTable.grid tfoot .next:not([hidden]), .fetchTable.grid tfoot .last:not([hidden]) {
  display: inline-block;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  vertical-align: middle;
}
.fetchTable.grid tfoot a.first {
  width: 12px;
  background-image: url(/Dealer/assets/images/icons/page_first.gif);
}
.fetchTable.grid tfoot a.previous {
  width: 9px;
  background-image: url(/Dealer/assets/images/icons/page_prev.gif);
}
.fetchTable.grid tfoot a.next {
  width: 9px;
  background-image: url(/Dealer/assets/images/icons/page_next.gif);
}
.fetchTable.grid tfoot a.last {
  width: 12px;
  background-image: url(/Dealer/assets/images/icons/page_last.gif);
}
.fetchTable.grid tfoot .total {
  float: right;
  padding-right: 10px;
}

@charset "UTF-8";
@keyframes placeholderShimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}
#fDashboard {
  padding-bottom: 20px;
  --chart-1: #15639f;
  --chart-2: #78bf3e;
  --chart-3: #800000;
  --chart-4: #4c7bcc;
  --chart-5: #a2988f;
}
#fDashboard * {
  box-sizing: border-box;
}
#fDashboard .filterBar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 18px;
  margin-bottom: 12px;
  padding: 8px 16px;
  background-color: #b7d690;
}
#fDashboard .filterGroup label {
  font-weight: bold;
  color: #00224C;
}
#fDashboard .filterGroup select {
  min-width: 220px;
}
#fDashboard .download {
  padding: 5px 14px;
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: white;
  color: #15639f;
  font-weight: bold;
  cursor: pointer;
}
#fDashboard .download:hover {
  background-color: #15639f;
  color: white;
}
#fDashboard .panel {
  margin: 0 16px 12px;
  border: 1px solid #c9c9c9;
}
#fDashboard .panelHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  background-color: #15639f;
  color: white;
  font-weight: bold;
}
#fDashboard .panelHead .sub,
#fDashboard .panelHead .freshness,
#fDashboard .panelHead .hideInactive {
  font-size: 11px;
  font-weight: normal;
}
#fDashboard .panelHead .freshness .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: #78bf3e;
}
#fDashboard .panelHead .hideInactive {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
#fDashboard .panelBody {
  padding: 14px 16px;
}
#fDashboard .panelEmpty {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 24px 12px;
  text-align: center;
}
#fDashboard .panelEmpty .emptyTitle {
  color: #15639f;
  font-weight: bold;
}
#fDashboard .panelEmpty .emptySub {
  color: #666666;
}
#fDashboard .panel[data-state=empty] .panelBody {
  display: none;
}
#fDashboard .panel[data-state=empty] .panelEmpty {
  display: flex;
}
#fDashboard .panel[data-state=loading] .ph {
  background: linear-gradient(90deg, #e6eaee 25%, #f3f5f7 37%, #e6eaee 63%);
  background-size: 400% 100%;
  animation: placeholderShimmer 1.4s ease-in-out infinite;
  color: transparent;
}
#fDashboard .kpiGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px 20px;
}
#fDashboard .kpi {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#fDashboard .kpiLabel {
  color: #15639f;
  font-weight: bold;
}
#fDashboard .kpiValue {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #c9c9c9;
  background-color: #f5f5f5;
  font-size: 17px;
  font-weight: bold;
}
#fDashboard .kpiDelta {
  min-height: 14px;
  font-size: 11px;
  font-weight: bold;
  color: #15639f;
}
#fDashboard .kpiDelta::before {
  margin-right: 3px;
}
#fDashboard .kpiDelta.up {
  color: #78bf3e;
}
#fDashboard .kpiDelta.up::before {
  content: "▲";
}
#fDashboard .kpiDelta.down {
  color: #800000;
}
#fDashboard .kpiDelta.down::before {
  content: "▼";
}
#fDashboard .kpiDelta.flat::before {
  content: "–";
}
#fDashboard .kpiDelta:empty::before {
  content: none;
}
#fDashboard .panelRow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
  margin: 0 16px 12px;
}
#fDashboard .panelRow .panel {
  margin: 0;
}
#fDashboard .barList {
  min-height: 160px;
}
#fDashboard .bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
#fDashboard .barName {
  color: #15639f;
  font-weight: bold;
  flex: 0 0 90px;
}
#fDashboard .barTrack {
  flex: 1;
  height: 9px;
  border: 1px solid #c9c9c9;
  background-color: #f5f5f5;
}
#fDashboard .barFill {
  display: block;
  height: 100%;
}
#fDashboard .barStat {
  flex: 0 0 80px;
  text-align: right;
}
#fDashboard .chartBox {
  position: relative;
  height: 185px;
  overflow: hidden;
}
#fDashboard table.grid thead th {
  padding: 6px 8px;
  border-bottom: 1px solid #c9c9c9;
  color: #15639f;
  text-align: left;
}
#fDashboard table.grid td {
  padding: 6px 8px;
  border-bottom: 1px solid #c9c9c9;
}
#fDashboard td.lender {
  color: #15639f;
  font-weight: bold;
}
#fDashboard .statusCount {
  display: inline-block;
  min-width: 2ch;
  text-align: right;
}
#fDashboard .percent {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  background-color: rgba(21, 99, 159, 0.08);
  color: #15639f;
  font-weight: bold;
}
#fDashboard .infoTip {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 4px;
}
#fDashboard .infoIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #666666;
  color: white;
  font-size: 9px;
  font-style: normal;
  cursor: help;
}
#fDashboard .infoBubble {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #00224C;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  color: white;
  font-weight: normal;
  line-height: 1.4;
}
#fDashboard .infoBubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #00224C;
}
#fDashboard .infoBubble .formulaLine {
  display: block;
  margin-top: 4px;
}
#fDashboard .infoTip:hover .infoBubble {
  display: block;
}

@media print {
  body > header, #divImage, #divNavTile, #divNavigation, #DivFooter {
    display: none !important;
  }
  #fDashboard .panelHead, #fDashboard .barFill {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  #fDashboard .download {
    display: none;
  }
  #fDashboard .panel {
    break-inside: avoid;
  }
}

#fDealJackets {
  min-height: calc(100vh - 215px);
}
#fDealJackets h1 {
  color: maroon;
  font-size: 16px;
  margin-left: 10px;
}
#fDealJackets .dealers {
  color: white;
  display: flex;
  min-height: 24px;
  justify-content: center;
  background-color: #b7d690;
}
#fDealJackets .dealers div {
  align-self: center;
}
#fDealJackets .dealers label {
  font-weight: bold;
}
#fDealJackets .dealers select {
  font-size: 10px;
  background-color: white;
  border: solid 1px lightgray;
}
#fDealJackets .dealers button {
  font-size: 10px;
  padding: 0px;
}
#fDealJackets .filters {
  color: grey;
  display: flex;
  justify-content: center;
  margin: 20px 0px;
}
#fDealJackets .filters div {
  margin: 0px 10px;
}
#fDealJackets .filters label {
  font-weight: bold;
}
#fDealJackets .filters .applicationID input {
  width: 60px;
}
#fDealJackets .buttons {
  display: flex;
  justify-content: center;
  margin: 20px 0px;
}
#fDealJackets .buttons button {
  width: 110px;
  height: 30px;
  font-weight: bold;
  justify-self: center;
  margin: 0px 10px;
}
#fDealJackets .table {
  padding: 0px 10px;
}
#fDealJackets .table table.fetchTable td, #fDealJackets .table table.fetchTable th {
  text-align: left;
}
#fDealJackets .table table.fetchTable td.center, #fDealJackets .table table.fetchTable th.center {
  text-align: center;
}
#fDealJackets .table table.fetchTable td:first-child, #fDealJackets .table table.fetchTable th:first-child {
  padding-left: 10px;
}
#fDealJackets .table table.fetchTable thead {
  border: 1px solid #b7d690;
  border-bottom-width: 0px;
}
#fDealJackets .table table.fetchTable tbody {
  border-left: 1px solid #b7d690;
  border-right: 1px solid #b7d690;
}
#fDealJackets .table table.fetchTable .approved {
  color: green;
  font-weight: bold;
  cursor: default;
}
#fDealJackets .table table.fetchTable .conditioned {
  color: orange;
  font-weight: bold;
  cursor: default;
}

#fDealJacket {
  min-height: calc(100vh - 200px);
  padding: 0px 10px;
}
#fDealJacket .header {
  text-align: center;
}
#fDealJacket .header h1 {
  color: maroon;
}
#fDealJacket .header h1, #fDealJacket .header span {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#fDealJacket .header .pageName {
  float: left;
}
#fDealJacket .fields {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #b7d690;
  padding: 10px;
}
#fDealJacket .fields .field {
  width: calc(25% - 10px);
  margin: 5px;
}
#fDealJacket .fields .field b {
  vertical-align: top;
}
#fDealJacket .fields .collaterals {
  margin: 0px;
  display: inline-block;
}
#fDealJacket .buttons {
  display: flex;
  justify-content: center;
}
#fDealJacket .buttons button {
  margin: 10px 5px;
  font-weight: bold;
  width: 85px;
  height: 25px;
}
#fDealJacket .buttons button span {
  font-family: Courier New, monospace;
  font-size: 56px;
  display: inline-block;
  width: 18px;
  overflow: hidden;
  height: 14px;
  line-height: 1px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
#fDealJacket .buttons div.spacer {
  flex-grow: 1;
}
#fDealJacket .buttons div:not(.spacer) {
  width: 95px;
}
#fDealJacket .efiles table {
  border: solid 1px #b7d690;
}
#fDealJacket .efiles table td, #fDealJacket .efiles table th {
  text-align: center;
}
#fDealJacket .efiles table td.left, #fDealJacket .efiles table th.left {
  text-align: left;
}
#fDealJacket .efiles table tfoot {
  height: 22px;
}
#fDealJacket .required {
  color: #000066;
  font-weight: bold;
}
#fDealJacket .dImport .header {
  text-align: left;
}
#fDealJacket .dFileLogs iframe {
  border: none;
  width: 300px;
}
#fDealJacket .dEdit {
  padding: 10px;
}
#fDealJacket .dEdit label {
  width: 100px;
  display: inline-block;
  text-align: right;
}
#fDealJacket .dEdit .description input {
  width: 200px;
}
#fDealJacket .dEdit div {
  margin: 5px 10px;
}
#fDealJacket .dEdit div:last-child {
  text-align: center;
}

#CustomFields {
  text-align: center;
  background-color: white;
  margin: 0 10vw;
  min-height: 100vh;
}
#CustomFields .customFieldHeader {
  text-align: left;
  background-color: lightgray;
  width: calc(100% - 10px);
  display: inline-block;
  padding: 5px;
  line-height: 1.5;
}
#CustomFields #pnlCustomFields {
  margin: 10px;
}
#CustomFields #ucCustomFields_pnlCustomFields {
  margin: 5px;
}

#fPrintSigners {
  min-height: 100%;
  padding: 0px 10%;
  background-color: #15639f;
}
#fPrintSigners > header {
  color: white;
  padding: 10px 5px;
  font-size: 18px;
  font-weight: bold;
}
#fPrintSigners footer {
  padding: 10px;
  font-size: 11px;
  min-width: 430px;
  font-weight: bold;
  text-align: center;
  background-color: white;
}
#fPrintSigners article {
  min-width: 450px;
  background-color: white;
}
#fPrintSigners article h2 {
  margin: 0px;
  color: maroon;
  font-size: 14px;
  display: inline-block;
}
#fPrintSigners article section {
  padding: 10px;
}
#fPrintSigners article section header {
  display: flex;
  padding-bottom: 2px;
  border-bottom: solid 2px #336699;
}
#fPrintSigners article section header button {
  padding: 0px;
  margin: 0px;
  border: none;
  margin-left: 7px;
}
#fPrintSigners article fieldset {
  margin: 0px;
  border: none;
  padding: 0px;
  display: flex;
  flex-direction: column;
  color: #00224C;
}
#fPrintSigners article fieldset b {
  display: block;
  font-size: 11px;
  margin-bottom: 2px;
}
#fPrintSigners article fieldset label {
  margin: 10px 5px;
}
#fPrintSigners article fieldset input:not([size]) {
  width: 200px;
}
#fPrintSigners .ui-dialog-titlebar {
  color: white;
  background-color: #15639f;
}
#fPrintSigners > .validationerrors {
  padding: 5px 5px;
  background-color: #d3d3d3;
}

html {
  scrollbar-gutter: stable;
}

#formEContractingManager .DealerList {
  display: inherit;
  margin-left: auto;
  margin-right: auto;
}
#formEContractingManager .EConAppFilters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 8px;
}
#formEContractingManager .EConAppFilters .filter {
  display: flex;
  margin: 0px 3px;
  align-items: center;
}
#formEContractingManager .EConAppFilters .filterLabel {
  margin-left: 0;
  margin-right: 4px;
  font-weight: bold;
  color: grey;
}
#formEContractingManager .EConAppFilters .ms-options-wrap {
  position: relative;
}
#formEContractingManager .EConAppFilters .ms-options-wrap button {
  width: 160px;
  max-width: none;
}
#formEContractingManager .EConAppFilters .ms-options-wrap button span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#formEContractingManager .EConAppFilters .ms-options-wrap .ms-options {
  width: 100%;
  white-space: nowrap;
}
#formEContractingManager .EConAppFilters .ms-options-wrap .ms-options .ms-selectall.global {
  text-transform: none;
}
#formEContractingManager .EConAppFilters #ddlLender + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddlLender + .ms-options-wrap .ms-options {
  width: 220px;
}
#formEContractingManager .EConAppFilters #ddlOverallStatus + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddlOverallStatus + .ms-options-wrap .ms-options {
  width: 200px;
}
#formEContractingManager .EConAppFilters #ddlCVStatus + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddlCVStatus + .ms-options-wrap .ms-options {
  width: 110px;
}
#formEContractingManager .EConAppFilters #ddlReySignStatus + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddlReySignStatus + .ms-options-wrap .ms-options {
  width: 160px;
}
#formEContractingManager .EConAppFilters #ddleDocsStatus + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddleDocsStatus + .ms-options-wrap .ms-options {
  width: 110px;
}
#formEContractingManager .EConAppFilters #ddlFundingStatus + .ms-options-wrap button,
#formEContractingManager .EConAppFilters #ddlFundingStatus + .ms-options-wrap .ms-options {
  width: 200px;
}
#formEContractingManager .filterButtons {
  text-align: center;
}
#formEContractingManager .filterButton, #formEContractingManager .resetButton, #formEContractingManager .refreshButton {
  height: 30px;
  width: 100px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
#formEContractingManager .spinner {
  background-color: white;
  border: solid 3px lightgrey;
  border-radius: 5px;
  padding: 20px;
  transform: scale(1.5) translateX(-25%) translateY(-25%);
}
#formEContractingManager .spinner .spinnerDefault > div {
  background-color: lightgrey;
}
#formEContractingManager table.fetchTable.grid {
  width: calc(100% - 12px);
  margin: 5px;
  margin-top: 0px;
  border: solid 1px #b7d690;
}
#formEContractingManager table.fetchTable.grid .eConColumnData {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
#formEContractingManager table.fetchTable.grid thead th, #formEContractingManager table.fetchTable.grid tbody td {
  text-align: center;
  white-space: nowrap;
}
#formEContractingManager table.fetchTable.grid thead th.ellipsis, #formEContractingManager table.fetchTable.grid tbody td.ellipsis {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#formEContractingManager table.fetchTable.grid thead th.left, #formEContractingManager table.fetchTable.grid tbody td.left {
  text-align: left;
}
#formEContractingManager table.fetchTable.grid thead th.right, #formEContractingManager table.fetchTable.grid tbody td.right {
  text-align: right;
}
#formEContractingManager table.fetchTable.grid tbody td span {
  display: inline-block;
}
#formEContractingManager table.fetchTable.grid tfoot {
  border-top: solid 20px #b7d690;
}
#formEContractingManager .managerTabHeader {
  padding-top: 10px;
  padding-left: 10px;
}
#formEContractingManager #ucApps_spnPageSize {
  font-weight: normal;
}

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 5px 20px 5px 5px;
    margin-top: 1px;
    font-size: 13px;
    color: #aaa;
    outline-offset: -2px;
    white-space: nowrap;
}

.ms-options-wrap > button > span {
    display: inline-block;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    visibility: hidden;
}

.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 20px;
    margin: 1px 0;
    border: 1px dotted transparent;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
    padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: #efefef;
    border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #efefef;
    border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

/*!
 * Original Animation Information
 *
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 *
 * Modified and converted to SASS by Nathanael Bonney.
 */
.la-ball-spin-clockwise,
.la-ball-spin-clockwise > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-spin-clockwise {
  display: block;
  font-size: 0;
  color: #777; }
  .la-ball-spin-clockwise div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor; }
  .la-ball-spin-clockwise.la-dark {
    color: #333; }

.la-ball-spin-clockwise {
  width: 70%;
  height: 70%;
  margin: 10% 15%; }

.la-ball-spin-clockwise div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  height: 20%;
  margin-top: -10%;
  margin-left: -10%;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise 1.5s infinite ease-in-out;
  -moz-animation: ball-spin-clockwise 1.5s infinite ease-in-out;
  -o-animation: ball-spin-clockwise 1.5s infinite ease-in-out;
  animation: ball-spin-clockwise 1.5s infinite ease-in-out; }

.la-ball-spin-clockwise div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.3125s;
  -moz-animation-delay: -1.3125s;
  -o-animation-delay: -1.3125s;
  animation-delay: -1.3125s; }

.la-ball-spin-clockwise div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s; }

.la-ball-spin-clockwise div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -0.9375s;
  -moz-animation-delay: -0.9375s;
  -o-animation-delay: -0.9375s;
  animation-delay: -0.9375s; }

.la-ball-spin-clockwise div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s; }

.la-ball-spin-clockwise div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -0.5625s;
  -moz-animation-delay: -0.5625s;
  -o-animation-delay: -0.5625s;
  animation-delay: -0.5625s; }

.la-ball-spin-clockwise div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s; }

.la-ball-spin-clockwise div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -0.1875s;
  -moz-animation-delay: -0.1875s;
  -o-animation-delay: -0.1875s;
  animation-delay: -0.1875s; }

.la-ball-spin-clockwise div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; }

.la-ball-spin-clockwise .la-sm {
  width: 16px;
  height: 16px; }
  .la-ball-spin-clockwise .la-sm div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px; }

.la-ball-spin-clockwise .la-2x {
  width: 64px;
  height: 64px; }
  .la-ball-spin-clockwise .la-2x div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px; }

.la-ball-spin-clockwise .la-3x {
  width: 96px;
  height: 96px; }
  .la-ball-spin-clockwise .la-3x div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px; }

.pleaseWaitText {
  color: #777;
  text-align: center;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: bold;
  -webkit-animation: spinnerTextFlash 3s infinite ease-in-out;
  -moz-animation: spinnerTextFlash 3s infinite ease-in-out;
  -o-animation: spinnerTextFlash 3s infinite ease-in-out;
  animation: spinnerTextFlash 3s infinite ease-in-out; }

/*
 * Animation
 */
@-webkit-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-moz-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0); } }

@-o-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0); } }

@keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes spinnerTextFlash {
  0%, 100% {
    color: #777; }
  50% {
    color: #333; } }

@-moz-keyframes spinnerTextFlash {
  0%, 100% {
    color: #777; }
  50% {
    color: #333; } }

@-o-keyframes spinnerTextFlash {
  0%, 100% {
    color: #777; }
  50% {
    color: #333; } }

@keyframes spinnerTextFlash {
  0%, 100% {
    color: #777; }
  50% {
    color: #333; } }

.multipleTabs .tabs {
  float: left;
}
.multipleTabs .tabs .tab {
  display: block;
  position: relative;
  top: 1px;
  float: inherit;
  background-color: #e3f2d2;
  padding: 5px;
  font-weight: bold;
  color: dimgrey;
  cursor: pointer;
  border-color: #CCE2B5;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-radius: 5px 5px 0px 0px;
}
.multipleTabs .tabs .tab.selected {
  cursor: default;
  background-color: #b7d690;
  border-bottom: 1px solid #b7d690;
}
.multipleTabs iframe {
  width: calc(100% - 2px);
  background-color: #b7d690;
  border-color: #CCE2B5;
  border-style: solid;
  border-width: 1px;
  min-height: calc(100vh - 275px);
}
.multipleTabs .iFrameCover {
  background-color: #b7d690;
  position: absolute;
  z-index: 100;
  visibility: hidden;
}

.multipleTabsDivs .tabs {
  float: left;
}
.multipleTabsDivs .tabs .tab {
  display: block;
  position: relative;
  top: 1px;
  float: inherit;
  background-color: #80a2db;
  padding: 5px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  border-color: #002D96;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 5px 0px 0px;
}
.multipleTabsDivs .tabs .tab.selected {
  cursor: default;
  background-color: #4c7bcc;
  border-bottom: 1px solid #002D96;
}
.multipleTabsDivs .contentTab {
  display: none;
  width: 100%;
}
.multipleTabsDivs .contentTab.selected {
  display: block;
}
.multipleTabsDivs .contentTab.selected.leftPanel {
  padding-top: 32px;
}
.multipleTabsDivs .contentTab.selected.rightPanel {
  float: left;
}
.multipleTabsDivs .contentTab.selected .panelBar {
  background: url(/Dealer/assets/images/panelbg.png);
  color: white;
  padding: 12px;
  border: 0px solid #002D96;
}

#formQuickScanPopup {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  padding: 20px;
}
#formQuickScanPopup #divApplicant {
  padding-top: 20px;
}
#formQuickScanPopup button {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

html {
  border: 0px;
  margin: 0px;
}

body {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  background-color: white;
  border: 0px;
  margin: 0px;
}

.height100 {
  height: 100%;
}

body.lightblue {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  background-color: #e1edff;
}

body.tabcontent {
  border: 0px;
  margin: 0px;
  background-color: whitesmoke;
}

.submitButton {
  width: 150px;
  padding: 2px 0px 2px 0px;
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

a:link {
  font-family: arial, sans-serif;
  color: #78bf3e;
}

a:visited {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #999999;
}

a:hover {
  color: #e90663;
}

a.white:link {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: white;
}

a.white:visited {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: white;
}

tr.repeaterheader1bg {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}

a.panelheader:link {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
}

a.panelheader:visited {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
}

a.pager:link {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #336699;
}

a.pager:visited {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #336699;
}

a.pager:hover {
  color: red;
}

a.footer:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.footer:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.subnav:link {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

a.subnav:visited {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

a.subnav:hover {
  color: #336699;
}

a.folderclosed:link {
  font-size: 12px;
  font-family: tahoma, sans-serif;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.folderclosed:visited {
  font-size: 12px;
  font-family: tahoma, sans-serif;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.folderclosed:hover {
  text-decoration: underline;
}

a.folderopen:link {
  font-size: 12px;
  font-family: tahoma, sans-serif;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

a.folderopen:visited {
  font-size: 12px;
  font-family: tahoma, sans-serif;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

a.folderopen:hover {
  text-decoration: underline;
}

a.small:link {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #78bf3e;
}
a.small:link.blue {
  color: mediumblue;
}

a.small:visited {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #999999;
}

a.small:hover {
  color: #e90663;
}

a.medium:link {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #78bf3e;
}

a.medium:visited {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #cccccc;
}

a.medium:hover {
  color: #e90663;
}

a.welcomelink:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #e90663;
  text-decoration: none;
}

a.welcomelink:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #e90663;
  text-decoration: none;
}

a.formsectionhdr:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: white;
  text-decoration: underline;
}

a.formsectionhdr:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: white;
  text-decoration: underline;
}

a.formsubsectionhdr:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #78bf3e;
  text-decoration: underline;
}

a.formsubsectionhdr:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #78bf3e;
  text-decoration: underline;
}

input {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}

input[type=text] {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}

input.small {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}

input.big {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

input.field {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #336699;
}

input.fieldgreen {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  border: 1px solid #78bf3e;
}

input.submit, button.submit {
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

input.submit2, button.submit2 {
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

input.submit3, button.submit3 {
  padding: 2px 0px 2px 0px;
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #b7d690;
}

a.submit3:link {
  padding: 2px 0px 2px 0px;
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background-color: #b7d690;
  border: 2px solid;
  border-color: #8f8f9d #5f5f68 #5f5f68 #8f8f9d;
}
a.submit3:link:hover {
  border-color: #676774 #44444d #44444d #676774;
}

input.submit4, button.submit4 {
  padding: 2px 0px 2px 0px;
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

input.submit5, button.submit5 {
  padding: 2px 0px 2px 0px;
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

input.btn1 {
  padding: 2px;
  margin: 2px;
  color: #050;
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  background-color: #fed;
  border: 1px solid;
  border-top-color: #696;
  border-left-color: #696;
  border-right-color: #363;
  border-bottom-color: #363;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="whiteff",EndColorStr="#ffeeddaa");
}

input.btn1hov {
  padding: 2px;
  margin: 2px;
  color: #050;
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  background-color: #fed;
  border: 1px solid;
  border-top-color: #c63;
  border-left-color: #c63;
  border-right-color: #930;
  border-bottom-color: #930;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="whiteff",EndColorStr="#ffeeddaa");
}

select {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}

option {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border: 1px solid #78bf3e;
}

select.field {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border: 1px solid #78bf3e;
}

select.field option {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border: 1px solid #78bf3e;
}

select.whitesmall {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #00224C;
  border: 1px solid #78bf3e;
}

select.whitesmall option {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #00224C;
  border: 1px solid #78bf3e;
}

ul.errors li {
  LINE-HEIGHT: 130%;
}

table.home {
  border: 1px solid #cccccc;
}

.pageBreak {
  page-break-before: always;
}

.loginlayer {
  position: absolute;
  top: 105px;
  width: 160px;
  height: 109px;
  z-index: 1;
}

.content, .additionalSolutionsContainer {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
}

.contentwhite {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: white;
}

.contentsmall {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
}

.contentsmallbold {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.contentsmaller {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: black;
}

.contentsmallwhite {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: white;
}

.contentsmallbg2 {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: white;
}

.contentsmallbg {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: whitesmoke;
}

.contentsmallerwhite {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: white;
}

.contentmedium {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: black;
}

.contentbig {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: black;
}

.contentspacer {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  line-height: 150%;
}

.bdleft {
  border-right: 1px solid #003366;
  background-color: #336699;
}

.bdrtop {
  border-top: 1px solid #003366;
}

.hiddenframe {
  height: 0px;
  width: 0px;
  border: none;
}

#formhelper {
  position: absolute;
  width: 146px;
  height: 238px;
  z-index: 1;
  text-align: left;
}

#formhelpercontent {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 13px;
  width: 120px;
  height: 200px;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  padding-left: 2px;
  padding-right: 2px;
}

.dberrors {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: red;
  border: 1px solid red;
}

.dberrorssmall {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: red;
}

.validationerrors {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
}

.validationerrors li {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: red;
}

.standout {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: blue;
}

.captionsmall {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
}

.captionerror {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
}

.captionstandout {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
}

HR.blue {
  background-color: #336699; /*Blue Line*/
  border-top: 1px solid #336699;
  width: calc(100% - 2px);
}

HR.seperator {
  background-color: #78bf3e; /*Green Line*/
  border-top: 1px solid #78bf3e;
  width: calc(100% - 2px);
}

.sectionlabels {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #800000;
}

.sectionmessage {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #800000;
}

.appdata {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: black;
}

tr.repeaterheader {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}

tr.repeaterheader1 {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}

tr.repeaterheaderbg {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}

tr.repeaterheaderbg td {
  border: 1px solid #cccccc;
}

tr.repeateritem {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: whitesmoke;
}

tr.repeateritembg {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: white;
}

tr.repeateritem1 {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: black;
  font-weight: normal;
  background-color: whitesmoke;
}

tr.repeateritem1bg {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: black;
  font-weight: normal;
  background-color: white;
}

tr.repeateritembg2 {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: white;
}

.sectioncaption {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.sectioncaptionnew {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: Bold;
  color: #800000;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.visible {
  display: inline;
}

.invisible {
  display: none;
}

.divwait {
  width: 250px;
  height: 250px;
  z-index: 999;
  border: 1px solid black;
  background: white;
  top: calc(50% - 126px);
  left: calc(50% - 126px);
  position: fixed;
}

td.underline {
  border-bottom: 1px solid #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: white;
}

tr.submenu {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

td.bdr {
  border-bottom: 1px solid #cccccc;
}

table.subnav {
  border-bottom: 1px solid #cccccc;
}

.pagehdr {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #800000;
}

.pagehdr1, .additionalSolutionsContainer .additionalSolutionsTitle {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #800000;
}

.pagehdr2 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #800000;
}

.pagehdr3 {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #800000;
}

.my-page {
  border-collapse: collapse;
  margin: 8px 8px 8px 8px;
}

.my-mod_main .my-clr_1, .my-mod_main .my-clr_1 a, .my-mod_main .my-clr_1 a:hover, .my-mod_main .my-clr_1 a:active {
  background-color: #a7d2ef;
  color: #000;
}

.my-clr_2, .my-clr_2 a, .my-clr_2 a:hover, .my-clr_2 a:active, .my-mod_main .my-clr_2, .my-mod_main .my-clr_2 a, .my-mod_main .my-clr_2 a:hover, .my-mod_main .my-clr_2 a:active {
  background-color: #d3e8f7;
  color: #000;
}

.my-clr_3, .my-clr_3 a, .my-clr_3 a:hover, .my-clr_3 a:active, .my-mod_main .my-clr_3, .my-mod_main .my-clr_3 a, .my-mod_main .my-clr_3 a:hover, .my-mod_main .my-clr_3 a:active {
  background-color: #e9f4fb;
  color: #000;
}

.my-clr_4, .my-clr_4 a, .my-clr_4 a:hover, .my-clr_4 a:active, .my-mod_main .clr_4, .my-mod_main .my-clr_4 a, .my-mod_main .my-clr_4 a:hover, .my-mod_main .my-clr_4 a:active {
  background-color: #f6fafd;
  color: #000;
}

.my-col, .my-col_wide {
  border: 1px solid none;
  padding: 3px 3px 3px 3px;
}

.my-col, .my-col_wide, .my-col_head {
  background-color: #88bbda;
  color: #000;
}

.my-col_cap .my-mod, .my-col_cap .my-col_foot {
  position: static;
}

.my-mod_main .my-float_left {
  height: 75px;
}

.my-mod {
  margin: 0px 0px 10px 0px;
  position: relative;
}

.my-mod {
  margin: 0px 0px 0px 0px;
}

.my-mod_main {
  background-color: #fff;
  border-bottom: 1px solid #b1c3ed;
  border-left: 1px solid #b1c3ed;
  border-right: 1px solid #b1c3ed;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12px;
  padding: 5px;
}

.my-col_head {
  margin: 0px 0px 5px 0px;
}

.my-col_head td, .my-col_head td a, .my-col_head td a:hover, .my-col_head td a:active {
  background-color: #88bbda;
  color: #000;
  font-size: 11px;
}

.my-col_s .my-hide_m, .my-col_s .my-hide_l, .my-col_s .my-hide_xl, .my-col_m .my-hide_s, .my-col_m .my-hide_l, .my-col_m .my-hide_xl, .my-col_l .my-hide_s, .my-col_l .my-hide_m, .my-col_l .my-hide_xl, .my-col_xl .my-hide_s, .my-col_xl .my-hide_m, .my-col_xl .my-hide_l {
  display: block;
}

.my-col_s .my-hide_s, .my-col_m .my-hide_m, .my-col_l .my-hide_l, .my-col_xl .my-hide_xl {
  display: none;
}

.my-col_size, .my-col_size_down, .my-col_size_over {
  width: 6px;
}

.my-col_size_down {
  background-color: #1a60a8;
  color: #000;
}

.my-col_size_over {
  background-color: #1a60a8;
  color: #000;
  cursor: w-resize;
}

.my-collapser {
  cursor: hand;
}

.my-col_grab {
  background-image: url(/Dealer/assets/images/my/col_grb.gif);
  background-position: center left;
  background-repeat: no-repeat;
}

.my-col_grab_down {
  background-image: url(/Dealer/assets/images/my/col_grb_down.gif);
  background-position: center left;
  background-repeat: no-repeat;
  cursor: move;
}

.my-col_grab_over {
  background-image: url(/Dealer/assets/images/my/col_grb_over.gif);
  background-position: center left;
  background-repeat: no-repeat;
  cursor: hand;
}

.my-mod_head {
  background-color: #bdddf3;
  background-image: url(/Dealer/assets/images/my/mod_head.gif);
  background-position: top left;
  background-repeat: repeat;
  border-bottom: 1px solid #a7d2ef;
  border-top: 1px solid #a7d2ef;
  color: #000;
  padding: 0px 0px 0px 3px;
}

.my-mod_head h2 a, .my-mod_head h2 a:hover, .my-mod_head h2 a:active, .my-mod_head_l h2 a, .my-mod_head_l h2 a:hover, .my-mod_head_l h2 a:active, .my-mod_head_r h2 a, .my-mod_head_r h2 a:hover, .my-mod_head_r h2 a:active {
  background-color: #bdddf3;
  color: #000;
}

.my-mod_head h2, .my-mod_head_l h2, .my-mod_head_r h2 {
  font-size: 12px;
}

.my-mod_head img {
  border: 0px;
}

.my-mod_head_l {
  border-left: 1px solid #a7d2ef;
  padding: 0px 0px 0px 3px;
}

.my-mod_head_l, .my-mod_head_r {
  background-color: #bdddf3;
  background-image: url(/Dealer/assets/images/my/mod_head.gif);
  background-position: top left;
  background-repeat: repeat;
  border-bottom: 1px solid #a7d2ef;
  border-top: 1px solid #a7d2ef;
  color: #000;
}

.my-mod_head_r {
  border-right: 1px solid #a7d2ef;
  padding: 0px 3px 0px 0px;
}

.my-mod_tl {
  background-color: #88bbda;
  background-image: url(/Dealer/assets/images/my/mod_lc.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #000;
}

.my-mod_tr {
  background-color: #88bbda;
  background-image: url(/Dealer/assets/images/my/mod_rc.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #000;
}

.my-mod_l {
  background-color: #c5d2f2;
  background-position: top left;
  background-repeat: repeat-y;
  border-bottom: 1px solid #b1c3ed;
  border-left: 1px solid #b1c3ed;
  color: #000;
}

.my-mod_l {
  background-color: #bdddf3;
  background-image: url(/Dealer/assets/images/my/mod_l.gif);
  background-position: top left;
  background-repeat: repeat-y;
  border-bottom: 1px solid #a7d2ef;
  border-left: 1px solid #a7d2ef;
  color: #000;
}

.my-mod_r {
  background-color: #c5d2f2;
  background-position: top left;
  background-repeat: repeat-y;
  border-bottom: 1px solid #b1c3ed;
  border-right: 1px solid #b1c3ed;
  color: #000;
}

.my-mod_r {
  background-color: #bdddf3;
  background-image: url(/Dealer/assets/images/my/mod_r.gif);
  background-position: top left;
  background-repeat: repeat-y;
  border-bottom: 1px solid #a7d2ef;
  border-right: 1px solid #a7d2ef;
  color: #000;
}

.my-mod_grab {
  background-image: url(/Dealer/assets/images/my/mod_grb.gif);
  background-position: center left;
  background-repeat: no-repeat;
}

.my-mod_grab_down {
  background-image: url(/Dealer/assets/images/my/mod_grb_down.gif);
  background-position: center left;
  background-repeat: no-repeat;
}

.my-mod_grab_over {
  background-image: url(/Dealer/assets/images/my/mod_grb_over.gif);
  background-position: center left;
  background-repeat: no-repeat;
  cursor: hand;
}

td.my-mod_head h2 a, td.my-mod_head h2 a:hover, td.my-mod_head h2 a:active {
  background-color: transparent;
  color: #000;
}

ul.my {
  list-style-image: url(/Dealer/assets/images/my/bullet.gif);
  list-style-position: outside;
  margin: 2px 2px 2px 6px;
  padding: 2px 2px 2px 6px;
}

ul.my li {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  line-height: 200%;
}

ul.my2 {
  list-style-image: url(/Dealer/assets/images/my/bullet.gif);
  list-style-position: outside;
  margin: 2px 2px 2px 6px;
  padding: 2px 2px 2px 6px;
}

ul.my2 li {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
  line-height: 150%;
}

.my-popup_menu {
  cursor: hand;
}

.my-menu_wid {
  background-image: url(/Dealer/assets/images/my/menu_wid.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

h2.my {
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.approvalterms {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #008000;
}

.fundingdetails {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #00008B;
}

.profitdetails {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #800000;
}

.fundingSummary {
  color: #00008B;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  width: 100%;
}

.fundingSummary th {
  font-weight: normal;
  text-align: left;
}

.fundingSummary td {
  font-weight: bold;
  padding-right: 7px;
  text-align: right;
}

tr.bdrbtm td {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}

tr.bdrbtm1 td {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
}

.panelheader {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
}

li.small {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

.welcomeback {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #002D96;
}

.rewards_content_gold {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: white;
}

.rewards_content_silver {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FFFF00;
}

.rewards_content_red {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FBF4B1;
}

table.form {
  border: 1px solid #00224C;
  border-width: 1px;
}

td.form1 {
  background-color: #ACCDE5;
  padding: 3px 7px 5px 6px;
  border-bottom: solid 1px #00224C;
}

table.formheader {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

td.formheader {
  width: 100%;
  vertical-align: middle;
  color: #00224C;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
}

td.form2 {
  background-color: #DAE9F3;
  padding: 8px 6px 5px 6px;
  border: 1px solid white;
  background-image: url(/Dealer/assets/images/graphic/laptop_back.gif);
}

table.formcontent {
  border: 0;
  margin: 0;
  padding: 0;
}

td.formfield {
  padding: 0px 0px 10px 0px;
}

table.form1 {
  border: 1px solid #dcdcdc;
  border-width: 1px;
}

td.form3 {
  background-color: #ACCDE5;
  padding: 3px 7px 5px 6px;
}

.formlabelreqd {
  padding: 0px 4px 10px 0px;
  vertical-align: middle;
  color: #00224C;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 11px;
}

.formlabel {
  padding: 0px 4px 10px 0px;
  vertical-align: middle;
  color: #00224C;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 11px;
}

.formsmalllabel {
  padding: 0px 4px 10px 0px;
  vertical-align: middle;
  color: #00224C;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 7px;
}

.formdata {
  padding: 0px 4px 10px 0px;
  vertical-align: middle;
  color: #333333;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 11px;
}

table.pnl {
  border: 1px solid #b7d690;
}

tr.pnlhdr {
  background-color: #b7d690;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 9pt;
  color: white;
}

tr.pnlhdr td {
  padding: 4px;
}

.formfieldlabel {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
}

.formfieldsmalllabel {
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #666666;
}

.formfieldlabelreqd {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000066;
}

.labelalert {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.announcementHeader {
  color: #800000;
  display: inline-block;
  font-family: verdana, arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 20px;
}

.announcementContent {
  border: 1px solid #cccccc;
  color: black;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 500px;
  margin: 0 auto;
  overflow: auto;
  padding: 2px;
  text-align: left;
  width: 800px;
}

.announcementLegalTerms {
  color: black;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 20px 0 0;
}

.announcementButtons {
  background-color: #fed;
  border: 1px solid;
  border-top-color: #696;
  border-left-color: #696;
  border-right-color: #363;
  border-bottom-color: #363;
  color: #050;
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 20px 2px;
  padding: 5px 12px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="whiteff",EndColorStr="#ffeeddaa");
}

.creditReportCustomers .filters {
  text-align: center;
  background-color: #b7d690;
}

.credit_sectionhdr {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  color: #00224C;
  font-weight: bold;
  text-decoration: underline;
}

.credit_fieldlabel {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #800000;
  font-weight: bold;
}

select.credit {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #00224C;
  border: 1px solid #0059C2;
}
select.credit:disabled {
  border: 1px solid #cccccc;
  background-color: #ededed;
}

select.credit option {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #00224C;
  border: 1px solid #0059C2;
}

input.credit {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #00224C;
  border: 1px solid #0059C2;
}

input.credit[disabled] {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #00224C;
  background-color: #e5e5e5;
  border: 1px solid #bcbcbc;
}

span.creditSSN {
  font-family: arial, verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #00224C;
}

input.disabled {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #bcbcbc;
  background-color: #e5e5e5;
  cursor: default;
}

select.disabled {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #cccccc;
  border: 1px solid #cccccc;
  background-color: #ededed;
}

.credit_content {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: black;
  font-weight: normal;
}

.credit_report_content {
  text-align: left;
  padding: 2px;
  border: 1px solid #cccccc;
  width: 580px;
  height: 600px;
  overflow: auto;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  background-color: white;
}

.credit_report_content_full {
  text-align: left;
  padding: 2px;
  border: 1px solid #cccccc;
  width: 600px;
  height: 600px;
  overflow: visible;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
  background-color: white;
}

.credit_report_hdr {
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #800000;
  font-weight: bold;
}

td.topbar {
  background-image: url(/Dealer/assets/images/topbar/bar2pix.gif);
  width: 100%;
}

td.topbar2 {
  background-image: url(/Dealer/assets/images/topbar/bar_1pixelx24.gif);
}

span.valsummaryhdr {
  background-image: url(/Dealer/assets/images/icons/exclamation.gif);
  width: 25px;
  height: 25px;
}

span.valfield {
  background-image: url(/Dealer/assets/images/icons/redx.gif);
  width: 16px;
  height: 16px;
}

.credit_contentstandout {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: red;
  font-weight: bold;
}

ul.standout li {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: black;
}

.contentstandout {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: blue;
}

.welcomeback {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #04619a;
}

.welcomelabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #04619a;
}

.welcometext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #78bf3e;
}

TABLE.tabcontent {
  border: 0px;
  margin: 0px;
  background-color: whitesmoke;
}

TABLE.tabcontentbar {
  background-color: #b7d690;
}

div.tabcontentbar {
  background-color: #b7d690;
  min-height: 18px;
  text-align: center;
  width: 100%;
}

TR.tabcontenthdr {
  background-color: #b7d690;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
}

TR.tabcontenthdr TD {
  padding: 2px;
}

.tabcontentinstructions {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #800000;
  padding: 2px;
}

.formsectionhdr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #0090c8;
}

.formpagehdr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0090c8;
}

.updateprogressbackground {
  background-color: #cccccc;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
}

.progressbar {
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  padding-top: 35px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  background-color: White;
  width: 200px;
  height: 50px;
}

TABLE.formsection {
  border: 1px solid #b7d690;
}

TR.formsectionhdr {
  background-color: #b7d690;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
}

.tabcontentdisclosures {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
  padding: 2px;
}

tr.repeateritembdr {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  background-color: whitesmoke;
}

tr.repeateritembdr td {
  border-bottom: 1px solid #78bf3e;
}

.currency {
  text-align: right;
}

.FormDataText {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: black;
}

.AlternateGridStyle {
  background-color: #DAECF1;
}

.LabelDataHeader {
  padding: 2px 0px 2px 0px;
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

legend {
  margin-bottom: 8px; /*to compensate space lost due to padding-incapability in IEs*/
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: Bold;
  color: #000066;
  background-color: whitesmoke;
  padding: 0px 5px 0px 2px;
}

fieldset {
  margin: 5px 5px 5px 5px;
  padding: 10px 10px 5px 10px;
  text-indent: 0px;
}

.dmsoneformfieldlabelreqd {
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: Maroon;
}

.spacerrow {
  height: 4px;
  font-size: 1px;
}

.FormButtonText {
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #39A367;
}

.FormDataText {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: black;
}

/* Added Csss for Tab Strip control */
a:link {
  font-family: Verdana, Arial, Sans-Serif;
  color: #000080;
}

a:visited {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: #666666;
}

a:hover {
  color: #0CB3D7;
}

a.LabelData:link {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: #000080;
}

.Tab {
  height: 20px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #055D73;
}

.SubTab {
  height: 24px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #055D73;
}

.SelectedTab {
  height: 24px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #39A367;
}

.SelectedSubTab {
  height: 24px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #39A367;
}

.tab {
  height: 20px;
  padding-top: 2px;
}

.tab [disabled] {
  color: #999999;
}

.tab a {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #055d73;
  font-weight: bold;
  text-decoration: none;
}

.tabselected {
  height: 20px;
  padding-top: 2px;
}

.tabselected a {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #39A367;
  font-weight: bold;
  text-decoration: none;
}

.submitLoanAppButton {
  height: 25px;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 13px;
  font-weight: bold;
}
.submitLoanAppButton:disabled {
  color: grey;
}

.w120 {
  width: 120px;
}

.loanAppButtons, .saveLoanAppButton {
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 25px;
  margin: 0 3px;
}

.loanAppButtons {
  font-size: 13px;
}

.saveLoanAppButton {
  font-size: 15px;
}

.sectionlabelshdr {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #800000;
}

.chkcaptions {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}

.captionbold {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

.confirmDialog .ui-dialog-content {
  min-height: 30px !important;
}

.confirmDialog .ui-button-text-only {
  min-width: 70px !important;
}

.confirmDialog .ui-dialog-buttonpane {
  border-width: 0 !important;
}

.confirmDialog .ui-dialog-buttonset {
  float: none !important;
  text-align: center !important;
}

span.errorFlag {
  color: red;
  display: none;
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
}

span.required {
  color: #000066;
  font-weight: bold;
}

a.addButton {
  background: url(/Dealer/assets/images/icons/plus.png) left no-repeat;
  color: #000080;
  font-size: 14px;
  font-weight: bold;
  padding-left: 18px;
  text-decoration: none;
}

a.deleteButton {
  background: url(/Dealer/assets/images/my/icon-delete.gif) left no-repeat;
  color: #000080;
  padding-left: 18px;
  text-decoration: none;
}

/*Add "no-close" class to jQueryUI dialog to hide close "x" button (eg: dialogClass: "no-close")*/
.no-close .ui-dialog-titlebar-close {
  display: none;
}

/*Collapsible Panel*/
div.collapsible, div.captionPanel {
  border: 1px solid #002D96;
}

div.collapsible .collapsed, div.collapsible .expanded, div.captionPanel .expanded {
  background: url(/Dealer/assets/images/panelbg.png);
  color: white;
  font-family: ariel, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
}

div.collapsible .collapsed {
  background: url(/Dealer/assets/images/icons/expand.png) right no-repeat, url(/Dealer/assets/images/panelbg.png);
  cursor: pointer;
}

div.collapsible .expanded {
  background: url(/Dealer/assets/images/icons/collapse.png) right no-repeat, url(/Dealer/assets/images/panelbg.png);
  cursor: pointer;
}

div.collapsible .body,
div.captionPanel .body {
  padding: 4px;
}

table.padding1 td, table.padding1 th {
  padding: 1px !important;
}

table.padding2 td, table.padding2 th {
  padding: 2px !important;
}

table.padding3 td, table.padding3 th {
  padding: 3px !important;
}

table.padding5 td, table.padding3 th {
  padding: 5px !important;
}

/* Grid styles*/
table.grid {
  background-color: white;
  border-collapse: collapse;
  color: black;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}
table.grid tr.header a {
  background: url(/Dealer/assets/images/icons/sort_both.png) right no-repeat;
  color: white;
  font-family: arial, sans-serif;
  font-weight: bold;
  padding-right: 19px;
}
table.grid tr.header a.sortasc {
  background: url(/Dealer/assets/images/icons/sort_asc.png) right no-repeat;
}
table.grid tr.header a.sortdesc {
  background: url(/Dealer/assets/images/icons/sort_desc.png) right no-repeat;
}
table.grid tr.header, table.grid tr.footer {
  background-color: #b7d690;
  color: white;
  font-weight: bold;
}
table.grid tr.alt {
  background-color: whitesmoke;
}
table.grid tr.empty td {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
table.grid tr.gridPager {
  font-size: 12px;
  font-family: revert;
}
table.grid tr.gridPager td {
  padding: 4px 10px;
}
table.grid tr.gridPager div.pageSize {
  margin-left: 5px;
}
table.grid td {
  padding: 3px;
  text-align: left;
  vertical-align: top;
}
table.grid td .vehicle {
  display: inline-block;
}
table.grid div.pageLinks a, table.grid div.pageLinks input {
  padding: 3px;
}
table.grid .center {
  text-align: center;
}
table.grid .center .flex {
  justify-content: center;
}
table.grid .right {
  text-align: right;
}
table.grid .paddedRight {
  padding-right: 19px;
  text-align: right;
}
table.grid .ms-options {
  color: black;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}
table.grid .ms-options-wrap > .ms-options > .ms-selectall.global {
  background: none;
  color: #000080;
  padding-right: 0px;
  font-weight: normal;
  text-transform: none;
  font-family: Verdana, Arial, Sans-Serif;
}
table.grid .ms-options-wrap > .ms-options > ul input[type=checkbox] {
  top: 4px;
}
table.grid .ms-options-wrap > .ms-options > ul label {
  padding-left: 22px;
}
table.grid #ms-list-1 {
  position: relative;
}
table.grid .filterIcon {
  width: 16px;
  height: 16px;
}
table.grid .infoIcon {
  display: inline-block;
  background-image: url(/Dealer/assets/images/icons/more-options-ellipsis-icon.svg);
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-bottom: 2px;
}
table.grid span.selected {
  display: inline-block;
}
table.grid .relativeWrapper {
  align-self: end;
}
table.grid .relativeWrapper .relative {
  background-color: #b7d690;
  padding: 5px;
  top: 3px;
  transform: rotateY(180deg);
  transform-origin: 0px;
}
table.grid .relativeWrapper .relative > * {
  transform: rotateY(-180deg);
}
table.grid .reySignStatus button, table.grid .reasons button {
  min-width: 130px;
}

.latestNotes .grid td:not(.note) {
  white-space: nowrap;
}
.latestNotes .grid td.note {
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.latestNotes .grid img.critical {
  width: 5px;
  height: 21px;
  object-fit: cover;
}
.latestNotes .grid img.unread {
  height: 21px;
}

.relativeWrapper {
  width: 0px;
  height: 0px;
  display: inline;
}
.relativeWrapper .relative {
  position: relative;
  display: inline-block;
}
.relativeWrapper .relative.hidden {
  display: none !important;
}

div.gridFilter {
  background-color: #b7d690;
  color: white;
  font-family: arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

input[id*=PacketDesc] {
  width: 90%;
}

/*Input Table*/
table.inputForm {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

table.inputForm th {
  font-weight: normal;
  padding: 3px;
  text-align: right;
}

table.inputForm th.required {
  color: #000066;
  font-weight: bold;
}

table.inputForm td {
  font-weight: normal;
  padding: 3px;
}

table.inputForm span.valfield {
  display: none;
}

table.inputForm select {
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.sortable {
  background: url(/Dealer/assets/images/icons/sort_both.png) right no-repeat;
  background-color: #b7d690;
  padding-right: 19px;
}

.sortAscending {
  background: url(/Dealer/assets/images/icons/sort_asc.png) right no-repeat;
  background-color: #b7d690;
  padding-right: 19px;
}

.sortDescending {
  background: url(/Dealer/assets/images/icons/sort_desc.png) right no-repeat;
  background-color: #b7d690;
  padding-right: 19px;
}

.fileUploaderDropZone {
  background-color: #eeeeee;
  height: 100px;
  text-align: center !important;
  vertical-align: middle !important;
}

.validator {
  background: url(/Dealer/assets/images/icons/redx.gif) no-repeat;
  padding-right: 12px;
  padding-bottom: 12px;
}

.helpInfo {
  background: url(/Dealer/assets/images/icons/help_small.gif) no-repeat;
}

.menuSystemWaitMessage {
  font-size: 16px;
  font-weight: bold;
  padding-top: 50px;
  text-align: center;
}

.menuSystemFormsReminder {
  color: darkred;
}

.ssnMask {
  color: black;
  font-size: 14px;
  font-weight: bold;
}

table.noCellPadding th, table.noCellPadding td {
  padding: 0;
}

#divPostPrintMessage {
  font-size: 18px;
  padding: 20px;
}

#divPostPrintMessage * {
  font-size: 18px;
}

.contextSensitiveHelp {
  cursor: pointer;
  left: -45px;
  padding: 10px;
  position: absolute;
  top: 45px;
}

ul.cbNoteList {
  padding-left: 15px;
}

ul.cbErrorList {
  color: red;
  padding-left: 15px;
}

div.cbLink {
  margin: 5px 0;
  text-align: center;
}

div.cbNotes li {
  margin-left: 15px;
}

td.cbNotes td {
  border: 1px solid #666666 !important;
  padding: 3px !important;
}

td.selectCallback {
  padding: 7px;
  text-align: center;
  vertical-align: middle;
}

.altrows tr {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
}

.altrows tr:nth-child(even) {
  background-color: whitesmoke;
}

.altrows tr:nth-child(odd) {
  background-color: white;
}

.altrows tr.header {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}

.altrows tr.header td {
  border: 1px solid #cccccc;
}

.bold {
  font-weight: bold;
}

.boldunderline {
  font-weight: bold;
  text-decoration: underline;
}

.row {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 10px;
}

.customhdr {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: black;
}

.customField {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 5px;
  line-height: 1.5;
}

.invalid {
  border: 2px solid red;
}

.validator-star {
  display: none !important;
}

.field-warning {
  background-color: #FFFF99;
}

.login-welcome {
  color: #66AA00;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-style: italic;
}

.login-portal {
  color: #0080CC;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
}

.update-browser-banner {
  background-color: #ffefc4;
  height: 60px;
  padding-top: 10px;
  text-align: center;
}

.update-browser-button {
  background-color: #008AC2;
  border-radius: 4px;
  border-style: none;
  height: 30px;
  width: 120px;
  color: white;
  margin-top: 10px;
}

.update-browser-button:hover {
  background-color: #0075A2;
}

div.reserveStatementText {
  margin: 10px 0;
}

div.reserveStatementText p {
  margin: 2px 0;
}

.center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.largeGrid td {
  font-size: 16px;
  font-family: Arial, sans-serif;
}

.oneLineGrid {
  table-layout: fixed;
}

.oneLineGrid td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leftPadded {
  padding: 3px;
  text-align: left;
}

.hidden {
  display: none;
}

.boldRow td {
  font-weight: bold;
}

.fakeLink {
  font-family: Verdana, Arial, Sans-Serif;
  color: #000080;
  text-decoration: underline;
}

.fakeLink:hover {
  color: #0CB3D7;
  cursor: pointer;
}

#divSearchBar {
  display: flex;
  align-items: center;
  height: 27px;
}

.searchBarButton {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  background: transparent;
  color: white;
  white-space: nowrap;
  text-shadow: 1px 1px gray;
  padding: 0 10px;
}

input[type=submit].searchBarButton {
  cursor: pointer;
  height: 100%;
}

#divHomeButtonBar {
  display: flex;
  float: right;
  padding-right: 5px;
}

.fadedHr {
  height: 1px;
  border: none;
  color: #ccc;
  background-color: #ccc;
}

#dlgFormBatch {
  padding: 0;
}

.voidConfirmation {
  color: red;
}

.text-danger {
  color: red;
}

#dlgCloneApplication {
  overflow: hidden;
}

.additionalSolutionsContainer {
  text-align: left;
  max-width: 750px;
  margin: 12px auto;
}
.additionalSolutionsContainer a {
  color: #002D96;
}
.additionalSolutionsContainer a:visited {
  color: #666666;
}
.additionalSolutionsContainer a:hover {
  color: #008AC2;
}
.additionalSolutionsContainer .additionalSolutionsTitle {
  margin: 0 0 6px 0;
}
.additionalSolutionsContainer .solutionItem {
  border: 1px solid #78bf3e;
  background-color: rgb(240.5434782609, 248.2608695652, 234.2391304348);
  border-radius: 6px;
  padding: 6px 12px;
  margin: 6px 0;
}
.additionalSolutionsContainer .solutionItem .solutionTitle {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 12px 0;
}
.additionalSolutionsContainer .solutionItem .solutionDescription {
  margin: 0 0 12px 0;
  line-height: 1.35;
}
.additionalSolutionsContainer .solutionItem .subscribedMessage {
  font-weight: bold;
}

.ecFlag {
  font-size: 11px;
  font-weight: bold;
  color: red;
}

.loginPage {
  max-width: 980px;
  margin: 30px auto;
}

.loginGrid {
  display: grid;
  grid-template-columns: 355px 355px;
  grid-template-rows: auto auto;
  column-gap: 100px;
  justify-content: center;
  margin-top: 20px;
}

.loginCell {
  padding: 10px;
  width: 335px;
}

.dealerCell {
  border-right: 1px solid #ACCDE5;
  padding-right: 60px;
}

.loginBox {
  border: 1px solid #00224C;
}

.loginBoxHeader {
  background-color: #ACCDE5;
  border-bottom: 1px solid #00224C;
  color: #00224C;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 7px 5px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loginBoxBody {
  display: flex;
  flex-direction: column;
  background-color: #DAE9F3;
  background-image: url(/Dealer/assets/images/graphic/laptop_back.gif);
  background-repeat: no-repeat;
  padding: 10px;
  height: 125px;
}

.loginLine {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.loginLine label {
  color: #00224C;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.dealerLogin label {
  width: 65px;
}

.orgLogin label {
  width: 110px;
}

.loginActions {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

article.reySignSigners button, div.signerInformation button {
  width: 20px;
  height: 20px;
  background-size: cover;
  filter: brightness(75%);
  background-color: transparent;
  background-image: url(/Dealer/assets/images/icons/search.png);
}

#divSupportEmail #divEmailGrid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  padding: 10px;
}
#divSupportEmail #divEmailGrid .helpLabel {
  text-align: right;
  padding: 4px 10px;
}
#divSupportEmail #divEmailGrid .helpContent {
  text-align: left;
  padding: 4px;
}
#divSupportEmail .submitButton {
  margin: auto;
}
#divSupportEmail input:disabled {
  background-color: lightgrey;
}

#formThirdPartyInterfaces {
  margin: 0px;
}
#formThirdPartyInterfaces #divTable {
  display: table;
  border: none;
  width: 100%;
}
#formThirdPartyInterfaces #divTable div {
  display: table-row;
}
#formThirdPartyInterfaces #divTable div.hidden {
  display: none;
}
#formThirdPartyInterfaces #divTable div div {
  display: table-cell;
  width: 100px;
}

.qrCodeContainer {
  margin-bottom: 10px;
}

.qrPrintHeader {
  display: none;
}

.qrCode {
  width: 60%;
  display: block;
  margin: 10px auto;
}

.qrCodeWarningDiv {
  background-color: lightyellow;
  margin: 5px;
  padding: 10px;
  display: inline-flex;
}

.qrCodeBtns {
  float: right;
}

.qrRegenerateBtn {
  padding: 5px;
  color: #333333;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  background-color: #b7d690;
}

.qrCancelBtn {
  padding: 5px;
  color: #333333;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  background-color: lightgray;
}

.imgContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

#imgWarning {
  width: 20px;
}

.msgContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.divider {
  border-bottom: 1px solid lightgray;
  margin: 5px;
}

@media print {
  .qrPrintHeader {
    display: block;
    font-weight: bold;
    font-size: 18px;
  }
  .qrPrintHeader span {
    display: block;
  }
  .qrPrintHeader span:first-child {
    margin-bottom: 10px;
  }
  .qrPrintHide {
    display: none;
  }
}

#VendorDetails .vendorRow, #VendorDetails #VendorTable {
  border: 1px solid #92D050;
  border-collapse: collapse;
}

#VendorDetails body {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}
#VendorDetails #PageTitle {
  font-family: Arial, Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#VendorDetails #VendorContainer {
  width: 80vw;
  margin: 0 auto;
  border-collapse: collapse;
}
#VendorDetails #VendorTable {
  width: 80vw;
}
#VendorDetails .vendorRow {
  height: 50px;
}
#VendorDetails .vendorRow td {
  padding-left: 10px;
  min-width: 150px;
  vertical-align: top;
}
#VendorDetails .vendorLogo {
  vertical-align: middle;
  max-width: 500px;
}

#Lenders dialog.lenderEnable .rows {
  display: flex;
  height: 200px;
  flex-direction: column;
  justify-content: space-between;
}
#Lenders dialog.lenderEnable .rows .row {
  padding: 0px;
}
#Lenders dialog.lenderEnable .rows .missingEmailMessage p {
  margin: 0px;
}
#Lenders dialog.lenderEnable .rows .missingEmailMessage a {
  display: block;
  margin-top: 20px;
}
#Lenders dialog.lenderEnable .rows .buttons {
  text-align: center;
}

.applicantInfo {
  padding: 0px 5px;
  font-size: 11px;
}
.applicantInfo h3 {
  color: maroon;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
  font-family: Arial, sans-serif;
}
.applicantInfo h3 label {
  margin-left: 10px;
}
.applicantInfo span {
  display: inline-block;
}
.applicantInfo .required {
  font-size: 11px;
  font-weight: bold;
  color: #000066;
}
.applicantInfo.cashDeal section:not(.references) .required:not(.cash) {
  color: inherit;
  font-weight: inherit;
}
.applicantInfo .fields {
  display: flex;
  flex-direction: column;
}
.applicantInfo .fields.hidden {
  display: none;
}
.applicantInfo .fields .field {
  display: flex;
  margin: 2px 0px;
  align-items: center;
}
.applicantInfo .fields .field.hidden {
  display: none;
}
.applicantInfo .fields .field label {
  text-align: right;
  display: inline-block;
}
.applicantInfo .fields .field label:nth-child(n+1), .applicantInfo .fields .field .city, .applicantInfo .fields .field .state {
  margin-left: 8px;
}
.applicantInfo .fields .field > label:first-child > span:first-child {
  margin-right: 3px;
}
.applicantInfo .fields .field .years, .applicantInfo .fields .field .months {
  width: 15px;
}
.applicantInfo .fields .field .salary, .applicantInfo .fields .field .firstName, .applicantInfo .fields .field .lastName, .applicantInfo .fields .field .middleInitial {
  width: 80px;
}
.applicantInfo .fields .field .federalTaxID {
  width: 80px;
}
.applicantInfo section {
  margin: 5px 0px;
}
.applicantInfo section.personal .field > label:first-child > span:first-child {
  width: 105px;
}
.applicantInfo section.address.current .field > label:first-child > span:first-child {
  width: 135px;
}
.applicantInfo section.address.previous .field > label:first-child > span:first-child {
  width: 85px;
}
.applicantInfo section.employment .field > label:first-child > span:first-child {
  width: 90px;
}
.applicantInfo section.otherIncome .field > label:first-child > span:first-child {
  width: 110px;
}
.applicantInfo section.business .field > label:first-child > span:first-child {
  width: 120px;
}
.applicantInfo section.address.mailing .field > label:first-child > span:first-child, .applicantInfo section.principalOwner .field > label:first-child > span:first-child, .applicantInfo section.businessOperator .field > label:first-child > span:first-child {
  width: 75px;
}
.applicantInfo section.references .field > label:first-child > span:first-child {
  width: 45px;
}
.applicantInfo .w25 {
  width: 25px;
}
.applicantInfo .w50 {
  width: 50px;
}
.applicantInfo .w140, .applicantInfo .city {
  width: 140px;
}
.applicantInfo .w200 {
  width: 200px;
}
.applicantInfo .date {
  width: 60px;
}
.applicantInfo .phone {
  width: 75px;
}
.applicantInfo .zipCode {
  width: 35px;
}
.applicantInfo .county {
  width: 105px;
}
.applicantInfo .relationDescription, .applicantInfo .incomeDescription {
  margin-left: 5px;
}
.applicantInfo .quickScanStatusDiv {
  display: inline-block;
  position: static;
  margin-top: -1px;
  margin-left: 8px;
  -webkit-filter: brightness(100%);
}
.applicantInfo .quickScanStatusDiv:hover {
  -webkit-filter: brightness(90%);
}
.applicantInfo .quickScanStatusDiv .quickScanStatusLnk {
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0px 6px;
}
.applicantInfo .quickScanStatusDiv .quickScanStatusLnk .quickScanStatusImg {
  mask: url(/Dealer/assets/images/icons/QuickScanIcon.svg) no-repeat center;
  height: 19px;
  width: 25px;
  margin-right: 6px;
}
.applicantInfo .quickScanStatusDiv .quickScanStatusLnk .quickScanStatusLbl {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.applicantInfo .quickScanStatusDiv.Clear .quickScanStatusLnk {
  background-color: #D3F9D8;
  border: 1px #A7D6AD solid;
}
.applicantInfo .quickScanStatusDiv.Clear .quickScanStatusLnk .quickScanStatusImg {
  background-color: #074515;
}
.applicantInfo .quickScanStatusDiv.Clear .quickScanStatusLnk .quickScanStatusLbl {
  color: #074515;
}
.applicantInfo .quickScanStatusDiv.Caution .quickScanStatusLnk {
  background-color: #FFEECC;
  border: 1px #CBBB9D solid;
}
.applicantInfo .quickScanStatusDiv.Caution .quickScanStatusLnk .quickScanStatusImg {
  background-color: #452B07;
}
.applicantInfo .quickScanStatusDiv.Caution .quickScanStatusLnk .quickScanStatusLbl {
  color: #452B07;
}
.applicantInfo .quickScanStatusDiv.Pending .quickScanStatusLnk {
  background-color: #D0E2FE;
  border: 1px #9EC4FF solid;
}
.applicantInfo .quickScanStatusDiv.Pending .quickScanStatusLnk .quickScanStatusImg {
  background-color: #20252D;
}
.applicantInfo .quickScanStatusDiv.Pending .quickScanStatusLnk .quickScanStatusLbl {
  color: #20252D;
}
.applicantInfo .quickScanStatusDiv.HighRisk .quickScanStatusLnk {
  background-color: #FFE5E9;
  border: 1px #F8C5C8 solid;
}
.applicantInfo .quickScanStatusDiv.HighRisk .quickScanStatusLnk .quickScanStatusImg {
  background-color: #990F17;
}
.applicantInfo .quickScanStatusDiv.HighRisk .quickScanStatusLnk .quickScanStatusLbl {
  color: #990F17;
}
.applicantInfo .quickScanStatusDiv.Error .quickScanStatusLnk {
  background-color: #F3F5F7;
  border: 1px #9BA1B5 solid;
}
.applicantInfo .quickScanStatusDiv.Error .quickScanStatusLnk .quickScanStatusImg {
  background-color: #20252D;
}
.applicantInfo .quickScanStatusDiv.Error .quickScanStatusLnk .quickScanStatusLbl {
  color: #20252D;
}
.applicantInfo div.personalReferences h3 {
  display: inline-block;
  margin: 0px 20px 0px 0px;
}
.applicantInfo div.personalReferences .reference > div:first-child {
  margin: 10px 0px;
}
.applicantInfo div.personalReferences .reference > div:first-child label {
  color: navy;
  font-family: Verdana, Arial, Sans-Serif;
}
.applicantInfo div.personalReferences .reference > div:first-child label button {
  border: none;
  background-image: url(/Dealer/assets/images/my/icon-delete.gif);
  background-color: transparent;
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.applicantInfo div.personalReferences .addReference button {
  color: navy;
  border: none;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  background-color: transparent;
}

.locked {
  cursor: not-allowed;
}
.locked * {
  cursor: not-allowed;
}

.collateralInfoSectionLabels {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #800000;
}

.collateralInfoFieldLabel, .collateralInfoSmallFieldLabel {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
}

.collateralInfoSmallFieldLabel {
  font-size: 9px;
}

.collateralInfoRequiredLabel {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000066;
}

tr[id$=tr_nonautoheaderbookout] td div {
  min-width: 60px;
}
tr[id$=tr_nonautoheaderbookout] td div span {
  display: block;
  text-align: center;
}

tr[id$=trNonAutoBookoutMsrp] td {
  padding: 5px 0px;
  vertical-align: middle;
}

tr[id$=tr_nonautobasevalues] td, tr[id$=tr_nonautooptionsvalues] td, tr[id$=tr_nonautofinalvalues] td {
  text-align: center;
}
tr[id$=tr_nonautobasevalues] td:first-child, tr[id$=tr_nonautooptionsvalues] td:first-child, tr[id$=tr_nonautofinalvalues] td:first-child {
  text-align: inherit;
}

.intendedUse {
  margin-left: 20px;
}
.intendedUse label {
  margin-right: 5px;
}

.collaterals {
  margin: 0px 10px;
}
.collaterals h3, .collaterals .h3 label, .collaterals label.h3 {
  color: maroon;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin: 10px 0px;
}
.collaterals .collateralTypes {
  margin-bottom: 10px;
}
.collaterals .collateralTypes select {
  margin-left: 10px;
}
.collaterals .collateralTypes span {
  color: #000066;
  margin-left: 10px;
  font-weight: bold;
}

.divOptions p {
  margin-top: 0px;
}
.divOptions .addOption div, .divOptions .addOption input {
  display: inline-block;
}
.divOptions .addOption div label, .divOptions .addOption input label {
  display: block;
}
.divOptions .addOption div input.extraLong, .divOptions .addOption input input.extraLong {
  width: 200px;
}
.divOptions .options div {
  margin: 5px;
}
.divOptions .options div label {
  display: inline-block;
  width: 179px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.powersports .tabs {
  display: flex;
}
.powersports .tabs .tab {
  background-color: #e3f2d2;
  padding: 5px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #b7d690;
  border-radius: 5px 5px 0px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 0px;
}
.powersports .tabs .tab.selected {
  background-color: #b7d690;
}
.powersports .container {
  border: 2px solid #b7d690;
  border-bottom: 0px;
  top: -1px;
  min-width: fit-content;
}
.powersports .container .item > .buttons {
  background-color: #b7d690;
  padding-left: 5px;
  margin: 0px;
}
.powersports .container .item > .buttons input {
  margin: 5px 0px 5px 5px;
}
.powersports label {
  font-size: 11px;
}
.powersports label.required {
  color: #000066;
  font-weight: bold;
}
.powersports input[type=text] {
  width: 75px;
}
.powersports input[type=text].long {
  width: 120px;
}
.powersports input[type=text].short {
  width: 50px;
}
.powersports input[type=text].year {
  text-align: left !important;
}
.powersports hr {
  color: lightgrey;
}
.powersports hr.vertical {
  margin: 15px;
}
.powersports .buttons {
  margin-bottom: 10px;
}
.powersports .buttons .field {
  display: inline-block;
  margin-left: 20px;
}
.powersports .addButton {
  text-align: right;
}
.powersports .addButton input {
  font-size: 15px;
  width: 65px;
}

.powersport:not(.hidden) {
  display: flex;
  background-color: #f5f5f5;
  padding: 5px 10px;
}
.powersport:not(.hidden) .units {
  flex-grow: 1;
}
.powersport:not(.hidden) .units .fields:not(.hidden) {
  display: flex;
}
.powersport:not(.hidden) .units .fields:not(.hidden) > div {
  margin-right: 10px;
}
.powersport:not(.hidden) .units .fields:not(.hidden) > div:first-child {
  min-width: 420px;
}
.powersport:not(.hidden) .units .fields:not(.hidden) > div:last-child {
  min-width: 270px;
}
.powersport:not(.hidden) .units .fields:not(.hidden) .field {
  padding: 3px;
}
.powersport:not(.hidden) .units .fields:not(.hidden) .field label:not(.hidden) {
  display: inline-block;
  min-width: 120px;
  padding-right: 10px;
  text-align: right;
}
.powersport:not(.hidden) .units .fields:not(.hidden) .field .subfield {
  display: inline-block;
}
.powersport:not(.hidden) .units .fields:not(.hidden) .field .subfield label {
  min-width: auto;
}
.powersport:not(.hidden) .units .fields:not(.hidden) .field .subfield input[type=checkbox] {
  margin: 0px 2px;
}
.powersport:not(.hidden) .units .mainUnit > div.field {
  margin-bottom: 10px;
}
.powersport:not(.hidden) .units .trailer h3 {
  margin: 0px;
}
.powersport:not(.hidden) .units .trailer p {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  color: #000066;
  margin: 0px;
}
.powersport:not(.hidden) .units .trailer > div:first-child {
  margin: 10px 0px;
}
.powersport:not(.hidden) .extras {
  max-width: 50%;
}
.powersport:not(.hidden) .bookout label, .powersport:not(.hidden) .bookout td:first-child {
  display: inline-block;
  min-width: 80px;
  text-align: left;
  padding: 0px;
}
.powersport:not(.hidden) .bookout input {
  width: 60px;
  text-align: right;
}
.powersport:not(.hidden) .bookout th {
  text-align: center;
  color: #000066;
  font-size: 11px;
  max-width: 105px;
}
.powersport:not(.hidden) .bookout th:nth-child(2) {
  width: min-content;
}
.powersport:not(.hidden) .bookout td {
  font-size: 11px;
  text-align: center;
}
.powersport:not(.hidden) .accessories {
  margin-bottom: 10px;
}
.powersport:not(.hidden) .accessories span {
  margin: 5px;
}

a.cloneMotorButton {
  background: url(/Dealer/assets/images/icons/clone_image.png) left no-repeat;
  color: #000080;
  padding-left: 18px;
  text-decoration: none;
  margin-left: 20px;
}

#ContractValidation .topSection {
  height: 200px;
  display: flex;
  flex-direction: column;
}
#ContractValidation .topSection hr {
  margin: 0px;
}
#ContractValidation .topSection a {
  font-weight: bold;
  font-family: Arial, Sans-Serif;
}
#ContractValidation .topSection div.labelMargin {
  margin-top: 10px;
  margin-left: 10px;
}
#ContractValidation .methodOfPayment {
  color: navy;
  font-weight: bold;
}
#ContractValidation .cvLeftColumn {
  float: left;
  width: 48%;
}
#ContractValidation .cvRightColumn {
  float: right;
  width: 52%;
}
#ContractValidation .cvDividerCol {
  width: 20px;
  padding-right: 20px;
  float: left;
}
#ContractValidation .cvDivider {
  border-right: solid;
  border-color: grey;
  height: 480px;
  margin-top: 15px;
}
#ContractValidation .labelPadding {
  padding: 10px;
}
#ContractValidation .labelValue {
  font-weight: bold;
  color: black;
}
#ContractValidation .labelWarning {
  color: red;
}
#ContractValidation .messagePadding {
  margin: 0px 10px;
}
#ContractValidation .cvTextBox {
  width: 80%;
  height: 240px;
  resize: none;
  margin: 0px 0px 10px;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border-radius: 2px;
  border: solid 1px #d6d6d6;
  background-color: whitesmoke;
}
#ContractValidation .cvTextBox.colorRed {
  color: red;
}
#ContractValidation .eContractStatuses {
  display: flex;
  flex-wrap: wrap;
}
#ContractValidation .eContractStatuses .item {
  width: 34%;
  flex-grow: 1;
  padding: 10px;
}
#ContractValidation .eContractStatuses .item span:last-child {
  font-weight: bold;
}
#ContractValidation .divRules {
  flex: 1;
  margin: 10px;
  padding: 5px;
  overflow: scroll;
  border-radius: 2px;
  border: solid 1px #d6d6d6;
  background-color: whitesmoke;
}
#ContractValidation .divRules .error {
  color: red;
}
#ContractValidation .eContractingPrompts {
  margin: 10px;
  padding: 5px 10px;
  height: 225px;
  overflow: scroll;
  border-radius: 2px;
  border: solid 1px #d6d6d6;
}
#ContractValidation .eContractingPrompts .eContractingPrompt {
  margin: 5px 0px;
}
#ContractValidation .eContractingPrompts label {
  color: navy;
}
#ContractValidation #lblCVMessage {
  display: block;
}

#divCreditReports {
  padding-top: 50px;
}
#divCreditReports.multipleTabsDivs .tabs .tab {
  background-color: #e3f2d2;
  color: #666666;
  border-color: #cee2b5;
}
#divCreditReports.multipleTabsDivs .tabs .tab.selected {
  background-color: #b7d690;
  border-bottom: 1px solid #b7d690;
}
#divCreditReports.multipleTabsDivs .contentTab {
  border-top: 1px #cee2b5 solid;
}
#divCreditReports.multipleTabsDivs .contentTab.leftPanel {
  padding-top: 0px;
  margin-top: 32px;
}
#divCreditReports.multipleTabsDivs .contentTab.rightPanel {
  padding: 20px 0px;
}
#divCreditReports.multipleTabsDivs .contentTab.rightPanel .divQSHolder {
  text-align: center;
}
#divCreditReports.multipleTabsDivs .contentTab.rightPanel .divQSHolder #divQuickScanDisplay {
  display: table;
  width: 100%;
}
#divCreditReports.multipleTabsDivs .contentTab.selected .panelBar {
  border: 0px solid #b7d690;
}
#divCreditReports .creditReportSummary header div {
  margin: 5px 0px;
}
#divCreditReports .creditReportSummary header div input, #divCreditReports .creditReportSummary header div select {
  margin-left: 10px;
}
#divCreditReports .creditReportSummary header div:not(:last-child) label, #divCreditReports .creditReportSummary section span {
  font-size: 11px;
  font-weight: bold;
  color: #000066;
}
#divCreditReports .creditReportSummary accent-color {
  display: inline-block;
}
#divCreditReports .creditReportSummary article {
  margin-bottom: 5px;
}
#divCreditReports .creditReportSummary article div, #divCreditReports .creditReportSummary article iframe {
  min-width: 700px;
  min-height: 500px;
  background-color: white;
  border: 2px solid dimgrey;
}
#divCreditReports .quickScan .buttons {
  color: black;
  font-weight: bold;
  margin: 0px 20px 20px;
}
#divCreditReports .quickScan .buttons button {
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
#divCreditReports .quickScan .summaries b {
  color: #000066;
}
#divCreditReports .quickScan .summaries article {
  color: black;
  font-weight: bold;
  border: 1px solid #cccccc;
}
#divCreditReports .quickScan .summaries header {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  font-family: Arial, sans-serif;
}
#divCreditReports .quickScan .summaries section {
  width: 620px;
  height: 700px;
  font-family: Verdana, Arial, sans-serif;
}
#divCreditReports .quickScan dialog {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
#divCreditReports .quickScan dialog div {
  margin: 20px;
}
#divCreditReports .quickScan dialog div:last-child {
  margin: 10px;
}
#divCreditReports .quickScan dialog div button, #divCreditReports .quickScan dialog div input {
  font-size: 11px;
  font-weight: bold;
}
#divCreditReports .quickScan .red {
  color: red;
}

#tblDealStructure th {
  text-align: left;
}
#tblDealStructure .required {
  color: #666666;
}
#tblDealStructure input[id$=tradeinamount], #tblDealStructure input[id$=tradeinpayoff] {
  text-align: right;
}
#tblDealStructure .paymentDate span {
  width: 83px;
  text-align: right;
  font-weight: bold;
  display: inline-block;
}
#tblDealStructure .flatRate input, #tblDealStructure .flatRate span, #tblDealStructure .flatTerm input, #tblDealStructure .flatTerm span {
  margin-right: 4px;
}
#tblDealStructure .w50 {
  width: 50px;
}
#tblDealStructure .underline {
  color: #006;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #006;
}
#tblDealStructure .initial {
  padding: 3px 6px;
  background-color: aliceblue;
}
#tblDealStructure section table {
  border-collapse: collapse;
}
#tblDealStructure section table th, #tblDealStructure section table td {
  padding: 3px;
}

.updateSellingPrice h3 {
  color: maroon;
}
.updateSellingPrice .collateral > div {
  display: flex;
  margin: 5px 0px;
}
.updateSellingPrice .collateral > div label {
  width: 100px;
  text-align: right;
  margin-right: 5px;
}
.updateSellingPrice .collateral > div.required label {
  font-weight: bold;
}
.updateSellingPrice .collateral > div div {
  flex-grow: 4;
}
.updateSellingPrice .collateral > div div input[type=text] {
  width: 75px;
}
.updateSellingPrice .button {
  text-align: center;
  margin-top: 10px;
}

.optionSummary {
  font-family: Arial, sans-serif;
}
.optionSummary .collateral {
  margin: 10px 0px;
}
.optionSummary .header {
  font-weight: bold;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.optionSummary thead td {
  color: #666;
  font-size: 12px;
  text-align: left;
}
.optionSummary tbody tr.option td {
  text-align: center;
}
.optionSummary tbody tr.option td input.name {
  text-align: left;
  width: 200px;
}
.optionSummary tbody tr.option td input.sellingPrice {
  text-align: right;
  width: 80px;
}
.optionSummary a.addButton {
  font-size: 12px;
}
.optionSummary > div:last-child {
  text-align: center;
}

.products .tabs {
  display: flex;
}
.products .tabs div {
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.products .tabs div.tab {
  background-color: #e3f2d2;
  border: 1px solid #b7d690;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
  min-width: 50px;
  text-align: center;
}
.products .tabs div.tab.selected {
  background-color: #b7d690;
}
.products .container {
  border: 2px solid #b7d690;
  top: -1px;
  min-width: fit-content;
}
.products .collateral {
  display: flex;
  background-color: #b7d690;
  padding-left: 5px;
  margin: 0;
}
.products .collateral div {
  flex-grow: 1;
  padding: 5px 5px;
  color: white;
  font-weight: bold;
}
.products .productMenuButtons {
  display: flex;
  margin: 10px;
}
.products .productMenuButtons input[id$=btnAGWS] {
  background-color: darkred;
  max-width: 100px;
  border: 2px solid #8f8f9d;
  border-radius: 10px;
  padding: 0px 5px;
  margin-right: 5px;
}
.products .productMenuButtons input[id$=btnAGWS]:hover {
  background-color: #6c0000;
}
.products .productMenuButtons div {
  max-width: 300px;
}
.products .productMenuButtons div input {
  margin: 5px;
}

.product {
  margin: 5px;
}
.product .header {
  display: flex;
  justify-content: space-between;
}
.product .fields:not(.hidden) {
  padding: 5px;
}
.product .fields:not(.hidden) > div {
  margin: 5px;
  height: 21px;
}
.product .fields:not(.hidden) > div:not(.field) {
  display: flex;
}
.product .fields:not(.hidden) > div.productTax {
  justify-content: space-between;
}
.product .fields:not(.hidden) > div.field label, .product .fields:not(.hidden) > div .field label {
  margin-right: 10px;
}
.product .fields:not(.hidden) > div.field label.required, .product .fields:not(.hidden) > div .field label.required {
  font-weight: bold;
}
.product input[disabled=""] {
  border: 1px solid #bcbcbc;
  background-color: #e5e5e5;
  cursor: default;
}
.product label.required {
  font-weight: bold;
}

.tradeIn span label {
  color: maroon;
  font-weight: bold;
  font-size: 13px;
}
.tradeIn > div > div {
  display: inline-block;
  margin: 4px;
}
.tradeIn > div > div.required label {
  font-weight: bold;
}
.tradeIn > div > div.allowance input, .tradeIn > div > div.payoff input {
  width: 75px;
}
.tradeIn > div > div.serial input {
  width: 150px;
}
.tradeIn > div > div.year input {
  width: 30px;
  text-align: right;
}
.tradeIn > div > div.model input {
  width: 200px;
}
.tradeIn > div > div.mileage input, .tradeIn > div > div.phone input {
  width: 70px;
}
.tradeIn > div > div.lienholder input {
  width: 120px;
}
.tradeIn > div > div.accountNumber input {
  width: 80px;
}

div.dealSummary {
  border-bottom: 1px solid #336699;
  border-top: 1px solid #336699;
  color: #000000;
  font-size: 18px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
}
div.dealSummary .currency {
  margin-right: 8px;
}

div.itemizedTaxes h2 {
  color: maroon;
  font-size: 18px;
}
div.itemizedTaxes > header {
  border-bottom: 2px solid #336699;
}
div.itemizedTaxes article.tax {
  border-bottom: 2px solid #336699;
}
div.itemizedTaxes article.tax:nth-child(3n-1) > header, div.itemizedTaxes article.tax:nth-child(3n-1) h2, div.itemizedTaxes article.tax:nth-child(3n-1) section, div.itemizedTaxes article.tax:nth-child(3n-2) > header, div.itemizedTaxes article.tax:nth-child(3n-2) h2, div.itemizedTaxes article.tax:nth-child(3n-2) section {
  border-right: 1px solid #336699;
}
div.itemizedTaxes article.tax fieldset > div:not(.taxItem) div {
  width: 250px;
}
div.itemizedTaxes article.tax fieldset > div div input[id$=txtRate] {
  width: 50px;
}
div.itemizedTaxes article.tax fieldset > div div input[id$=txtAmount] {
  width: 100px;
}

.stepRatePromo td:not(.grey) {
  color: #008000;
}

form.fEDocs .eContractButtons {
  display: flex;
  justify-content: center;
  background-color: #b7d690;
  padding: 8px;
}
form.fEDocs .eContractLabel {
  white-space: nowrap;
}
form.fEDocs .eContractInfo {
  display: flex;
  padding: 5px 20px;
}
form.fEDocs .eContractInfo .eContractStatus, form.fEDocs .eContractInfo .lenderContract {
  display: flex;
  flex-direction: column;
}
form.fEDocs .eContractInfo .eContractStatus hr, form.fEDocs .eContractInfo .lenderContract hr {
  width: calc(100% - 2px);
}
form.fEDocs .eContractInfo .eContractStatus {
  width: 55%;
}
form.fEDocs .eContractInfo .lenderContract {
  width: 45%;
}
form.fEDocs .eContractInfo .lenderContract .buttons {
  grid-column: 1/3;
}
form.fEDocs .eContractInfo .section {
  display: grid;
  flex-grow: 1;
  grid: auto-flow/repeat(2, 50%);
}
form.fEDocs .eContractInfo .section div.item {
  margin: 2px 0px;
}
form.fEDocs .eContractInfo .section div.item * {
  font-weight: bold;
  display: inline-flex;
}
form.fEDocs .eContractInfo .section .transmit {
  margin-left: auto;
}
form.fEDocs .eContractInfo .sectionRight {
  flex-grow: 1;
  grid: auto-flow/repeat(1, 50%);
}
form.fEDocs .eContractInfo .sectionRight div.item {
  margin: 3px 0px;
}
form.fEDocs .eContractInfo .sectionRight div.item * {
  font-weight: bold;
  display: inline-flex;
}
form.fEDocs .eContractInfo > hr {
  margin: 0px 15px 10px 15px;
  height: 115px;
  align-self: end;
}
form.fEDocs .eContractInfo h3 {
  color: #880000;
  font-weight: bold;
  margin: 0px;
  font-size: 12px;
}
form.fEDocs .tables {
  padding: 5px 20px;
}
form.fEDocs .tables table {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border-spacing: 1px;
  background-color: black;
}
form.fEDocs .tables table th {
  color: white;
  font-weight: bold;
  background-color: #b7d690;
}
form.fEDocs .tables table td {
  background: white;
}
form.fEDocs .tables table tbody tr, form.fEDocs .tables table tfoot tr {
  height: 28px;
}
form.fEDocs .tables .diveDocs {
  float: left;
  width: calc(55% - 10px);
  margin-right: 10px;
}
form.fEDocs .tables .diveDocs thead th:nth-child(1) {
  width: 30px;
}
form.fEDocs .tables .diveDocs thead th:nth-child(3) {
  width: 180px;
}
form.fEDocs .tables .diveDocs thead th:nth-child(4) {
  width: 40%;
}
form.fEDocs .tables .diveDocs .ddlEFile {
  width: 100%;
}
form.fEDocs .tables .diveDocs .sentDate {
  text-align: center;
}
form.fEDocs .tables .diveDocs tfoot input {
  width: 160px;
}
form.fEDocs .tables .diveDocs .loanAppButtons {
  margin-top: 5px;
}
form.fEDocs .tables .divComments {
  float: right;
  margin-left: 10px;
  width: calc(45% - 10px);
}
form.fEDocs .tables .divComments .header {
  height: 22px;
  white-space: nowrap;
}
form.fEDocs .tables .divComments .commentDate {
  text-align: center;
}

div.grid {
  display: table;
  background-color: white;
  border-collapse: collapse;
  color: black;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}
div.grid .alt {
  background-color: #f5f5f5;
}
div.grid .cell {
  padding: 3px;
  text-align: left;
  vertical-align: top;
  display: table-cell;
}
div.grid .row {
  display: table-row;
  border: 1px solid black;
}

div.grid .header, div.grid .footer, #tblFiles .header {
  background-color: #b7d690;
  color: white;
  font-weight: bold;
  padding: 3px;
}

#tblFiles .header, #tblFiles .footer, #tblFiles .fileToUpload {
  display: grid;
  grid-template-columns: 2% 15% 20% 15% 25% 5% 6% 5% 1fr;
  grid-template-areas: "num fileName description docTitle eDocCode size progress status remove";
  align-items: center;
  padding-left: 3px;
  padding-right: 3px;
}
#tblFiles .header > *, #tblFiles .footer > *, #tblFiles .fileToUpload > * {
  padding-left: 2px;
}
#tblFiles.noEContracting .header, #tblFiles.noEContracting .footer, #tblFiles.noEContracting .fileToUpload {
  grid-template-columns: 2% 15% 30% 18% 8% 7% 5% 1fr;
  grid-template-areas: "num fileName description docTitle size progress status remove";
}
#tblFiles .fileNumCol {
  grid-area: num;
}
#tblFiles .fileNameCol {
  grid-area: fileName;
}
#tblFiles .descriptionCol {
  grid-area: description;
}
#tblFiles .docTitleCol {
  grid-area: docTitle;
}
#tblFiles .eDocTypeCodeCol {
  grid-area: eDocCode;
}
#tblFiles .sizeCol {
  grid-area: size;
}
#tblFiles .progressCol {
  grid-area: progress;
}
#tblFiles .statusCol {
  grid-area: status;
}
#tblFiles .removeIconCol {
  grid-area: remove;
}
#tblFiles .footer {
  background-color: #cccccc;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
}
#tblFiles .footer .fileLeftBtns {
  grid-column: num-start/size-start;
}
#tblFiles .footer .fileRightBtns {
  grid-column: status-start/remove-end;
  text-align: right;
}
#tblFiles button {
  font-weight: bold;
}

.dropFileMsg {
  margin-top: 40px;
}

.fileupload-buttonbar .fileinput-button input {
  height: 19px;
}
.fileupload-buttonbar .fileinput-button input.fileInput {
  position: absolute;
  bottom: 20px;
  left: 10px;
  margin: 0;
  border: solid transparent;
  opacity: 0;
  direction: ltr;
  cursor: pointer;
  width: 75px;
}

.fileinput-button {
  overflow: hidden;
}

#Files {
  background-color: #f5f5f5;
  border-bottom: 1px solid black;
}

.fileToUpload {
  text-align: left;
  font-family: arial, sans-serif;
}
.fileToUpload.alt {
  background-color: white;
}
.fileToUpload > * {
  margin: 3px 0;
}
.fileToUpload .descriptionCol input.description {
  width: calc(100% - 8px);
}
.fileToUpload .eDocTypeCodeCol input.description {
  width: 90px;
}
.fileToUpload .eDocTypeCodeCol input.description.error {
  border: solid 2px red;
}
.fileToUpload .eDocTypeCodeCol b.eDocNameOverflow {
  width: calc(100% - 127px);
}

.fileSizeCol {
  text-align: center !important;
  width: 100px;
}

.ui-autocomplete {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 240px;
}

.eDocNameOverflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 200px;
  vertical-align: text-bottom;
}

.dSendEFilesDialog .field, .dSendEFilesDialog .emailButtons {
  margin: 5px 0px;
}
.dSendEFilesDialog .emailFrom input {
  width: 300px;
}
.dSendEFilesDialog .emailTo div {
  display: inline-block;
}
.dSendEFilesDialog .emailTo input[type=text] {
  width: 300px;
}
.dSendEFilesDialog .comments {
  display: flex;
  flex-direction: column;
}
.dSendEFilesDialog .emailButtons {
  text-align: center;
}

.dExport div {
  margin: 5px 0px;
}
.dExport .separateFiles label, .dExport .mergeFiles label {
  font-weight: bold;
}
.dExport .prefix label {
  margin-left: 30px;
}
.dExport p {
  color: grey;
  font-style: italic;
}
.dExport div:last-child {
  text-align: right;
}
.dExport div:last-child button {
  font-weight: bold;
}

.wetSignRequired {
  height: 1.35em;
  margin-left: 0.3em;
  vertical-align: bottom;
}

.wetSignIconMessage {
  color: red;
}

.imgReySignIcon {
  height: 1.5em;
  margin-left: 0.3em;
  vertical-align: bottom;
}

.spanReySignIcon {
  margin-right: 2em;
  white-space: nowrap;
}

.iseContractDeal {
  color: black;
  display: block;
  font-size: 13px;
  position: relative;
  top: 5px;
}

#CustomFieldWindow {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  min-width: 275px;
  min-width: min-content;
  background-color: #15639f;
}

#printLoadForm {
  background-color: #15639f;
}
#printLoadForm #printLoadCenter {
  background-color: white;
  margin: 0 10vw;
  min-height: 100vh;
  display: block;
}
#printLoadForm #errors {
  padding: 4px;
}

body.riskBasedPricing {
  background-color: #15639f;
}
body.riskBasedPricing #riskBasedPricingCenter {
  background-color: white;
  margin: 0 10vw;
  min-height: 100vh;
  display: block;
}

#DealerForms {
  display: flex;
}
#DealerForms .batches {
  flex: 1;
  border: 1px solid #002D96;
  width: 50%;
  float: left;
}
#DealerForms .batches .batchesTitle {
  border: none;
}
#DealerForms .batches .divFormBatchSpacer {
  height: 50px;
}
#DealerForms .batches .divFormBatchSpacer .subscriptionLnk {
  padding-left: 5px;
}
#DealerForms .batches .divFormBatchSpacer .batchesButtons {
  padding: 5px 5px 6px 5px;
}
#DealerForms .batches .divFormBatchSpacer .batchesButtons .editBtn {
  float: left;
  margin-right: 10px;
}
#DealerForms .batches .divFormBatchSpacer .batchesButtons .addbtn {
  float: left;
}
#DealerForms .batches .divFormBatchSpacer .batchesButtons .batchSelectionWarning {
  display: inline-block;
  margin-top: -15px;
  text-align: center;
}
#DealerForms .batches .batchList {
  font-size: 12pt;
  border-top: solid 2px black;
}
#DealerForms .batches .batchList .batchScroller {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl {
  table-layout: fixed;
  width: 100%;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl label {
  margin-left: 10px;
  display: block;
  text-align: left;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl input {
  visibility: hidden;
  position: absolute;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl input + label {
  cursor: pointer;
  border: 4px solid transparent;
  margin: -2px;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl input:checked + label {
  border: 4px solid #1d55d9;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem input {
  visibility: hidden;
  position: absolute;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem img {
  margin-bottom: -40px;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem div {
  padding-left: 40px;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem div .divBatchName {
  padding-left: 0px;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem div .divBatchName .batchName {
  text-decoration: underline;
  font-weight: bold;
  overflow-wrap: break-word;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem div ul {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  list-style-position: inside;
  color: black;
}
#DealerForms .batches .batchList .batchScroller .batchScrollerTbl .batchItem div ul li {
  text-overflow: "";
  overflow: hidden;
}
#DealerForms .forms {
  flex: 1;
  border: 1px solid #002D96;
  width: 50%;
  float: right;
}
#DealerForms .forms .selectedForms {
  border: none;
}
#DealerForms .forms .divFormsButtons {
  padding-left: 10px;
  min-height: 50px;
}
#DealerForms .forms .divFormsButtons #btnunselectall {
  margin-bottom: 5px;
}
#DealerForms .forms .dealerFormsList {
  border-top: solid 2px black;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

#DocOneFormsPrint {
  border: 1px solid #002D96;
}
#DocOneFormsPrint .divFormsLegend {
  padding: 5px;
}
#DocOneFormsPrint .divDocOneForms {
  border: 0px;
  border-spacing: 1px;
  padding: 1px;
  width: 100%;
  text-align: left;
}
#DocOneFormsPrint .divDocOneForms .divNoFormsMessage span {
  font-size: medium;
  color: Red;
}
#DocOneFormsPrint .divDocOneForms .divButtons {
  text-align: center;
  padding: 10px;
}

.eContractingForms .sectionmessage {
  margin-top: 5px;
  margin-bottom: 10px;
}
.eContractingForms input[type=submit] {
  font-weight: bold;
  font-size: 11px;
}
.eContractingForms span.message {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #800000;
}

.formIcon {
  display: inline-flex;
  align-items: center;
}
.formIcon span {
  display: inline-block;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin: 0px 5px;
}
.formIcon span.printed svg {
  width: 100%;
  height: 100%;
}
.formIcon span.prepareReySign {
  background-image: url(/Dealer/assets/images/reysign/DEALsign_Icon_red.ico);
}
.formIcon span.completedReySign {
  background-image: url(/Dealer/assets/images/reysign/DEALsign_Icon_green.ico);
}
.formIcon span.wetSignature {
  background-image: url(/Dealer/assets/images/reysign/Wet%20Ink.svg);
}
.formIcon span.requiredeContracting {
  background-image: url(/Dealer/assets/images/reysign/eContracting.svg);
}
.formIcon span.specialtyPaper {
  background-image: url(/Dealer/assets/images/reysign/UsesSpecialtyPaper.png);
}
.formIcon span.deactivated, .formIcon span.requiresLAW553 {
  background-image: url(/Dealer/assets/images/icons/help.png);
}

article.reySignEnvelopeInformation b {
  color: black;
}
article.reySignEnvelopeInformation header {
  display: flex;
  align-items: center;
}
article.reySignEnvelopeInformation header button {
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
}
article.reySignEnvelopeInformation header a:visited {
  color: navy;
}
article.reySignEnvelopeInformation .summary {
  margin: 5px 0px;
}
article.reySignEnvelopeInformation .summary div {
  margin-left: 5px;
  margin-right: 15px;
}
article.reySignEnvelopeInformation .signers {
  margin: 5px 0px;
}
article.reySignEnvelopeInformation .signers .signer div {
  padding: 5px;
}
article.reySignEnvelopeInformation .signers .signer div:first-child span:first-child {
  width: 75px;
  display: inline-block;
}
article.reySignEnvelopeInformation .signers .signer div:nth-child(4) span:first-child {
  width: 115px;
  display: inline-block;
}
article.reySignEnvelopeInformation .signers .signer b {
  width: 120px;
  display: inline-block;
}
article.reySignEnvelopeInformation .signers .signer b.dueDate {
  width: 60px;
}
article.reySignEnvelopeInformation footer {
  background-color: white;
}
article.reySignEnvelopeInformation footer button {
  float: right;
  border: none;
  color: inherit;
  font-size: 11px;
  background: none;
}
article.reySignEnvelopeInformation footer button:hover {
  color: black;
}

div.lenderForms {
  padding: 5px;
  border: 1px solid #002D96;
}
div.lenderForms h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
div.lenderForms .formIcons .formIcon {
  margin-right: 12px;
}
div.lenderForms .diveContractForms input {
  font-weight: bold;
  font-size: 11px;
}
div.lenderForms .divLenderForms > div .form, div.lenderForms .diveContractForms > div .form {
  color: black;
  display: flex;
  align-items: center;
}
div.lenderForms .divLenderForms .divButtons button, div.lenderForms .diveContractForms .divButtons button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  margin: 6px;
}
div.lenderForms .divLenderForms .eContractButton, div.lenderForms .diveContractForms .eContractButton {
  line-height: 19px;
}
div.lenderForms .divLenderForms .eContractButton input, div.lenderForms .diveContractForms .eContractButton input {
  margin-right: 10px;
}

div.dealerForms {
  border: 1px solid #002D96;
  height: 400px;
}
div.dealerForms .legend > div, div.dealerForms .buttons > div {
  margin: 5px;
}
div.dealerForms .legend button, div.dealerForms .buttons button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}
div.dealerForms .divFormBatches {
  border-right: 2px solid dimgrey;
}
div.dealerForms .divFormBatches button.formBatch {
  border: none;
  background: none;
  width: 300px;
  padding: 4px;
  font-size: 11px;
}
div.dealerForms .divFormBatches button.formBatch.selected {
  padding: 0px;
  border: 4px solid #1d55d9;
}
div.dealerForms .divFormBatches button.formBatch .icon {
  width: 40px;
  height: 40px;
  background-image: url(/Dealer/assets/images/icons/BatchIcon.svg);
  background-repeat: no-repeat;
}
div.dealerForms .divFormBatches button.formBatch .batchName {
  color: #000066;
  text-decoration: underline;
  font-weight: bold;
}
div.dealerForms .divDealerForms .forms .form {
  width: 400px;
  margin: 5px;
}
div.dealerForms .divDealerForms .forms .name {
  color: black;
}

div.eSignOptions {
  min-width: 250px;
  text-align: left;
  margin-left: 10px;
  height: calc(100% - 2px);
  font-family: Arial, sans-serif;
  border: 1px solid #002D96;
}
div.eSignOptions dialog {
  opacity: 0%;
  z-index: -1;
  pointer-events: none;
}
div.eSignOptions > div:first-child {
  color: white;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
  background: linear-gradient(#5684d4, #13469f);
}
div.eSignOptions .envelopeOptions {
  padding: 10px;
}
div.eSignOptions .envelopeOptions a {
  display: block;
  font-size: 11px;
  margin: 20px 0px;
  font-weight: bold;
  white-space: nowrap;
}

dialog.inPersonDialog, dialog.inviteDialog {
  display: flex;
  flex-direction: column;
}
dialog.inPersonDialog table, dialog.inviteDialog table {
  width: 100%;
  flex-grow: 1;
  border-spacing: 0px;
}
dialog.inPersonDialog table th, dialog.inviteDialog table th {
  color: maroon;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px gray solid;
}
dialog.inPersonDialog table th:nth-child(4), dialog.inviteDialog table th:nth-child(4) {
  text-align: center;
}
dialog.inPersonDialog table td:nth-child(4), dialog.inviteDialog table td:nth-child(4) {
  text-align: center;
}
dialog.inPersonDialog table input, dialog.inviteDialog table input {
  margin: 0px 3px 0px 0px;
}
dialog.inPersonDialog table td[colspan="5"], dialog.inviteDialog table td[colspan="5"] {
  top: -7px;
  height: 1px;
  position: relative;
  padding-left: 30px;
  vertical-align: top;
}
dialog.inPersonDialog menu, dialog.inviteDialog menu {
  padding: 0px;
  text-align: center;
}
dialog.inPersonDialog menu input, dialog.inPersonDialog menu button, dialog.inviteDialog menu input, dialog.inviteDialog menu button {
  font-weight: bold;
  margin: 0px 5px;
}

dialog.qrCodeDialog .warning {
  display: flex;
  color: #6a5108;
  font-size: 13px;
  align-items: center;
  border: 2px solid #ffeebd;
  background-color: #fff3cd;
  font-family: Arial, sans-serif;
  border-radius: 4px;
}
dialog.qrCodeDialog .warning::before {
  content: "";
  width: 20px;
  height: 20px;
  margin: 10px;
  flex-shrink: 0;
  display: inline-block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url(/Dealer/assets/images/icons/Warning.png);
  filter: sepia(100%) hue-rotate(353deg) brightness(37%) saturate(420%);
}
dialog.qrCodeDialog menu {
  text-align: right;
}
dialog.qrCodeDialog menu button {
  font-weight: bold;
}

div.signerInformation {
  display: flex;
  flex-wrap: wrap;
}
div.signerInformation header {
  height: 20px;
  display: flex;
  align-items: center;
}
div.signerInformation header h3 {
  margin-right: 5px;
  display: inline-block;
}
div.signerInformation fieldset {
  border: none;
  padding: 0px;
  display: flex;
  margin: 5px 0px;
}
div.signerInformation fieldset div {
  margin-right: 15px;
}
div.signerInformation fieldset div:last-child input {
  width: 200px;
}
div.signerInformation button {
  border: none;
}

div.lenderInformation > div {
  margin: 2px 0px;
}
div.lenderInformation div.zipCityState div {
  margin: 0px 3px;
}
div.lenderInformation .refresh {
  width: 15px;
  border: none;
  background-size: cover;
  background-image: url(/Dealer/assets/images/my/refresh.gif);
  background-color: transparent;
}
div.lenderInformation h3 {
  margin: 0px 12px 0px 0px;
}
div.lenderInformation .fields {
  font-size: 11px;
}
div.lenderInformation .fields .field {
  margin: 6px 0px;
}
div.lenderInformation .fields .field .required {
  color: #000066;
}
div.lenderInformation .fields .field > * {
  margin: 0px 3px;
}
div.lenderInformation .fields .field > :first-child {
  width: 120px;
}
div.lenderInformation .divLienholder {
  margin-right: 50px;
}
div.lenderInformation .divLienholder .fields .field:first-child input {
  width: 250px;
}
div.lenderInformation .divLienholder .fields .field:nth-child(2) input {
  width: 120px;
}
div.lenderInformation .divLienholder .fields .field:nth-child(3) input[id$="1"] {
  width: 150px;
}
div.lenderInformation .divLienholder .fields .field:nth-child(3) input[id$="2"] {
  width: 130px;
}
div.lenderInformation .divInsurance {
  border-left: 1px solid black;
  padding-left: 5px;
}
div.lenderInformation .divInsurance .fields .field:first-child input {
  width: 250px;
}
div.lenderInformation .divInsurance .fields .field:nth-child(2) input[id$="1"] {
  width: 150px;
}
div.lenderInformation .divInsurance .fields .field:nth-child(2) input[id$="2"] {
  width: 130px;
}

div.thirdPartyForms {
  color: black;
}
div.thirdPartyForms .forms .form {
  width: 600px;
}
div.thirdPartyForms .buttons button {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}

div.insuranceInformation {
  font-size: 11px;
}
div.insuranceInformation div {
  margin: 4px 6px;
}
div.insuranceInformation div:last-child input {
  width: 70px;
}

.formsPage h3 {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: maroon;
  margin: 0px;
}
.formsPage .collapsibles > div {
  margin: 10px 0px;
}
.formsPage .collapsibles > div.left {
  width: 100%;
}
.formsPage .topButtons {
  display: flex;
  align-items: center;
}
.formsPage .topButtons > div {
  width: 33%;
  flex-grow: 1;
}
.formsPage .topButtons .red {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
.formsPage .split {
  display: flex;
}
.formsPage .split > .left {
  flex: 1 1 auto;
  min-width: 0;
}
.formsPage .split > .right {
  flex: 0 0 auto;
}
.formsPage .split .multipleTabsDivs {
  margin-top: 10px;
}
.formsPage > div:nth-child(2) {
  padding: 10px;
}
.formsPage .black {
  color: black;
  margin: 5px 0px;
}

dialog.reySignUserSearch header > label {
  font-size: 13px;
}
dialog.reySignUserSearch header input[type=text] {
  width: 200px;
  font-size: 13px;
}
dialog.reySignUserSearch header div label {
  margin: 2px 5px;
}
dialog.reySignUserSearch header div input {
  margin: 0px;
}
dialog.reySignUserSearch table {
  border-collapse: collapse;
}
dialog.reySignUserSearch table thead tr {
  background-color: white;
}
dialog.reySignUserSearch table thead th {
  color: maroon;
}
dialog.reySignUserSearch table td {
  padding: 8px 6px;
  border: solid 1px #002D96;
}
dialog.reySignUserSearch table tr.selected {
  background-color: #9BC2F4;
}
dialog.reySignUserSearch footer {
  bottom: -5px;
  padding: 5px;
  position: sticky;
  font-weight: bold;
  background-color: white;
}
dialog.reySignUserSearch footer button {
  font-weight: bold;
}

.preCheckLogo {
  margin: -9px;
}

.imgLenderLogo {
  max-width: 300px;
  max-height: 120px;
  text-align: center;
}

.warningIcon {
  width: 15px;
  height: 15px;
  border: 0;
  vertical-align: middle;
}

#diveContractingModal > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.rulesTable {
  border: 0px solid black;
  border-collapse: collapse;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: dimgrey;
}
.rulesTable td, .rulesTable th {
  border: 1px solid black;
}
.rulesTable th:first-child {
  min-width: 100px;
}
.rulesTable th:nth-child(n+2) {
  font-weight: bold;
  width: 165px;
  text-align: center;
  height: 29px;
}
.rulesTable tr {
  height: 23px;
}
.rulesTable tr td:nth-child(n+2) {
  text-align: center;
}

.ltvWindow {
  padding: 10px;
}
.ltvWindow .ltvAppInfo {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.ltvWindow .ltvAppInfo .info {
  font-size: 16px;
  text-align: left;
}
.ltvWindow .ltvAppInfo .info b {
  text-align: left;
}
.ltvWindow .ltvAppInfo .info > div {
  margin: 5px;
}
.ltvWindow .ltvAppInfo .printLink {
  display: flex;
  align-items: end;
}
.ltvWindow .ltvTable {
  width: 100%;
}
.ltvWindow .ltvTable td {
  padding: 1px 10px;
  text-align: center;
}
.ltvWindow .ltvTable .ltvComment {
  text-align: left;
}

.bankTransLog div.callbacks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.bankTransLog div.callbacks > div {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bankTransLog div.callbacks table.transmissions {
  font-family: arial, sans-serif;
  font-size: 11px;
  border: 1px solid #333333;
  border-collapse: collapse;
  font-weight: normal;
  margin: 10px 0px;
}
.bankTransLog div.callbacks table.transmissions th, .bankTransLog div.callbacks table.transmissions td {
  padding: 2px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.bankTransLog div.callbacks table.transmissions th {
  text-align: left;
}
.bankTransLog div.callbacks table.transmissions th.lenderName {
  color: blue;
  text-align: center;
  width: 200px;
}
.bankTransLog div.callbacks table.transmissions th.lenderName.wide {
  width: 330px;
}
.bankTransLog div.callbacks table.transmissions td {
  text-align: center;
}
.bankTransLog div.callbacks table.transmissions td a:link {
  font-family: arial, sans-serif;
}
.bankTransLog div.callbacks table.transmissions td ul {
  padding: 20px;
}
.bankTransLog div.callbacks table.transmissions td ul li {
  text-align: left;
  word-break: break-word;
}
.bankTransLog div.callbacks table.transmissions td .percent {
  width: 50px;
}
.bankTransLog div.callbacks table.transmissions td .currency {
  width: 75px;
}
.bankTransLog div.callbacks table.transmissions span {
  display: block;
}
.bankTransLog div.callbacks table.transmissions img {
  vertical-align: middle;
}
.bankTransLog div.callbacks table.transmissions textarea {
  height: 75px;
  width: calc(100% - 8px);
  resize: vertical;
}
.bankTransLog div.callbacks table.transmissions button {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}
.bankTransLog div.callbacks table.transmissions .green {
  color: green;
}
.bankTransLog div.callbacks table.transmissions .red {
  color: red;
}
.bankTransLog div.callbacks table.transmissions .purple {
  color: #7F5D7F;
}
.bankTransLog div.callbacks table.transmissions .orange {
  color: orange;
}
.bankTransLog div.callbacks table.transmissions .blue {
  color: blue;
}
.bankTransLog div.callbacks table.transmissions .black {
  color: black;
}
.bankTransLog div.callbacks table.transmissions .bold {
  font-weight: bold;
}
.bankTransLog div.callbacks table.transmissions .block {
  display: block;
}
.bankTransLog div.callbacks table.transmissions .transmissionStatus *, .bankTransLog div.callbacks table.transmissions .submitNotes * {
  display: block;
  margin: 0px auto;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions {
  white-space: nowrap;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier {
  padding: 0px 5px;
  text-align: left;
  display: inline-block;
  white-space: collapse;
  width: calc(50% - 12px);
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier:nth-child(n+2) {
  border-left: 1px solid grey;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier .stepTierName {
  padding: 1px 5px;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #799dbc;
  background-color: aliceblue;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier .item {
  display: flex;
  justify-content: space-between;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier hr {
  margin: 3px 0px;
  border-bottom: none;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier span {
  display: inline-block;
}
.bankTransLog div.callbacks table.transmissions .stepTierOptions .stepTier span:last-child {
  font-weight: bold;
}
.bankTransLog div.callbacks table.transmissions .selectRates {
  margin: 0px auto 5px auto;
  border-collapse: collapse;
}
.bankTransLog div.callbacks table.transmissions .selectRates td {
  border: none;
  text-align: left;
}

div[id$=divLoanAppInfo] {
  display: flex;
  justify-content: space-between;
  margin: 0px 10px 5px 10px;
}
div[id$=divLoanAppInfo] div {
  display: inline-block;
}
div[id$=divLoanAppInfo] .black {
  color: black;
}

#NADANonAuto {
  margin: 0px 20px;
}
#NADANonAuto .imgLogo {
  width: 195px;
}
#NADANonAuto .dottedBorderBottom {
  border-bottom: dotted 1.5px black;
}
#NADANonAuto #DivCategory {
  margin: 15px;
}
#NADANonAuto .litDetails {
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  vertical-align: top;
}
#NADANonAuto .row {
  width: inherit;
  display: flex;
  padding: 8px 0px 0px 0px;
}
#NADANonAuto .fieldLabel {
  text-align: right;
  vertical-align: top;
  display: inline-block;
  padding-right: 10px;
}
#NADANonAuto #CopyrightRow {
  display: flex;
  background-color: #ACCDE5;
  height: 20px;
  text-align: center;
  margin: auto;
}
#NADANonAuto #DivOr {
  padding-left: 100px;
}

.hidden {
  display: none;
}

.collapse {
  visibility: collapse;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.margin-auto {
  margin: auto;
}

.centerAll {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}

.full-size {
  width: 100%;
  height: 100%;
}

.full-width {
  width: 100%;
}

.halfWidth {
  width: 50%;
}

.zeroWidth {
  width: 0px;
}

.width100 {
  width: 100px;
}

.width150 {
  width: 150px;
}

.width200 {
  width: 200px;
}

.height20 {
  height: 20px;
}

.height25 {
  height: 25px;
}

.pointer {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.no-wrap {
  white-space: nowrap;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.flex {
  display: flex;
}

.flex-item {
  flex: 1 1 auto;
}

.AppOneZipCode {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1002;
}

.middle {
  vertical-align: middle;
}

.top {
  vertical-align: top;
}

.middleBlock {
  margin-top: auto;
  margin-bottom: auto;
}

.fullHeight {
  height: 100%;
}

.readonlySelect {
  pointer-events: none;
  background-color: #f5f5f5 !important;
}
.readonlySelect option {
  display: none;
}

.whiteBackground {
  background-color: white;
}

.lightCyanBackground {
  background-color: #daecf1;
}

.noMargin {
  margin: 0px;
}

.smallMargin {
  margin: 3px;
}

.fontSize10 {
  font-size: 10px;
}

.fontSize11 {
  font-size: 11px;
}

.fontSize12 {
  font-size: 12px;
}

.fontWeightNormal {
  font-weight: normal;
}

.noPadding {
  padding: 0px;
}

.smallPadding {
  padding: 3px;
}

.disableInteraction {
  pointer-events: none;
}

.colorRed {
  color: red;
}

.colorSparkAIBlue {
  color: #0F5DDD;
}

.disableInteraction {
  pointer-events: none;
}

.displayTable {
  display: table;
}

.tableRowCell {
  display: table;
}
.tableRowCell div {
  display: table-row;
}
.tableRowCell div div {
  display: table-cell;
}

.footerMargin {
  margin-right: 10px;
}


div.advancedSearch > div {
  margin: 3px;
  display: flex;
  justify-content: space-between;
}
div.advancedSearch > div.validationerrors {
  display: inherit;
  text-align: initial;
  margin: unset;
}
div.advancedSearch > div div:nth-child(2n-1) {
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
div.advancedSearch > div div:nth-child(2n) {
  display: block;
}
div.advancedSearch > div div:nth-child(2n) label {
  font-weight: bold;
}
div.advancedSearch > div.buttons {
  justify-content: center;
}

#LoanApplicationSearchWindow {
  width: 600px;
  min-width: 600px;
  position: absolute;
}
#LoanApplicationSearchWindow .advancedSearch > div {
  height: 24px;
}
#LoanApplicationSearchWindow .advancedSearch > div div:nth-child(1) {
  flex: 1 35%;
}
#LoanApplicationSearchWindow .advancedSearch > div div:nth-child(2) {
  flex: 1 60%;
}
#LoanApplicationSearchWindow .advancedSearch > :nth-child(3) input[type=text] {
  width: 70px;
}
#LoanApplicationSearchWindow .advancedSearch > :nth-child(4) input {
  width: 60px;
}
#LoanApplicationSearchWindow .advancedSearch > :nth-child(8) input {
  width: 30px;
}
#LoanApplicationSearchWindow .advancedSearch > :nth-child(10) input {
  width: 43px;
}
#LoanApplicationSearchWindow .advancedSearch > :nth-child(13) input {
  width: 100px;
}

#DealerSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#DealerSearchWindow .advancedSearch > div div:nth-child(1) {
  flex: 1 30%;
}
#DealerSearchWindow .advancedSearch > div div:nth-child(2) {
  flex: 1 65%;
}
#DealerSearchWindow .advancedSearch .locationID input {
  width: 60px;
}

#LenderSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#LenderSearchWindow .advancedSearch > div div:nth-child(2n-1) {
  flex: 1 50%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#LenderSearchWindow .advancedSearch > div div:nth-child(2n) {
  flex: 1 65%;
}
#LenderSearchWindow .advancedSearch > div.checkboxes div:first-child {
  flex: 1 20%;
}
#LenderSearchWindow .advancedSearch > div.checkboxes div:nth-child(2) {
  flex: 1 0%;
}
#LenderSearchWindow .advancedSearch > div.checkboxes div:nth-child(3) {
  flex: 1 15%;
}
#LenderSearchWindow .advancedSearch > div.checkboxes div:nth-child(4) {
  flex: 1 10%;
}
#LenderSearchWindow .advancedSearch > :nth-child(3) input {
  width: 60px;
}
#LenderSearchWindow .advancedSearch > :nth-child(5) input {
  width: 115px;
}

#OrganizationSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#OrganizationSearchWindow .advancedSearch > div div:nth-child(2n-1) {
  flex: 1 50%;
}
#OrganizationSearchWindow .advancedSearch > div div:nth-child(2n) {
  flex: 1 65%;
}
#OrganizationSearchWindow .advancedSearch > div.checkboxes div:first-child {
  flex: 1 20%;
}
#OrganizationSearchWindow .advancedSearch > div.checkboxes div:nth-child(2) {
  flex: 1 0%;
}
#OrganizationSearchWindow .advancedSearch > div.checkboxes div:nth-child(3) {
  flex: 1 15%;
}
#OrganizationSearchWindow .advancedSearch > div.checkboxes div:nth-child(4) {
  flex: 1 10%;
}
#OrganizationSearchWindow .advancedSearch > :nth-child(3) input {
  width: 45px;
}
#OrganizationSearchWindow .advancedSearch > :nth-child(5) input {
  width: 115px;
}

#PartnerSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#PartnerSearchWindow .advancedSearch > div {
  height: 24px;
}
#PartnerSearchWindow .advancedSearch > div div:nth-child(1) {
  flex: 1 35%;
}
#PartnerSearchWindow .advancedSearch > div div:nth-child(2) {
  flex: 1 60%;
}
#PartnerSearchWindow .advancedSearch > :nth-child(3) input {
  width: 45px;
}
#PartnerSearchWindow .advancedSearch > :nth-child(5) input {
  width: 115px;
}

div.creditReportSummary {
  display: flex;
  flex-direction: column;
}
div.creditReportSummary header div {
  text-align: center;
}
div.creditReportSummary article {
  display: flex;
  justify-content: space-around;
}
div.creditReportSummary article section {
  min-width: 45%;
  text-align: center;
}
div.creditReportSummary article section div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
div.creditReportSummary article iframe {
  width: calc(100% - 4px);
}

.fetchTable tr, .fetchTable td {
  vertical-align: middle;
}
.fetchTable thead tr th {
  /* Applications using the fetch table should specify the missing border-color
  	and border-width to match the sort arrows with the application's style. */
}
.fetchTable thead tr th .sortIcon {
  display: none;
  vertical-align: middle;
  position: relative;
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
}
.fetchTable thead tr th.sort {
  text-decoration: underline;
  cursor: pointer;
}
.fetchTable thead tr th.sort .sortIcon {
  display: inline-block;
}
.fetchTable thead tr th.sort.sortUp .sortIcon {
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.fetchTable thead tr th.sort.sortDown .sortIcon {
  border-style: solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

article.reySignEnvelopeInformation {
  overflow: hidden;
}
article.reySignEnvelopeInformation section header, article.reySignEnvelopeInformation section .summary {
  display: flex;
}
article.reySignEnvelopeInformation section .signers {
  display: table;
}
article.reySignEnvelopeInformation section .signers .signer {
  display: table-row;
}
article.reySignEnvelopeInformation section .signers .signer div {
  display: table-cell;
}
article.reySignEnvelopeInformation footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

div.lenderForms .diveContractForms > div {
  display: flex;
  flex-wrap: wrap;
}
div.lenderForms .diveContractForms > div > div {
  align-items: center;
  width: 30%;
}
div.lenderForms .diveContractForms > div .form label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.lenderForms .divLenderForms > div {
  display: flex;
  flex-wrap: wrap;
}
div.lenderForms .divLenderForms > div .form {
  display: flex;
  align-items: center;
  width: 30%;
}
div.lenderForms .divLenderForms > div .form label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.lenderForms .divLenderForms .divButtons {
  justify-content: center;
}

div.dealerForms {
  display: flex;
}
div.dealerForms hr {
  margin: 0px;
  width: calc(100% - 2px);
}
div.dealerForms .divFormBatches, div.dealerForms .divDealerForms {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
}
div.dealerForms .divFormBatches .formBatches {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
div.dealerForms .divFormBatches button.formBatch {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
div.dealerForms .divFormBatches button.formBatch .icon {
  align-self: center;
  flex-shrink: 0;
}
div.dealerForms .divFormBatches button.formBatch .batchName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.dealerForms .divFormBatches button.formBatch ul {
  padding: 0px;
  margin: 0px;
  list-style-position: inside;
}
div.dealerForms .divFormBatches button.formBatch li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.dealerForms .divFormBatches button.formBatch div {
  overflow: hidden;
}
div.dealerForms .divDealerForms {
  overflow: hidden;
}
div.dealerForms .divDealerForms .forms {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  justify-content: space-between;
}
div.dealerForms .divDealerForms .forms .form {
  display: flex;
  overflow: hidden;
}
div.dealerForms .divDealerForms .forms .form.hidden {
  display: none;
}
div.dealerForms .divDealerForms .forms .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.dealerForms .divDealerForms .forms .name.red {
  color: red;
}

div.lenderInformation div.flex {
  display: flex;
}
div.lenderInformation div.zipCityState {
  display: inline-block;
}
div.lenderInformation div.zipCityState div {
  display: inline-block;
}
div.lenderInformation .refresh {
  cursor: pointer;
}
div.lenderInformation h3 {
  display: inline-block;
}
div.lenderInformation .fields .field .required {
  font-weight: bold;
}
div.lenderInformation .fields .field > :first-child {
  display: inline-block;
  text-align: right;
}

div.thirdPartyForms .forms {
  display: flex;
  flex-wrap: wrap;
}
div.thirdPartyForms .forms .form {
  align-items: center;
}
div.thirdPartyForms .buttons {
  text-align: center;
}

div.insuranceInformation {
  display: flex;
}

dialog.reySignUserSearch header {
  display: flex;
}
dialog.reySignUserSearch header > label {
  display: flex;
  align-items: center;
}
dialog.reySignUserSearch header div {
  display: flex;
  flex-direction: column;
}
dialog.reySignUserSearch table {
  width: 100%;
}
dialog.reySignUserSearch table th {
  text-align: left;
}
dialog.reySignUserSearch footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

div.itemizedTaxes h2 {
  margin: 0px;
  font-weight: bold;
  padding-bottom: 10px;
}
div.itemizedTaxes fieldset {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
div.itemizedTaxes footer {
  margin: 10px;
  text-align: center;
}
div.itemizedTaxes > header {
  display: grid;
  font-weight: bold;
  padding-bottom: 6px;
  grid-template-columns: 1fr 1fr 1fr;
}
div.itemizedTaxes .taxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
div.itemizedTaxes article.tax {
  padding: 10px 5px;
}
div.itemizedTaxes article.tax header span {
  font-weight: bold;
  text-decoration: underline;
}
div.itemizedTaxes article.tax fieldset > div {
  display: flex;
  margin: 5px 0px;
  padding: 0px 10px;
  align-items: center;
}
div.itemizedTaxes article.tax fieldset > div > label {
  width: 0px;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
div.itemizedTaxes article.tax fieldset > div div {
  display: inline-flex;
  align-items: center;
}
div.itemizedTaxes article.tax fieldset > div div input {
  margin: 0px 4px;
}

#dialogMarkApplicationDead {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  min-width: 400px;
  max-width: 600px;
}
#dialogMarkApplicationDead > div {
  padding: 10px 15px;
}
#dialogMarkApplicationDead > div input {
  margin: auto 3px;
}
#dialogMarkApplicationDead > div label {
  margin: auto 0px;
}
#dialogMarkApplicationDead > div textarea {
  width: 98%;
  height: 10vh;
}
#dialogMarkApplicationDead .list div {
  padding: 2px 0px;
  text-align: left !important;
}
#dialogMarkApplicationDead > div:nth-child(2),
#dialogMarkApplicationDead > div:nth-child(3) {
  padding: 0px 15px;
}

#dialogCloneApplication {
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #055073;
  text-align: left;
  min-width: 600px;
  max-width: 700px;
}
#dialogCloneApplication div {
  padding: 10px 15px;
}
#dialogCloneApplication div input {
  margin: auto 3px;
}
#dialogCloneApplication div label {
  margin: auto 0px;
}
#dialogCloneApplication div textarea {
  width: 98%;
  height: 10vh;
}
#dialogCloneApplication .list div {
  padding: 2px 0px;
  text-align: left !important;
}
#dialogCloneApplication > div:nth-child(2),
#dialogCloneApplication > div:nth-child(3) {
  padding: 0px 15px;
}

.multiSelect {
  position: relative;
}
.multiSelect .control {
  border: solid 1px;
  user-select: none;
  cursor: pointer;
  display: flex;
  padding: 3px;
  justify-content: space-between;
}
.multiSelect .control p {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 1;
  margin: 0px;
}
.multiSelect .control div {
  display: inline-block;
  position: relative;
  width: 0px;
  height: 0px;
  flex-shrink: 0;
  border-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.multiSelect .menu {
  display: none;
  position: absolute;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  z-index: 99;
}
.multiSelect .menu.shown {
  display: block;
}
.multiSelect .header {
  display: flex;
  justify-content: space-between;
  padding: 2px 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: calc(100% - 20px);
}
.multiSelect .items {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.multiSelect .items .item {
  white-space: nowrap;
  text-align: left;
}

.queueView {
  display: flex;
}
.queueView .queues {
  display: flex;
  flex-direction: column;
}
.queueView .queues a.queue {
  margin: 2px 10px;
  text-decoration: none;
  width: fit-content;
  white-space: nowrap;
}
.queueView .queues a.queue .folder {
  display: inline-block;
}
.queueView .view {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.queueView .view .bar {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 6px;
}
.queueView .view .bar .actions, .queueView .view .bar .filters {
  margin: 2px;
}
.queueView .view table.fetchTable {
  text-align: left;
  border-collapse: collapse;
}
.queueView .view table.fetchTable thead tr .sort {
  cursor: pointer;
}
.queueView .view table.fetchTable tr.noResults {
  text-align: center;
}
.queueView .view table.fetchTable tfoot tr td {
  padding: 2px 15px;
}
.queueView .view table.fetchTable tfoot tr td span.total {
  float: right;
}

div.quickScan {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.quickScan .buttons div {
  text-align: center;
}
div.quickScan .summaries {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
div.quickScan .summaries header {
  display: flex;
  justify-content: space-between;
}
div.quickScan .summaries section {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
}
div.quickScan .summaries .summary {
  text-align: center;
}
div.quickScan .summaries iframe {
  border: none;
  height: 100%;
  flex-grow: 1;
}
div.quickScan dialog div > span {
  display: block;
}

.spinner {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 80px;
}
.spinner.hidden {
  display: none;
}
.spinner .spinnerText {
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  line-height: 80px;
  color: white;
}
.spinner .spinnerBall {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 100%;
}
.spinner .spinnerBall div {
  display: inline-block;
  position: absolute;
  border: 0px solid white;
  background-color: white;
  border-radius: 100%;
  width: 20%;
  height: 20%;
}
.spinner .spinnerBall div:nth-child(1) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall0 2s infinite ease-in-out;
  animation-delay: -2s;
}
@keyframes spinnerBall0 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(0deg);
  }
}
.spinner .spinnerBall div:nth-child(2) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall1 2s infinite ease-in-out;
  animation-delay: -1.75s;
}
@keyframes spinnerBall1 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
}
.spinner .spinnerBall div:nth-child(3) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall2 2s infinite ease-in-out;
  animation-delay: -1.5s;
}
@keyframes spinnerBall2 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(90deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(90deg);
  }
}
.spinner .spinnerBall div:nth-child(4) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall3 2s infinite ease-in-out;
  animation-delay: -1.25s;
}
@keyframes spinnerBall3 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(135deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(135deg);
  }
}
.spinner .spinnerBall div:nth-child(5) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall4 2s infinite ease-in-out;
  animation-delay: -1s;
}
@keyframes spinnerBall4 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(180deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(180deg);
  }
}
.spinner .spinnerBall div:nth-child(6) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall5 2s infinite ease-in-out;
  animation-delay: -0.75s;
}
@keyframes spinnerBall5 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(225deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(225deg);
  }
}
.spinner .spinnerBall div:nth-child(7) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall6 2s infinite ease-in-out;
  animation-delay: -0.5s;
}
@keyframes spinnerBall6 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(270deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(270deg);
  }
}
.spinner .spinnerBall div:nth-child(8) {
  left: 40%;
  transform-origin: center 40px;
  animation: spinnerBall7 2s infinite ease-in-out;
  animation-delay: -0.25s;
}
@keyframes spinnerBall7 {
  0%, 20%, 100% {
    opacity: 1;
    transform: scale(1) rotate(315deg);
  }
  80% {
    opacity: 0;
    transform: scale(0) rotate(315deg);
  }
}
.spinner .spinnerDefault {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerDefault div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  animation: spinnerDefault 1.2s linear infinite;
}
.spinner .spinnerDefault div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.spinner .spinnerDefault div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.spinner .spinnerDefault div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.spinner .spinnerDefault div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.spinner .spinnerDefault div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.spinner .spinnerDefault div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.spinner .spinnerDefault div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.spinner .spinnerDefault div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.spinner .spinnerDefault div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.spinner .spinnerDefault div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.spinner .spinnerDefault div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.spinner .spinnerDefault div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes spinnerDefault {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.spinner .spinnerCoin {
  display: inline-block;
  transform: translateZ(1px);
}
.spinner .spinnerCoin > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: white;
  animation: spinnerCoin 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes spinnerCoin {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
.spinner .spinnerDualRing {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.spinner .spinnerDualRing:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid white;
  border-color: white transparent white transparent;
  animation: spinnerDualRing 1.2s linear infinite;
}
@keyframes spinnerDualRing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner .spinnerBars {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerBars div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: white;
  animation: spinnerBars 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.spinner .spinnerBars div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.spinner .spinnerBars div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.spinner .spinnerBars div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes spinnerBars {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
.spinner .spinnerRing {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerRing div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid white;
  border-radius: 50%;
  animation: spinnerRing 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: white transparent transparent transparent;
}
.spinner .spinnerRing div:nth-child(1) {
  animation-delay: -0.45s;
}
.spinner .spinnerRing div:nth-child(2) {
  animation-delay: -0.3s;
}
.spinner .spinnerRing div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes spinnerRing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner .spinnerRoller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerRoller div {
  animation: spinnerRoller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.spinner .spinnerRoller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
  margin: -4px 0 0 -4px;
}
.spinner .spinnerRoller div:nth-child(1) {
  animation-delay: -0.036s;
}
.spinner .spinnerRoller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.spinner .spinnerRoller div:nth-child(2) {
  animation-delay: -0.072s;
}
.spinner .spinnerRoller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.spinner .spinnerRoller div:nth-child(3) {
  animation-delay: -0.108s;
}
.spinner .spinnerRoller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.spinner .spinnerRoller div:nth-child(4) {
  animation-delay: -0.144s;
}
.spinner .spinnerRoller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.spinner .spinnerRoller div:nth-child(5) {
  animation-delay: -0.18s;
}
.spinner .spinnerRoller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.spinner .spinnerRoller div:nth-child(6) {
  animation-delay: -0.216s;
}
.spinner .spinnerRoller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.spinner .spinnerRoller div:nth-child(7) {
  animation-delay: -0.252s;
}
.spinner .spinnerRoller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.spinner .spinnerRoller div:nth-child(8) {
  animation-delay: -0.288s;
}
.spinner .spinnerRoller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes spinnerRoller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner .spinnerLinear {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerLinear div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: white;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner .spinnerLinear div:nth-child(1) {
  left: 8px;
  animation: spinnerLinear1 0.6s infinite;
}
.spinner .spinnerLinear div:nth-child(2) {
  left: 8px;
  animation: spinnerLinear2 0.6s infinite;
}
.spinner .spinnerLinear div:nth-child(3) {
  left: 32px;
  animation: spinnerLinear2 0.6s infinite;
}
.spinner .spinnerLinear div:nth-child(4) {
  left: 56px;
  animation: spinnerLinear3 0.6s infinite;
}
@keyframes spinnerLinear1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spinnerLinear3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes spinnerLinear2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.spinner .spinnerGrid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerGrid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  animation: spinnerGrid 1.2s linear infinite;
}
.spinner .spinnerGrid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.spinner .spinnerGrid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.spinner .spinnerGrid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.spinner .spinnerGrid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.spinner .spinnerGrid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.spinner .spinnerGrid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.spinner .spinnerGrid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.spinner .spinnerGrid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.spinner .spinnerGrid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes spinnerGrid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.spinner .spinnerHourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerHourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid white;
  border-color: white transparent white transparent;
  animation: spinnerHourglass 1.2s infinite;
}
@keyframes spinnerHourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.spinner .spinnerRipple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerRipple div {
  position: absolute;
  border: 4px solid white;
  opacity: 1;
  border-radius: 50%;
  animation: spinnerRipple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner .spinnerRipple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes spinnerRipple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.spinner .spinnerClassic {
  color: white;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner .spinnerClassic div {
  transform-origin: 40px 40px;
  animation: spinnerClassic 1.2s linear infinite;
}
.spinner .spinnerClassic div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: white;
}
.spinner .spinnerClassic div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.spinner .spinnerClassic div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.spinner .spinnerClassic div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.spinner .spinnerClassic div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.spinner .spinnerClassic div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.spinner .spinnerClassic div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.spinner .spinnerClassic div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.spinner .spinnerClassic div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.spinner .spinnerClassic div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.spinner .spinnerClassic div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.spinner .spinnerClassic div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.spinner .spinnerClassic div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes spinnerClassic {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.spinner.spinnerBox {
  background: white;
  border: 3px solid grey;
  border-radius: 10px;
  padding: 10px;
}
.spinner.spinnerBox .spinnerText {
  color: grey;
}
.spinner.spinnerBox .spinnerBall div {
  background-color: lightgrey;
}
.spinner.spinnerBox .spinnerDefault div, .spinner.spinnerBox .spinnerBars div, .spinner.spinnerBox .spinnerLinear div, .spinner.spinnerBox .spinnerGrid div, .spinner.spinnerBox .spinnerCoin > div, .spinner.spinnerBox .spinnerRoller div:after, .spinner.spinnerBox .spinnerClassic div:after {
  background: lightgrey;
}
.spinner.spinnerBox .spinnerDualRing:after {
  border: 6px solid lightgrey;
  border-color: lightgrey transparent lightgrey transparent;
}
.spinner.spinnerBox .spinnerRing div {
  border: 8px solid lightgrey;
  border-color: lightgrey transparent transparent transparent;
}
.spinner.spinnerBox .spinnerHourglass:after {
  border: 32px solid lightgrey;
  border-color: lightgrey transparent lightgrey transparent;
}
.spinner.spinnerBox .spinnerRipple div {
  border: 4px solid lightgrey;
}
.spinner.spinnerBox .spinnerClassic {
  color: lightgrey;
}

.transmissionLogs table {
  border-collapse: collapse;
}
.transmissionLogs table th, .transmissionLogs table td {
  text-align: center;
}
.transmissionLogs table th.top, .transmissionLogs table td.top {
  vertical-align: top;
}
.transmissionLogs table th.left, .transmissionLogs table td.left {
  text-align: left;
}
.transmissionLogs table th.right, .transmissionLogs table td.right {
  text-align: right;
}
.transmissionLogs table th {
  white-space: nowrap;
  min-width: 35px;
}
.transmissionLogs tr.transmission input[type=radio], .transmissionLogs tr.misc input[type=radio] {
  margin: 0px;
}
.transmissionLogs tr.transmission .timestamp, .transmissionLogs tr.misc .timestamp {
  white-space: nowrap;
}
.transmissionLogs tr.transmission .referenceNo input, .transmissionLogs tr.misc .referenceNo input {
  width: 108px;
}
.transmissionLogs tr.transmission .buyer input, .transmissionLogs tr.misc .buyer input {
  width: 134px;
}
.transmissionLogs tr.transmission .sendNote input, .transmissionLogs tr.misc .sendNote input {
  width: 80px;
}
.transmissionLogs tr.transmission .sendNote img, .transmissionLogs tr.misc .sendNote img {
  vertical-align: middle;
}
.transmissionLogs tr.transmission .tier input, .transmissionLogs tr.misc .tier input {
  width: 30px;
}
.transmissionLogs .approvalTerms {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1160px;
}
.transmissionLogs .approvalTerms.hidden {
  display: none;
}
.transmissionLogs .approvalTerms div {
  display: inline-block;
  text-align: right;
  min-width: 230px;
  margin: 1px 0px;
}
.transmissionLogs .approvalTerms div div {
  min-width: 100px;
  text-align: left;
}
.transmissionLogs .approvalTerms input[type=text] {
  width: 50px;
}
.transmissionLogs .approvalTerms .small input {
  width: 30px;
}
.transmissionLogs .approvalTerms .large input {
  width: 60px;
}
.transmissionLogs tr.notes td {
  text-align: left;
  position: relative;
}
.transmissionLogs tr.notes td label {
  display: block;
  font-weight: bold;
}
.transmissionLogs tr.notes td textarea {
  width: calc(100% - 8px);
  resize: none;
  min-height: 22px;
  position: absolute;
  box-sizing: border-box;
  height: calc(100% - 17px);
}
.transmissionLogs tr.collaterals td {
  text-align: left;
}
.transmissionLogs tr.collaterals td b {
  display: inline-block;
  width: 145px;
}
.transmissionLogs tr.collaterals td .collateral:first-child div {
  text-decoration: underline;
  font-style: italic;
}
.transmissionLogs tr.collaterals td .collateral {
  min-width: 770px;
}
.transmissionLogs tr.collaterals td .collateral div {
  display: inline-block;
}
.transmissionLogs tr.collaterals td .collateral div label {
  display: block;
}
.transmissionLogs tr.collaterals td .collateral div div:nth-child(1) input[type=text] {
  width: 30px;
}
.transmissionLogs tr.collaterals td .collateral div div:nth-child(4) input[type=text] {
  width: 130px;
}
.transmissionLogs tr.collaterals td .collateral div div:nth-child(5) input[type=text] {
  width: 60px;
}
.transmissionLogs tr.collaterals td .collateral div div:nth-child(6) input[type=text] {
  width: 85px;
}
.transmissionLogs .stepTiers {
  white-space: nowrap;
}
.transmissionLogs .stepTiers .stepTier {
  padding: 0px 5px;
  text-align: left;
  margin-bottom: 15px;
  display: inline-block;
  white-space: collapse;
}
.transmissionLogs .stepTiers .stepTier:nth-child(n+2) {
  border-left: 1px solid grey;
}
.transmissionLogs .stepTiers .stepTier .stepTierName {
  padding: 1px 5px;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #799dbc;
  background-color: aliceblue;
}
.transmissionLogs .stepTiers .stepTier .item {
  display: flex;
  justify-content: space-between;
}
.transmissionLogs .stepTiers .stepTier hr {
  margin: 3px 0px;
  border-bottom: none;
}
.transmissionLogs .stepTiers .stepTier span {
  display: inline-block;
}
.transmissionLogs .stepTiers .stepTier span:first-child {
  margin-right: 10px;
}
.transmissionLogs .stepTiers .stepTier span:last-child {
  font-weight: bold;
}
.transmissionLogs table.selectRates {
  border: none;
}
.transmissionLogs table.selectRates td label {
  font-weight: normal;
  display: inline-block;
}

.ltvGridDialog {
  flex-direction: column;
  text-align: left;
}
.ltvGridDialog .header div {
  margin: 5px 0px;
}
.ltvGridDialog .timestamp {
  display: inline;
}
.ltvGridDialog input[type=text] {
  width: 50px;
}
.ltvGridDialog div[id$=divLTVGrid], .ltvGridDialog div[id$=divLTVItems] {
  overflow: hidden;
  flex-grow: 1;
}
.ltvGridDialog div[id$=divLTVGrid] div, .ltvGridDialog div[id$=divLTVItems] div {
  margin: 5px;
  overflow: auto;
  height: calc(100% - 25px);
}
.ltvGridDialog div[id$=divLTVGrid] div table th, .ltvGridDialog div[id$=divLTVItems] div table th {
  position: sticky;
  top: 0;
  white-space: normal;
}