.grecaptcha-badge{
  display: none;
}
.calculator-form-wrapper {
  display: flex;
}

.calculator-form-wrapper.exchange_1031{
  border: 1px solid #ccc;
  border-bottom: 8px solid #ff0000;
  align-items: center;
}

.calculator-form-wrapper.exchange_1031 .image-wrapper {
  width: 100%;
}

.calculator-form-wrapper.exchange_1031 .form-wrapper {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}

.calculator-form-wrapper.exchange_1031 .exchange-reminder-result span{
  color: #2f8ae5;
  font-size: 18px;
}

.calculator-form-wrapper.exchange_1031 .form-field label {
  font-weight: 800;
}

.calculator-form-wrapper.exchange_1031 .form-wrapper .form-wrapper.reminder-form-wrapper{
  padding: 0px;
}

.calculator-form-wrapper.exchange_1031 .form-wrapper .form-wrapper.reminder-form-wrapper .title label{
  color:#2f8ae5;
}

.calculator-form-wrapper .reminder-form-wrapper{
  width: 100%;
}

.calculator-form-wrapper .form-wrapper{
  border: 1px solid #ccc;
  border-radius: 5px solid;
  overflow: hidden;
  margin-bottom: 10px;
}

.calculator-form-wrapper .form-wrapper h2{
  background: #f5f5f5;
  font-weight: 600;
  padding: 10px 20px;
}

.calculator-form-wrapper .form-wrapper .erow{
  padding: 8px 20px;
}

.calculator-form-wrapper #calculatorForm {
  width: 60%;
}
.calculator-form-wrapper #calculatorForm input {
  font-size: 16px;
  padding: 10px 12px;
}

.calculator-form-wrapper .cashflow-result {
  width: 40%;
}
.cashflow-result .result-holder .erow,
#calculatorForm .erow {
  display: flex;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

#calculatorForm .ecol-2 .form-field {
  width: 50%;
}

#calculatorForm .erow .form-field {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

#calculatorForm .erow .form-field:last-child {
  padding-right: 0px;
}
.result-holder h2,
#calculatorForm h2 {
  font-size: 18px;
  font-weight: 400;
}

.cashflow-result {
  padding: 0px 20px;
}

.cashflow-result .result-holder {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.cashflow-result .result-holder h2{
  padding: 10px 20px;
  background: #f5f5f5;
  font-size: 22px;
}

.cashflow-result .result-holder .erow{
  padding: 8px 20px;
  margin-bottom: 0px;
}

.cashflow-result .revenue-result {
  display: flex;
  width: 100%;
}
.cashflow-result .revenue-result label:first-child {
  width: 70%;
  font-weight: 600;
}
.cashflow-result .revenue-result label:last-child {
  width: 30%;
  font-weight: 600;
}

.cashflow-result .revenue-result .result{
  width: 30%;
}

.revenue-status {
  background: #f5f5f5;
  border-top: 3px solid #274486;
  padding: 20px;
  margin-top: 40px;
}

.calculator-form-wrapper label {
  font-weight: 300;
  font-size: 16px;
}

.calculator-form-wrapper .form-field label{
  font-weight: 600;
} 

.calculator-form-wrapper .title label {
  font-weight: 400;
}

.calculator-form-wrapper label span {
  font-size: 14px;
}

.revenue-result label:first-child {
  text-align: left;
}
.revenue-result label:last-child {
  text-align: right;
}

.result-holder .erow {
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 15px;
}

.button-field .btn-submit {
  margin-top: 40px;
}

.calculator-form-wrapper #exchangeReminderForm,
.calculator-form-wrapper #leaseCalculatorForm,
.calculator-form-wrapper #leaseExpirationForm{
  width: 100%;
}

.calculator-form-wrapper #exchangeReminderForm .form-wrapper .erow,
.calculator-form-wrapper #leaseCalculatorForm .form-wrapper .erow{
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.calculator-form-wrapper #leaseCalculatorForm .form-wrapper .erow .form-field{
  width: 100%;
}

.calculator-form-wrapper #exchangeReminderForm .form-wrapper .erow .form-field:nth-child(2),
.calculator-form-wrapper #leaseCalculatorForm .form-wrapper .erow .form-field:nth-child(2){
  padding-left: 10px;
}

.calculator-form-wrapper #exchangeReminderForm .form-wrapper,
.calculator-form-wrapper #leaseExpirationForm .form-wrapper{
  border: none;
}

.calculator-form-wrapper #exchangeReminderForm .form-field label,
.calculator-form-wrapper #leaseCalculatorForm .form-field label,
.calculator-form-wrapper #leaseExpirationForm .form-field label{
  display: block;
  margin-bottom: 5px;
}

.calculator-form-wrapper #leaseCalculatorForm .form-field{
  margin-bottom: 10px;
}

.calculator-form-wrapper #exchangeReminderForm .form-field{
  width: 100%;
}

.calculator-form-wrapper #exchangeReminderForm .form-field input,
.calculator-form-wrapper #leaseCalculatorForm .form-field input,
.calculator-form-wrapper #leaseExpirationForm .form-field input{
  width: 100%;
  box-sizing: border-box;
}

#leaseCalculatorForm .result-wrapper{
  background-color: darkolivegreen;
  color: #fff;
  padding: 20px;
}

.calculator-form-wrapper #exchangeReminderForm .form-field .btn-submit,
.calculator-form-wrapper #leaseExpirationForm .form-field .btn-submit {
  background: rgb(47,138,229);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  width: auto;
  padding: 20px 79px;
}

.form-field.response .success {
  background: green;
  color: #fff;
  padding: 10px;
}

.form-field.response .error {
  background: red;
  color: #fff;
  padding: 10px;
}

.form-field.response .processing {
  background: orange;
  color: #fff;
  padding: 10px;
}

#baloon-payment-calculator {
  display: flex;
  width: 100%;
  gap: 20px;
}

#baloon-payment-calculator .form-wrapper {
  width: 100%;
}

#baloon-payment-calculator .form-field label {
  display: block;
}

#baloon-payment-calculator .form-field input {
  width: 100%;
  box-sizing: border-box;
}

.ui-widget-content{
  height: auto !important;
}

@media screen and (max-width: 756px) {
  #baloon-payment-calculator {
      flex-direction: column;
  }
}

@media screen and (max-width: 736px) {
  .calculator-form-wrapper {
    flex-direction: column;
  }

  .calculator-form-wrapper #calculatorForm,
  .calculator-form-wrapper .cashflow-result {
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .calculator-form-wrapper #exchangeReminderForm .form-wrapper .erow,
  .calculator-form-wrapper #leaseCalculatorForm .form-wrapper .erow{
    display: flex;
    flex-direction: column;
  }
  
  .calculator-form-wrapper #exchangeReminderForm .form-wrapper .erow .form-field:nth-child(2),
  .calculator-form-wrapper #leaseCalculatorForm .form-wrapper .erow .form-field:nth-child(2){
    padding-left: 0px;
  }
}