/**********************************************************
*   @OME CLASSES
***********************************************************/
.gua-dealer-oem-heading {
  display: inline-block;
  width: 100%;
  text-transform: none;
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 10px;
	padding-top: 25px;
}
.gua-dealer-oem-subheading {
  display: inline-block;
  width: 100%;
  color: #39536C;
  font-size: 18px;
  text-transform: none;
  line-height: 20px;
  padding-bottom: 10px;
}
#SkipSubmitInputs input {
  font-size: 15px;
  color: #007fae;
  border: none;
  background-color: transparent;
}

#Make {
  display: block;
  margin-top: 90px;
}

#post_action_spifi_oem legend{ margin-bottom: 0px;}

.subnavLeft { width: 38% !important; padding-top: 0 !important; border-left: 0px !important; border-bottom: 0px !important;}


@media (max-width: 815px) {
	#post_action_spifi_oem legend {

    padding-top: 50px;
}

.responsive fieldset {

    margin-top: -40px;
}
}

@media (max-width: 415px) {
  #Make {
    margin-top: 0px !important;
  }
}
/**********************************************************
*   END @OME CLASSES
***********************************************************/

#l_zip-error {
        display:none;
    }
#applyByPhone { display:none; }
#PersonalInfo { margin-top:0; }
#ResidentialInfo { margin-top:0; }
form #l_state
{
  display: block;
}

.label_error2 {
    color: #A80012;
    font-size: clamp(10px,2vw, 13px);
    margin-top:5px;
}
form label:empty {
  display: none;
}

form label
{
  display: block;
  font-size: 16px;
  width: 100%;
}
form label ~ div
{
  margin-left: 0;
  padding-left: 0;
}
form input[type='text'], form input[type='email'], form select, form #l_homephone, form #HousingPayment input, form #EmploymentIncome input, form #otherIncome input, form #lfi_employerphone, form #lfi_ssn, form .three {
    font-size: 16px !important;
    line-height: 20px !important;
    height: 40px !important;
    padding-left: 5px;
    padding-right: 5px;
}
form #HousingPayment input, form #EmploymentIncome input, form #otherIncome input {
    padding-left: 20px;
}
form #Zip label {
  width: auto !important;
  right: 0 !important;
}
form #Zip div
{
  margin-left: 0 !important;
}
form #Zip input
{
  width: 100%;
}
form #Zip
{
  width: 49%;
}
form #submitButton
{
  margin-top: 20px;
  margin-bottom: 20px;
}
#EmploymentType, form #TimeWithEmployer, form #otherIncome
{
  width: 100% !important;
  left:0 !important;
}
form #EmployerName, form #Occupation, form #EmployerPhone, form #EmployerZip
{
  width: 100%;
}
#HomePhone
{
  margin-bottom: 10px;
}


@media screen and (max-width: 400px){
    
    #SSN label {
    margin-top:30px;
  }
}


/*form #BackButtonInput
{
  background: none !important;
  border-radius: 5px;
  width: 45%;
  font-size: 20px;
  height: 41px;
  line-height: 41px;
  margin: 0 auto;
  display: block;
  border: 1px solid #629a36;
  color: #629a36;
  font-weight: bold;
  margin-bottom: 20px;
}*/
form #EmploymentType, form #TimeWithEmployer, form #EmploymentIncome, form #otherIncome {
    bottom: auto;
}

form #TCPA p
{
  padding-top: 20px;
}

.consent-partner-check {
    accent-color: grey;
    height: inherit;
    vertical-align: middle;
}

form #State {
    vertical-align: top;
}


/*TRADE-IN INPUTS last gua page*/
form #DoYouHaveaTradeIn label {
  margin: 5px 0;
}
form #DoYouHaveaTradeInInputs {
  width: 99%;
  display: flex;
  gap: 10px;
}
form #DoYouHaveaTradeInInputs input {
  display: none;
}
form #trade-in-yes:checked + label, form #trade-in-no:checked + label, form #trade-in-maybe:checked + label {
  color: white;
  background: #8fafc2;
}
form #DoYouHaveaTradeInInputs label {
  background: transparent;
  border: 1px solid #8fafc2;
  border-radius: 4px;
  margin: auto;
  text-align: center;
  padding: 5px 15px;
  width: 33%;
  align-self: center;
  justify-content: space-between;
}
form #Privacy {
    margin-top: 15px;
}
/*//TRADE-IN INPUTS last gua page*/

/*form #validatorbtn
{
  display: block;
    width: 45%;
    height: 41px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 35px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    font-family: 'Lato';
    background: #ffb200;
    background: -moz-linear-gradient(top, #ffb200 0%, #ff8a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb200), color-stop(100%,#ff8a00));
    background: -webkit-linear-gradient(top, #ffb200 0%,#ff8a00 100%);
    background: -o-linear-gradient(top, #ffb200 0%,#ff8a00 100%);
    background: -ms-linear-gradient(top, #ffb200 0%,#ff8a00 100%);
    background: linear-gradient(to bottom, #ffb200 0%,#ff8a00 100%);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .1);
    position: relative;
    border: 0;
    outline: 0;
}


form #validatorbtn:hover {
    background: #629a36; }
  
@media screen and (max-width: 1070px) {
  form #validatorbtn {
    width: 45%;
  } 
}

form #validatorbtn {
    width: 45%;
}

@media screen and (max-width: 800px) {
  form #validatorbtn {
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  .responsive #validatorbtn {
    width: 100%;
    font-size: 14px;
  }
}





.progressed {
    width: 25% !important;
}

.progressed1 {
    width: 25% !important;
}

.progressed2 {
    width: 50% !important;
}

.progressed3 {
    width: 75% !important;
}

.progressed4 {
    width: 100% !important;
}


/* co-buyer widget styles */


#lfi_otherincomesource,#otherIncome  {
  display:none;
}

.no-hide {
  display:block !important;
}

.val {
  border: #7d7d7d solid 1px !important;
}

form #Zip, form #EmploymentIncome {
    width: 49%;
    margin: 3px 1% 60px 0;
    float: left;
    display: inline-block;
    left: 0;
    z-index: 100;
  }

  @media screen and (max-width: 800px) {
      form #Zip, .responsive #EmploymentIncome {
      width: 49%;
      margin: 3px 1% 60px 0;
      float: left;
      display: inline-block;
      left: 0;
    }
  }

  /* typ animation styles - Bars */

 #typloadcontain{
     display: none;
     visibility: hidden;
}

 #dttyploadcontain{
    display: block;
    visibility: visible;
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 999;
    max-width: 645px;
    background: #fff;
    margin: 0 auto;
    min-height: 300px;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
}

/*
 #dttyploadcontain{
     display: block;
     visibility: visible;
      text-align: center;
     position:fixed;
      height: 100%;
      width: 100%;
     top: 0;
        left: 0;
    z-index: 999;
}
*/

#dttypMloading p {
    font-size: 16px;
    text-align: center;
}

#dttypMloading {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 80px;
        text-align: center;
        top: 100px;
    }
#dttypMloading .barcontainer {
    width: 200px;
    height: 12px;
    border: 1px #cbcbcb solid;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    text-align: left;
}

#barprogress {
    max-width: 90%;
    height: 10px;
    border-radius: 5px;
    text-align: left;
    background: #ACDD6C;
    animation-name: wide;
      animation-duration: 4.0s;
      animation-timing-function: linear;
     
}

.barfinish {
    animation-name: wider !important;
      animation-duration: 4.0s !important;
      animation-timing-function: linear !important;
    max-width: 100% !important;
}

@keyframes wide {
      from {
        width: 1%;
        transform: scale(1);
      }
      to {
        width: 90%;
        transform: scale(1);
      }
    }

@keyframes wider {
      from {
        width: 90% !important;
        transform: scale(1);
      }
      to {
        width: 100% !important;
        transform: scale(1);
      }
    }


@media screen and (max-width: 800px) {
     #dttyploadcontain{
     display: none;
     visibility: hidden;
    }
    
    #typloadcontain{
        display: block;
        visibility: visible;
        position:absolute;
      height: 100%;
      width: 100%;
     top: 0;
     z-index: 999;
        max-width: 645px;
        background: #fff;
        margin: 0 auto;
    }

    #typMloading {
        position: relative;
        margin: 0 auto;
        width: 90px;
        height: 80px;
        text-align: center;
        top: 100px;
    }

    #typMloading ul { 
        margin: 0; 
       padding: 0;
    }
    #typMloading ul li { 
      display: inline-block;
      width: 16px; 
      height: 64px;
      background: #ACDD6C;
      border: 1px solid #ACDD6C;
      box-sizing: border-box;
      margin-right:8px;
      opacity: 0.2;
       list-style: none;
    }

    #typMloading li:nth-child(1) {
        animation-name: anim;
        animation-duration: .7s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    #typMloading li:nth-child(2) {
        animation-name: anim;
        animation-duration: .7s;
        animation-delay: .1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    #typMloading li:nth-child(3) {
        animation-name: anim;
        animation-duration: .7s;
        animation-delay: .3s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }                           

    @keyframes anim {
      from {
        opacity: 1;
        transform: scale(1.1);
      }
      to {
        opacity: 0.2;
        transform: scale(1);
      }
    }
}
@media screen and (max-width: 811px) {
.application-wrapper .heading {
    margin-top: 20% !important;
}
}

.typhide {display: none!important}

footer, #copyright {
  position: relative;
}

#BankruptcyDischarged {
    visibility: hidden;
    display: none;
}

#BankruptcyDischarged.showdis{
    visibility: visible;
    display: block;
}