/* Minification failed. Returning unminified contents.
(2362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.divApplicantsPage .locked {
  cursor: not-allowed;
}
.divApplicantsPage .locked * {
  cursor: not-allowed;
}
.divApplicantsPage .required {
  color: #333333;
  font-weight: bold;
}
.divApplicantsPage .referenceCheckbox, .divApplicantsPage .addReference, .divApplicantsPage h3 {
  color: #cc3300;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial;
  text-transform: uppercase;
}
.divApplicantsPage .personalReferences {
  font-size: 11px;
  margin-left: 15px;
  font-family: Verdana, sans-serif;
}
.divApplicantsPage .personalReferences h3 {
  display: inline-block;
}
.divApplicantsPage .personalReferences button {
  margin: 0px;
  border: none;
  background-color: transparent;
}
.divApplicantsPage .personalReferences div:first-child button {
  width: 15px;
  height: 15px;
  padding: 0px;
  margin-left: 15px;
  background-size: contain;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-image: url(../Assets/images/icon-delete.gif);
}
.divApplicantsPage .personalReferences .fields {
  display: flex;
  flex-direction: column;
}
.divApplicantsPage .personalReferences .fields .field {
  display: flex;
  margin: 3px 0px;
  align-items: center;
}
.divApplicantsPage .personalReferences .fields .field label {
  margin-right: 8px;
}
.divApplicantsPage .personalReferences .addReference label {
  display: flex;
  padding-top: 8px;
  align-items: center;
}
.divApplicantsPage .personalReferences .addReference label button {
  width: 11px;
  height: 12px;
  padding: 0px;
  font-size: 0px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Assets/images/plus.png);
}

.collateralInfoSectionLabels {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

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

.collateralInfoSmallFieldLabel {
  font-size: 9px;
}

.collateralInfoRequiredLabel {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #055D73;
}

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

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

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;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

.collaterals {
  margin: 0px 10px;
  font-family: Verdana, sans-serif;
}
.collaterals h3, .collaterals .h3 label, .collaterals label.h3 {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  margin: 10px 0px;
}
.collaterals .collateralTypes {
  margin-bottom: 10px;
}
.collaterals .collateralTypes select {
  margin-left: 10px;
}
.collaterals .collateralTypes span {
  color: #055D73;
  font-size: 11px;
  margin-left: 10px;
  font-weight: bold;
}

.divOptions p {
  margin-top: 0px;
  font-size: 11px;
}
.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: #8EB9C4;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  border: 1px solid #6D9DA8;
  border-radius: 5px 5px 0px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 0px;
  line-height: 20px;
}
.powersports .tabs .tab.selected {
  background-color: #6D9DA8;
}
.powersports .container {
  border: 2px solid #6D9DA8;
  top: -1px;
  min-width: fit-content;
}
.powersports .container .item > .buttons {
  background-color: #6D9DA8;
  padding-left: 5px;
  margin: 0px;
}
.powersports .container .item > .buttons input {
  margin: 5px 0px 5px 5px;
}
.powersports label {
  font-size: 11px;
}
.powersports label.required {
  color: #055D73;
  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: #DAECF1;
  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: 300px;
}
.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: 146px;
  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: #055D73;
  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 {
  color: #055D73;
  font-size: 11px;
  max-width: 135px;
  text-align: center;
}
.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;
  font-size: 11px;
}

.amsFooter {
  width: 100%;
  height: 75px;
  position: absolute;
  bottom: 0px; }

.amsLogin {
  margin-top: 5vh;
  position: absolute;
  right: 50%;
  transform: translateX(50%); }

.amsLoginForm {
  border-style: solid;
  border-width: thin; }

.FormDataText, .amsLoginForm {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: black; }

.pwdChangeForm {
  width: 725px;
  margin: 0 auto; }

.AppOneZipCode {
  background-color: #f9f9f9; }

.goButton {
  border-radius: 50%;
  background: #5E9DF0 radial-gradient(#5E9DF0 30%, #DBE9FC);
  color: white;
  text-shadow: 1px 1px black;
  font-weight: bold;
  border: 1px solid gray;
  padding: 0;
  cursor: pointer;
  width: 24px;
  height: 24px; }
  .goButton:hover {
    border: 1px solid #DBE9FC;
    box-shadow: 0 0 4px white; }

#DealerList {
  display: flex;
  flex-direction: column;
}
#DealerList .searchBackground {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: calc(100% - 10px);
}
#DealerList .searchBackground div {
  margin: 0px 5px;
}
#DealerList .searchBackground button {
  background-color: transparent;
  background-image: url("../App_Themes/AppOne/Images/Icons/go.gif");
  border: none;
  width: 25px;
  height: 23px;
  cursor: pointer;
}
#DealerList .fetchTable {
  border: 2px solid black;
  border-collapse: collapse;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}
#DealerList .fetchTable .noResults {
  text-align: center;
}
#DealerList .fetchTable tr {
  border: 2px solid black;
}
#DealerList .fetchTable thead tr {
  background-color: #628b95;
  color: white;
}
#DealerList .fetchTable thead tr tr {
  padding: 3px;
}
#DealerList .fetchTable thead tr .sort {
  cursor: pointer;
}
#DealerList .fetchTable tbody tr:nth-child(2n) {
  background-color: #DAECF1;
}
#DealerList .fetchTable tbody tr:nth-child(2n+1) {
  background-color: white;
}
#DealerList .red {
  color: red;
}
#DealerList .green {
  color: green;
}

#DynamicToolBar {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055073;
  background-image: linear-gradient(#D2F7FF, #70A2AD);
  text-align: left;
}
#DynamicToolBar div {
  display: inline-flex;
  padding: 0px 15px;
  vertical-align: middle;
  justify-content: center;
}
#DynamicToolBar div input {
  margin: auto 3px;
}
#DynamicToolBar div label {
  margin: auto 0px;
}
#DynamicToolBar div.divider {
  padding: 0px;
}
#DynamicToolBar div.divider:last-child {
  display: none;
}
#DynamicToolBar div:hover label {
  color: #39A367;
}

#AddFollowUpWindow, #AddNoteWindow, #divCloneApplicationPlaceholder, #divMarkDeadPlaceHolder, #VehicleRegisteredWindow, #MarkFundedWindow, #DeleteDealerWindow {
  width: 750px;
  min-width: 750px;
  position: absolute;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2), #AddNoteWindow div.ui-dialog div:nth-child(2), #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2), #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2), #VehicleRegisteredWindow div.ui-dialog div:nth-child(2), #MarkFundedWindow div.ui-dialog div:nth-child(2), #DeleteDealerWindow div.ui-dialog div:nth-child(2) {
  text-align: center;
  overflow: hidden;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2) div, #AddNoteWindow div.ui-dialog div:nth-child(2) div, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div, #MarkFundedWindow div.ui-dialog div:nth-child(2) div, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div {
  padding: 5px 50px;
  text-align: left;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2) div.header, #AddNoteWindow div.ui-dialog div:nth-child(2) div.header, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div.header, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div.header, #AddFollowUpWindow div.ui-dialog div:nth-child(2) div.buttons, #AddNoteWindow div.ui-dialog div:nth-child(2) div.buttons, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div.buttons, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div.buttons, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div.header, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div.buttons, #MarkFundedWindow div.ui-dialog div:nth-child(2) div.header, #MarkFundedWindow div.ui-dialog div:nth-child(2) div.buttons, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div.header, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div.buttons {
  text-align: center;
  padding: 10px 0px;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2) div.list span, #AddNoteWindow div.ui-dialog div:nth-child(2) div.list span, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div.list span, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div.list span, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div.list span, #MarkFundedWindow div.ui-dialog div:nth-child(2) div.list span, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div.list span {
  display: block;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2) div div, #AddNoteWindow div.ui-dialog div:nth-child(2) div div, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div div, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div div, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div div, #MarkFundedWindow div.ui-dialog div:nth-child(2) div div, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div div {
  text-align: left;
  padding: 0px 0px 5px 0px;
}
#AddFollowUpWindow div.ui-dialog div:nth-child(2) div textarea, #AddNoteWindow div.ui-dialog div:nth-child(2) div textarea, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div textarea, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div textarea, #VehicleRegisteredWindow div.ui-dialog div:nth-child(2) div textarea, #MarkFundedWindow div.ui-dialog div:nth-child(2) div textarea, #DeleteDealerWindow div.ui-dialog div:nth-child(2) div textarea {
  width: 100%;
  height: 100px;
  resize: vertical;
}

#divCloneApplicationPlaceholder div.ui-dialog, #divMarkDeadPlaceHolder div.ui-dialog {
  background-image: linear-gradient(white, #A9D2DC);
}

#AddNoteWindow div.ui-dialog div:nth-child(2) div.fields div div, #divCloneApplicationPlaceholder div.ui-dialog div:nth-child(2) div.fields div div, #divMarkDeadPlaceHolder div.ui-dialog div:nth-child(2) div.fields div div {
  display: inline-block;
  width: 95px;
}

div.grid {
  background-color: #FFFFFF;
  border-collapse: collapse;
  color: #000000;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}

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

div.grid .alt {
  background-color: #DAECF1;
}

div.grid .cell {
  padding: 3px;
  text-align: left;
  vertical-align: top;
  display: table-cell;
}

div.grid {
  display: table;
}

div.grid .row {
  display: table-row;
  border: 1px solid black;
}

#tblFiles div.header div {
  display: inline-block;
}

#tblFiles div.footer {
  background-color: #cccccc;
  padding: 3px;
}

#tblFiles button {
  font-weight: bold;
}

.dropFileMsg {
  margin-top: 40px;
}

.fileupload-buttonbar .fileinput-button input {
  position: absolute;
  bottom: 20px;
  left: 10px;
  margin: 0;
  border: solid transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
  height: 19px;
  width: 75px;
}

.fileinput-button {
  overflow: hidden;
}

.fileRightBtns {
  float: right;
  color: black;
}

.fileRightBtns div {
  display: inline-block;
}

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

.fileToUpload > * {
  display: inline-block;
  padding-left: 2px;
  vertical-align: middle;
  margin: 3px 0;
}

.fileToUpload .sizeCol,
.fileToUpload .progressCol,
.fileToUpload .statusCol {
  margin-left: 2px;
}

.fileToUpload {
  text-align: left;
  font-family: arial, sans-serif;
}

.fileToUpload {
  background-color: white;
}

.fileToUpload.alt {
  background-color: #DAECF1;
}

.fileNumCol {
  width: 2%;
}

.fileNameCol,
.docTitleCol {
  width: 20%;
}

.descriptionCol {
  width: 28%;
}

.showPortalCol {
  width: 5%;
}

.sizeCol,
.statusCol {
  width: 6%;
}

.progressCol {
  width: 6%;
}

.removeIconCol {
  width: 4%;
}

.fileUploaderDropZone {
  border: none;
}

div.header div {
  vertical-align: middle;
}

div.divForms {
  display: flex;
  flex-direction: column;
  background-color: #DAECF1;
  padding: 10px;
  font-family: Verdana, sans-serif;
}
div.divForms .box {
  border: 2px solid #6D9DA8;
}
div.divForms .box .bar {
  background-color: #6D9DA8;
  color: white;
  padding: 2px;
  font-family: Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 13px;
}
div.divForms > div {
  margin: 10px 0px;
}
div.divForms > div:first-child, div.divForms > div.hidden {
  margin: 0px;
}
div.divForms > div.buttons {
  text-align: center;
}
div.divForms > div.buttons input {
  font-size: 13px;
  margin: 0px 5px 5px 5px;
}
div.divForms > div.buttons label {
  font-size: 11px;
  font-weight: bold;
}
div.divForms h3 {
  color: #cc3300;
  font-family: Arial;
}
div.divForms .ToggleReySignEnvelopes, div.divForms button {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}
div.divForms .form {
  font-size: 13px;
}
div.divForms .collapsible {
  border: 2px solid #6D9DA8;
}
div.divForms .collapsible .expanded, div.divForms .collapsible .collapsed {
  color: white;
  background-color: #6D9DA8;
  background-repeat: no-repeat;
  background-position-x: right;
  padding: 2px;
  font-family: Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 13px;
}
div.divForms .collapsible .expanded {
  background-image: url("../Assets/Images/icons/collapse.png");
}
div.divForms .collapsible .collapsed {
  background-image: url("../Assets/Images/icons/expand.png");
}
div.divForms .collapsible .body {
  padding: 5px;
}
div.divForms .EnvelopeDiv {
  display: none;
}
div.divForms .Info {
  text-align: right;
}

.formIcon {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #696969;
}
.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.printed .formIcon span.prepareReySign {
  background-image: url("../Assets/Images/reysign/DEALsign_Icon_red.ico");
}
.formIcon span.completedReySign {
  background-image: url("../Assets/Images/reysign/DEALsign_Icon_green.ico");
}
.formIcon span.wetSignature {
  background-image: url("../Assets/Images/reysign/Wet%20Ink.svg");
}
.formIcon span.requiredeContracting {
  background-image: url("../Assets/Images/reysign/eContracting.svg");
}
.formIcon span.specialtyPaper {
  background-image: url("../Assets/Images/reysign/UsesSpecialtyPaper.png");
}
.formIcon span.deactivated, .formIcon span.requiresLAW553 {
  background-image: url("../Assets/Images/icons/help.png");
}

.ReySignEnvelope {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #696969;
}
.ReySignEnvelope .Summary {
  margin-bottom: 5px;
}
.ReySignEnvelope ul {
  padding: 0;
  margin: 0;
  column-count: 4;
}
.ReySignEnvelope .Item {
  padding: 5px 50px 5px 0;
  width: 320px;
  display: block;
  height: 15px;
}
.ReySignEnvelope .Item.hidden {
  display: none;
}
.ReySignEnvelope .Item div {
  display: inline-block;
}
.ReySignEnvelope .Item div:nth-child(2n) {
  width: 120px;
  font-weight: bold;
  color: black;
}
.ReySignEnvelope .Item div:nth-child(2n+1) {
  width: 150px;
}

.lenderForms {
  padding: 5px;
}
.lenderForms .diveContractForms input {
  font-size: 11px;
  font-weight: bold;
  font-family: Arial;
  color: #39A367;
}
.lenderForms h3 {
  margin: 8px 0px;
}
.lenderForms .divButtons button {
  margin: 5px 5px 0px 5px;
}

#divSaveToEFiles {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}
#divSaveToEFiles .required {
  font-weight: bold;
}
#divSaveToEFiles label {
  display: inline-block;
  width: 75px;
  text-align: right;
}
#divSaveToEFiles input {
  width: 400px;
}
#divSaveToEFiles .buttons {
  text-align: center;
}

html, body, form {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.pnlContent {
  height: 360px;
}

/*start Form Control Styles*/
.FormDataText {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

.FormContentLabelText {
  font-family: Tahoma;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

/*end Form Control Styles*/
/* Div container to wrap the datagrid */
.AlternateGridStyle {
  background-color: #DAECF1;
}

.Freezing {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #518668;
  color: white;
  border-right: 1px solid silver;
}

.ListItemtext {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #000000;
  height: 30px;
  text-align: left;
}

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

.progressbar {
  position: relative;
  margin: 0 35px 0 35px;
  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;
}

.sectioncaptionnew {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 13px;
  FONT-WEIGHT: Bold;
  COLOR: #800000;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.formfieldlabelreqd {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #000066;
}

input.submit3 {
  padding: 2px 0px 2px 0px;
  color: #333333;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  background-color: #b7d690;
}

INPUT {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

SELECT {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

OPTION {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

.Test {
  border-left-style: none;
}

tr.formhdr {
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

tr.formhdr1 {
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #377E3D;
  font-weight: bold;
}

.fieldcaptionreqd {
  font-family: Helvetica;
  font-size: 11px;
  color: #377E3D;
  font-weight: bold;
}

.MainMenuStatic {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  height: 30px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
}

.MainMenuSelected {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}

.contentsmall {
  FONT-FAMILY: arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
}

.Seperator {
  border-bottom: 1px solid #000000;
}

.HRLine {
  width: 100%;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: thin;
  height: 1px;
}

.FormData {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
}

.contentinvisible {
  display: none;
}

.contentvisible {
  display: inline;
}

.contentwhite {
  FONT-FAMILY: Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight: normal;
}

.disabled {
  background-color: lightgray;
  border: 1px solid gray;
}

input.htmlbutton {
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  border: 1px solid;
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #666;
  border-bottom-color: #666;
  background-color: #377E3D;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="#ffffffff",EndColorStr="#377E3D");
}

.menutab3background {
  font-size: 11px;
  font-family: Arial;
}

.MainMenuSub {
  font-size: 11px;
  font-family: Arial;
  color: #055D73;
  background-color: White;
  text-align: left;
}

.StandardText {
  vertical-align: top;
}

.ButtonAlign {
  vertical-align: middle;
}

.GreenHeader {
  font-size: 12px;
  font-family: Arial;
  color: #39A367;
}

.GreenLabel {
  font-size: 11px;
  font-family: Arial;
  color: #39A367;
}

.FormLabelText {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #555555;
}

.FormContentLabelText {
  font-family: Arial;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

.FormHeaderLabelText {
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
}

.FormPopHeaderText {
  font-size: 14px;
  font-family: Tahoma;
  font-weight: normal;
  color: #055D73;
}

.CheckBoxList {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #555555;
}

.LabelFormHeader {
  color: #055D73;
}

.LabelDataHeader, .formlabelreqd {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeaderWithoutBold {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeaderLeft {
  text-align: left;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeader1 {
  text-align: right;
  font-family: Verdana, sans-serif;
  font-weight: lighter;
  font-size: 9px;
  color: #333333;
}

.LabelDataHeaderUnderline {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
  text-decoration: underline;
}

.FormHeader {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
}

.GridHeader {
  color: White;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.FooterData {
  color: White;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
}

.RepeaterHeader {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="#628b95",EndColorStr="#6f9eaa");
}

.RepeaterHeader1 {
  background-image: url(../App_Themes/AppOne/Images/Background/buttonback.gif);
}

.LabelNote {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelData {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataSmall {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
}

.formfieldlabel {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

.formfieldsmalllabel {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 9px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

.LabelDataBlack {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataTop {
  vertical-align: top;
  text-align: left;
  font-family: Verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataCenter {
  text-align: center;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

.BoldLabelData {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #055D73;
}

.SmallText {
  text-align: left;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

.FormButtonText, .transmissionLogs > div input {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}

.toolbartext {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  border-width: 0px;
  background-repeat: repeat-x;
}

.ToolBarText {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  border-width: 0px;
  background-repeat: repeat-x;
  vertical-align: 12px;
}

.ToolBarTextSel {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  border-width: 0px;
  background-repeat: repeat-x;
  vertical-align: 12px;
}

.Search.searchBackground {
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  width: calc(100% - 20px);
  align-items: center;
}
.Search.searchBackground .AdvancedSearchText {
  display: inline-block;
}

.toolbarselectedtext {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  background-repeat: repeat-x;
}

.SectionHeader {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  background-color: White;
}

.SearchText {
  font-size: 12px;
  font-family: Verdana;
  color: White;
}

.SearchText1 {
  font-size: 13px;
  font-family: Verdana;
  color: White;
}

.AdvancedSearchText {
  display: block;
  min-width: 100px;
  margin-right: 10px;
}

.AdvancedSearchText label {
  font-size: 12px;
  font-family: Verdana;
  color: White;
  cursor: pointer;
}

.AdvancedSearchText label:hover {
  text-decoration: underline;
}

.AlternateGridStyle {
  background-color: #DAECF1;
}

.AlternateRepeaterStyle {
  background-color: #DAECF1;
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
  height: 20px;
}

.AlternateRepeaterStyle1 {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  background-color: #DAECF1;
}

.RedRepeaterStyle {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #FF6347;
}

.ItemRepeaterStyle {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
  height: 20px;
}

.ItemRepeaterStyle1 {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
}

.FormBackground {
  width: 100%;
  height: 100%;
  background-color: #DAECF1;
}

.modalPopup {
  border-width: 1px;
  border-style: none;
  border-color: Gray;
}

.FormWhiteBackground {
  background-color: #FFFFFF;
}

.FormBackgroundColor {
  background-color: #DAECF1;
}

.ListItemtext {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #000000;
  height: 30px;
  text-align: left;
}

.ListItemtextBlack {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.UltraMainMenuItem {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  background-color: ButtonShadow;
  border-top: none 0px;
  border-bottom: none 0px;
  border-right: none 0px white;
  border-left: none 0px;
  border: groove 0.1pt LightGray;
}

.UltraMainMenuItemSelected {
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}

.UltraMainMenuSub {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  background-color: white;
  border: solid 1px Black;
}

.Search {
  width: 100%;
  font-size: 13px;
  font-family: Arial;
  font-weight: bold;
  color: White;
  height: 40px;
}

.menutab2 {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  cursor: hand;
  border-width: 0px;
}

.menutab4 {
  font-size: 11px;
  font-family: Arial;
}

.menutab4selectedtext {
  font-size: 10px;
  font-family: Arial;
}

.VehicleFormHeader {
  font-family: Arial;
  font-size: 11px;
  color: #cc3300;
  font-weight: bold;
  text-transform: uppercase;
}

.DDLSmall {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9px;
  color: #000000;
}

.FormDataText2 {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

table.FormTable {
  width: 100%;
  background-color: #DAECF1;
  border-color: #DAECF1;
}

TABLE.FormTable TD {
  padding: 2px;
}

.validationerrors {
  padding: 2px 0px 2px 8px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.validationerrors li {
  padding: 2px 0px 0px 2px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.validationerrors.informational {
  color: black;
}
.validationerrors.informational li {
  color: black;
}

.fieldvalidator {
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.formerrors {
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: red;
  padding-left: 5px;
}

.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.modalProgressBarBackground {
  background-color: Gray;
  width: 20px;
  border-width: 3px;
  padding: 3px;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.dberrors {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  COLOR: red;
  margin-left: 5px;
}

.MyCalendar .ajax__calendar_container {
  color: Green;
  background: white linear-gradient(white, #ACDBE7) repeat-x;
  border: 1px solid grey;
  /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorStr='#ACDBE7');*/
}

.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next {
  background-color: Orange;
}

.MyCalendar .ajax__calendar_header,
.MyCalendar .ajax__calendar_footer,
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
  color: #646464;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: Gray;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
  font-weight: bold;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
  background-color: Orange;
  border-color: #0066cc;
  color: #0066cc;
  font-weight: bold;
}

.updateprogressbackground {
  background-color: #cccccc;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  opacity: 0.6;
  -moz-opacity: 0.6;
  top: 0;
  width: 100%;
}

.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;
}

div.pleasewait {
  position: absolute;
  z-index: 10;
  height: 50px;
  width: 425px;
  background-color: #00224C;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #46ADD6;
  padding: 5px;
  padding-top: 30px;
  text-align: center;
  vertical-align: middle;
}

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

div.formmessages {
  padding: 2px 0px 2px 8px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #46ADD6;
}

a:link {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  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;
  font-weight: normal;
  font-size: 12px;
  color: #055D73;
}

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

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

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

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

.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;
}

.PanelHeader {
  color: White;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  height: 20px;
}

.RepeatX {
  background-repeat: repeat-x;
}

.credit_report_content {
  padding: 2px;
  border: 1px solid #000000;
  width: 600px;
  height: 700px;
  overflow: auto;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
  background-color: #ffffff;
}

.credit_report_content_full {
  text-align: left;
  padding: 2px;
  border: 1px solid #000000;
  width: 700px;
  height: 600px;
  overflow: visible;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
  background-color: #ffffff;
}

.CenterAlign {
  vertical-align: middle;
}

.footer {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

/*Main Menu*/
.parentMenu {
  width: 100%;
}

.parentMenu a {
  color: #055D73;
  cursor: pointer !important;
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

.parentMenuItem {
  background-image: url("../App_Themes/AppOne/Images/MainMenu/menucorner.jpg");
  border: 1px groove lightgrey;
  height: 25px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

.parentMenuItemHover {
  background-image: url("../App_Themes/AppOne/Images/MainMenu/menuselected.jpg");
}

.parentMenuItemHover a {
  color: #39A367;
}

.childMenu {
  background-color: lightgray;
  border: 1px solid black;
  z-index: 99999;
}

.childMenu a {
  color: #055D73;
  cursor: pointer !important;
  display: block;
  font-family: Arial;
  font-size: 11px !important;
  font-weight: bold;
}

.childMenuItem {
  background-color: lightgray;
  border-color: lightgray;
  border-style: solid;
  border-width: 3px 5px;
  padding: 3px;
}

.childMenuItemHover {
  background-color: #8CD9AF;
}

/* Grid styles*/
table.grid {
  background-color: #FFFFFF;
  border: 1px solid black;
  border-collapse: collapse;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}

table.grid tr {
  border: 1px solid black;
}

table.grid tr.header,
table.grid tr.footer {
  background-color: #055D73;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}

table.grid tr.alt {
  background-color: #DAECF1;
}

table.grid td {
  padding: 3px;
  text-align: left;
}

table.grid tr.header a {
  background: url(../Assets/images/sort_both.png) right no-repeat;
  color: #FFFFFF;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-right: 19px;
}

table.grid tr.header a.sortasc {
  background: url(../Assets/images/sort_asc.png) right no-repeat;
}

table.grid tr.header a.sortdesc {
  background: url(../Assets/images/sort_desc.png) right no-repeat;
}

table.grid .center {
  text-align: center;
}

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

table.grid .paddedRight {
  padding-right: 19px;
  text-align: right;
}

table.grid tr.empty td {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.dataPager {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 4px 10px;
}

/*Input Table*/
table.inputForm {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
}

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

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

table.inputForm td {
  font-weight: normal;
  text-align: left;
}

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

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

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

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

.validator {
  background: url(../App_Themes/AppOne/Images/ErrorHandlingIcons/x.gif) no-repeat;
  padding-right: 12px;
  padding-bottom: 12px;
}

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

a.deleteButton {
  background: url(../Assets/images/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;
}

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

.ssnMask {
  color: #000000;
  font-family: Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
}

img.listingIcon {
  border: none;
  vertical-align: top;
}

.ltvTable {
  width: 100%;
}

.ltvTable td {
  padding: 1px 10px;
  text-align: center;
}

.ltvTable .ltvComment {
  text-align: left;
}

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

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

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

.pagehdr2 {
  font-size: 18px;
  font-weight: bold;
}

.StandardListHeader {
  color: White;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  background-image: url(../App_Themes/AppOne/Images/Background/buttonback.gif);
}

.flexSpaceBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 20px;
}

.RepeatorHeader {
  color: White;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr= "#628b95",EndColorStr= "#6f9eaa" );
}

.ticker {
  width: 100%;
  height: 32px;
}

.tickerbottom {
  width: 100%;
  background: url(../App_Themes/AppOne/Images/ticker_bottom.jpg);
}

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

.customhdr {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bold;
  COLOR: #000000;
}

.invalid {
  border: 2px solid red;
}

.pagehdr {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  COLOR: #800000;
}

.formlabel {
  font-size: 12px;
  font-family: Verdana;
  color: #555555;
}

.searchBackground {
  width: 100%;
  background: url("../App_Themes/AppOne/Images/Master/QuickSearch/searchbackground.jpg");
  background-size: cover;
}

#divMainMenu table tbody tr td:nth-child(3n-2) {
  width: 25%;
}

#divMainMenu div table tbody tr td:nth-child(3n-2) {
  width: auto;
}

div.dealerCheck {
  display: flex;
  height: 100px;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}
div.dealerCheck .header {
  font-size: 14px;
}
div.dealerCheck .fields {
  margin-left: 20px;
}
div.dealerCheck .buttons {
  text-align: center;
}

/* Dealer contacts tables */
.dealerContactsOuterTable,
.dealerContactsInnerTable {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
}

/* Scroll container for the grid */
.dealerContactsGridContainer {
  overflow: auto;
  width: 100%;
}

/* Grid-like table. */
.dealerGrid {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
  font-size: 11px;
  /* Cell padding. */
  /* Horizontal alignment. */
  /* Vertical alignment. */
  /* Column width helpers. */
  /* Cell allows wrapping and long words to break. */
}
.dealerGrid th,
.dealerGrid td {
  padding: 2px 4px;
  box-sizing: border-box;
}
.dealerGridLeft {
  text-align: left;
}
.dealerGridCenter {
  text-align: center;
}
.dealerGridRight {
  text-align: right;
}
.dealerGridValignTop {
  vertical-align: top;
}
.dealerGridCol2 {
  width: 2%;
}
.dealerGridCol3 {
  width: 3%;
}
.dealerGridCol6 {
  width: 6%;
}
.dealerGridCol7 {
  width: 7%;
}
.dealerGridCol8 {
  width: 8%;
}
.dealerGridCol10 {
  width: 10%;
  padding-right: 8px;
}
.dealerGridCol12 {
  width: 12%;
  padding-right: 8px;
}
.dealerGridCol14 {
  width: 14%;
}
.dealerGridWraps {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.transmissionLogs {
  font-size: 11px;
  font-family: Verdana, sans-serif;
}
.transmissionLogs > div input {
  margin: 5px;
}
.transmissionLogs table {
  border: solid 1px black;
  width: calc(100% - 8px);
  margin: 0px 3px;
}
.transmissionLogs table thead th {
  background-color: white;
}
.transmissionLogs table tr.transmission {
  border-top: solid 1px black;
}
.transmissionLogs table td {
  background-color: #DAECF1;
}
.transmissionLogs .approvalTerms label {
  font-size: 9px;
}
.transmissionLogs tr.declined td {
  background-color: lightcoral;
}
.transmissionLogs tr.conditioned td {
  background-color: lightyellow;
}
.transmissionLogs tr.approved td {
  background-color: lightgreen;
}
.transmissionLogs tr.withdrawn td {
  background-color: #C497C4;
}
.transmissionLogs .print {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
}
.transmissionLogs .print svg {
  width: 100%;
  height: 100%;
  --fill-color: white;
}

.ltvGridButton {
  color: #3131ff;
  border: solid 2px #3131ff;
  border-radius: 10px;
  background-size: 6px 6px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px), linear-gradient(to bottom, lightgrey 1px, white 1px);
  font-weight: bold;
  font-size: 12px;
  margin-top: 6px;
}

.ltvGridDialog span, .ltvGridDialog label {
  font-weight: bold;
}
.ltvGridDialog .timestamp {
  font-family: Arial, sans-serif;
  font-weight: normal;
}
.ltvGridDialog div[id$=divLTVGrid] table, .ltvGridDialog div[id$=divLTVItems] table {
  border-collapse: separate;
  border-spacing: 0px;
  border: solid 1px black;
  border-top: none;
  font-size: 10px;
}
.ltvGridDialog div[id$=divLTVGrid] table th, .ltvGridDialog div[id$=divLTVItems] table th {
  background-color: #6D9DA8;
  color: white;
  border: solid 1px black;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.ltvGridDialog div[id$=divLTVGrid] table tbody tr:nth-child(2n) td, .ltvGridDialog div[id$=divLTVItems] table tbody tr:nth-child(2n) td {
  background-color: white;
}
.ltvGridDialog div[id$=divLTVGrid] table tbody tr:nth-child(2n+1) td, .ltvGridDialog div[id$=divLTVItems] table tbody tr:nth-child(2n+1) td {
  background-color: #DAECF1;
}
.ltvGridDialog div[id$=divLTVGrid] table td, .ltvGridDialog div[id$=divLTVItems] table td {
  border: solid 1px black;
}
.ltvGridDialog div[id$=divLTVGrid] table tbody tr:first-child td, .ltvGridDialog div[id$=divLTVItems] table tbody tr:first-child td {
  border-top: none;
}

#printBankCallback {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 96%;
  padding: 0px 2%;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana, sans-serif;
}
#printBankCallback hr {
  width: 100%;
}
#printBankCallback h2 {
  margin: 10px 0px;
  font-size: 18px;
  font-family: serif;
  color: #055D73;
}
#printBankCallback h3 {
  margin: 3px 0px;
  font-size: 11px;
  font-family: Arial;
  color: #cc3300;
}
#printBankCallback .header, #printBankCallback .print {
  text-align: center;
  margin: 10px;
}
#printBankCallback .items {
  display: flex;
  flex-wrap: wrap;
}
#printBankCallback .items .item {
  width: 33%;
  margin: 8px 0px;
}
#printBankCallback .items .item span {
  margin-right: 10px;
}
#printBankCallback .items .item.submittedCollateral, #printBankCallback .items .item.decisionedCollateral, #printBankCallback .items .item.notes {
  width: 100%;
}
#printBankCallback table {
  border-collapse: collapse;
}
#printBankCallback table thead {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, helvetica, sans-serif;
  color: white;
  background: linear-gradient(#6f9eaa 33%, #628c96 50%, #6f9eaa);
}
#printBankCallback table tbody tr {
  color: #055D73;
  border-bottom: solid 2px #6f9eaa;
}
#printBankCallback table tbody tr:nth-child(2n-1) {
  background-color: white;
}
#printBankCallback table tbody tr:nth-child(2n) {
  background-color: #DAECF1;
}
#printBankCallback table tr {
  height: 20px;
}
#printBankCallback table th, #printBankCallback table td {
  padding: 0px 10px;
  text-align: center;
}
#printBankCallback table th.left, #printBankCallback table td.left {
  text-align: left;
}
#printBankCallback table th.right, #printBankCallback table td.right {
  text-align: right;
}
#printBankCallback .stipulations, #printBankCallback comments, #printBankCallback fees {
  margin: 5px 0px;
}

#LoanApplicationList {
  width: 100%;
  min-height: 100%;
  min-width: 1300px;
}
#LoanApplicationList .topBar {
  background-image: linear-gradient(90deg, #6acc96, #41a6ae, #6acc96);
  width: calc(100% - 12px);
  padding: 6px;
  text-align: center;
}
#LoanApplicationList .topBar .filters div {
  padding: 0px 10px;
  display: inline-block;
}
#LoanApplicationList .topBar .filters div select {
  max-width: 200px;
}
#LoanApplicationList .topBar .filters div input[type=checkbox] + label {
  color: white;
}
#LoanApplicationList .topBar .total {
  float: right;
  color: white;
}
#LoanApplicationList .topBar div.validationerrors {
  text-align: initial;
  display: inherit;
}
#LoanApplicationList .fetchTable {
  border: solid 2px black;
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-collapse: collapse;
}
#LoanApplicationList .fetchTable .sort {
  cursor: pointer;
}
#LoanApplicationList .fetchTable thead tr {
  color: white;
  background-image: linear-gradient(#79a8b4, #6594a0);
}
#LoanApplicationList .fetchTable thead tr td {
  display: table-cell;
  padding: 3px 0px;
  border: none;
  font-weight: bold;
  font-size: 12px;
  background: none;
}
#LoanApplicationList .fetchTable thead tr td a {
  color: white;
}
#LoanApplicationList .fetchTable thead tr td a:hover {
  color: black;
}
#LoanApplicationList .fetchTable tbody tr {
  color: black;
  text-align: left;
}
#LoanApplicationList .fetchTable tbody tr .red {
  color: red;
}
#LoanApplicationList .fetchTable tbody tr td {
  padding: 5px;
  vertical-align: middle;
  border-top: solid 2px black;
  min-height: 45px;
}
#LoanApplicationList .fetchTable tbody tr td.multipleRows {
  vertical-align: top;
}
#LoanApplicationList .fetchTable tbody tr td img {
  position: relative;
  vertical-align: middle;
}
#LoanApplicationList .fetchTable tbody tr td a {
  display: inline-block;
}
#LoanApplicationList .fetchTable tbody tr:nth-child(2n-1) {
  background-color: white;
}
#LoanApplicationList .fetchTable tbody tr:nth-child(2n) {
  background-color: #DAECF1;
}
#LoanApplicationList .fetchTable tfoot tr {
  background-color: #DAECF1;
  border: solid 2px black;
}
#LoanApplicationList .fetchTable tfoot tr td {
  padding: 5px;
}
#LoanApplicationList .fetchTable tfoot tr .total {
  float: right;
  font-size: 12px;
}
#LoanApplicationList .fetchTable a.efileIcon {
  display: block;
  background-image: url("../App_Themes/AppOne/Images/DynToolBarIcons/upload.gif");
  width: 27px;
  height: 29px;
}
#LoanApplicationList .fetchTable a.noteIcon {
  display: block;
  background-image: url("../App_Themes/AppOne/Images/DynToolBarIcons/notes.gif");
  width: 27px;
  height: 29px;
}
#LoanApplicationList .fetchTable span.infoIcon {
  display: inline-block;
  background-image: url("../Assets/Images/icons/more-options-ellipsis-icon.svg");
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-bottom: 2px;
}

div[id$=divStructure] {
  height: 100%;
}
div[id$=divStructure] input[id$=txtTradeInAmount], div[id$=divStructure] input[id$=txtTradeInPayoff] {
  text-align: right;
}

.tradeIn {
  display: block;
  vertical-align: top;
  margin-top: 3px;
}
.tradeIn > span {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  display: block;
  background-image: url(../App_Themes/AppOne/Images/Background/buttonback.gif);
  height: 19px;
}
.tradeIn .required {
  font-weight: bold;
}
.tradeIn div > div {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 4px;
  display: inline-block;
}
.tradeIn div > div.allowance input, .tradeIn div > div.payoff input {
  width: 115px;
}
.tradeIn div > div.year input {
  width: 35px;
}
.tradeIn div > div.mileage input, .tradeIn div > div.phone input {
  width: 90px;
}

.optionSummary .collateral {
  margin: 10px 0px;
}
.optionSummary .header {
  font-weight: bold;
  font-size: 13px;
}
.optionSummary td {
  text-align: left;
}
.optionSummary tbody tr.option td {
  text-align: center;
}
.optionSummary tbody tr.option td input.name {
  width: 200px;
}
.optionSummary tbody tr.option td input.sellingPrice {
  width: 80px;
  text-align: right;
}
.optionSummary a.addButton {
  font-size: 12px;
}
.optionSummary div:last-child {
  text-align: center;
}

.productHeader {
  display: flex;
  margin: 0px 20px 5px 20px;
  height: 20px;
}
.productHeader .collateralHeader {
  text-align: left;
  flex-grow: 1;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  line-height: 20px;
}

.updateSellingPrice h3 {
  color: #cc3300;
  font-family: Arial;
}
.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;
}

.basic.collapsible .expanded, .basic.collapsible .collapsed {
  height: 20px;
  color: white;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  font-family: Verdana, sans-serif;
  background: linear-gradient(#6f9eaa 50%, #648f99 50%, #6f9eaa);
}
.basic.collapsible .expanded.expanded, .basic.collapsible .collapsed.expanded {
  background: url(/Assets/Images/icons/collapse.png) right no-repeat, linear-gradient(#6f9eaa 50%, #648f99 50%, #6f9eaa);
}
.basic.collapsible .expanded.collapsed, .basic.collapsible .collapsed.collapsed {
  background: url(/Assets/Images/icons/expand.png) right no-repeat, linear-gradient(#6f9eaa 50%, #648f99 50%, #6f9eaa);
}
.basic.collapsible.formBackground .body {
  background-color: #DAECF1;
}

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

#fChangePasswordConfirmation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#fChangePasswordConfirmation > div:first-child {
  display: none;
}
#fChangePasswordConfirmation .loginBox section {
  background-image: linear-gradient(white 30px, #dbecf0);
}
#fChangePasswordConfirmation .loginBox section .confirmation {
  flex-grow: 1;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
}
#fChangePasswordConfirmation .loginBox section .confirmation div {
  margin: 20px;
}

#fPasswordChange {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#fPasswordChange > div:first-child {
  display: none;
}
#fPasswordChange .loginBox section h3 {
  color: #055d73;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
}
#fPasswordChange .loginBox section .passwordChange {
  flex-grow: 1;
  display: flex;
}
#fPasswordChange .loginBox section .passwordChange > div {
  padding: 10px;
  padding-top: 0px;
}
#fPasswordChange .loginBox section .passwordChange > div:first-child li {
  margin: 5px 0px;
}
#fPasswordChange .loginBox section .passwordChange > div:last-child {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  background-image: linear-gradient(white 30px, #add4de);
}
#fPasswordChange .loginBox section .passwordChange > div:last-child .fields {
  text-align: left;
}
#fPasswordChange .loginBox section .passwordChange > div:last-child .fields .field {
  display: flex;
  margin: 3px 0px;
  align-items: center;
}
#fPasswordChange .loginBox section .passwordChange > div:last-child .fields .field label {
  width: 110px;
  text-align: right;
  margin-right: 5px;
}
#fPasswordChange .loginBox section .passwordChange > div:last-child .buttons {
  margin-top: 20px;
}

#fTermsOfUse {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#fTermsOfUse > div:first-child {
  display: none;
}
#fTermsOfUse .loginBox section {
  width: unset;
  min-width: 950px;
}
#fTermsOfUse .loginBox section .terms {
  display: flex;
  padding: 0px 10px;
  flex-direction: column;
}
#fTermsOfUse .loginBox section .terms p {
  color: #055d73;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
  white-space: pre-line;
}
#fTermsOfUse .loginBox section .terms iframe {
  flex: 1;
  border: none;
}
#fTermsOfUse .loginBox section .terms .resizable {
  resize: both;
  height: 500px;
  display: flex;
  overflow: auto;
  min-width: 950px;
  min-height: 300px;
}
#fTermsOfUse .loginBox section .terms .buttons {
  margin: 20px;
  text-align: center;
}

.loginBox {
  display: flex;
  font-size: 11px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-family: Verdana, sans-serif;
}
.loginBox img {
  top: 30px;
  position: relative;
}
.loginBox section {
  width: 725px;
  display: flex;
  overflow: hidden;
  padding-top: 40px;
  border-radius: 15px;
  flex-direction: column;
  border: solid 1px #77a8d3;
}
.loginBox section .top {
  text-align: center;
}
.loginBox section .bottom {
  height: 30px;
  border-top: solid 1px #77a8d3;
  background-image: linear-gradient(white 20%, darkgray);
}
.loginBox a.button {
  padding: 3px;
  color: #39A367;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial;
  border-radius: 5px;
  text-decoration: none;
  border: solid 1px #8f8f9d;
  background-color: #e9e9ed;
}
.loginBox a.button :hover {
  background-color: #d0d0d7;
}

INPUT {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

SELECT {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

OPTION {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

.Test {
  border-left-style: none;
}

tr.formhdr {
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

tr.formhdr1 {
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #377E3D;
  font-weight: bold;
}

.fieldcaptionreqd {
  font-family: Helvetica;
  font-size: 11px;
  color: #377E3D;
  font-weight: bold;
}

.MainMenuStatic {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  height: 30px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
}

.MainMenuSelected {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}

.contentsmall {
  FONT-FAMILY: arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
}

.Seperator {
  border-bottom: 1px solid #000000;
}

.HRLine {
  width: 100%;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: thin;
  height: 1px;
}

.FormData {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
}

.contentinvisible {
  display: none;
}

.contentvisible {
  display: inline;
}

.contentwhite {
  FONT-FAMILY: Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight: normal;
}

.disabled {
  background-color: lightgray;
  border: 1px solid gray;
}

input.htmlbutton {
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  border: 1px solid;
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #666;
  border-bottom-color: #666;
  background-color: #377E3D;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="#ffffffff",EndColorStr="#377E3D");
}

.menutab3background {
  font-size: 11px;
  font-family: Arial;
}

.MainMenuSub {
  font-size: 11px;
  font-family: Arial;
  color: #055D73;
  background-color: White;
  text-align: left;
}

.StandardText {
  vertical-align: top;
}

.ButtonAlign {
  vertical-align: middle;
}

.GreenHeader {
  font-size: 12px;
  font-family: Arial;
  color: #39A367;
}

.GreenLabel {
  font-size: 11px;
  font-family: Arial;
  color: #39A367;
}

.FormLabelText {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #555555;
}

.FormContentLabelText {
  font-family: Arial;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

.FormHeaderLabelText {
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
}

.FormPopHeaderText {
  font-size: 14px;
  font-family: Tahoma;
  font-weight: normal;
  color: #055D73;
}

.CheckBoxList {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #555555;
}

.LabelFormHeader {
  color: #055D73;
}

.LabelDataHeader, .formlabelreqd {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeaderWithoutBold {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeaderLeft {
  text-align: left;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

.LabelDataHeader1 {
  text-align: right;
  font-family: Verdana, sans-serif;
  font-weight: lighter;
  font-size: 9px;
  color: #333333;
}

.LabelDataHeaderUnderline {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
  text-decoration: underline;
}

.FormHeader {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
}

.GridHeader {
  color: White;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.FooterData {
  color: White;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
}

.RepeaterHeader {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="#628b95",EndColorStr="#6f9eaa");
}

.RepeaterHeader1 {
  background-image: url(../App_Themes/AppOne/Images/Background/buttonback.gif);
}

.LabelNote {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelData {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataSmall {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
}

.formfieldlabel {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

.formfieldsmalllabel {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 9px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

.LabelDataBlack {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataTop {
  vertical-align: top;
  text-align: left;
  font-family: Verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.LabelDataCenter {
  text-align: center;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

.BoldLabelData {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #055D73;
}

.SmallText {
  text-align: left;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
}

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

.toolbartext {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  border-width: 0px;
  background-repeat: repeat-x;
}

.ToolBarText {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  border-width: 0px;
  background-repeat: repeat-x;
  vertical-align: 12px;
}

.ToolBarTextSel {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  border-width: 0px;
  background-repeat: repeat-x;
  vertical-align: 12px;
}

.Search.searchBackground {
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  width: calc(100% - 20px);
  align-items: center;
}
.Search.searchBackground .AdvancedSearchText {
  display: inline-block;
}

.toolbarselectedtext {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  background-repeat: repeat-x;
}

.SectionHeader {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
  background-color: White;
}

.SearchText {
  font-size: 12px;
  font-family: Verdana;
  color: White;
}

.SearchText1 {
  font-size: 13px;
  font-family: Verdana;
  color: White;
}

.AdvancedSearchText {
  display: block;
  min-width: 100px;
  margin-right: 10px;
}

.AdvancedSearchText label {
  font-size: 12px;
  font-family: Verdana;
  color: White;
  cursor: pointer;
}

.AdvancedSearchText label:hover {
  text-decoration: underline;
}

.AlternateGridStyle {
  background-color: #DAECF1;
}

.AlternateRepeaterStyle {
  background-color: #DAECF1;
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
  height: 20px;
}

.AlternateRepeaterStyle1 {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  background-color: #DAECF1;
}

.RedRepeaterStyle {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #FF6347;
}

.ItemRepeaterStyle {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #055D73;
  height: 20px;
}

.ItemRepeaterStyle1 {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
}

.FormBackground {
  width: 100%;
  height: 100%;
  background-color: #DAECF1;
}

.modalPopup {
  border-width: 1px;
  border-style: none;
  border-color: Gray;
}

.FormWhiteBackground {
  background-color: #FFFFFF;
}

.FormBackgroundColor {
  background-color: #DAECF1;
}

.ListItemtext {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #000000;
  height: 30px;
  text-align: left;
}

.ListItemtextBlack {
  text-align: right;
  padding-right: 6px;
  padding-bottom: 10px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.UltraMainMenuItem {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  background-color: ButtonShadow;
  border-top: none 0px;
  border-bottom: none 0px;
  border-right: none 0px white;
  border-left: none 0px;
  border: groove 0.1pt LightGray;
}

.UltraMainMenuItemSelected {
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  color: #39A367;
}

.UltraMainMenuSub {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  background-color: white;
  border: solid 1px Black;
}

.Search {
  width: 100%;
  font-size: 13px;
  font-family: Arial;
  font-weight: bold;
  color: White;
  height: 40px;
}

.menutab2 {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #055D73;
  cursor: hand;
  border-width: 0px;
}

.menutab4 {
  font-size: 11px;
  font-family: Arial;
}

.menutab4selectedtext {
  font-size: 10px;
  font-family: Arial;
}

.VehicleFormHeader {
  font-family: Arial;
  font-size: 11px;
  color: #cc3300;
  font-weight: bold;
  text-transform: uppercase;
}

.DDLSmall {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9px;
  color: #000000;
}

.FormDataText2 {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
}

table.FormTable {
  width: 100%;
  background-color: #DAECF1;
  border-color: #DAECF1;
}

TABLE.FormTable TD {
  padding: 2px;
}

.validationerrors {
  padding: 2px 0px 2px 8px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.validationerrors li {
  padding: 2px 0px 0px 2px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.validationerrors.informational {
  color: black;
}
.validationerrors.informational li {
  color: black;
}

.fieldvalidator {
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: red;
}

.formerrors {
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: red;
  padding-left: 5px;
}

.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.modalProgressBarBackground {
  background-color: Gray;
  width: 20px;
  border-width: 3px;
  padding: 3px;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.dberrors {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  COLOR: red;
  margin-left: 5px;
}

.MyCalendar .ajax__calendar_container {
  color: Green;
  background: white linear-gradient(white, #ACDBE7) repeat-x;
  border: 1px solid grey;
  /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorStr='#ACDBE7');*/
}

.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next {
  background-color: Orange;
}

.MyCalendar .ajax__calendar_header,
.MyCalendar .ajax__calendar_footer,
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
  color: #646464;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: Gray;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
  font-weight: bold;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
  background-color: Orange;
  border-color: #0066cc;
  color: #0066cc;
  font-weight: bold;
}

.updateprogressbackground {
  background-color: #cccccc;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  opacity: 0.6;
  -moz-opacity: 0.6;
  top: 0;
  width: 100%;
}

.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;
}

div.pleasewait {
  position: absolute;
  z-index: 10;
  height: 50px;
  width: 425px;
  background-color: #00224C;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #46ADD6;
  padding: 5px;
  padding-top: 30px;
  text-align: center;
  vertical-align: middle;
}

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

div.formmessages {
  padding: 2px 0px 2px 8px;
  FONT-FAMILY: verdana, arial, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #46ADD6;
}

a:link {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  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;
  font-weight: normal;
  font-size: 12px;
  color: #055D73;
}

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

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

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

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

.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;
}

.PanelHeader {
  color: White;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  height: 20px;
}

.RepeatX {
  background-repeat: repeat-x;
}

.credit_report_content {
  padding: 2px;
  border: 1px solid #000000;
  width: 600px;
  height: 700px;
  overflow: auto;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
  background-color: #ffffff;
}

.credit_report_content_full {
  text-align: left;
  padding: 2px;
  border: 1px solid #000000;
  width: 700px;
  height: 600px;
  overflow: visible;
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
  background-color: #ffffff;
}

.CenterAlign {
  vertical-align: middle;
}

.footer {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
}

/*Main Menu*/
.parentMenu {
  width: 100%;
}

.parentMenu a {
  color: #055D73;
  cursor: pointer !important;
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

.parentMenuItem {
  background-image: url("../App_Themes/AppOne/Images/MainMenu/menucorner.jpg");
  border: 1px groove lightgrey;
  height: 25px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

.parentMenuItemHover {
  background-image: url("../App_Themes/AppOne/Images/MainMenu/menuselected.jpg");
}

.parentMenuItemHover a {
  color: #39A367;
}

.childMenu {
  background-color: lightgray;
  border: 1px solid black;
  z-index: 99999;
}

.childMenu a {
  color: #055D73;
  cursor: pointer !important;
  display: block;
  font-family: Arial;
  font-size: 11px !important;
  font-weight: bold;
}

.childMenuItem {
  background-color: lightgray;
  border-color: lightgray;
  border-style: solid;
  border-width: 3px 5px;
  padding: 3px;
}

.childMenuItemHover {
  background-color: #8CD9AF;
}

/* Grid styles*/
table.grid {
  background-color: #FFFFFF;
  border: 1px solid black;
  border-collapse: collapse;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}

table.grid tr {
  border: 1px solid black;
}

table.grid tr.header,
table.grid tr.footer {
  background-color: #055D73;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}

table.grid tr.alt {
  background-color: #DAECF1;
}

table.grid td {
  padding: 3px;
  text-align: left;
}

table.grid tr.header a {
  background: url(../Assets/images/sort_both.png) right no-repeat;
  color: #FFFFFF;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-right: 19px;
}

table.grid tr.header a.sortasc {
  background: url(../Assets/images/sort_asc.png) right no-repeat;
}

table.grid tr.header a.sortdesc {
  background: url(../Assets/images/sort_desc.png) right no-repeat;
}

table.grid .center {
  text-align: center;
}

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

table.grid .paddedRight {
  padding-right: 19px;
  text-align: right;
}

table.grid tr.empty td {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.dataPager {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 4px 10px;
}

/*Input Table*/
table.inputForm {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
}

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

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

table.inputForm td {
  font-weight: normal;
  text-align: left;
}

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

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

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

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

.validator {
  background: url(../App_Themes/AppOne/Images/ErrorHandlingIcons/x.gif) no-repeat;
  padding-right: 12px;
  padding-bottom: 12px;
}

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

a.deleteButton {
  background: url(../Assets/images/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;
}

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

.ssnMask {
  color: #000000;
  font-family: Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
}

img.listingIcon {
  border: none;
  vertical-align: top;
}

.ltvTable {
  width: 100%;
}

.ltvTable td {
  padding: 1px 10px;
  text-align: center;
}

.ltvTable .ltvComment {
  text-align: left;
}

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

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

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

.pagehdr2 {
  font-size: 18px;
  font-weight: bold;
}

.StandardListHeader {
  color: White;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  background-image: url(../App_Themes/AppOne/Images/Background/buttonback.gif);
}

.flexSpaceBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 20px;
}

.RepeatorHeader {
  color: White;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr= "#628b95",EndColorStr= "#6f9eaa" );
}

.ticker {
  width: 100%;
  height: 32px;
}

.tickerbottom {
  width: 100%;
  background: url(../App_Themes/AppOne/Images/ticker_bottom.jpg);
}

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

.customhdr {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bold;
  COLOR: #000000;
}

.invalid {
  border: 2px solid red;
}

.pagehdr {
  FONT-FAMILY: arial, sans-serif;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  COLOR: #800000;
}

.formlabel {
  font-size: 12px;
  font-family: Verdana;
  color: #555555;
}

.searchBackground {
  width: 100%;
  background: url("../App_Themes/AppOne/Images/Master/QuickSearch/searchbackground.jpg");
  background-size: cover;
}

#divMainMenu table tbody tr td:nth-child(3n-2) {
  width: 25%;
}

#divMainMenu div table tbody tr td:nth-child(3n-2) {
  width: auto;
}

div.dealerCheck {
  display: flex;
  height: 100px;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}
div.dealerCheck .header {
  font-size: 14px;
}
div.dealerCheck .fields {
  margin-left: 20px;
}
div.dealerCheck .buttons {
  text-align: center;
}

/* Dealer contacts tables */
.dealerContactsOuterTable,
.dealerContactsInnerTable {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
}

/* Scroll container for the grid */
.dealerContactsGridContainer {
  overflow: auto;
  width: 100%;
}

/* Grid-like table. */
.dealerGrid {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
  font-size: 11px;
  /* Cell padding. */
  /* Horizontal alignment. */
  /* Vertical alignment. */
  /* Column width helpers. */
  /* Cell allows wrapping and long words to break. */
}
.dealerGrid th,
.dealerGrid td {
  padding: 2px 4px;
  box-sizing: border-box;
}
.dealerGridLeft {
  text-align: left;
}
.dealerGridCenter {
  text-align: center;
}
.dealerGridRight {
  text-align: right;
}
.dealerGridValignTop {
  vertical-align: top;
}
.dealerGridCol2 {
  width: 2%;
}
.dealerGridCol3 {
  width: 3%;
}
.dealerGridCol6 {
  width: 6%;
}
.dealerGridCol7 {
  width: 7%;
}
.dealerGridCol8 {
  width: 8%;
}
.dealerGridCol10 {
  width: 10%;
  padding-right: 8px;
}
.dealerGridCol12 {
  width: 12%;
  padding-right: 8px;
}
.dealerGridCol14 {
  width: 14%;
}
.dealerGridWraps {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.multipleTabs .tabs {
  float: left;
}
.multipleTabs .tabs .tab {
  display: block;
  position: relative;
  top: 1px;
  float: inherit;
  background-color: #e3f2d2;
  padding: 5px;
  font-weight: bold;
  color: #666666;
  cursor: pointer;
  border-color: #cee2b5;
  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: 100%;
  background-color: #b7d690;
  border-color: #cee2b5;
  border-style: solid;
  border-width: 1px;
  min-height: calc(100vh - 275px);
}
.multipleTabs .iFrameCover {
  background-color: #b7d690;
  position: absolute;
  z-index: 100;
  visibility: hidden;
}

.multipleTabsDivs {
  background-color: #DAECF1;
}
.multipleTabsDivs .tabs {
  float: left;
}
.multipleTabsDivs .tabs .tab {
  display: block;
  position: relative;
  top: 1px;
  float: inherit;
  background-color: #8EB9C4;
  padding: 5px;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: white;
  border-color: #6D9DA8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 5px 0px 0px;
}
.multipleTabsDivs .tabs .tab.selected {
  background-color: #6D9DA8;
  border-bottom: 1px solid #6D9DA8;
}
.multipleTabsDivs .contentTab {
  display: none;
  width: 100%;
  background-color: #DAECF1;
}
.multipleTabsDivs .contentTab.selected {
  display: block;
}
.multipleTabsDivs .contentTab.selected.leftPanel {
  padding-top: 32px;
}
.multipleTabsDivs .contentTab.selected.rightPanel {
  float: left;
}
.multipleTabsDivs .contentTab.selected .panelBar {
  background: url(../images/panelbg.png);
  color: white;
  padding: 12px;
  border: 0px solid #6D9DA8;
}

.queueView {
  font-size: 11px;
  font-family: Verdana, Arial, Sans-Serif;
  border-top: solid 1px black;
}
.queueView .queues {
  border-right: solid 1px black;
}
.queueView .queues a.queue .folder {
  width: 15px;
  height: 12px;
  background-image: url("../App_Themes/AppOne/Images/Queues/folder.gif");
}
.queueView .queues a.queue b {
  color: black;
}
.queueView .queues a.queue.selected {
  background-color: lightgrey;
}
.queueView .view .bar {
  background-color: navy;
}
.queueView .view .bar input, .queueView .view .bar button {
  color: #39A367;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
}
.queueView .view table.fetchTable thead tr {
  background-color: #628b95;
}
.queueView .view table.fetchTable thead tr th {
  color: white;
}
.queueView .view table.fetchTable td {
  padding: 0px 2px;
}
.queueView .view table.fetchTable tbody tr:nth-child(2n) {
  background-color: white;
}
.queueView .view table.fetchTable tbody tr:nth-child(2n+1) {
  background-color: #DAECF1;
}
.queueView .view table.fetchTable tfoot tr td {
  background-color: #accde5;
}
.queueView .view table.fetchTable tfoot tr td span.total {
  position: relative;
  top: 3px;
}

#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;
}


#LoanApplicationSearchWindow {
  width: 600px;
  min-width: 600px;
  position: absolute;
}
#LoanApplicationSearchWindow div div:nth-child(2) div {
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin: 3px;
}
#LoanApplicationSearchWindow div div:nth-child(2) div div:nth-child(1) {
  flex: 1 35%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#LoanApplicationSearchWindow div div:nth-child(2) div div:nth-child(2) {
  flex: 1 60%;
  display: block;
}
#LoanApplicationSearchWindow div div:nth-child(2) div div:nth-child(2) label {
  font-weight: bold;
}
#LoanApplicationSearchWindow div div:nth-child(2) div.buttons {
  justify-content: center;
}

#DealerSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#DealerSearchWindow div div:nth-child(2) div {
  display: flex;
  justify-content: space-between;
  margin: 3px;
}
#DealerSearchWindow div div:nth-child(2) div.validationerrors {
  display: inherit;
  text-align: initial;
  margin: unset;
}
#DealerSearchWindow div div:nth-child(2) div div:nth-child(1) {
  flex: 1 30%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#DealerSearchWindow div div:nth-child(2) div div:nth-child(2) {
  flex: 1 65%;
  display: block;
}
#DealerSearchWindow div div:nth-child(2) div div:nth-child(2) label {
  font-weight: bold;
}
#DealerSearchWindow div div:nth-child(2) div.buttons {
  justify-content: center;
}

#LenderSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#LenderSearchWindow div div:nth-child(2) div {
  display: flex;
  justify-content: space-between;
  margin: 3px;
}
#LenderSearchWindow div div:nth-child(2) div.validationerrors {
  display: inherit;
  text-align: initial;
  margin: unset;
}
#LenderSearchWindow div div:nth-child(2) div div:nth-child(2n-1) {
  flex: 1 50%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#LenderSearchWindow div div:nth-child(2) div div:nth-child(2n) {
  flex: 1 65%;
  display: block;
}
#LenderSearchWindow div div:nth-child(2) div div:nth-child(2n) label {
  font-weight: bold;
}
#LenderSearchWindow div div:nth-child(2) div.checkboxes div:first-child {
  flex: 1 20%;
}
#LenderSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(2) {
  flex: 1 0%;
}
#LenderSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(3) {
  flex: 1 15%;
}
#LenderSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(4) {
  flex: 1 10%;
}
#LenderSearchWindow div div:nth-child(2) div.buttons {
  justify-content: center;
}

#OrganizationSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#OrganizationSearchWindow div div:nth-child(2) div {
  display: flex;
  justify-content: space-between;
  margin: 3px;
}
#OrganizationSearchWindow div div:nth-child(2) div.validationerrors {
  display: inherit;
  text-align: initial;
  margin: unset;
}
#OrganizationSearchWindow div div:nth-child(2) div div:nth-child(2n-1) {
  flex: 1 50%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#OrganizationSearchWindow div div:nth-child(2) div div:nth-child(2n) {
  flex: 1 65%;
  display: block;
}
#OrganizationSearchWindow div div:nth-child(2) div div:nth-child(2n) label {
  font-weight: bold;
}
#OrganizationSearchWindow div div:nth-child(2) div.checkboxes div:first-child {
  flex: 1 20%;
}
#OrganizationSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(2) {
  flex: 1 0%;
}
#OrganizationSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(3) {
  flex: 1 15%;
}
#OrganizationSearchWindow div div:nth-child(2) div.checkboxes div:nth-child(4) {
  flex: 1 10%;
}
#OrganizationSearchWindow div div:nth-child(2) div.buttons {
  justify-content: center;
}

#PartnerSearchWindow {
  width: 550px;
  min-width: 550px;
  position: absolute;
}
#PartnerSearchWindow div div:nth-child(2) div {
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin: 3px;
}
#PartnerSearchWindow div div:nth-child(2) div div:nth-child(1) {
  flex: 1 35%;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
}
#PartnerSearchWindow div div:nth-child(2) div div:nth-child(2) {
  flex: 1 60%;
  display: block;
}
#PartnerSearchWindow div div:nth-child(2) div div:nth-child(2) label {
  font-weight: bold;
}
#PartnerSearchWindow div div:nth-child(2) div.buttons {
  justify-content: center;
}

#divBureauSummaryUsrCtrl #iframesrc {
  overflow: scroll;
}
#divBureauSummaryUsrCtrl .externalCreditReport {
  height: 700px;
  overflow: scroll;
  width: 800px;
}

#divCreditReportSummaryUsrCtrl #divErrorMsg {
  margin: 20px;
  text-align: center;
}
#divCreditReportSummaryUsrCtrl #pnlStatus {
  color: red;
  font-size: 14px;
  margin: 5px;
  text-align: center;
  width: 100%;
}

.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;
}

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;
}

#dialogMarkApplicationDead {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 11px;
  font-family: Arial;
  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;
  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;
}

#divQuickScanSummary {
  text-align: center;
  margin: 20px;
  display: table-cell;
  padding-top: 20px;
}
#divQuickScanSummary .divResultsUsrID {
  margin-bottom: 20px;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
#divQuickScanSummary .divResultsUsrID #spanUserID {
  margin-left: 100px;
}
#divQuickScanSummary .iframeQuickScan {
  margin: auto;
}
#divQuickScanSummary .iframeQuickScan .iframeQuickScanSummary {
  height: 700px;
  overflow: scroll;
  width: 800px;
}
#divQuickScanSummary .quickScanReportContent {
  text-align: left;
  padding: 50px 20px;
  border: 1px solid #cccccc;
  width: 580px;
  height: 600px;
  overflow: auto;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: black;
  background-color: white;
}

.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;
  margin-bottom: 3px;
}
.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: 40px;
}
.transmissionLogs tr.collaterals td .collateral div div:nth-child(5) input[type=text] {
  width: 70px;
}

.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;
}