/*-- ===================================================
          Payment Information Form - Start
======================================================== */
.vendorapp-form-wrapper {
  padding: 5.1rem 0 5.6rem;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper {
    padding: 2.2rem 0 2.5rem;
    
  }
}

.vendorapp-form-wrapper .form-group {
  margin-bottom: 1.25rem;
}

.vendorapp-form-wrapper .form-group input[type=number]::-webkit-inner-spin-button,
.vendorapp-form-wrapper .form-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.vendorapp-form-wrapper .info-row {
  text-align: center;
  margin-bottom: 1.85rem;
}

.vendorapp-form-wrapper .info-row .primary-title {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .info-row .primary-title {
    font-size: 1.3125rem;
    margin-bottom: 1rem;
  }
}

.vendorapp-form-wrapper .info-row p {
  letter-spacing: 0.2px;
  margin-bottom: 0;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .info-row p {
    font-size: 1rem;
  }
}

.vendorapp-form-wrapper .info-row p strong {
  display: block;
}

.vendorapp-form-wrapper .sub-title {
  padding: 0;
  margin-bottom: 1.65rem;
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .sub-title {
    margin-bottom: 0.75rem;
    text-align: left;
    font-size: 1.3125rem;
  }
}

.vendorapp-form-wrapper .fieldset-wrap {
  margin-bottom: 2.45rem;
}

@media screen and (max-width: 575px) {
  .vendorapp-form-wrapper .fieldset-wrap {
    margin-bottom: 1rem;
  }
}

.vendorapp-form-wrapper .city-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  .vendorapp-form-wrapper .city-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .zip-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  .vendorapp-form-wrapper .zip-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .ref-text-col {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

@media screen and (max-width: 575px) {
  .vendorapp-form-wrapper .ref-text-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .ref-fiedset-col {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
}

@media screen and (max-width: 575px) {
  .vendorapp-form-wrapper .ref-fiedset-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .reference-text {
  margin-top: 1.8125rem;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .reference-text {
    margin-top: 0;
    font-size: 1rem;
  }
}

.vendorapp-form-wrapper .vendorapp-inner-wrapper {
  max-width: 787px;
  margin: 0 auto;
}

.vendorapp-form-wrapper .btn-row {
  margin-top: 2.625rem;
  text-align: center;
}

.vendorapp-form-wrapper .btn-row.info-btn-wrapper .next-arrow {
  float: none;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .btn-row {
    margin-top: 1rem;
  }
}

.vendorapp-form-wrapper .btn-row button.prev-arrow {
  float: left;
}

@media screen and (max-width: 540px) {
  .vendorapp-form-wrapper .btn-row button.prev-arrow {
    float: none;
    margin-top: 1rem;
    width: 100%;
    max-width: 265px;
  }
}

.vendorapp-form-wrapper .btn-row button.next-arrow {
  float: right;
}

@media screen and (max-width: 540px) {
  .vendorapp-form-wrapper .btn-row button.next-arrow {
    float: none;
    margin-top: 1rem;
    width: 100%;
    max-width: 265px;
  }
}

.vendorapp-form-wrapper .state-field {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.6%;
          flex: 0 0 20.6%;
  max-width: 20.6%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .state-field {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 567px) {
  .vendorapp-form-wrapper .state-field {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .zip-field {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.4%;
          flex: 0 0 29.4%;
  max-width: 29.4%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .zip-field {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 567px) {
  .vendorapp-form-wrapper .zip-field {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .years-operation {
  margin: 0 auto;
}

.vendorapp-form-wrapper .years-operation .form-group {
  max-width: 374px;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .years-operation .form-group {
    max-width: 100%;
  }
}

.vendorapp-form-wrapper .row-wrap {
  padding-bottom: 2rem;
}

.vendorapp-form-wrapper .col-width {
  max-width: 196px;
}

.vendorapp-form-wrapper .col-wrap {
  max-width: 660px;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .col-wrap {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .vendorapp-form-wrapper .row-wrap {
    padding-bottom: 0;
  }
}

.vendorapp-form-wrapper .error-msg {
  color: #DA0000;
  padding-top: 0.325rem;
  display: block;
  font-size: 0.875rem;
}

.vendorapp-form-wrapper .error label {
  color: #DA0000;
}

.vendorapp-form-wrapper .error .form-control {
  border-width: 2px;
  border-color: #DA0000;
  background: #FFF1F1 url(../images/error-icon.png) no-repeat 96%;
}

.vendorapp-form-wrapper .form-group label {
  color: #505455;
}

/*-- ===================================================
          Payment Information Form - End
======================================================== */