/* GENERAL CSS STYLES */
/* AUTHOR: JU */
/* REVISED 2/2022 JON ATWATER */
/* CLIENT: SHEFFIELD */

/* GENERAL RESET STYLES */
html, body {
  width: 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.content-background-container {
  background: #eceff1;
  padding: 90px 24px 0px 24px;
  position: relative;
  padding-bottom: 45px;
  top: 24px;
}

.consumer-content-background-container {
  background: #eceff1;
  padding: 24px;
  position: relative;
  top: 56px;
}

.main-content-container {
  width: 95%;
  max-width: 1300px;
  margin: 24px auto;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .32);
}

  .main-content-container h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px;
  }

.page-heading-container {
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
}

  .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
  }

  .page-heading-container.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .page-heading-container h2 {
    margin: 0 0 12px;
    font-size: 30px;
    font-weight: 400;
  }

  .page-heading-container p {
    margin: 0;
  }

.pad-right {
  margin-right: 14px;
}

.pad-left {
  margin-left: 7px;
}

.pad-bottom {
  margin-bottom: 14px;
}

.pad-all {
  margin: 16px;
}

.pad-left-right {
  margin-left: 16px;
  margin-right: 16px;
}

.over-wide {
  width: 120% !important;
}

.height80 {
  height: 80px;
}

.boldText {
  font-weight: bold;
}

/* COLORS */

/* #858585 /* TABLE HEADER GRAY */
/* #575757 /* DARK GRAY */
/* #545454 /* CHARCOAL GRAY */
/* #E6E6E6 /* LIGHT GRAY */
/* #01573C /* DARK GREEN */
/* #FDDCDC /* LACK OF INFO RED */
/* #C2EBDE /* APPROVED DESAT GREEN */
/* #FEECCE /* COUNTER OFFER BROWN */
/* #D9F3FF /* FUNDED DESAT BLUE */


/* NEW COLORS ADDED 2/2022 */
/* rgba(0,0,0,.87) - BLACK */
/* rgba(0,0,0,.12) - BORDER */
/* #eceff1 - MAIN BACKGROUND */
/* #0A5C44 - SHEFFIELD GREEN */
/* rgba(10, 92, 68, .70) - HOVER GREEN */

/* DISABLED JAVASCRIPT STYLES */
.disabledJavascript {
  color: #bf0000 /*maroon*/;
  font-size: 70%;
  margin: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
}

  .disabledJavascript h4 {
    margin: 0;
    padding: 0;
  }

  .disabledJavascript img {
    padding: 1px 10px 0px 0;
  }

  .disabledJavascript p {
    margin: 0 0 5px 0;
    font-weight: normal;
    width: 99%;
  }

/* ERROR MESSAGE */

.errorClass {
  color: #DE3535;
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin: 8px 0;
}

.info-text {
  font-size: 16px;
  font-weight: 400;
  color: #DE3535;
  display: block;
  margin: 8px 0;
}


.explanationText {
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin: 8px 0 8px 12px;
}

.input-wrapper .errorClass {
  margin: 8px 12px;
}

.input-wrapper .input-help-text {
  font-size: 13px;
  color: rgba(0,0,0,.60);
  font-weight: bold;
  display: block;
  margin: 8px 0 8px 12px;
}

/* NEW MENU STYLES */
#dealerSuiteMenuWrapperNew {
    background: #eceff1;
    padding: 0;
    height: 56px;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    top: 57px;
    left: 0;
    right: 0;
    z-index: 10;
}

.master-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 99.5vh;
  justify-content: space-between;
}

.main-form {
  flex-grow: 99;
  background: #eceff1;
}

.login-form {
  flex-grow: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dealerSuiteFooter {
  flex-grow: 1;
}

@media screen and (max-width: 600px) {
  .master-wrapper {
    margin-top: 25px;
  }

  #dealerSuiteFooter {
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    left: 0;
    z-index: 10;
    background: #ffffff;
    display: flex;
    height: 58px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  #footerLogoLink {
    margin: auto;
    top: 0px;
  }

  #footerNavItems {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    padding-left: 0rem;
    padding-top: 2.5rem;
  }

  .footerNavItem {
    text-decoration: underline;
    text-decoration-color: #0A5C44;
    margin-bottom: 0;
    font-size: inherit;
    list-style: none;
    padding: .5rem;
  }
}

@media screen and (min-width: 601px) {

  #dealerSuiteFooter {
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    left: 0;
    z-index: 10;
    background: #ffffff;
    display: flex;
    height: 58px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  #footerNavItems {
    flex-grow: 99;
    display: flex;
    justify-content: center;
    padding-left: unset;
    margin-left: -150px;
  }

  .footerNavItem {
    text-decoration: underline;
    text-decoration-color: #0A5C44;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 0;
    font-size: inherit;
    padding: 0;
    list-style: none;
  }

  #footerLogoLink {
    margin-right: auto;
    left: inherit;
    height: 52px;
  }
}

.footerMarketingAlignment {
  margin: -66px 0px 260px 0px !important;
}

#footerLogo {
  height: inherit;
  max-height: 100%;
  width: 100%;
  flex-direction: row;
  padding: 0px;
  min-width: 150px;
  padding: 10px;
}

#dealerSuiteFooter .footerNavItem:hover {
  text-decoration: none;
}

.dealerFormBackgroundContainer {
  height: calc(100% - 60px) !important;
}

.externalSvg {
  height: 1rem;
  margin-left: .5rem;
}

#dealerSuiteMenuWrapperNew #mainMenuContainer {
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .32);
}

#mainMenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}

@media screen and (max-width: 850px) {
  #mainMenuContainer {
    display: none;
  }
}

#dealerSuiteMenuWrapperNew ul li {
  list-style: none;
  padding: 0;
  display: inline;
  position: relative;
  padding: 0 10px 0 10px;
  color: #0A5C44;
}

  #dealerSuiteMenuWrapperNew ul li.noBorder {
    list-style: none;
    padding: 0;
    display: inline;
    position: relative;
    border-left: none;
    padding: 0 10px 0 10px;
  }

  #dealerSuiteMenuWrapperNew ul li.noBorderLoanApplication {
    list-style: none;
    padding: 0;
    display: inline;
    position: relative;
    left: 690px;
    border-left: none;
    padding: 0 10px 0 10px;
  }

  #dealerSuiteMenuWrapperNew ul li:last-child {
    padding: 0 0 0 10px;
  }

  #dealerSuiteMenuWrapperNew ul li a {
    color: #0A5C44;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 80%;
    text-decoration: none;
  }

    #dealerSuiteMenuWrapperNew ul li a:visited, #dealerSuiteMenuWrapperNew ul li a:hover, #dealerSuiteMenuWrapperNew ul li a:focus, #dealerSuiteMenuWrapperNew ul li a:active {
      color: rgba(10, 92, 68, .60);
    }

#mobileMenuContainer {
  display: none;
}

.mobile-show {
  display: block;
}

#mobileMenu {
  padding: 0;
  margin: 0;
}

  #mobileMenu li {
    display: block !important;
    margin: 12px 0;
  }

@media screen and (max-width: 850px) {
  #mobileMenuContainer {
    width: 250px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.60);
    margin: 0;
    padding: 8px;
    position: absolute;
    right: 2px;
    top: 0;
  }
}

@media screen and (min-width: 851px) {
  #mobileMenu {
    display: none;
  }
}

/* MENU STYLES */

#dealerSuiteMenuWrapper {
  margin: 5px 0 20px 0 !important;
  margin: -10px 0 5px 0;
  padding: 0 0 0 0;
  display: block;
  position: relative;
}

  #dealerSuiteMenuWrapper h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #01573C /* DARK GREEN */;
    border-bottom: 2px solid #BCBDC1 /* LIGHT GRAY*/;
    width: 583px;
    padding: 0;
    margin: 0 0 10px 0;
    display: none;
  }

  #dealerSuiteMenuWrapper ul {
    margin: 0;
    padding: 0;
  }

    #dealerSuiteMenuWrapper ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      display: inline;
      position: relative;
    }

      #dealerSuiteMenuWrapper ul li a#newApplication,
      #dealerSuiteMenuWrapper ul li a#newApplication:focus {
        background: url("images/newappup.gif") no-repeat top left;
        width: 93px;
        height: 93px;
        margin: 0 5px 0 0;
      }

        #dealerSuiteMenuWrapper ul li a#newApplication:hover {
          background: url("images/newAppOver.gif") no-repeat top left;
          width: 93px;
          height: 93px;
          margin: 0 5px 0 0;
        }

/* STICKY NAV */

.newApplicationPage #dealerSuiteMenuWrapper ul li a#newApplication,
.newApplicationPage #dealerSuiteMenuWrapper ul li a#newApplication:focus,
.newApplicationPage #dealerSuiteMenuWrapper ul li a#newApplication:hover {
  background: url("images/newAppOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#statusOfApplication,
#dealerSuiteMenuWrapper ul li a#statusOfApplication:focus {
  background: url("images/statusOfAppUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#statusOfApplication:hover {
    background: url("images/statusOfAppOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.statusOfApplicationPage #dealerSuiteMenuWrapper ul li a#statusOfApplication,
.statusOfApplicationPage #dealerSuiteMenuWrapper ul li a#statusOfApplication:focus,
.statusOfApplicationPage #dealerSuiteMenuWrapper ul li a#statusOfApplication:hover {
  background: url("images/statusOfAppOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#dealerPromotions,
#dealerSuiteMenuWrapper ul li a#dealerPromotions:focus {
  background: url("images/dealerPromoUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#dealerPromotions:hover {
    background: url("images/dealerPromoOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.dealerPromotionsPage #dealerSuiteMenuWrapper ul li a#dealerPromotions,
.dealerPromotionsPage #dealerSuiteMenuWrapper ul li a#dealerPromotions:focus,
.dealerPromotionsPage #dealerSuiteMenuWrapper ul li a#dealerPromotions:hover {
  background: url("images/dealerPromoOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#dealerForms,
#dealerSuiteMenuWrapper ul li a#dealerForms:focus {
  background: url("images/dealerFormsUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#dealerForms:hover {
    background: url("images/dealerFormsOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.dealerFormsPage #dealerSuiteMenuWrapper ul li a#dealerForms,
.dealerFormsPage #dealerSuiteMenuWrapper ul li a#dealerForms:focus,
.dealerFormsPage #dealerSuiteMenuWrapper ul li a#dealerForms:hover {
  background: url("images/dealerFormsOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance,
#dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance:focus {
  background: url("images/dealerAccountMaintUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance:hover {
    background: url("images/dealerAccountMaintOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.dealerAccountMaintenancePage #dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance,
.dealerAccountMaintenancePage #dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance:focus,
.dealerAccountMaintenancePage #dealerSuiteMenuWrapper ul li a#dealerAccountMaintenance:hover {
  background: url("images/dealerAccountMaintOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#dealerLoanCalculator,
#dealerSuiteMenuWrapper ul li a#dealerLoanCalculator:focus {
  background: url("images/dealerLoanCalculatorUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#dealerLoanCalculator:hover {
    background: url("images/dealerLoanCalculatorOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.dealerLoanCalculatorPage #dealerSuiteMenuWrapper ul li a#dealerLoanCalculator,
.dealerLoanCalculatorPage #dealerSuiteMenuWrapper ul li a#dealerLoanCalculator:focus,
.dealerLoanCalculatorPage #dealerSuiteMenuWrapper ul li a#dealerLoanCalculator:hover {
  background: url("images/dealerLoanCalculatorOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}


#dealerSuiteMenuWrapper ul li a#reports,
#dealerSuiteMenuWrapper ul li a#reports:focus {
  background: url("images/reportsUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#reports:hover {
    background: url("images/reportsOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.reportsPage #dealerSuiteMenuWrapper ul li a#reports,
.reportsPage #dealerSuiteMenuWrapper ul li a#reports:focus,
.reportsPage #dealerSuiteMenuWrapper ul li a#reports:hover {
  background: url("images/reportsOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

#dealerSuiteMenuWrapper ul li a#dealerLogout,
#dealerSuiteMenuWrapper ul li a#dealerLogout:focus {
  background: url("images/dealerLogoutUp.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

  #dealerSuiteMenuWrapper ul li a#dealerLogout:hover {
    background: url("images/dealerLogoutOver.gif") no-repeat top left;
    width: 93px;
    height: 93px;
    margin: 0 5px 0 0;
  }

/* STICKY NAV */

.dealerLogoutPage #dealerSuiteMenuWrapper ul li a#dealerLogout,
.dealerLogoutPage #dealerSuiteMenuWrapper ul li a#dealerLogout:focus,
.dealerLogoutPage #dealerSuiteMenuWrapper ul li a#dealerLogout:hover {
  background: url("images/dealerLogoutOver.gif") no-repeat top left;
  width: 93px;
  height: 93px;
  margin: 0 5px 0 0;
}

/* GLOBAL STYLES */

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

.contentWrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

#dealerContentContainer.contentWrapper, #consumerContentContainer.contentWrapper {
  background: #eceff1;
  max-height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.background-container {
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .background-container {
    height: auto;
  }
}

p {
  line-height: 1.5rem;
  margin: 12px 0;
}

a {
  color: #0A5C44 /*green*/;
  text-decoration: none;
}

  a:hover, a:focus {
    color: rgba(10, 92, 68, .70) /*lighter green*/;
    outline: none;
  }

.strong {
  font-weight: bold;
}

.center {
  text-align: center;
}

.no-margin {
  margin: 0 !important;
}

.input-wrapper {
  position: relative;
  margin-bottom: 12px;
}

  .input-wrapper.half {
    width: 49%;
    min-width: 250px;
  }

  .input-wrapper.third {
    width: 32%;
    min-width: 250px;
  }

  .input-wrapper.marketing-third {
    width: 32%;
    min-width: 250px;
  }

.full-width {
  width: 100%;
}

.half {
  width: 50%;
}

.full-height {
  height: 100%;
}

.overflow-auto {
  overflow: auto;
}

@media screen and (max-width: 1024px) {
  .input-wrapper.third, .input-wrapper.half, .checkbox-wrapper.half, .regBCheckboxWrapper.half {
    width: 100%;
  }
}

@media screen and (max-width: 1310px) {
  .input-wrapper.marketing-third, .input-wrapper.marketing-half {
    width: 100%;
  }
}

.info-block {
  margin: 20px 0 0;
}

.input-wrapper label, .login-inputs label {
  background: #ffffff;
  color: rgba(0,0,0,.60);
  font-weight: 400;
  font-size: 12px;
  position: relative;
  z-index: 1;
  top: 8px;
  left: 6px;
  padding: 5px;
}

#passwordRecoveryContainer.content-background-container {
  top: 56px;
  height: 600px;
}

#passwordRecoveryContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #passwordRecoveryContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

@media screen and (max-width: 1024px) {
  #passwordRecoveryContainer.background-container {
    height: 100%;
  }
}

input[type=text], input[type=date], input[type=password], input[type=search], select, .fake-input {
  background: #ffffff;
  display: block;
  padding: 14px 12px 12px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, .30);
  border-radius: 5px;
  color: rgba(0,0,0,.87);
  width: 100%;
  min-height: 47px;
  margin-bottom: 8px;
  background: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

select {
  background: url('Dealer/images/chevron-down.svg') 97% 10px #ffffff no-repeat;
  padding-bottom: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.assistive-text {
  font-size: 12px;
  font-weight: 400;
  margin: 8px 0 0 12px;
}

.fake-input.disabled {
  color: rgba(0,0,0,.38);
  border: 1px solid rgba(0, 0, 0, .38);
}

  .fake-input.disabled:focus {
    color: #0A5C44;
    border: 1px solid #0A5C44;
  }

.checkbox-wrapper, .radio-wrapper {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  align-content: flex-start;
  margin: 12px 24px 12px 0;
  min-width: 190px;
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 760px) {
  .checkbox-wrapper, .radio-wrapper {
    flex-wrap: wrap;
  }

  .newLoanApplicationTable .checkbox-wrapper, newLoanApplicationTable .radio-wrapper {
    flex-wrap: nowrap;
  }
}

.radio-wrapper label, .checkbox-wrapper .label, .radio-wrapper .label {
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0,0,0,.87);
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

  .radio-wrapper label input {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

  .radio-wrapper label input {
    margin-right: 12px;
  }

.radio-wrapper input[type=radio]:disabled ~ label, .checkbox-wrapper input[type=checkbox]:disabled ~ label,
.radio-wrapper .aspNetDisabled ~ .label, .checkbox-wrapper .aspNetDisabled ~ .label,
.radio-wrapper .aspNetDisabled ~ label, .checkbox-wrapper .aspNetDisabled ~ label {
  margin-left: 8px;
}

.checkbox-wrapper .full-width, .radio-wrapper .full-width {
  display: contents;
}

/*----- ASP.NET Checkbox Styles -----*/
.checkbox {
  display: flex;
  align-items: center;
}

input:disabled {
  opacity: 50%;
}

.checkbox input[type=checkbox]:hover, .checkbox input[type=checkbox]:focus {
  background-color: #eeeeee;
  color: rgba(10, 92, 68, .7);
}

.checkbox input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin-right: 12px;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 2px solid rgba(0,0,0,.60);
  border-radius: 2px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
}

  .checkbox input[type=checkbox]:checked {
    background: #0A5C44 url('') no-repeat -1px;
    border: 2px solid #0A5C44;
  }

  .checkbox input[type=checkbox]:active {
    border: 2px solid #0A5C44;
  }


/* ------ Custom radio styles ------- */
label > input[type="radio"] {
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  position: absolute;
}

  label > input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0,0,0,.87);
  }

  label > input[type="radio"]:checked + *, label > input[type="radio"]:focus + *,
  label > span > input[type="checkbox"]:checked + *, label > span > input[type="checkbox"]:focus + *,
  input[type=checkbox]:focus .label {
    color: rgba(10, 92, 68, .7);
  }

    label > input[type="radio"]:checked + *::before, label > span > input[type="checkbox"]:checked + *::before {
      background: radial-gradient(#0A5C44 0%, #0A5C44 40%, transparent 50%, transparent);
      border-color: #0A5C44;
    }

  label > input[type="radio"]:disabled + *::before, label > span > input[type="checkbox"]:disabled + *::before {
    background: radial-gradient(#eeeeee 0%, #eeeeee 40%, transparent 50%, transparent);
    border-color: #eeeeee;
  }

/*----- End Custom Radio Styles -------*/


/*----- Custom Checkbox Styles --------*/
.checkbox-wrapper .aspNetDisabled input[type=checkbox] {
  position: relative !important;
  opacity: 100%;
}

.checkbox-wrapper span > input, .checkbox-wrapper > input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-left: 0;
}

.checkbox-label {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.fake-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 2px solid rgba(0,0,0,.60);
  border-radius: 2px;
  cursor: pointer;
}

.checkbox-label:hover input ~ .fake-checkbox, .checkbox-label:focus input ~ .fake-checkbox {
  background-color: #eeeeee;
  color: rgba(10, 92, 68, .7);
}

.checkbox-label:hover span, .checkbox-label input:focus + * {
  color: rgba(10, 92, 68, .7);
}

.checkbox-label:focus .fake-checkbox:after {
  background-color: #0A5C44;
}

.checkbox-label input:checked ~ .fake-checkbox {
  background-color: #0A5C44;
  border: 2px solid #0A5C44;
  color: rgba(10, 92, 68, .7);
}

  .checkbox-label input:checked ~ .fake-checkbox:disabled {
    color: rgba(0,0,0,.12);
  }

.fake-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-label input:checked ~ .fake-checkbox:after, .checkbox-label input:checked + .fake-checkbox:after {
  display: block;
}

.checkbox-label .fake-checkbox:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 760px) {
  .checkbox-wrapper .info-label, .radio-wrapper .info-label {
    margin: 12px 0;
    width: 100%;
  }
}

.checkbox .aspNetDisabled input[type=checkbox]:disabled {
  border: 2px solid rgba(0,0,0,.20) !important;
}

#businessNameCheckboxLabel.active {
  cursor: pointer;
}

.checkbox:hover #businessNameCheckboxLabel.active {
  color: rgba(10, 92, 68, .7);
}

#businessNameCheckboxLabel.disabled {
  color: rgba(0,0,0,.30);
}

.checkbox span.active {
}

/*----- End Custom Checkbox -----*/
table {
  background-color: white;
  border-spacing: 0 !important;
  border: none;
}


  table img {
    border: none;
  }

  table caption {
    color: #00573D;
  }

    table caption img {
      position: relative;
      padding: 3px 0 0 5px !important;
      padding: 3px 0 0 3px;
      display: none;
    }

thead tr th:first-child, tbody tr th:first-child, tbody tr td:first-child, tbody .columnHeaders th:first-child {
  padding: 12px 6px 12px 12px;
}

.actionIconColumn {
  padding: 6px 6px 6px 12px !important
}

  .actionIconColumn a {
    margin-right: 5px;
  }

thead tr th, tbody tr th {
  height: 40px;
  border-bottom: 2px solid rgba(0, 0, 0, .12);
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 12px 6px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}

tbody tr td {
  background-color: white;
  text-align: left;
  white-space: nowrap; /* PREVENT WRAPPING */
  border-bottom: 2px solid rgba(0, 0, 0, .12);
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 12px 6px;
}

tr:last-child td {
  border-bottom: none;
}

tbody th a {
  color: rgba(0,0,0,.60);
  text-decoration: none;
  font-weight: bold;
}

  tbody th a:hover {
    color: rgba(10, 92, 68, 1);
    text-decoration: none;
  }

thead a {
  color: #575757 /* DARK GRAY */;
  text-decoration: underline;
}

  thead a:visited {
    color: #575757 /* DARK GRAY */;
    text-decoration: underline;
  }

  thead a:hover {
    color: #01573C /* DARK GREEN */;
    text-decoration: none;
  }

  thead a:active {
    color: #575757 /* DARK GRAY */;
    text-decoration: underline;
  }

thead th {
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  ;
}

thead.odd tr th {
  background-color: #E6E6E6 /* LIGHT GRAY */;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  text-align: center;
  margin: 0;
}

tfoot p {
  font-size: 110%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
  margin: 0;
  padding: 0;
}


tfoot th {
  padding: 5px;
  height: 30px;
}

tfoot td {
  padding: 0px 5px;
}

table caption a {
  margin: 0;
  padding: 0;
  /*display: none;*/
}

  table caption a b {
    /*display: none;*/
  }

  table caption a:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration: none;
    background: none;
    margin: 0;
    padding: 0;
  }

    /* THIS CHANGES POSITION OF THE TOOLTIP */

    table caption a:hover b {
      position: relative;
      z-index: 500;
      text-decoration: none;
      text-align: center;
      display: block;
      position: absolute;
      top: -40px !important;
      top: -23px;
      left: -383px !important;
      left: -385px;
      padding: 3px;
      border: 1px solid #545454 /* CHARCOAL GRAY */;
      width: 235px;
      color: black;
      font-size: 60% !important;
      font-size: 60%;
      background: #EDEDED /* LIGHT GRAY */;
      font-weight: normal;
      cursor: pointer;
      -moz-opacity: 0.75; /* OPACITY WILL NOT WORK IN IE6...LOSES THE INDICATOR IMAGE */
    }

      /* THIS CHANGES THE POSITION OF THE TOOLTIP INDICATOR IMAGE */

      table caption a:hover b em {
        position: absolute;
        top: 20px !important;
        top: 20px;
        left: 9px !important;
        left: 9px;
        width: 11px;
        height: 6px;
        display: block;
        background: transparent url("images/actionIconTooltip.gif") no-repeat 0 0;
      }

/* Modal Styles */
.modal {
  background: #ffffff;
  box-shadow: 0px 1px 3px 1px rgba(0,0,0,.32);
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-heading-section {
  background: #0A5C44;
  padding: 12px;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

  .modal-heading-section p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
  }

.modal-content-section {
  padding: 12px;
}

  .modal-content-section p {
    margin: 0;
  }

.modal-submit-section {
  padding: 12px;
  border-top: 1px solid rgba(0,0,0,.12);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

  .modal-submit-section input {
    border: none;
    text-transform: uppercase;
    color: #0A5C44;
    font-size: 16px;
    font-weight: 400;
    background: none;
    cursor: pointer;
  }


.disabledButton {
  opacity: 0.5;
}

/* ACTION ICON TOOLTIP STYLES */

.actionIconWrapper a {
  margin: 0;
  padding: 0;
}

  .actionIconWrapper a b {
    display: none;
  }

  .actionIconWrapper a:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration: none;
    background: none;
    margin: 0;
    padding: 0;
  }

    /* THIS CHANGES POSITION OF THE TOOLTIP */

    .actionIconWrapper a:hover b {
      border: 0;
      position: relative;
      z-index: 500;
      text-decoration: none;
      display: block;
      position: absolute;
      top: -35px !important;
      top: -29px;
      left: -40px !important;
      left: -6px;
      padding: 3px;
      border: 1px solid #545454 /* CHARCOAL GRAY */;
      width: 78px;
      color: black;
      font-size: 90% !important;
      font-size: 100%;
      background: #EDEDED /* LIGHT GRAY */;
      font-weight: normal;
      cursor: pointer;
      -moz-opacity: 0.75; /* OPACITY WILL NOT WORK IN IE6...LOSES THE INDICATOR IMAGE */
    }

      /* THIS CHANGES THE POSITION OF THE TOOLTIP INDICATOR IMAGE */

      .actionIconWrapper a:hover b em {
        position: absolute;
        top: 19px !important;
        top: 19px;
        left: 43px !important;
        left: 9px;
        width: 11px;
        height: 6px;
        display: block;
        background: transparent url("images/actionIconTooltip.gif") no-repeat 0 0;
      }

.legend img {
  margin: 0 3px 0 20px;
  vertical-align: middle;
  padding: 0;
}

/* HEADER STYLES */

#header {
  background: #0A5C44;
  width: 100%;
  padding: 8px 16px 5px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.logout-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

  .logout-container a {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border-radius: 5px;
  }

#mobileMenuButton {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: none;
}

  #mobileMenuButton svg {
    width: 32px;
    height: 32px;
    fill: #ffffff;
  }

.mobile-show {
  display: block !important;
}

@media screen and (max-width: 850px) {
  #dealerLogout {
    display: none;
  }

  #mobileMenuButton {
    display: block;
  }
}

.logout-container a:hover, .logout-container a:hover span, .logout-container a:focus, .logout-container a:focus span {
  color: #dddddd;
  text-decoration: none;
}

  .logout-container a:hover svg {
    fill: #dddddd;
  }

.logout-container .icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

  .logout-container .icon svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;
  }

.logout-container .text {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

/* STATUS OF APPLICATIONS STYLES */
#statusOfApplicationHelpContainer {
  top: 0;
}

  #statusOfApplicationHelpContainer table tr td {
    white-space: unset !important;
  }

#statusOfApplicationContent .page-heading-container {
  padding: 8px 16px;
}

@media screen and (max-width: 850px) {
  #statusOfApplicationContent .page-heading-container {
    flex-wrap: wrap;
    padding: 16px 8px 8px;
  }

    #statusOfApplicationContent .page-heading-container h2 {
      margin-left: 12px !important;
    }
}

@media screen and (max-width: 850px) {
  #statusOfApplicationContent.main-content-container {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  #statusOfApplicationContainer.background-container {
    height: auto !important;
  }
}

#statusOfApplicationContent .page-heading-container h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  min-width: 160px;
}

/* PRINTABLE QR CODE STYLES */

#printableMain {
  background: #eceff1;
}

  #printableMain p {
    font-size: 16px;
    line-height: 20px;
  }

  #printableMain h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
  }

  #printableMain .printable-section {
    width: 11in;
    padding: 10px 30px;
    background: white;
    margin: 0;
  }

  #printableMain .printable-section-right {
    border-left: 1px dashed rgba(0, 0, 0, 0.3);
  }

  #printableMain .printable-portrait-section {
    width: 9.5in;
    padding: 30px 30px;
    background: white;
    margin: 0;
  }

  #printableMain .printable-portrait-right {
    border-left: 1px dashed rgba(0, 0, 0, 0.3);
  }

  #printableMain .qr-code-section {
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

    #printableMain .qr-code-section p {
      margin: 18px;
    }

  #printableMain .qr-code-section-portrait {
    padding: 25px 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

    #printableMain .qr-code-section-portrait p {
      margin: 17px;
    }

  #printableMain .disclosure-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin: 24px;
  }


  #printableMain h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  #printableMain .greenBackground {
    color: white;
    background: #0A5C44;
    padding: 32px 0;
  }

  #printableMain label {
    position: relative;
    cursor: pointer;
  }

  #printableMain button {
    background: none;
    font-weight: 500;
    padding: 6px 12px;
    font-size: 16px;
    border: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    color: #0A5C44;
  }

  #printableMain label [type="checkbox"] {
    display: none;
  }

  #printableMain [type="checkbox"] + span {
    display: inline-block;
    padding: 8px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 24px;
    height: 32px;
    width: 40px;
    text-align: center;
  }

  #printableMain :checked + span {
    background: rgba(10, 92, 68, 0.33);
  }

  #printableMain .header-info-text {
    margin-top: -5px;
    font-size: 14px;
    line-height: 20px;
  }

  #printableMain .page-heading-container {
    /*border-bottom: 1px solid rgba(0,0,0,.12);*/
    border-bottom: none;
    color: black;
  }

  #printableMain .application-content-container {
    padding: 0px 16px;
  }

  #printableMain .main-content-container {
    width: auto;
    margin: 12px auto;
    text-align: center;
    border: none;
    box-shadow: none;
  }

  #printableMain .content-background-container {
    top: 0px;
    display: flex;
    width: auto;
    padding-right: 0px;
    justify-content: center;
  }

  #printableMain .content-background-container-portrait {
    top: 0px;
    display: flex;
    width: auto;
    padding-right: 0px;
    justify-content: center;
  }


  #printableMain .qrcode-container {
    margin-bottom: 10px;
  }

  #printableMain .qrcode-container-portrait {
    margin: 40px;
  }

  #printableMain #qrcode canvas {
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (max-width: 850px) {
  #printableMain .page-heading-container {
    flex-wrap: wrap;
    padding: 16px 8px 8px;
  }

    #printableMain .page-heading-container h2 {
      margin-left: 12px !important;
      font-weight: bold;
    }
}

@media screen and (max-width: 1024px) {
  #printableMain .background-container {
    height: auto !important;
  }

  #printableMain .main-content-container {
    margin: 0 auto;
    text-align: center;
  }
}

#printableMain .page-heading-container h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  min-width: 160px;
}

/* MARKETING CENTER STYLES */

#marketingCenterMain {
  background: #eceff1;
}

  #marketingCenterMain p {
    font-size: 16px;
    line-height: 20px;
  }

.currentSelection {
  display: block;
  padding-top: 7px;
}

#leadLocatorErrorMessageContainter p {
  padding-left: 20px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.12);
}

#marketingCenterMain .checkboxSection {
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
}

#marketingCenterMain label {
  position: relative;
  cursor: pointer;
}

#marketingCenterMain button {
  background: none;
  font-weight: 500;
  padding: 6px 12px;
  font-size: 16px;
  border: none;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  color: #0A5C44;
}

  #marketingCenterMain button:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration: none;
  }

    #marketingCenterMain button:hover b {
      border: 0;
      border-radius: 5px;
      position: relative;
      z-index: 500;
      text-decoration: none;
      display: block;
      position: absolute;
      top: -40px;
      left: 5px;
      padding: 6px 12px;
      color: #ffffff;
      font-size: 12px;
      background: #777777 /* LIGHT GRAY */;
      font-weight: 400;
      cursor: pointer;
      text-align: center;
    }

#marketingCenterMain .printButtonWrapper input {
  text-transform: uppercase;
  border: none;
  width: 100%;
  background: #0A5C44;
  color: white;
  padding: 10px 0;
  border-radius: 7px;
}


#marketingCenterMain b {
  display: none;
}

.marketingPageToolTip:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
}

  .marketingPageToolTip:hover b {
    border: 0;
    border-radius: 5px;
    position: relative;
    z-index: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -40px;
    left: 5px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 12px;
    background: #777777 /* LIGHT GRAY */;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
  }

#marketingCenterMain label [type="checkbox"] {
  display: none;
}

#marketingCenterMain [type="checkbox"] + span {
  display: inline-block;
  padding: 8px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  height: 32px;
  width: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

#marketingCenterMain :checked + span {
  background: rgba(10, 92, 68, 0.33);
}

#marketingCenterMain .portraitLandscape {
  display: inline-block;
}

  #marketingCenterMain .portraitLandscape [type="checkbox"] + span {
    width: 120px;
    border-radius: 3px;
  }

.printButtonWrapper {
  border-top: 1px solid rgba(0,0,0,.12);
  padding: 16px;
  width: 100%;
}

  .printButtonWrapper h3 {
    font-size: 14px;
    font-weight: 500;
  }

#marketingCenterMain .header-info-text {
  margin-top: -5px;
  font-size: 14px;
  line-height: 20px;
}

#marketingCenterMain .list {
  padding-left: 16px;
}

#marketingCenterMain ol li {
  padding-bottom: 16px;
}

#marketingCenterMain .page-heading-container {
  /*border-bottom: 1px solid rgba(0,0,0,.12);*/
  border-bottom: none;
  color: black;
}

#marketingCenterMain .application-content-container {
  padding: 0px 16px;
}

#marketingCenterMain .main-content-container {
  width: auto;
  margin: 12px auto;
}

#marketingCenterMain .content-background-container {
  top: 0px;
  float: left;
  width: 74%;
  padding-right: 0px;
}

#marketingCenterMain .qrcode-container {
  margin: 30px auto;
  width: 196px;
}

#marketingCenterMain #qrcode canvas {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 850px) {
  #marketingCenterMain .page-heading-container {
    flex-wrap: wrap;
    padding: 16px 8px 8px;
  }

    #marketingCenterMain .page-heading-container h2 {
      margin-left: 12px !important;
      font-weight: bold;
    }
}

@media screen and (max-width: 1024px) {
  #marketingCenterMain .background-container {
    height: auto !important;
  }

  #marketingCenterMain .main-content-container {
    margin: 0 auto;
  }
}

#marketingCenterMain .page-heading-container h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  min-width: 160px;
}

.sideContent {
  /*  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 32%);*/
  float: right;
  width: 25%;
  padding-left: 0px;
  margin-top: 24px;
}

.relative {
  position: relative !important;
}

.shell {
  margin: auto;
  width: 85%;
}

.fixed {
  position: fixed !important;
}

.topSpacer {
  min-height: 100px;
}

.smspacer {
  min-height: 5px;
}

.mdspacer {
  min-height: 10px;
}

/* LEAD LOCATOR STYLES */
#leadLocatorContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
  background: #0A5C44;
  color: #FFFFFF;
}

.leadlocator-input-height {
  height: 80px;
}

@media screen and (max-width: 1024px) {
  .leadlocator-input-height {
    height: 200px;
  }
}

#leadLocatorContainer .main-content-container {
  max-width: 1080px;
}

@media screen and (max-width: 850px) {
  #leadLocatorContent .page-heading-container {
    flex-wrap: wrap;
    padding: 16px 8px 8px;
  }

    #leadLocatorContent .page-heading-container h2 {
      margin-left: 12px !important;
    }

  #leadLocatorTableContainer tr {
    font-size: 10px !important;
  }

  #leadLocatorTableContainer td {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 1024px) {
  #leadLocatorContainer.background-container {
    height: auto !important;
  }

  #leadLocatorContent.main-content-container {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1080px) {
  #leadLocatorTableContainer {
    overflow-x: scroll;
  }
}


#leadLocatorContent .page-heading-container h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  min-width: 160px;
}

#leadLocatorContent .application-content-container p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  min-width: 160px;
  padding-bottom: 10px;
}

#leadLocatorContainer, .button-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

  #leadLocatorContainer input:disabled {
    opacity: 0.5;
  }

  #leadLocatorContainer table {
    width: 100%;
  }

  #leadLocatorContainer td {
    font-size: 14px;
  }

/* PAGE NUMBER TEXT STYLES */
#form1 {
  height: 100%;
}

span.pageNumberText {
  font-size: 110% !important;
  font-size: 100%;
  color: #575757 /* DARK GRAY */;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.statusOfApplicationTable {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

#statusOfApplicationInnerTableContainer {
  overflow: auto;
}

.statusOfApplicationsInnerTable {
  border-collapse: collapse;
  width: 100%;
}

  .statusOfApplicationsInnerTable tbody tr:first-child .pageButtonWrapper {
    display: none;
  }

  .statusOfApplicationsInnerTable tbody tr td {
    color: #575757 /* DARK GRAY */;
    white-space: nowrap; /* PREVENT WRAPPING */
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
  }

  .statusOfApplicationsInnerTable tbody tr th {
    padding: 6px;
  }

.statusOfApplicationTable tbody td {
  color: #575757 /* DARK GRAY */;
  white-space: nowrap; /* PREVENT WRAPPING */
  font-weight: normal;
  font-size: 16px;
}

/* STATUS OF APPLICATIONS  ACTION ICONS */

.orderIcon {
  white-space: nowrap; /* PREVENT WRAPPING */
}

  .orderIcon img {
    margin: 0 0 0 0;
    padding: 0 2px 0 0;
    white-space: nowrap; /* PREVENT WRAPPING */
  }

table.statusOfApplicationTable caption {
  background: white;
  color: #00573D;
  font-weight: bold;
  font-size: 150%;
  padding: 5px;
  margin: 0 2px 0 2px;
  text-align: left;
}

/* STATUS OF APPLICATIONS THEAD LINK STYLES */

.columnHeaders {
  border-top: 2px solid rgba(0, 0, 0, .12);
  height: 40px;
}

.columnHeader th {
  color: rgba(0, 0, 0, .60);
}

thead tr.columnHeaders img {
  position: relative;
  top: 2px;
  left: 6px;
}

table tbody tr.approved td {
  color: #0A5C44 /* APPROVED DESAT GREEN */;
}

table tbody tr.counterOffer td {
  color: #8e24aa /* COUNTER OFFER PURPLE */;
}

table tbody tr.funded td {
  color: #0277bd /* FUNDED DESAT BLUE */;
}

table tbody tr.lackOfInfo td {
  color: #DE3535 /* LACK OF INFO RED */
}

table tbody tr td.applicantName {
}

/* STATUS OF APPLICATION PAGE BUTTON STYLES */
.pagingFirstPageButton {
  background: url("Dealer/images/chevron-double-left.svg") no-repeat;
  border: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.pagingPreviousPageButton {
  background: url("Dealer/images/chevron-left.svg") no-repeat;
  border: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.pagingNextPageButton {
  background: url("Dealer/images/chevron-right.svg") no-repeat;
  border: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.pagingLastPageButton {
  background: url("Dealer/images/chevron-double-right.svg") no-repeat;
  border: 0;
  width: 22px;
  height: 18px;
  cursor: pointer;
}

table.statusOfApplicationTable tbody td.actionIconColumn,
table.statusOfApplicationTable tbody tr.approved td.actionIconColumn,
table.statusOfApplicationTable tbody tr.odd td.actionIconColumn {
  text-align: right;
  width: 115px !important;
  width: 115px;
}

/* STATUS OF APPLICATIONS ACTION ICON TOOLTIP STYLES */

tbody td.statusMessageColumn a b {
  display: none;
}

tbody td.statusMessageColumn a:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
  overflow-wrap: normal;
  white-space: normal;
  text-align: left;
}

  /* THIS CHANGES POSITION OF THE TOOLTIP */

  tbody td.statusMessageColumn a:hover b {
    border: 0;
    border-radius: 5px;
    position: relative;
    z-index: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -40px;
    left: 5px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 12px;
    background: #777777 /* LIGHT GRAY */;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
  }

tbody td.actionIconColumn a b {
  display: none;
}

tbody td.actionIconColumn a:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
}

  /* THIS CHANGES POSITION OF THE TOOLTIP */

  tbody td.actionIconColumn a:hover b {
    border: 0;
    border-radius: 5px;
    position: relative;
    z-index: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -40px;
    left: 5px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 12px;
    background: #777777 /* LIGHT GRAY */;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
  }

table.statusOfApplicationTable tbody th {
  color: #575757 /* DARK GRAY */;
  padding: 2px;
  text-align: left;
}

table.statusOfApplicationTable tr.columnHeaders th {
  font-weight: bold;
  color: #575757;
  padding: 10px;
  white-space: nowrap;
}

  table.statusOfApplicationTable tr.columnHeaders th a {
    text-decoration: underline;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
    font-size: 100%;
  }

    table.statusOfApplicationTable tr.columnHeaders th a:hover {
      text-decoration: none;
      color: #01573C /* DARK GREEN */;
    }

.actionIconColumn {
  text-align: left;
}

/* STATUS OF APPLICATIONS  DATE RANGE WRAPPER */

#pageNumberTopContainer {
  width: 100%;
  display: none;
  /*  display: flex;*/
  /*  justify-content: space-between;
  align-items: center;*/
}

#dateAndPageNumberContainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
}

#dateDivider {
  font-size: 16px;
  font-weight: 600;
  margin: 14px 6px 0 12px;
  color: rgba(0,0,0,.60);
}

@media screen and (max-width: 760px) {
  .dateRangeContainer {
    width: 100%;
  }

  #dateAndPageNumberContainer, .page-heading-container.flex {
    flex-wrap: wrap;
  }
}

/* STATUS OF APPLICATIONS QUICK SELECT DATE WRAPPER */

.quickSelectDateWrapper {
  width: 50%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

  .quickSelectDateWrapper p {
    color: rgba(0, 0, 0, .60);
  }

  .quickSelectDateWrapper ol {
    margin-left: 8px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }

    .quickSelectDateWrapper ol li {
      display: block;
      list-style: none;
    }

      .quickSelectDateWrapper ol li.lastQuickSelectDateLink {
        list-style: none;
      }

      .quickSelectDateWrapper ol li a {
        color: rgba(0, 0, 0, .60);
        padding: 8px 16px;
        border-radius: 5px;
        text-decoration: none;
      }

        .quickSelectDateWrapper ol li a:hover, .quickSelectDateWrapper ol li a:focus {
          background: rgba(10, 92, 68, .20);
          color: #0A5C44;
        }

.dateRangeContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 45%;
}

.dateRangeWrapper.input-wrapper {
  min-width: 120px !important;
  margin-left: 6px;
  margin-bottom: 0;
  width: 40%;
}

.dateRangeWrapper img {
  cursor: pointer;
  border: none;
}

.dateRangeWrapper .calendar-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 35px;
  right: 12px;
}

.dateRangeSearchButton {
  box-shadow: 0 0 0 1px rgba(0,0,0, .12);
  border: none;
  border-radius: 50%;
  background: url('Dealer/images/magnify.svg') 12px 13px no-repeat #eeeeee;
  margin: 10px 0 0 10px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

  .dateRangeSearchButton:hover, .dateRangeSearchButton:focus {
    background: url('Dealer/images/magnify.svg') 12px 13px no-repeat #dddddd;
  }

@media screen and (max-width: 1024px) {
  .quickSelectDateWrapper {
    width: 45%;
  }

  .dateRangeContainer {
    width: 55%;
  }
}

@media screen and (max-width: 750px) {
  .quickSelectDateWrapper, .dateRangeContainer {
    width: 100%;
    flex-wrap: wrap;
  }

  #dateDivider {
    display: none;
  }

  .dateRangeWrapper.input-wrapper {
    margin-left: 0;
    width: 38%;
  }
}

@media screen and (max-width: 400px) {
  .dateRangeWrapper.input-wrapper {
    margin-left: 0;
    width: 100%;
  }
}

/* STATUS OF APPLICATIONS SORTING ICON TOOLTIP STYLES */

thead tr.columnHeaders a b {
  display: none;
}

thead tr.columnHeaders a:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
}

.searchButtonWrapper {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 650px;
}

#ContentPlaceHolder1_searchButton {
}

#ContentPlaceHolder1_searchButtonMobile {
  display: none;
}

@media screen and (max-width: 400px) {
  #ContentPlaceHolder1_searchButton {
    display: none;
  }

  #ContentPlaceHolder1_searchButtonMobile {
    display: block;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    margin: 5px 0 14px;
    height: 40px;
    font-size: 16px;
    background-position: 10px 10px;
  }
}



#ContentPlaceHolder1_searchButton {
}

#ContentPlaceHolder1_searchButtonMobile {
  display: none;
}

@media screen and (max-width: 400px) {
  #ContentPlaceHolder1_searchButton {
    display: none;
  }

  #ContentPlaceHolder1_searchButtonMobile {
    display: block;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    margin: 5px 0 14px;
    height: 40px;
    font-size: 16px;
    background-position: 10px 10px;
  }
}

#ContentPlaceHolder1_searchButtonMobile {
  display: none;
}

@media screen and (max-width: 400px) {
  #ContentPlaceHolder1_searchButton {
    display: none;
  }

  #ContentPlaceHolder1_searchButtonMobile {
    display: block;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    margin: 5px 0 14px;
    height: 40px;
    font-size: 16px;
    background-position: 10px 10px;
  }
}

.help-icon {
  margin: 6px;
}

  .help-icon:hover > img, .help-icon:focus > img, .calendar-icon:hover > img, .calendar-icon:focus > img {
    box-shadow: 0px 0px 0px 2px #ddd !important;
    border-radius: 50%;
  }

@media screen and (max-width: 850px) {
  .searchButtonWrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.dateRangeButton, .statusOfApplicationRrefresButton, .cqcButton, .fundingInformationLink, .leadLocatorLink, .backButtonErrorPageLink {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  color: #0A5C44;
  cursor: pointer;
  padding: 8px 16px 6px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

  .dateRangeButton:hover, .statusOfApplicationRrefresButton:hover, .cqcButton:hover, .fundingInformationLink:hover,
  .dateRangeButton:focus, .statusOfApplicationRrefresButton:focus, .cqcButton:focus, .fundingInformationLink:focus,
  .leadLocatorLink:hover, .leadLocatorLink.focus, .backButtonErrorPageLink:hover, .backButtonErrorPageLink:focus {
    background: rgba(10, 92, 68, .20);
    color: #0A5C44;
  }

.fundingInformationLink {
  min-width: 200px;
}

.detailedViewButton {
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  cursor: pointer;
  font-weight: bold;
  padding: 0 16px 0 0;
  margin: 0 0 0 10px;
  width: 109px;
  height: 28px;
  font-size: 110%;
}

/* STATUS OF APPLICATIONS SHOW PER PAGE WRAPPER TOP  */
/*#dateAndPageNumberContainer {
  display: none;
}*/

.pageButtonWrapper {
  text-align: right;
  margin: 7px 12px 9px;
}

@media screen and (max-width: 1024px) {
  .pageButtonWrapper {
    text-align: left;
  }
}


.pageNumberWrapperTop {
  padding: 0;
  margin: 5px 12px 0 0;
}

  .pageNumberWrapperTop select {
    font-size: 14px
  }

/* STATUS OF APPLICATIONS SHOW PER PAGE WRAPPER BOTTOM */

.pageNumberWrapper {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0,0,0,.12);
}

  .pageNumberWrapper select {
    font-size: 14px;
    width: 105px;
  }

/* STATUS OF APPLICATIONS PAGING BUTTON STYLES */

.pagingFirstPageButton {
  background-image: url("Dealer/images/chevron-double-left.svg");
}

.pagingPreviousPageButton {
  background-image: url("Dealer/images/chevron-left.svg");
}

.pagingNextPageButton {
  background-image: url("Dealer/images/chevron-right.svg");
}

.pagingLastPageButton {
  background-image: url("Dealer/images/chevron-double-right.svg");
}

/* STATUS OF APPLICATIONS HELP ICON WRAPPER */
.helpIconWrapper {
  position: relative;
  padding: 3px 0 0 5px !important;
  padding: 3px 0 0 3px;
}

/* DEALER APPROVAL PROCESS STYLES */
#ContentPlaceHolder1_continueButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}


@media screen and (max-width: 760px) {
  #approvalProcessContainer .main-content-container, #ContentPlaceHolder1_approvalProcessFormPanel .main-content-container {
    margin: 0 auto;
  }
}


p.approvalProcessText {
  margin: 5px;
  padding: 0;
  text-align: left;
}

.dealerApprovalProcessTable .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  .dealerApprovalProcessTable .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

  .dealerApprovalProcessTable .page-heading-container a {
    display: inline-flex;
  }

.dealer-approval-content {
  padding: 2px 16px;
}

  .dealer-approval-content.flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .dealer-approval-content .input-wrapper {
    width: 49%;
    margin-bottom: 24px;
  }

    .dealer-approval-content .input-wrapper input[type=text] {
      width: 100%;
    }

@media screen and (max-width: 760px) {
  .dealer-approval-content .input-wrapper {
    width: 100%;
    margin-bottom: 0;
  }
}

.submit-container {
  padding: 8px;
  border-top: 1px solid rgba(0,0,0,.12);
}

  .submit-container.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
  }

.button-container input[type=submit], .button-container input[type=reset], .button-container input[type=button] {
  background: none;
  font-weight: bold;
  padding: 6px 12px;
  font-size: 16px;
  border: none;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
}

.button-container.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}

input[type=submit] {
  color: #0A5C44;
}

input[type=button], input[type=reset] {
  color: rgba(0,0,0,.87);
}

.dealerApprovalProcessCancelButton {
  color: rgba(0,0,0,.87);
}

.dealerApprovalProcessResetButton {
  color: #DE3535 !important; /*Warn/Error Red*/
}

/* VIEW COUNTER OFFER STYLES */
/*
/* CREATED: 07-13-2007 */
/* CLIENT: SHEFFIELD */
/* VIEW COUNTER OFFER STYLES */
input.viewCounterOfferCancelButton {
  background: url("images/dealerCancelButtonBg.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  cursor: pointer;
  font-weight: bold;
  padding: 0 11px 0 0;
  width: 111px;
  height: 29px;
  font-size: 100%;
  margin: 0 0 0 10px;
}

input.viewCounterOfferAcceptButton {
  background: url("images/createNewUserButton.gif") no-repeat top left;
  width: 111px;
  height: 29px;
  color: white;
  font-weight: bold;
  font-size: 100%;
  border: 1px solid #575757 /* DARK GRAY */;
  cursor: pointer;
  margin: 0 0 0 10px;
  padding: 0 23px 0 0;
}

table.viewCounterOfferTable caption {
  background: white /* url("images/viewCounterOfferBg.gif") no-repeat top right*/;
  color: #00573D;
  /* text-transform:uppercase;  */
  font-weight: bold;
  font-size: 150%;
  padding: 5px;
  margin: 0 2px 0 2px;
  /*border:1px solid black; */
  text-align: left;
}

table.viewCounterOfferTable textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #575757 /* DARK GRAY */;
  padding: 2px;
  width: 200px;
  height: 100px;
  overflow: auto;
  background: white;
}

/* CONFIRM DELETE USER STYLES
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD */

input.deleteUserButton {
  background: url("images/confirmDeleteButton.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 80%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 0 0 0 10px;
}

/* CONFIRM DELETE FIELDSET */

fieldset.confirmDelete {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/confirmDelete.gif") no-repeat bottom left;
}

  fieldset.confirmDelete legend {
    display: none;
  }

  fieldset.confirmDelete p.confirmDeleteTitleText {
    margin: 30px 0 0 117px !important;
    margin: 30px 0 0 130px;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
  }

  fieldset.confirmDelete p.confirmDeleteUsernameText {
    margin: 5px 0 0 117px !important;
    margin: 5px 0 0 130px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/*=========================================================*/
/*                                                         */
/* CONFIRM DELETE BUTTON WRAPPER                           */
/*                                                         */
/*=========================================================*/

.confirmDeleteButtonWrapper {
  margin: 17px 20px 0 0 !important;
  margin: 0;
  padding: 0 !important;
  padding: 5px 10px 0 0;
  width: auto;
  height: 32px;
  font-size: 80%;
}


/*==============================================================================================================*/
/*
/* SEND CREDENTIALS STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==============================================================================================================*/

input.confirmSendCredentialsButton {
  background: url("images/confirmSendCredentialsButtonBg.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 70%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 0 0 0 10px;
}

input.confirmSendCredentialsCancelButton {
  background: url("images/dealerCancelButtonBg.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 70%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 0 0 0 10px;
}



/*=========================================================*/
/*                                                         */
/* SEND CREDENTIALS FIELDSET                               */
/*                                                         */
/*=========================================================*/

fieldset.confirmSendCredentials {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/confirmSendCredentialsBg.gif") no-repeat bottom left;
}

  fieldset.confirmSendCredentials legend {
    display: none;
  }

  fieldset.confirmSendCredentials p.sendCredentialsTitleText {
    margin: 30px 0 0 117px !important;
    margin: 30px 0 0 130px;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
  }

  fieldset.confirmSendCredentials p.sendCredentialsText {
    margin: 5px 0 0 117px !important;
    margin: 5px 0 0 130px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/*=========================================================*/
/*                                                         */
/* SEND CREDENTIALS BUTTON WRAPPER                         */
/*                                                         */
/*=========================================================*/

.sendCredentialsButtonWrapper {
  margin: 17px 20px 0 0 !important;
  margin: 0;
  padding: 0 !important;
  padding: 5px 10px 0 0;
  width: auto;
  height: 32px;
}

/*==================================================================================================================*/
/*
/* CREATE NEW USER STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==================================================================================================================*/


/*=========================================================*/
/*                                                         */
/* CHECK APPLICATION STATUS                                */
/*                                                         */
/*=========================================================*/

.checkApplicationErrorClass {
  font-size: 90%;
  color: #DE3535;
  font-weight: bold;
}

.checkApplicationStatus fieldset {
  font-size: 60%;
}

  .checkApplicationStatus fieldset ol li label {
    width: 260px;
  }

input.checkApplicationStatusButton {
  position: relative;
  top: 5px;
}


/* EDIT USER GENERAL INFORMATION */

#editUserGeneralInfoContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #editUserGeneralInfoContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#editUserGeneralInfoContent .flex-inputs {
  margin: 0;
}

#editUserGeneralInfoContent .passwordRequirements {
  margin: 0;
}

#editUserGeneralInfoContent .submit-container {
  display: flex;
  justify-content: flex-end;
}

#editUserGeneralInfoContent .editUserTable {
  overflow: auto;
}

.createNewUserResetFormButton {
  color: #DE3535;
}

.manageUserButtonWrapper {
  display: flex;
  align-items: center;
}

  .manageUserButtonWrapper img {
    display: flex;
    margin-right: 8px;
  }

  .manageUserButtonWrapper a {
    text-transform: uppercase;
  }

.info-label {
  display: block;
  margin-left: 16px;
  padding: 0;
  color: #545454 /* CHARCOAL GRAY */;
  font-size: 12px;
}

/* CREATE NEW USER INFO */

#createUserInfoContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #createUserInfoContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#createUserInfoContent .flex-inputs {
  margin: 0;
}

#createUserInfoContent .passwordRequirements {
  margin: 0;
}

.createUserButtonWrapper {
  margin: 20px 0 0 0;
  padding: 0;
}

.successfullyCreatedUserContainer.submit-container, .userCreatedSuccessfullyButtonWrapper.submit-container, #ContentPlaceHolder1_forgotPasswordSuccess .submit-container {
  display: flex;
  justify-content: flex-end;
}

#ContentPlaceHolder1_successfullyCreatedUserWrapper {
  background: #eceff1;
}

@media screen and (max-width: 760px) {
  #createUserInfoContent .newUserTextFirst, #createUserInfoContent .newUserText {
    margin: 16px 0;
  }

  #ContentPlaceHolder1_successfullyCreatedUserWrapper {
    height: 100%;
  }
}

input.createUserContinueButton {
  background: #ffffff;
  width: 109px;
  height: 29px;
  color: #0a5c44;
  font-weight: bold;
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
}

/* CREATE NEW USER INPUT FIELDS */

input.newUserPhonePin {
  width: 50px;
}

.editUserTable table {
  width: 100%;
}

  .editUserTable table td:first-child {
    display: none;
  }

/* FORGOT PASSWORD STYLES */
.forgotPasswordMessagePanelText p {
  font-weight: bold;
}


.forgotPasswordFieldset fieldset legend {
  font-size: 120%;
  color: #575757 /* DARK GRAY */;
  font-weight: bold;
}

.forgotPasswordFieldset fieldset ol {
  /*display: inline-block;*/
  margin: 0;
  padding: 0;
}

.forgotPasswordFieldset fieldset li {
  list-style: none;
  margin: 0 0 2px 0 !important;
  margin: 1px 0 0 0;
  padding: 0 0 1px 0;
  height: auto;
  clear: both;
}


.forgotPasswordFieldset fieldset label {
  color: #575757 /* DARK GRAY */;
  font-weight: bold;
  width: 120px;
  height: auto;
  display: block; /* THIS WILL KEEP THE LABELS LINED UP NICELY */
  font-size: 140%;
  padding: 5px 0 0 0;
}

.forgotPasswordFieldset fieldset label {
  color: #575757 /* DARK GRAY */;
  font-weight: bold;
  width: 120px;
  height: auto;
  display: block; /* THIS WILL KEEP THE LABELS LINED UP NICELY */
  font-size: 100%;
  padding: 5px 0 0 0;
}

.forgotPasswordFieldset fieldset ol li em {
  padding: 0 5px 0 0;
  color: #01573C /* DARK GREEN */;
  font-weight: bold;
  font-size: 130%;
}


.forgotPasswordFieldset fieldset ol li input {
  background-color: white;
  padding: 2px;
  font-size: 100%;
}

input.forgotPasswordSecretQuestionAnswerField {
  width: 250px;
}

p.forgotPasswordSecretQuestionText {
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
  padding: 0 0 0 30px;
}

p.forgotPasswordSecretQuestionLabel {
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}


/* SUCCESSFULLY RESET PASSWORD */

#ContentPlaceHolder1_forgotPasswordSuccess .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #ContentPlaceHolder1_forgotPasswordSuccess .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#ContentPlaceHolder1_forgotPasswordConfirmPasswordWrapper .submit-container,
#ContentPlaceHolder1_MyUserInformationConfirmWrapper .submit-container {
  display: flex;
  justify-content: flex-end;
}
/*==============================================================================================================*/
/*
/* CREATED USER SUCCESSFULLY
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==============================================================================================================*/
/*=========================================================*/
/*                                                         */
/* SUCCESSFULLY EDITED USER GOLDPHONE CREDENTIALS FIELDSET */
/*                                                         */
/*=========================================================*/
fieldset.editedUserGoldPhone {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyEditGoldPhone.gif") no-repeat bottom left;
}

  fieldset.editedUserGoldPhone legend {
    display: none;
  }

  fieldset.editedUserGoldPhone p.userCreatedSuccessfullyTitleText {
    margin: 30px 0 0 117px !important;
    margin: 30px 0 0 130px;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
  }

  fieldset.editedUserGoldPhone p.userCreatedSuccessfullyText {
    margin: 5px 0 0 117px !important;
    margin: 5px 0 0 130px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/* USER ACCESS LEVELS */

#editAccessLevelContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #editAccessLevelContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

  #editAccessLevelContent .page-heading-container a {
    text-transform: uppercase;
  }

#editAccessLevelContent .submit-container {
  display: flex;
  justify-content: flex-end;
}

fieldset.editedUserAccessLevels p.userCreatedSuccessfullyTitleText {
  margin: 30px 0 0 117px !important;
  margin: 30px 0 0 130px;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}

fieldset.editedUserAccessLevels p.userCreatedSuccessfullyText {
  margin: 5px 0 0 117px !important;
  margin: 5px 0 0 130px;
  padding: 0;
  font-size: 80%;
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
}

/*==============================================================================================================*/
/*
/* APPLICATION SUCCESSFULLY SENT
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==============================================================================================================*/

/*=========================================================*/
/*                                                         */
/* APPLICATION SUCCESSFULLY SENT FIELDSET CHECK STATUS     */
/*                                                         */
/*=========================================================*/

fieldset.applicationSentSuccessfullySentCheckStatus a {
  text-decoration: underline;
  color: #575757 /* CHARCOAL GRAY */;
  font-weight: bold;
}

  fieldset.applicationSentSuccessfullySentCheckStatus a:visited {
  }

  fieldset.applicationSentSuccessfullySentCheckStatus a:hover {
    text-decoration: none;
  }

  fieldset.applicationSentSuccessfullySentCheckStatus a:active {
  }

fieldset.applicationStatus {
  height: 110px;
}

  fieldset.applicationStatus p {
    font-size: 140%;
  }


fieldset.applicationSentSuccessfullySentCheckStatus {
  font-family: Arial, Helvetica, sans-serif;
  width: 645px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 370px;
  background: url("images/successfullyAppliedCheckApp.gif") no-repeat bottom left;
}

  fieldset.applicationSentSuccessfullySentCheckStatus legend {
    display: none;
  }

  fieldset.applicationSentSuccessfullySentCheckStatus p {
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

    fieldset.applicationSentSuccessfullySentCheckStatus p.applicationSentSuccessfullySentTitleText {
      margin: 30px 0 0 117px;
      padding: 0;
      font-size: 100%;
      font-weight: bold;
      color: #575757 /* DARK GRAY */;
    }

    fieldset.applicationSentSuccessfullySentCheckStatus p.applicationSentSuccessfullySentText {
      margin: 10px 0 0 117px;
      padding: 0 10px 0 0;
      font-size: 100%;
      font-weight: normal;
      color: #575757 /* DARK GRAY */;
    }

    fieldset.applicationSentSuccessfullySentCheckStatus p.applicationSentSuccessfullySentLargeText {
      margin: 10px 0 0 117px;
      padding: 0 10px 0 0;
      font-size: 80%;
      font-weight: bold;
      color: #000000 /* DARK GRAY */;
      font-size: x-large;
    }

  fieldset.applicationSentSuccessfullySentCheckStatus ul li {
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/*=========================================================*/
/*                                                         */
/* APPLICATION SUCCESSFULLY SENT BUTTON WRAPPER            */
/*                                                         */
/*=========================================================*/

.applicationSentSuccessfullyCheckAppSentButtonWrapper {
  margin: 90px 20px 0 0;
  padding: 0;
  width: auto;
  height: 32px;
}

/*=========================================================*/
/*                                                         */
/* APPLICATION SUCCESSFULLY SENT FIELDSET                  */
/*                                                         */
/*=========================================================*/

fieldset.applicationSentSuccessfullySent {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyApplied.gif") no-repeat bottom left;
}

  fieldset.applicationSentSuccessfullySent legend {
    display: none;
  }

  fieldset.applicationSentSuccessfullySent p.applicationSentSuccessfullySentTitleText {
    margin: 30px 0 0 117px !important;
    margin: 20px 0 0 130px;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
  }

  fieldset.applicationSentSuccessfullySent p.applicationSentSuccessfullySentText {
    margin: 5px 0 0 117px !important;
    margin: 5px 0 0 130px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/* APPLICATION SUCCESSFULLY SENT BUTTON WRAPPER */



/*==============================================================================================================*/
/*
/* CONFIRM UPDATE ACCOUNT STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==============================================================================================================*/

input.updateAccountCancelButton {
  background: url("images/dealerCancelButtonBg.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 80%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 2px 0 0 10px !important;
  margin: 2px 10px 0 0px;
}

input.updateAccountButton {
  background: url("images/successfullyUpdatedAccountBg.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 80%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 2px 0 0 10px !important;
  margin: 2px 0 0 0px;
}

/*=========================================================*/
/*                                                         */
/* CONFIRM UPDATE ACCOUNT FIELDSET                         */
/*                                                         */
/*=========================================================*/

fieldset.confirmUpdateAccount {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyUpdatedAccount.gif") no-repeat bottom left;
}

  fieldset.confirmUpdateAccount legend {
    display: none;
  }

  fieldset.confirmUpdateAccount p.confirmUpdateAccountTitleText {
    margin: 30px 0 0 117px !important;
    margin: 30px 0 0 130px;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #575757 /* DARK GRAY */;
  }

  fieldset.confirmUpdateAccount p.confirmUpdateAccountText {
    margin: 5px 0 0 117px !important;
    margin: 5px 0 0 130px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #575757 /* DARK GRAY */;
  }

/* CONFIRM UPDATE ACCOUNT BUTTON WRAPPER */

.confirmUpdateAccountButtonWrapper {
  margin: 17px 20px 0 0 !important;
  margin: 0;
  padding: 0 !important;
  padding: 5px 10px 0 0;
  width: auto;
  height: 32px;
}

/* DEALER PROMOTIONS */

@media screen and (max-width: 760px) {
  #promotionFieldsContainer.main-content-container {
    margin: 0 auto;
  }
}

#retailFinancingPromotionsResults .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #retailFinancingPromotionsResults .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#dealerPromotionsContainer {
  top: 56px !important;
  height: 100%;
}

#dealerPromotionsHelpContainer {
  height: auto !important;
}

.dealerPromotionsTable .page-heading-container, #promotionResults .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  .dealerPromotionsTable .page-heading-container h2, #promotionResults .page-heading-container h2, #dealerFormsHeading.page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#promotionResultsTableContainer {
  overflow: auto;
}

/* DEALER FORMS */
@media screen and (max-width: 1024px) {
  #dealerFormsContainer.background-container {
    height: 100%;
  }

  #dealerFormsContainer .main-content-container {
    margin: 0 auto;
  }
}

#dealerFormsHeading.page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

#dealerFormsHeading a {
  text-transform: uppercase;
}

#dealerFormTableFooter {
  border-top: 1px solid rgba(0,0,0,.12);
  height: 40px;
}

/* DEALER PROMOTIONS SORTING ICON TOOLTIP STYLES */
thead.columnHeaders a b,
table tbody tr.commercialPromotionHeader td a b {
  display: none;
}


/* THIS CHANGES POSITION OF THE TOOLTIP */

thead.columnHeaders a:hover b,
table tbody tr.commercialPromotionHeader td a:hover b {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
  display: block;
  position: absolute;
  top: -26px !important;
  top: -24px;
  left: -42px !important;
  left: -42px;
  padding: 3px;
  border: 1px solid #545454 /* CHARCOAL GRAY */;
  width: 105px;
  color: black;
  font-size: 90% !important;
  font-size: 90%;
  background: #EDEDED /* LIGHT GRAY */;
  font-weight: normal;
  cursor: pointer;
  -moz-opacity: 0.75; /* OPACITY WILL NOT WORK IN IE6...LOSES THE INDICATOR IMAGE */
  opacity: 0.75;
}

  /* THIS CHANGES THE POSITION OF THE TOOLTIP INDICATOR IMAGE */

  thead.columnHeaders a:hover b em,
  table tbody tr.commercialPromotionHeader td a:hover b em {
    position: absolute;
    top: 19px !important;
    top: 19px;
    left: 48px !important;
    left: 48px;
    width: 11px;
    height: 6px;
    display: block;
    background: transparent url("images/actionIconTooltip.gif") no-repeat 0 0;
  }

.dealerPromotionDisclaimer .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  .dealerPromotionDisclaimer .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

.promotionsInnerTable {
  width: 100%;
}


/* MANAGE USERS STYLES
   CREATED: 07-13-2007
   CLIENT: SHEFFIELD
*/
#manageAccountHelp {
  height: 100%;
}

@media screen and (max-width: 1024px) {
  #myUserInformationContainer.background-container, #manageAccountContainer.background-container {
    height: 100%;
  }

  #manageUsersContentContainer .main-content-container, #myUserInformationContainer .main-content-container,
  #ContentPlaceHolder1_forgotPasswordPage .main-content-container, #createUserInfoContent.main-content-container,
  #manageAccountContainer .main-content-container {
    margin: 0 auto;
  }
}

#manageUsersContentContainer .page-heading-container, .manageMyAccountLinkTable .page-heading-container, #myUserInformationContainer .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #manageUsersContentContainer .page-heading-container h2, .manageMyAccountLinkTable .page-heading-container h2, #myUserInformationContainer .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

  #manageUsersContentContainer .page-heading-container a, #myUserInformationContainer .page-heading-container a {
    margin-left: 24px;
    text-transform: uppercase;
  }

.heading-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .heading-links a {
    margin-left: 24px;
  }

@media screen and (max-width: 760px) {
  .heading-links {
    margin-top: 12px;
  }

    .heading-links a {
      margin-left: 0 !important;
      margin-right: 12px;
    }
}


/* MANAGE USERS */

#manageUsers {
  overflow: auto;
}


  #manageUsers table tr td:nth-child(2) {
    text-align: center;
  }

.manageUsersTable {
  width: 100%;
}

  .manageUsersTable table {
    width: 100%;
  }

    .manageUsersTable table table {
      display: flex;
      justify-content: flex-end;
    }

@media screen and (max-width: 760px) {
  .manageUsersTable table table {
    justify-content: flex-start;
  }
}

#myUserInformationContainer .submit-container {
  display: flex;
  justify-content: flex-end;
}

table.manageAccount tbody td p.usernamePasswordText {
  text-align: left;
  width: auto;
  margin: 0;
  padding: 0;
}

table.manageAccount fieldset.manageMySecretQuestion {
  width: 450px;
}

/* MANAGE MY ACCOUNT ERROR MESSAGE */

table.manageAccount span.errorClass {
  color: #DE3535;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  clear: left;
  margin: 0 0 0 10px;
}

/* ACTION ICON BUTTON STYLES  */

p.manageAccountLink a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 70%;
  margin: 0 0 10px 30px !important;
  margin: -15px 0 5px 30px;
  background: url("images/manageUsersIconRound.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  p.manageAccountLink a:visited {
  }

  p.manageAccountLink a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  p.manageAccountLink a:active {
  }

p.editUserGoldPhone a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 70%;
  margin: 0 0 10px 30px !important;
  margin: -15px 0 5px 30px;
  background: url("images/editUserGoldPhoneIcon.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  p.editUserGoldPhone a:visited {
  }

  p.editUserGoldPhone a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  p.editUserGoldPhone a:active {
  }


@media screen and (max-width: 760px) {
  #editAccessLevelContainer.background-container, #successfullyCreatedUserContainer.background-container {
    height: 100%;
  }

  #createUserInfoContainer.background-container {
    height: auto;
  }

  #editAccessLevelContainer .main-content-container, #editUserGeneralInfoContainer .main-content-container {
    margin: 0 auto;
  }

  #ContentPlaceHolder1_DetailsView1 tbody tr td {
    white-space: initial;
  }
}

p.editUserAccessLevel a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 70%;
  margin: 0 0 10px 30px !important;
  margin: -15px 0 5px 30px;
  background: url("images/editUserAccessLevel.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  p.editUserAccessLevel a:visited {
  }

  p.editUserAccessLevel a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

.currentlyEditingUser {
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
}

/* SUCCESSFULLY MANAGED MY SECRET QUESTION */

fieldset.successfullyManagedMySecretQuestion p.successfullyManagedMySecretQuestionTitleText {
  margin: 30px 0 0 110px !important;
  margin: 30px 0 0 110px;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMySecretQuestion p.successfullyManagedMySecretQuestionUsernameText {
  margin: 5px 0 0 117px !important;
  margin: 5px 0 0 10px;
  padding: 0;
  font-size: 80%;
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMySecretQuestion {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyManagedMySecretBg.gif") no-repeat bottom left;
}

  fieldset.successfullyManagedMySecretQuestion legend {
    display: none;
  }

  fieldset.successfullyManagedMySecretQuestion .successfullyManagedMySecretQuestionButtonWrapper {
    margin: 50px 20px 0 0 !important;
    margin: 25px 0 0 0;
    padding: 0 !important;
    padding: 0 10px 0 0;
    width: auto;
    height: 32px;
    font-size: 90%;
  }

/* SUCCESSFULLY MANAGED MY ACCOUNT */


fieldset.successfullyManagedMyAccount p.successfullyManagedMyAccountTitleText {
  margin: 30px 0 0 110px !important;
  margin: 30px 0 0 110px;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMyAccount p.successfullyManagedMyAccountUsernameText {
  margin: 5px 0 0 117px !important;
  margin: 5px 0 0 10px;
  padding: 0;
  font-size: 80%;
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMyAccount {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyManagedMyAccount.gif") no-repeat bottom left;
}

  fieldset.successfullyManagedMyAccount legend {
    display: none;
  }

  fieldset.successfullyManagedMyAccount .successfullyManagedMyAccountButtonWrapper {
    margin: 50px 20px 0 0 !important;
    margin: 25px 0 0 0;
    padding: 0 !important;
    padding: 0 10px 0 0;
    width: auto;
    height: 32px;
    font-size: 90%;
  }

/* SUCCESSFULLY MANAGED MY PASSWORD */


fieldset.successfullyManagedMyPassword p.successfullyManagedMyPasswordTitleText {
  margin: 30px 0 0 100px !important;
  margin: 30px 0 0 110px;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMyPassword p.successfullyManagedMyPasswordUsernameText {
  margin: 5px 0 0 117px !important;
  margin: 5px 0 0 130px;
  padding: 0;
  font-size: 80%;
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManagedMyPassword {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyManagedMyPassword.gif") no-repeat bottom left;
}

  fieldset.successfullyManagedMyPassword legend {
    display: none;
  }

  fieldset.successfullyManagedMyPassword .successfullyManagedMyPasswordButtonWrapper {
    margin: 50px 20px 0 0 !important;
    margin: 25px 0 0 0;
    padding: 0 !important;
    padding: 0 10px 0 0;
    width: auto;
    height: 32px;
    font-size: 90%;
  }



table.manageAccount caption.manageMyPassword {
  ;
  color: #00573D;
  text-align: left;
  font-weight: bold;
  font-size: 130%;
  padding: 5px;
  margin: 0 2px 0 2px;
}

/* SUCCESSFULLY MANAGED MY GOLDPHONE PIN  */


fieldset.successfullyManageMyGoldPhonePin p.successfullyManageMyGoldPhonePinTitleText {
  margin: 30px 0 0 140px !important;
  margin: 30px 0 0 140px;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManageMyGoldPhonePin p.successfullyManageMyGoldPhonePinUsernameText {
  margin: 5px 0 0 117px !important;
  margin: 5px 0 0 130px;
  padding: 0;
  font-size: 80%;
  font-weight: normal;
  color: #575757 /* DARK GRAY */;
}

fieldset.successfullyManageMyGoldPhonePin {
  font-family: Arial, Helvetica, sans-serif;
  width: 366px;
  border: none;
  margin: 0 !important;
  margin: 0;
  height: 115px;
  background: url("images/successfullyManagedGoldPhone.gif") no-repeat bottom left;
}

  fieldset.successfullyManageMyGoldPhonePin legend {
    display: none;
  }

  fieldset.successfullyManageMyGoldPhonePin .successfullyManageMyGoldPhonePinButtonWrapper {
    margin: 50px 20px 0 0 !important;
    margin: 25px 0 0 0;
    padding: 0 !important;
    padding: 0 10px 0 0;
    width: auto;
    height: 32px;
    font-size: 90%;
  }

table.manageAccount caption.manageMyGoldPhonePin {
  background: white;
  color: #00573D;
  font-weight: bold;
  font-size: 130%;
  padding: 5px;
  margin: 0 2px 0 2px;
}

table.manageAccount caption.manageMySecretQuestionTableCaption {
  background: white;
  color: #00573D;
  text-align: left;
  font-weight: bold;
  font-size: 130%;
  padding: 5px;
  margin: 0 2px 0 2px;
}



table.manageAccount img {
  border: none;
}

/* MANAGE MY ACCOUNT TFOOT */

table.manageAccount tfoot p {
  font-size: 110%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
  margin: 0;
  padding: 0;
  text-align: center;
}

table.manageAccount tfoot th {
  background: #E6E6E6;
  padding: 5px;
  height: 15px;
  text-align: left;
}

/* MANAGE MY ACCOUNT TBODY */

table.manageAccount tbody tr.odd td,
table.manageAccount tbody td {
  background-color: #E6E6E6;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  text-align: left;
}


table.manageAccount tbody td {
  background-color: white;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  text-align: left;
}

/* MANAGE MY ACCOUNT USERNAME / PASSWORD */
#forgotPasswordHelpContainer {
  height: 100%;
}

#forgotPasswordContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #forgotPasswordContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#forgotPasswordContent .heading-links a {
  text-transform: uppercase;
}

#forgotPasswordContent .submit-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* MANAGE MY ACCOUNT TOOLTIP STYLES  */
td.usernameActionIconColumn a b {
  display: none;
}

td.usernameActionIconColumn a:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration: none;
}

  /* THIS CHANGES POSITION OF THE TOOLTIP */

  td.usernameActionIconColumn a:hover b {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -48px !important;
    top: -26px;
    left: -10px !important;
    left: -10px;
    padding: 3px;
    border: 1px solid #545454 /* CHARCOAL GRAY */;
    width: 75px;
    color: black;
    font-size: 90% !important;
    font-size: 90%;
    background: #EDEDED /* LIGHT GRAY */;
    font-weight: normal;
    cursor: pointer;
    -moz-opacity: 0.75; /* OPACITY WILL NOT WORK IN IE6...LOSES THE INDICATOR IMAGE */
    opacity: 0.75;
  }

    /* THIS CHANGES THE POSITION OF THE TOOLTIP INDICATOR IMAGE */

    td.usernameActionIconColumn a:hover b em {
      position: absolute;
      top: 19px !important;
      top: 19px;
      left: 22px !important;
      left: 22px;
      width: 11px;
      height: 6px;
      display: block;
      background: transparent url("images/actionIconTooltip.gif") no-repeat 0 0;
    }

    td.usernameActionIconColumn a:hover b.updateUsername {
      width: 90px;
    }

    td.usernameActionIconColumn a:hover b.updatePassword {
      width: 90px;
    }

/* MANAGE MY ACCOUNT LINK TABLE */

/* MANAGE MY USER INFORMATION */

table.manageMyAccountLinkTable p.manageMyUserInfo a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 100%;
  margin: 0 0 10px 0 !important;
  margin: 0 0 0 0;
  background: url("images/editUserPassword.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  table.manageMyAccountLinkTable p.manageMyUserInfo a:visited {
  }

  table.manageMyAccountLinkTable p.manageMyUserInfo a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  table.manageMyAccountLinkTable p.manageMyUserInfo a:active {
  }

/* MANAGE MY GOLDPHONE id="" */

table.manageMyAccountLinkTable p.editMyGoldPhoneId a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 100%;
  margin: 0 0 10px 0 !important;
  margin: 0 0 0 0;
  background: url("images/editUserPassword.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  table.manageMyAccountLinkTable p.editMyGoldPhoneId a:visited {
  }

  table.manageMyAccountLinkTable p.editMyGoldPhoneId a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  table.manageMyAccountLinkTable p.editMyGoldPhoneId a:active {
  }


/* MANAGE MY ACCOUNT EDIT USERNAME  */

table.manageMyAccountLinkTable p.editMyUsername a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 100%;
  margin: 0 0 10px 0 !important;
  margin: 0 0 0 0;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  table.manageMyAccountLinkTable p.editMyUsername a:visited {
  }

  table.manageMyAccountLinkTable p.editMyUsername a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  table.manageMyAccountLinkTable p.editMyUsername a:active {
  }

/* MANAGE MY ACCOUNT EDIT MY GOLDPHONE PIN */

table.manageMyAccountLinkTable p.editMyGoldPhonePin a {
  color: #545454 /* CHARCOAL GRAY */;
  text-decoration: underline;
  font-size: 100%;
  margin: 0 0 10px 0 !important;
  margin: 0 0 0 0;
  background: url("images/editGoldPhoneIcon.gif") no-repeat 0% 50%;
  height: 33px;
  padding: 15px 0 0 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

  table.manageMyAccountLinkTable p.editMyGoldPhonePin a:visited {
  }

  table.manageMyAccountLinkTable p.editMyGoldPhonePin a:hover {
    text-decoration: none;
    color: #01573C /* DARK GREEN */;
  }

  table.manageMyAccountLinkTable p.editMyGoldPhonePin a:active {
  }

/*=====================================================================================================*/
/* DEALER REPORTS TABLE STYLES

/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*=====================================================================================================*/

/* REPORTS DATE RANGE WRAPPER */

.reportsDateRangeWrapper {
  margin: 5px 0 0 0 !important;
  margin: 5px 0 0 0;
  padding: 0;
  height: auto;
  width: 110px;
}

  .reportsDateRangeWrapper p {
    margin: 0;
    padding: 0;
  }

  .reportsDateRangeWrapper input {
    width: 60px;
    padding: 2px;
    font-size: 80%;
    vertical-align: top;
    background: white;
  }

  .reportsDateRangeWrapper img {
    cursor: pointer;
    border: none;
  }

/* REPORTS DATE RANGE TEXT WRAPPER */

.reportsDateRangeTextWrapper {
  width: 230px;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
  border-bottom: 2px dotted #575757 /* DARK GRAY */;
  padding: 0 0 3px 0;
}

  .reportsDateRangeTextWrapper p {
    margin: 0;
    padding: 0;
    font-size: 110%;
  }

table.dealerReportsTable caption {
  background: white;
  color: #00573D;
  text-align: left;
  font-weight: bold;
  font-size: 150%;
  padding: 5px;
  margin: 0 2px 0 2px;
}

/* DEALER REPORTS  THEAD STYLES */

table.dealerReportsTable thead th {
  background: #E6E6E6;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  white-space: nowrap;
}

table.dealerReportsTable select {
  background: white;
  padding: 2px;
  font-size: 90%;
}

table.dealerReportsTable input.generatePDFButton {
  background: url("images/dealerReportPDFButton.gif") no-repeat top left;
  border: 1px solid #575757 /* DARK GRAY */;
  color: white;
  font-size: 80%;
  font-weight: bold;
  width: 111px;
  height: 29px;
  cursor: pointer;
  margin: 0 0 0 10px;
  padding: 0 11px 0 0;
}

/* DEALER REPORTS  TFOOT */

table.dealerReportsTable tfoot p {
  font-size: 110%;
  font-weight: bold;
  color: #575757 /* DARK GRAY */;
  margin: 0;
  padding: 0;
}

table.dealerReportsTable tfoot th {
  background: #E6E6E6 /* LIGHT GRAY */ url("images/headerbg.gif") repeat-x top left;
  padding: 5px;
  border-left: 1px solid #E6E6E6 /* LIGHT GRAY */;
  border-bottom: 1px solid #575757 /* DARK GRAY */;
  border-right: 1px solid #575757 /* DARK GRAY */;
  height: 15px;
  text-align: left;
}

table.dealerReportsTable tfoot td {
  background: #E6E6E6 /* LIGHT GRAY */ url("images/headerbg.gif") repeat-x top left;
  padding: 0px 5px;
  border-left: 1px solid #E6E6E6 /* LIGHT GRAY */;
  border-bottom: 1px solid #575757 /* DARK GRAY */;
  border-right: 1px solid #575757 /* DARK GRAY */;
}

/*=========================================================*/
/*                                                         */
/* DEALER REPORTS TBODY                                    */
/*                                                         */
/*=========================================================*/

table.dealerReportsTable tbody tr.odd td {
  background-color: #E6E6E6 /* LIGHT GRAY */;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  text-align: center;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #575757 /* DARK GRAY */;
  border-right: 1px solid #575757 /* DARK GRAY */;
  white-space: nowrap; /* PREVENT WRAPPING */
}

table.dealerReportsTable tbody td {
  background-color: #E6E6E6 /* LIGHT GRAY */;
  color: #575757 /* DARK GRAY */;
  padding: 5px;
  text-align: center;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #575757 /* DARK GRAY */;
  border-right: 1px solid #575757 /* DARK GRAY */;
  white-space: nowrap; /* PREVENT WRAPPING */
}


/* LOG OUT STYLES */

#loggedOutNotification {
  height: 100%;
}

  #loggedOutNotification .content-background-container {
    top: 56px;
    height: 90vh;
  }

.loggedOut {
  width: 90%;
  max-width: 366px;
}

/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD */

/* DEALER LOGIN STYLES */
/* DEALER LOGIN TABLE                                      */

table.dealerLoginTableWrapper {
  width: 100%;
}

.dealerLoginTableWrapper tbody tr td {
  border: none !important;
  padding: 0 !important;
}

.dealerLoginWrapper a img {
  border: none;
  margin: 5px 5px 0 0;
}

.dealerLoginRegisterWrapper {
  width: 90%;
  max-width: 365px;
  margin: 20px auto;
  font-family: Arial, Helvetica, sans-serif;
}

  .dealerLoginRegisterWrapper h2 {
    font-size: 100%;
    color: #575757 /* DARK GRAY */;
    margin: 18px 0 0 0;
    padding: 0;
  }

  .dealerLoginRegisterWrapper input.dealerLoginNewRegistrationButton {
    background: url("images/dealerLoginRegisterButton.gif") no-repeat top left;
    border: 1px solid #575757 /* DARK GRAY */;
    color: white;
    font-size: 80%;
    font-weight: bold;
    width: 111px;
    height: 29px;
    cursor: pointer;
    text-align: center;
    margin: 10px 0 0 165px !important;
    margin: 10px 0 0 140px;
  }

  .dealerLoginRegisterWrapper p {
    color: #0A5C44;
    font-size: 16px;
    font-weight: bold;
  }

    .dealerLoginRegisterWrapper p.flex {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .dealerLoginRegisterWrapper p a img {
      position: relative;
      top: 4px;
    }

  .dealerLoginRegisterWrapper a {
    color: #0A5C44;
    text-decoration: none;
  }

    .dealerLoginRegisterWrapper a:hover, .dealerLoginRegisterWrapper a:focus {
      text-decoration: underline !important;
    }

      .dealerLoginRegisterWrapper a:hover img {
        box-shadow: 0px 0px 3px 1px #000000;
        border-radius: 50%;
      }

/* --- Security Code  Styles --- Added 5/12/22 --- */
#securityCodeContent {
  max-width: 500px;
}

  #securityCodeContent .page-heading-container {
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

    #securityCodeContent .page-heading-container h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    }

  #securityCodeContent .submit-container {
    display: flex;
    justify-content: flex-end;
  }

#resendContainer {
  text-align: right;
  margin: 20px 0 0;
}

  #resendContainer p {
    margin: 8px 0;
    line-height: 18px;
  }

.help-link {
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 50% !important;
  padding: 2px 2px 0 !important;
}

  .help-link:hover, help-link:focus, .help-link:active {
    box-shadow: 0px 0px 3px 1px #000000 !important;
    outline: 1px solid #000000 !important;
  }

/*=========================================================*/
/*                                                         */
/* DEALER LOGIN ERROR TEXT                                 */
/*                                                         */
/*=========================================================*/
span.dealerLoginErrorText {
  color: #DE3535;
  font-size: 16px;
  margin: 16px 0;
  padding: 0;
  font-weight: 400;
  position: relative;
  display: block;
}

/*=========================================================*/
/*                                                         */
/* DEALER LOGIN LINKS                                      */
/*                                                         */
/*=========================================================*/

.dealerLoginWrapper a {
  color: #575757 /* DARK GRAY */;
  text-decoration: underline;
}

  .dealerLoginWrapper a:visited {
    color: #575757 /* DARK GRAY */;
    text-decoration: underline;
  }

  .dealerLoginWrapper a:hover {
    color: #01573C /* DARK GREEN */;
    text-decoration: none;
  }

  .dealerLoginWrapper a:active {
    color: #575757 /* DARK GRAY */;
    text-decoration: underline;
  }

/* DEALER LOGIN */

.dealerLoginWrapper, #ContentPlaceHolder1_pnl_systemMsg, #emergencyBanner {
  width: 90%;
  max-width: 365px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  margin: 20px auto;
}

  #emergencyBanner p {
    color: #DE3535;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
  }

.login-logo {
  width: 100%;
  margin-bottom: 8px;
}

.login-inputs {
  position: relative;
  margin-bottom: 24px;
}

  .login-inputs input {
    width: 100%;
  }

#passwordContainer {
  margin-bottom: 16px;
}

#showHideLoginPassword {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 12px;
  border: none;
  background: none;
}

.dealerLoginWrapper img#dealerLoginHelpIcon {
  margin: 5px 5px 0 0;
  border: none;
}

.dealerLoginWrapper h2 {
  font-size: 100%;
  color: #575757 /* DARK GRAY */;
  font-weight: bold;
  margin: 3px 0 0 -4px !important;
  margin: 3px 0 0 8px;
  padding: 0 0 0 10px !important;
  padding: 0;
}

.dealerLoginWrapper fieldset p {
  font-size: 100% !important;
  font-size: 100%;
  padding: 0;
  color: #575757 /* DARK GRAY */;
  /*display: none;*/
}

.dealerLoginWrapper fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

  .dealerLoginWrapper fieldset ol {
    /*display: inline-block;*/
    margin: 0;
    padding: 0;
  }

  .dealerLoginWrapper fieldset li {
    list-style: none;
    margin: 0 0 36px;
    height: auto;
  }

    .dealerLoginWrapper fieldset li:last-child {
      margin-bottom: 24px;
    }

  .dealerLoginWrapper fieldset input.dealerLoginField {
    width: 100%;
    padding: 14px 12px 12px;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, .30);
    border-radius: 5px;
  }

  .dealerLoginWrapper fieldset li.dealerLoginRememberMe {
    margin: 0 !important;
    margin: 0 0 0 0;
    padding: 10px 0 0 0 !important;
    padding: 0;
  }

    .dealerLoginWrapper fieldset li.dealerLoginRememberMe label {
      color: #575757 /* DARK GRAY */;
      font-weight: bold;
      width: 100%;
      display: block;
      font-size: 100%;
      padding: 1px 0 0 5px !important;
      padding: 5px 0 0 5px;
      cursor: default;
    }

#dealerLoginServiceInfo, #loginApplicationProcessEnhancmentContainer, #promos {
  width: 90%;
  max-width: 365px;
  margin: 20px auto;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

#dealerLoginServiceInfo, #promos {
  display: none; /* Temporary */
}

#loginApplicationProcessEnhancmentContainer a {
  color: #0A5C44;
  font-size: 14px;
  font-weight: bold;
}

  #loginApplicationProcessEnhancmentContainer a:hover, #loginApplicationProcessEnhancmentContainer a:focus {
    text-decoration: underline;
  }

#redEnhancementHeading {
  color: #DE3535;
  font-size: 12px;
}

#dealerLoginServiceInfo p, .login-info {
  font-size: 14px;
}

#promos img {
  border: 0;
  margin: 0 0 1em 0;
}

/* DEALER LOGIN BUTTON WRAPPER */

.dealerLoginButtonWrapper {
  width: 100%;
}

  .dealerLoginButtonWrapper input.dealerLoginButton,
  .logOutButtonWrapper input.dealerLoginButton .dealerLoginButtonWrapper input[type=submit] {
    background: #0A5C44;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 100%;
    height: 36px;
    cursor: pointer;
    border: none;
    border-radius: 5px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
  }

    .dealerLoginButtonWrapper input.dealerLoginButton:hover, .logOutButtonWrapper input.dealerLoginButton:hover,
    .dealerLoginButtonWrapper input.dealerLoginButton:focus, .logOutButtonWrapper input.dealerLoginButton:focus,
    .printButtonWrapper input.printButton:hover, .printButtonWrapper input.printButton:hover {
      background: rgba(10, 92, 68, .85);
    }

/*==============================================================================================================*/
/*
/* SUCCESSFULLY REGISTERED STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD
/*
/*==============================================================================================================*/
/* SUCCESSFULLY REGISTERED  FIELDSET */
#ContentPlaceHolder1_registratFormPanel .content-background-container {
  top: 0;
}

#ContentPlaceHolder1_successfullyRegisteredPanel.content-background-container {
  top: 56px;
}

#ContentPlaceHolder1_successfullyRegisteredPanel .page-heading-container {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

  #ContentPlaceHolder1_successfullyRegisteredPanel .page-heading-container h3 {
    margin: 0;
  }

#ContentPlaceHolder1_successfullyRegisteredPanel .application-content-container {
  padding: 16px;
}

#successfullyRegisteredContainer .main-content-container {
  max-width: 800px;
}

#successfullyRegisteredContainer h2 {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 12px;
}

.successfullyRegisteredButtonWrapper {
  display: flex;
  justify-content: flex-end;
}

/* DEALER REGISTRATION STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD */

#dealerRegistrationHelpContainer {
  height: 100%;
}

fieldset.dealerRegistrationFieldset .dealerRegistrationStateSelectField {
  font-size: 100%;
}

/* DEALER REGISTRATION CONTAINER STYLES */

.dealerRegistration .page-heading-container, .dealerRegistrationFieldset {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

  .dealerRegistration .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

.registration-content-container {
  padding: 16px;
}

.passwordRequirements {
  margin: 32px 0 0;
}

  .passwordRequirements p {
    margin: 0;
  }

  .passwordRequirements .flex-start {
    flex-wrap: nowrap;
  }

.pass-fail {
  width: 18px;
  height: 18px;
  margin: 3px 16px 0 0;
}

#dealerRegistrationSubmitContainer {
  display: flex;
  justify-content: flex-end;
  border-top: none;
}

/* DEALER REGISTRATION WELCOME TEXT */
.dealerRegistrationWelcomeText p {
  margin: 0;
  padding: 0;
  color: #575757 /* DARK GRAY */;
  font-size: 100%;
}

/* DEALER REGISTRATION FIELDSET STYLES */
p.dealerRegistrationFinePrint {
  font-size: 100%;
  font-style: italic;
  margin: 10px 0 15px 0;
}

.manufacturerListBox {
  width: 100%;
}
/*
/* NEW LOAN APPLICATION STYLES
/*
/* CREATED: 07-13-2007
/* CLIENT: SHEFFIELD

*/

.consumer-commercial-validator {
  margin-bottom: 16px;
}

@media screen and (max-width: 760px) {
  #newLoanApplicationContainer .application-content-container, #newConsumerLoanApplicationContainer .application-content-container {
    padding: 0 16px;
  }

  #newLoanApplicationContainer .newLoanApplicationWrapper1,
  #newConsumerLoanApplicationContainer .newLoanApplicationWrapper1 {
    padding-top: 16px;
  }

  #newLoanApplicationContainer .main-content-container {
    margin: 0 auto;
  }
}

#newConsumerLoanApplicationContainer, #ContentPlaceHolder1_newLoanApplicationConfirmSubmitPanel {
  top: 56px;
}

#reviewApplicationContent .title, #reviewApplication .title {
  font-weight: 500 !important;
  margin-right: 12px;
  font-size: 16px;
  left: 0;
  top: 0;
  padding: 0;
  color: #000000;
}

#reviewApplicationContent span, #reviewApplicationContent label,
#reviewApplication span, #reviewApplication label {
  font-size: 14px !important;
}

#useCompanyInformationConfirmCheckboxWrapper .checkbox-label {
  padding: 0 !important;
}

#ContentPlaceHolder1_useCompanyInformationConfirmCheckbox {
  top: 3px;
}

#newConsumerLoanApplicationContainer .submit-container {
  display: flex;
  justify-content: flex-end;
}

#reviewApplication h3 {
  margin: 12px 0;
}

p.printBlankApplicationLink a {
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  color: #0A5C44;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

  p.printBlankApplicationLink a img {
    border: none;
    vertical-align: bottom;
    margin: 0;
  }

.estimatedMSRPContainer {
  display: flex;
  flex-direction: row;
}

.estimatedMSRPFakeLabel {
  background: rgba(0, 0, 0, 0) !important;
  border: none !important;
  display: inline !important;
  padding: initial !important;
  width: auto !important;
  min-height: initial !important;
  margin-bottom: initial !important;
  color: initial !important;
  font-size: initial !important;
  font-weight: initial !important;
  border-radius: initial !important;
  opacity: 100% !important;
  margin-right: -20px;
  outline: none;
}


@media screen and (max-width: 400px) {
  p.printBlankApplicationLink a {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* NEW LOAN APPLICATION DISCLAIMER */

fieldset.newLoanApplicationDisclaimer {
  font-size: 10pt;
  border: 1px solid #545454 /* CHARCOAL GRAY */;
  padding: 10px;
  width: 652px;
  margin: 20px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
}

  fieldset.newLoanApplicationDisclaimer legend {
    font-size: 10pt;
    color: #545454 /* CHARCOAL GRAY */;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }

  fieldset.newLoanApplicationDisclaimer p,
  .newLoanApplicationWrapper2 fieldset p {
    font-size: 10pt;
    color: #545454 /* CHARCOAL GRAY */;
    margin: 0;
    padding: 10px 0 0 0;
  }

  fieldset.newLoanApplicationDisclaimer table {
    font-size: 10pt;
    color: #545454 /* CHARCOAL GRAY */;
    border: solid #545454 /* CHARCOAL GRAY */;
    border-width: 1px 0 0 1px;
  }

    fieldset.newLoanApplicationDisclaimer table td {
      font-size: 10pt;
      border: solid #545454 /* CHARCOAL GRAY */;
      border-width: 0 1px 1px 0;
      vertical-align: top;
      padding: 3px 5px;
    }

.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-inputs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.newLoanSubmitFieldset {
  display: flex;
  justify-content: flex-end;
}

.newLoanApplicationTable .input-wrapper input, .newLoanApplicationTable .input-wrapper select {
  width: 100%;
}

#companySSN {
  min-width: 60px !important;
}

/* NEW LOAN APPLICATION DEALER INFORMATION FIELDSET */

.dealer-info {
  padding: 16px;
  border-bottom: 2px solid rgba(0, 0, 0, .12);
}

  .dealer-info p {
    margin: 0;
  }

#dealerFeeMessageContainer {
  margin: 24px 0 8px;
  font-size: 16px;
}

  #dealerFeeMessageContainer p {
    margin: 0;
  }

.application-content-container {
  padding: 16px;
}

  .application-content-container h3 {
    margin: 0 0 12px;
    width: 100%;
  }

  .application-content-container a:hover {
    text-decoration: underline;
  }

.newLoanApplicationWrapper3 .page-heading-container, #reviewApplicationContent .page-heading-container,
#newConsumerLoanApplicationContainer .page-heading-container {
  border-bottom: 2px solid rgba(0, 0, 0, .12);
}

  #reviewApplicationContent .page-heading-container h2, #newConsumerLoanApplicationContainer .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

#reviewApplicationContent .dealerInformation {
  padding: 16px;
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #reviewApplicationContent .dealerInformation p {
    margin: 0;
  }

#reviewApplicationContent .submit-container {
  display: flex;
  justify-content: flex-end
}

/* NEW LOAN APPLICATION CREDIT APP FIELDSETS */

.newLoanApplicationWrapper3 h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

#newApplicationSubmitContainer, .applicationSentSuccessfullySentButtonWrapper.submit-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* VIEW LOAN APPLICATION */
@media screen and (max-width: 760px) {
  #viewLoanApplication .main-content-container {
    margin: 0 auto;
  }

  #viewLoanApplication .application-content-container {
    padding: 0 16px;
  }

  #viewLoanApplication .newLoanApplicationWrapper1 {
    padding-top: 16px;
  }
}

#showIsAddOnCheckbox input, #viewLoanApplication #ContentPlaceHolder1_useCompanyInformationCheckbox {
  position: relative;
  opacity: 100%;
}

#companySSNRadioContainer {
  min-width: 60px;
}

#errorPageContent .page-heading-container {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

  #errorPageContent .page-heading-container h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }

/* MESSAGE PANEL STYLES */

.messagePanelText {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

  .messagePanelText img {
    height: 40px;
    width: 40px;
    margin-right: 12px;
  }

  .messagePanelText p {
    font-weight: bold;
    color: #DE3535;
    margin: 0;
  }

#showHideNewPassword, #showHideConfirmPassword, #showHideCurrentPassword {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 31px;
  border: none;
  background: none;
}

/* MANAGE MY GOLDPHONE PIN ERROR STYLES */

.manageMyGoldPhonePINErrorText {
  background: url(images/messagePanelError.gif) no-repeat 1% 50%;
  width: auto;
  height: 60px;
}

  .manageMyGoldPhonePINErrorText p {
    font-weight: bold;
    color: #DE3535;
    font-size: 70%;
    padding: 10px 0 0 70px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
  }

.manageMyGoldPhonePINErrorInnerTableText {
  background: url(images/messagePanelError.gif) no-repeat 1% 50%;
  width: auto;
  height: 60px;
}

  .manageMyGoldPhonePINErrorInnerTableText p {
    font-weight: bold;
    color: #DE3535;
    font-size: 100%;
    padding: 10px 0 0 70px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
  }

/*=========================================================*/
/*                                                         */
/* HOMEPAGE MESSAGE PANEL  ERROR STYLES                    */
/*                                                         */
/*=========================================================*/

.homepageMessagePanel {
  width: 365px;
  margin: 20px auto;
  padding: 30px 0;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .32);
}

.alert-icon {
  margin-right: 10px;
  vertical-align: middle;
}

  .alert-icon svg {
    height: 24px;
    width: 24px;
    fill: #DE3535;
  }

.homepageMessagePanel p {
  display: inline;
  font-weight: bold;
  color: #DE3535;
  font-size: 70%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/*=========================================================*/
/*                                                         */
/* LANDING PAGE TABLE STYLES                               */
/*                                                         */
/*=========================================================*/

table.landingPageTable {
  /*font: 100% Arial, Helvetica, sans-serif; */
  background-color: #E6E6E6 /* LIGHT GRAY */;
  width: 650px;
}

  table.landingPageTable caption {
    background: white /* url("images/landingPageTableBg.gif") no-repeat top right*/;
    color: #00573D;
    text-align: left;
    /* text-transform:uppercase;  */
    font-weight: bold;
    font-size: 150%;
    padding: 5px;
    margin: 0 2px 0 2px;
    /*border:1px solid black; */
  }

  table.landingPageTable tbody tr td {
    background-color: white;
    color: #575757 /* DARK GRAY */;
    padding: 5px;
    text-align: left;
    white-space: nowrap; /* PREVENT WRAPPING */
    font-size: 100%;
  }


  table.landingPageTable tbody tr.odd td {
    background-color: #E6E6E6;
    color: #575757 /* DARK GRAY */;
    padding: 5px;
    white-space: nowrap; /* PREVENT WRAPPING */
  }

  table.landingPageTable tbody tr td.rowHeader {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
  }

  table.landingPageTable tbody tr td ul li {
    margin: 5px 0 0 0;
  }

/*=========================================================*/
/*                                                         */
/* LOAN CALCULATOR TABLE                                   */
/*                                                         */
/*=========================================================*/

#loanCalculatorContainer {
  top: 56px !important;
}

@media screen and (max-width: 760px) {
  #loanCalculatorFieldsContainer.main-content-container {
    margin: 0 auto;
  }
}

.loanCalculatorTable {
  width: 100%;
}

  .loanCalculatorTable .page-heading-container, #loanCalculatorResults .page-heading-container {
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

    .loanCalculatorTable .page-heading-container h2, #loanCalculatorResults .page-heading-container h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    }


#loanCalculatorSubmitContainer {
  display: flex;
  justify-content: flex-end;
}

#loanCalulatorTableFooter {
  border-top: 1px solid rgba(0,0,0, .12);
}

  #loanCalulatorTableFooter .selectManufacturerHeader th {
    border: none;
  }

/*=========================================================*/
/*                                                         */
/* CONSUMER DISCLOSURES                                    */
/*                                                         */
/*=========================================================*/
#consumerDisclosureContent.content-background-container {
  top: 56px;
  height: 100%;
}

  #consumerDisclosureContent.content-background-container .page-heading-container {
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

    #consumerDisclosureContent.content-background-container .page-heading-container h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    }

.consumerDisclosure {
  white-space: normal;
}

@media screen and (max-width: 760px) {
  #consumerDisclosureContent.content-background-container {
    height: auto;
  }
}

/*=========================================================*/
/*                                                         */
/* HELP TABLE STYLES                                       */
/*                                                         */
/*=========================================================*/
.help-background-container {
  height: auto;
  top: 0;
}

  .help-background-container .page-heading-container {
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

    .help-background-container .page-heading-container h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    }

/*=========================================*/
/* INSTRUCTIONS FOR PAYMENT PROCESS STYLES */

.instructionsForPaymentTable {
  width: 100%;
}

  .instructionsForPaymentTable .page-heading-container {
    border-bottom: 2px solid rgba(0, 0, 0, .12);
  }

.instructions-section {
  padding: 16px;
  border-bottom: 2px solid rgba(0, 0, 0, .12);
}

  .instructions-section h3 {
    margin: 0;
    font-weight: bold;
  }

  .instructions-section ul {
    margin: 16px 0 16px 24px;
    line-height: 30px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
  }

  .instructions-section .second-list {
    margin: 0 16px;
  }

.button-section {
  padding: 8px;
  display: flex;
  justify-content: flex-end;
}

  .button-section input {
  }


/* LOGIN MESSAGE  */
.loginMessage {
  clear: both;
  width: 400px;
  margin: 20px 0 0 257px;
}

  .loginMessage p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
  }

#holidaySchedule {
  background: white;
  border: 1px;
  position: relative;
  left: 20px;
  border: none;
}

  #holidaySchedule td {
    margin: 0;
    padding: 5px;
    color: #0061c2;
    font-weight: normal;
    font-size: 100%;
    border: none;
    font-family: Verdana;
  }



  #holidaySchedule tr.rowShade td {
    background: #E6E6E6;
  }

  #holidaySchedule caption {
    font-size: 120%;
    font-weight: bold;
    color: #0061c2;
    text-align: left;
    border-bottom: 2px solid gray;
  }

#holidayDiv {
  position: relative;
  left: 450px;
}

#holidayHeading {
  left: 20px;
  font-family: calibri, verdana, helvetica, san-serif;
  font-size: 14pt;
  color: Navy;
  font-weight: normal;
  font-weight: bold;
}

#tableFund {
  font: 100% Arial, Helvetica, sans-serif;
  background-color: white;
}

  #tableFund tr td {
    border-right: 0;
    border-bottom: 0;
  }

#h1 {
  color: #02543E;
}

#SysMsg {
  background: #fee;
  font-family: arial, sans-serif;
  color: #333;
  border: 2px solid #333;
  padding: 1em 1.5em;
  margin: 3em auto;
  width: 300px;
  -moz-border-radius: 1em 0;
  -webkit-border-radius: 1em 0;
  border-radius: 1em 0;
}

#ContentPlaceHolder1_pnl_dealerLoginRegister {
  
}

@media screen and (max-height: 800px) {
  #ContentPlaceHolder1_pnl_dealerLoginRegister {
    overflow: auto;
  }
}

#ctl00_ContentPlaceHolder1_pnl_dealerLoginRegister {
  width: 800px;
}

.agreementScroll li {
  margin: 5px 0 5px 0;
}

.agreementScroll {
  overflow-y: auto;
  height: 150px;
  font-size: 10pt;
}

.hidden {
  display: none;
}

.consumer-hide-product {
  visibility: hidden;
  height: 0;
}

.passwordRequirements td,
.manageAccount td,
.createUserPasswordRequirements td,
.create-user-personal-information td,
.createUserTable td {
  padding-left: 10px !important;
  border: none !important;
}

.passwordRequirements th,
.manageAccount th,
.createUserPasswordRequirements th,
.create-user-personal-information th,
.createUserTable th {
  border-top: 1px solid #d6d6d6 !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #575757;
}


.createUserPasswordRequirements,
.create-user-personal-information {
  margin-top: 20px;
  width: 98%;
  font-size: 98%;
  color: #6d6969;
}

.password-requirements-row td {
  padding: 12px 0 0 15px !important;
}

td.previous-password-text {
  text-align: -webkit-center;
  font-weight: bold;
  padding: 10px;
  font-size: 104%;
  color: #DE3535;
}

.validationMessages {
  overflow: auto;
  resize: none;
}

/* The Modal (background) */
.document-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

  .document-modal h2 {
    color: var(--white-primary, #FFF);
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
  }

/* Modal Content/Box */
.document-modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  width: 50%;
}

  .document-modal-content .center {
    text-align: center;
  }

/* The Close Button */
.document-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.document-modal:hover,
.document-modal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.document-modal-header {
  color: var(--white-primary, #FFF);
  font-size: 16px;
  display: flex;
  padding: 8px 16px 8px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--bluegrey-900-primary, #0A5C44);
  cursor: auto;
}

/* Modal Body */
.document-modal-body {
  padding: 16px 16px 8px 16px;
  cursor: auto;
}

  .document-modal-body .click-to-browse {
    display: inline;
    font-weight: bold;
    color: var(--bluegrey-900-primary, #0A5C44);
  }


  /* Modal Footer */
  .document-modal-footer {
    padding: 8px 0px 8px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    cursor: auto;
  }

.document-modal-footer-buttons {
  display: flex;
  justify-content: end;
  gap: 8px;
}

  .document-modal-footer-buttons > span {
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    cursor: pointer;
  }

.document-modal-footer-button-cancel-upload {
  color: rgba(38, 50, 56, 1);
}

.document-modal-footer-button-cant-start {
  color: grey;
}

.document-modal-footer-button-can-start {
  color: #0A5C44;
}

.document-modal-footer-button-cancel-esign {
  color: rgba(186, 26, 26, 1);
}

.delete-document-modal {
  width: 30%;
  margin: 20% auto;
}

#signNowModal .document-modal-body h2 {
  font-weight: bold;
  font-size: 24px
}

p {
  margin-top: 0;
}

.my-form {
  margin-bottom: 10px;
}

#gallery {
  margin-top: 10px;
}

  #gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
  }

.button {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
}

  .button:hover {
    background: #ddd;
  }

#fileElem {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

input.visually-hidden:is(:focus, :focus-within) + label {
  outline: thin dotted;
}

.document-upload-area {
  display: flex;
  padding: 45px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border: 2px dashed var(--black-divider, rgba(0, 0, 0, 0.30));
  background: var(--white-primary, #FFF);
  color: rgba(0, 0, 0, 0.60);
  text-align: center;
  font-size: 24px;
  font-weight: 300;
}

  .document-upload-area.highlight {
    border-color: purple;
    border: 2px dashed var(--black-divider, rgba(0, 0, 0, 0.30));
    background: grey;
  }

/* THIS CHANGES POSITION OF THE TOOLTIP */

.tooltip b {
  display: none;
}

.tooltip {
  position: relative;
}

  .tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration: none;
  }

  /* THIS CHANGES POSITION OF THE TOOLTIP */

  .tooltip b {
    border: 0;
    border-radius: 5px;
    z-index: 500;
    text-decoration: none;
    position: absolute;
    top: -22px;
    left: -6px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 12px;
    background: #777777 /* LIGHT GRAY */;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
  }

    .tooltip .needDocUpload {
      top: -22px;
      left: -281px;
    }

.tooltip:hover b {
  display: block;
}

.file-progress-header {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .file-progress-header h3 {
    font-size: 14px;
  }

  .file-progress-header p {
    font-size: 14px;
    align-self: center;
    margin: auto 0;
  }

.get-documents-status {
  margin-top: 16px;
  text-align: center;
}

.document-gallery {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  max-height: 310px;
  overflow-y: auto;
  padding-right: 10px;
  /*-ms-overflow-style: none;*/ /* IE 10+*/
  /*scrollbar-width: none;*/ /*Firefox*/
}

  .document-gallery::-webkit-scrollbar {
    /*display: none;*/ /*Safari/Chrome*/
  }

.document-upload-status {
  border-radius: 4px;
  border: 1px solid var(--black-disabled, rgba(0, 0, 0, 0.38));
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  margin-bottom: 5px;
  height: 90px;
}

.document-management-buttons {
  display: flex;
  justify-content: end;
  gap: 8px;
}

  .document-management-buttons > span {
    color: #0A5C44;
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    cursor: pointer;
  }

.document-upload-info {
  width: 100%;
  height: 100%;
  position: relative;
}

.document-title {
  position: absolute;
  top: 32%;
}

.document-message {
  color: var(--black-secondary, rgba(0, 0, 0, 0.60));
  font-size: 12px;
  position: absolute;
  bottom: -4px;
}

.document-progress {
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.document-icon-wrapper > svg {
  vertical-align: middle;
}

.esign-modal-info-text {
  padding-bottom: 16px;
  color: var(--Black-Primary, rgba(0, 0, 0, 0.87));
  font-size: 16px;
}

.esign-modal-confirmation-text {
  color: var(--Black-Secondary, rgba(0, 0, 0, 0.60));
  font-size: 14px;
}

.display-inline {
  display: inline;
}

.emailFieldTitle {
  margin-bottom: 0;
}

.loader {
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  border-bottom-color: #000000;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.document-failed-buttons {
  display: flex;
  gap: 8px;
}

  .document-failed-buttons > span {
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    cursor: pointer;
  }

.document-failed-retry-button {
  color: rgba(244, 67, 54, 1);
  text-wrap: nowrap;
}

.document-failed-abort-button {
  width: 64px;
  display: flex;
  align-content: center;
  justify-content: center;
}

.reg-b {
  font-style: normal;
  line-height: 20px;
  font-size: 16px;
}

  .reg-b .section {
    padding-bottom: 16px;
  }

  .reg-b .checkbox-wrapper {
    display: block;
  }

  .reg-b .checkbox-label {
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .reg-b h4 {
    margin-top: 0;
    color: var(--black-primary, var(--black-primary, rgba(0, 0, 0, 0.87)));
    font-weight: 600;
  }

  .reg-b p {
    color: var(--black-secondary, var(--black-secondary, rgba(0, 0, 0, 0.60)));
    font-weight: 400;
  }

.reg-b-bold {
  color: var(--black-secondary, var(--black-secondary, rgba(0, 0, 0, 0.60)));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.reg-b .fake-checkbox {
  top: 50%;
  transform: translateY(-50%);
}

.reg-b .other-checkbox-input {
  position: relative;
  opacity: 100;
}

.reg-b .margin-right-large {
  margin-right: 24px;
}

.reg-b-disclaimer {
  font-weight: bold !important;
  font-style: italic;
}

.sub-checkbox-container {
    padding-left: 16px;
}

.choices .choices__inner {
  background-color: #ffffff;
  min-height: 42px;
  border: 1px solid rgba(0, 0, 0, .30);
  font-size: 16px;
  font-weight: 400;
  padding: 14px 14px 13px;
  flex-direction: column-reverse;
  border-radius: 5px;
  padding-bottom: 5px !important;
}

.choices .choices-list {
  margin-bottom: 10px;
}

.choices .choices__list--dropdown,
.choices__list[aria-expanded] {
    z-index: 2 !important;
    background-color: white;
}

.choices.is-focused .choices__inner {
    border-color: #333;
    border-width: 3px;
    border-radius: 5px !important;
    padding: 13px 13px 5px !important;
}

.modal-red-text {
  color: red;
}

.modal-black-text {
  color: black;
}