#product-comparison {

  font-size: 16px;
  font-family: 'Roboto';
  text-align: left;
  color: #2a3153;

}

#property-form h2 {
  font-size: 22px;
  font-weight: 600;
  font-family: 'Roboto';
  text-align: left;
  color: #0f1991;
}



.afg-input-header {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Roboto';
  text-align: left;
  color: #2a3153;
}

#finishProductEnquiry {
  font-family: Roboto, Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0f1991;
  background-color: #00e8ba;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #00e8ba;
  border-radius: 50px 50px 50px 50px;
  padding: 12px 24px;
  cursor: pointer;
}

.calcpadding {
  padding-top: 15px!important;
}

#product-comparison #loading {
text-align: center;
}

.enquire, .afg-row .submit  {
  font-family: Roboto, Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0f1991!important;
  background-color: #00e8ba!important;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #00e8ba!important;
  border-radius: 50px 50px 50px 50px;
  padding: 5px 20px;
  cursor: pointer;
}

.afg-table-header div {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto';
    text-align: center;
    color: #2a3153;
}

.afgFhbFlag {
  width: 20px!important;
 height: 20px!important;

}

.afg-input input, .questions-input input {
  display: inline-block;
  width: 100%;
 /* max-width: 500px; */
  height: 40px;
  padding: 9px 10px;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  color: #33475b !important;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  background-color: #f5f8fa;
}

table#products tbody tr.successfulHomeloan {
  background-color: #C4FFCD;
}

#state {
  text-align: center;
}

/**
 * Product Table
 */
#products .afg-row {
  border-bottom: 1px solid #CCC;
}

.lender, .intrRate, .comparRate, .monthlyRepayments {
  cursor: pointer;
}

/**
 * Div Grid Formatting
 */
.afg-row {
  width: 100%;
  margin: 0 -10px 0 -10px;
  display: inline-block;
  padding-top: 10px;
}

.afg-col-1, .afg-col-2, .afg-col-3, .afg-col-4, .afg-col-6, .afg-col-12, .afg-col-auto {
  float: left;
  padding: 0 10px 0 10px;
  position: relative;
}

.afg-col-1 {
  width: 8.33333333%;
  display: inline-block;
}

.afg-col-2 {
  width: 16.66666667%;
  display: inline-block;
}

.afg-col-3 {
  width: 25%;
  display: inline-block;
}

.afg-col-4 {
  width: 33.33333333%;
  display: inline-block;
}

.afg-col-6 {
  width: 49%;
  display: inline-block;
}

.afg-col-12 {
  width: 100%;
  display: inline-block;
}

.afg-col-auto {
  width: auto;
  display: inline-block;
}

/**
 * Radio Button Formatting
 */
.btn-radio {
  list-style-type: none;
  word-wrap: normal;
  padding: 0;
}

.btn-radio label, .btn-radio input {
  display: block;
  position: relative;
}

.btn-radio input[type="radio"], .btn-radio input[type="checkbox"] {
  opacity: 0.0;
  z-index: 100;
display: none;
}

.parsley-type,
.parsley-required {
 color: #ff006C;
}

.btn-radio input[type="radio"]:checked+label, .btn-radio input[type="checkbox"]:checked+label {
  background: #00e8ba;
  border: 1px solid #00e8ba;
  color: #0f1991;
}

.btn-radio label {
  padding: 5px 15px;
  border: 1px solid #cbd6e2;
  cursor: pointer;
  z-index: 90;
  background-color: #f5f8fa;
  border-radius: 2px;
  font-size: 14px;
}

.btn-radio label:hover {
  background: #f7f7f7;
}

#lenderProductName {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
  padding: 10px 0px;
}

#privacy p {
    font-size: 10px;
}

#privacy label {
    font-size: 12px;
}

.product-input-hide {
  display: none;
}

@media screen and (max-width:767px) {

  /* Product Comparison Tool Responsive */
  #product-comparison-parameters .afg-col-1,
  #product-comparison-parameters .afg-col-2,
  #product-comparison-parameters .afg-col-3,
  #product-comparison-parameters .afg-col-4,
  #product-comparison-parameters .afg-col-6,
  #product-comparison-parameters .afg-col-12,
  #property-form .afg-col-1,
  #property-form .afg-col-2,
  #property-form .afg-col-3,
  #property-form .afg-col-4,
  #property-form .afg-col-6,
  #property-form .afg-col-12 {
    width: 100%;
    padding-top: 0px !important;
  } 

  #product-rows .afg-col-1,
  #product-rows .afg-col-2 {
    width: 50% !important;
  }

  #product-rows .afg-col-2.lender-item {
    width: 100% !important;
  }

  div#lenderProductName {
    text-align: center;
  }

  .heading-mobile {
    margin-top: 0px;
  }

  #ongoingFeesCycle {
    min-height: auto;
  } 

  #product-rows .afg-row input#next {
    margin-top: 15px !important;
  }

  #state {
    padding: 0;
}


#finishProductEnquiry {
    width: 100%;
}





#product-comparison-parameters .afg-col-3 {
    width: auto !important;
}

}