.desktop-only {
    display: block;
  }

  @media (max-width : 800px) {
    .desktop-only {
      display: none;
    }
  }

  #my-dropzone {
    padding: 1.25rem 0 0.875rem; border: 1px dashed #E8E8E8; background-color: #F6F6F6; border-radius: 0.5rem; width: 100%;color: #000000 !important; text-decoration: none;
  }

  .dropzone .dz-preview.dz-image-preview {
    background: transparent;
  }

  .unifi-card-nowrap {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: none;
    background-color: #fff;
    background-clip: border-box;
    border: 1pxsolidrgba(0,0,0,.125);
    border-radius: 0.25rem;
  }


  .unifi-calc {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: none;
    background-color: #fff;
    background-clip: border-box;
    border: 1pxsolidrgba(0,0,0,.125);
    border-radius: 0.25rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .successmsg {
    font-size: 10px;
  }

  #alertsuccessdiv {
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
  }

  #alerterrordiv {
    color: #cf212a;
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
  }

  div .errormsg {
    display: inline-block;
    clear: both;
    color: #cf212a;
    font-size: 10px;
  }

   div .standard-spacing-line {
    padding: auto;
    padding-top: 20px;
    width: 100%;
  }



  .credit-commitment h4 { font-size: 1rem; font-weight: 500; margin-bottom: 0.3125rem;}
  .credit-commitment-dates { font-size: 0.875rem; font-weight: 400; color: #808080; margin-bottom: 1.0625rem; }
  .credit-commitment-excluded { color: #E23D2D; margin-top: 1rem; font-style: italic; }

  .tab-pane { padding-top: 1.375rem; }
  .your-loan, .reloan-basic { margin-bottom: 1rem; border-bottom: 1px solid #E8E8E8; padding-right:  10px; /* padding-bottom: 1rem; */ }
  .reloan-basic { padding-bottom: 1rem; }
  .your-loan-terms ul {list-style-type:none; list-style-position: inside; padding-left: 0; }
  .your-loan-terms p, .your-loan-terms li { font-size: 0.75rem }
  .your-loan:last-child { border-bottom: 1px solid transparent; }

  .your-loan-headers { font-size: 0.875rem; margin-bottom: 1rem; }
  .reloan-basic .your-loan-headers { font-size: 0.75rem; margin-bottom: 1.5rem; }

  .your-loan-values { font-size: 1rem; font-weight: 700; color: var(--Sage, #60C3AD); }
  .reloan-basic .your-loan-values { font-weight: 500; color: #000; }


  .your-loan-fees {font-size: 0.875rem; color: #666666}

  .btn-link { text-decoration: none; padding-right: 0; padding-left: 0; color: #60C3AD; }
  .btn-light { font-size: 1rem; font-weight: 500; border-radius: 6.25rem; margin:0; border-color: #F6F6F6; background-color: #F6F6F6; color: #000; padding: 0.75rem 2rem; }
  .btn-darker { font-size: 1rem; font-weight: 500; border-radius: 6.25rem; margin:0; border-color: #A6A6A6; background-color: #A6A6A6; color: #fff; padding: 0.75rem 2rem; }
  .btn-offers {text-decoration: none; color: #3E3E3E !important; font-weight:500 !important; border: none; line-height: 1.25;}
  .btn-offers:hover { color: #A6A6A6 !important; }
  .btn-offers img {margin-right:  1.5rem}

  .btn-otp {font-size: 0.875rem; text-decoration: none; color: #3E3E3E !important; font-weight:500 !important; border: none; line-height: 1.25;}
  .btn-otp:hover { color: #A6A6A6 !important; }
  .btn-otp img {margin-right:  0.75rem}

  .btn-secondary-calc { border-radius: 0.5rem; margin:0; width: 50%; border-color: #E8E8E8; background-color: #F6F6F6; color: #000; padding: 0.75rem 0.75rem; }
  .btn-secondary-calc:hover, .btn-light:hover {border-color: #38AC9C; background-color: rgba(35,195,173,0.8); color: #fff;}


  .btn-secondary-switch { border-radius: 0.5rem; margin:0; width: 50%; border-color: #E8E8E8; background-color: #F6F6F6; color: #000; padding: 0.75rem 0.75rem; height: 4rem;}
  .btn-secondary-switch:hover, .btn-light:hover {border-color: #38AC9C; background-color: rgba(35,195,173,0.8); color: #fff;}


  .btn-trueid { color: #60C3AD; border-color: #F6F6F6; background-color: #F6F6F6; border-radius: 0.5rem; font-weight: 500; font-style: italic; font-size: 0.875rem; padding: 1.5625rem 0 1.375rem; margin-bottom: 5.25rem }
  .btn-autowidth { width: auto !important; }
  .btn-fullwidth { width: 100%; }




  #personalInformationOne .card.card-info h4 { margin-bottom:0; }
  #personalInformationOne .card.card-info p { line-height: 20px }

  .btn-dark { font-size: 1rem; margin-bottom: 1rem; border-radius: 0.5rem; color: #000 !important; background-color: #F6F6F6; border-color: #F6F6F6; font-weight: 500 !important; }
  .btn-dark:hover {border-color: #38AC9C; background-color: rgba(35,195,173,0.8); color: #fff !important;}
  .btn-check:focus+.btn-dark, .btn-dark:focus {
      color: #fff;
      background-color: rgba(35,195,173,0.8);
      border-color: #38AC9C;
      box-shadow: none;
  }

  .btn-check:active+.btn-secondary-calc,
  .btn-check:checked+.btn-secondary-calc,
  .btn-secondary-calc.active,
  .btn-secondary-calc:active,
  .show>.btn-secondary-calc.dropdown-toggle { color: #fff;background-color: rgba(35,195,173,0.8);border-color: #38AC9C;}


  .btn-check:active+.btn-secondary-switch,
  .btn-check:checked+.btn-secondary-switch,
  .btn-secondary-switch.active,
  .btn-secondary-switch:active,
  .show>.btn-secondary-switch.dropdown-toggle { color: #fff;background-color: rgba(35,195,173,0.8);border-color: #38AC9C;}

  .proof-of-income-btns .btn-primary,
  .proof-of-income-btns .btn-secondary-calc { width: 100%;  }
  .buttons-switch .btn:nth-child(2) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .buttons-switch .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .buttons-switch.btn-switch-login .btn:nth-child(2) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .buttons-switch.btn-switch-login .btn:nth-child(4) { border-radius: 0; }
  .buttons-switch.btn-switch-login .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

  .btn-full-width { width: 100%; }

  @media only screen and (min-width: 767px) {
      .credit-commitment h4 { font-size: 1.25rem; margin-bottom: 0.5rem;}
      .credit-commitment-dates { font-size: 1rem; margin-bottom: 1.5rem; }
      .btn-credit-less, .btn-credit-less, .btn-excluded-less { font-size: 1rem; }
      .btn-dark { margin-bottom: 1rem; border-radius: 0.5rem; font-size: 1.125rem; }
      .btn-light { font-size: 1rem; border-radius: 6.25rem;  padding: 0.75rem 3.5625rem; }
      .btn-primary { font-size: 1rem; border-radius: 6.25rem;  padding: 0.75rem 3.5625rem; }
      .btn-secondary-calc { font-size: 1rem; border-radius: 6.25rem;  padding: 0.75rem 3.5625rem; }
      .btn-secondary-swicth { font-size: 1rem; border-radius: 6.25rem;  padding: 0.75rem 3.5625rem; }
      .btn-secondary { font-size: 1rem; border-radius: 6.25rem;  padding: 0.75rem 3.5625rem; }
      .your-loan-terms p, .your-loan-terms li { font-size: 0.875rem }
  }

  @media (min-width: 992px) {
    footer { margin-top: 90px; }
  }

  #pills-your-loan-tab, #pills-can-get-tab { height: 100%; }

  .btn-file-action{
  margin-top: 20px;

  }



  /* li:first-child {
    border: 2px solid orange;
    margin-bottom: 1px;
}

li:last-child{
      border: 2px solid orange;
    margin-bottom: 1px;
} */


  .tab-unifi.nav-pills .nav-link.nav-arrow {
    position: relative;
    width:100%;
    background-color: #d0797c;
    color: white;
    border-radius:0;
    max-width: 100%;
    font-size: 1rem;
    font-weight: 500;
    background-color: rgba(208,121,124,1);
  }

  .tab-unifi.nav-pills .nav-link.active {
    background-color: #60C3AD;
  }
  .tab-unifi.nav-pills #pills-can-get-tab.nav-link.nav-arrow > span {font-weight: 700}

  /* arrows for tabs buttons */
  .tab-unifi.nav-pills .nav-link.nav-arrow.active:after,
  .tab-unifi.nav-pills .nav-link.nav-arrow.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .tab-unifi.nav-pills .nav-link.nav-arrow.active:after {
    border-color: rgba(35,195,173,0);
    border-top-color: rgba(35,195,173,1);
    border-width: 10px;
    margin-left: -10px;
  }

  .btn-accept, .btn-decline { width: auto; }
  .fancy-line {
    line-height: 0.5;
    text-align: center;
    margin: 1.3125rem 0;width: 100%; max-width: 100%;
  }
  .fancy-line span {
    display: inline-block;
    position: relative;
  }
  .fancy-line span:before,
  .fancy-line span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #E8E8E8;
    top: 50%;
    width: 243px;
  }
  .fancy-line span:before {
    right: 100%;
    margin-right: 15px;
  }
  .fancy-line span:after {
    left: 100%;
    margin-left: 15px;
  }

  .loader {
    margin: auto;
    border: 20px solid #EAF0F6;
    border-radius: 50%;
    border-top: 20px solid #60C3AD;
    width: 200px;
    height: 200px;
    animation: spinner 4s linear infinite;
  }

  @keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .fancy-line {
    line-height: 0.5;
    text-align: center;
    margin: 1.3125rem 0 2.3125rem 0;width: 100%; max-width: 100%;
  }
  .fancy-line span {
    display: inline-block;
    position: relative;
  }
  .fancy-line span:before,
  .fancy-line span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #E8E8E8;
    top: 50%;
    width: 243px;
  }
  .fancy-line span:before {
    right: 100%;
    margin-right: 15px;
  }
  .fancy-line span:after {
    left: 100%;
    margin-left: 15px;
  }

  .body-calc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    background-image: none;
    background-size: cover;
    background-color: transparent;
    padding-top: 0;
    margin: 0;
  }


  .collapsible-quote-afford {
    cursor: pointer;
    padding: 0;
    width: 100%;
    text-align: left;
    outline: none;
    margin:0;
    outline: none;
  }



  .content-quote-afford {
    padding: 18px 0;
    display: none;
    overflow: hidden;
  }

  input[type='checkbox'], input[type='radio'] { filter: grayscale(1) }

  a {
    color: #60C3AD;
  }

.card-unifi-form hr { margin: 1.5rem 0 2.375rem; }
.card-unifi-form.unifi-login hr { margin: 0.6875rem 0 2.75rem; }
.card-header { padding: 2.125rem 1.4375rem 1.5rem 1.4375rem;background-color: rgba(255,255,255,1);border-bottom: 1px solid rgba(255,255,255,1); }

body.wizardyourloan .card-header { padding: 2.8125rem 1.4375rem 2.5625rem 1.4375rem;}
.step-num {width: 2rem; height: 2rem; border-radius: 50%; background-color: rgba(35, 195, 173, 0.8); color: white; margin-right: 1.125rem; font-size: 0.875rem;}


.card-login
{
max-width: 250px;
}


.loan-calculator {
  margin: 0 0 0 0;
}