/* payment Calculator */
.paymentCalculator {
background-color: #f2f2f2;
border-radius: 12px;
}
.paymentCalculator .title{
font-size: 24px;
font-weight: bold;
color: #505033;
margin-bottom: 25px;
}
.paymentCalculator .estimatedPayment{
font-size: 14px;
font-weight: normal;
color: #7f8fa4;
}
.paymentCalculator .panel{
box-shadow: 0 2px 14px 0 rgb(51 65 80 / 10%) !important;
border: solid 2px #e1e8ee;
border-radius: 5px;
}
.paymentCalculator .panel-body {
padding: 30px 17px;
}
.paymentCalculator .price {
width: 100%;
text-align: center;
border-bottom: 2px solid #1492e6;
line-height: 0em;
margin-bottom: 22px;
font-size: 31px;
color: #334150;
}

.paymentCalculator .price #emiAmount {
background:#fff;
padding:0 10px;
font-weight: bold;
}
span#perMonth{
  font-size: 22px;
}
.paymentCalculator .showBreakDown .dropdown{
margin-top: 15px;
}
.paymentCalculator .showBreakDown .dropdown-toggle {
font-size: 14px;
font-weight: 600;
color: #1492e6;
text-decoration: none;
}
.paymentCalculator .showBreakDown .dropdown-menu{
left:30% !important;
z-index: 999999;
}
.paymentCalculator .form-label {
font-size: 13px;
font-weight: 100;
position: absolute;
left: 25px;
z-index: 99999;
color: #555;
top: 0px;
opacity: 0.9;
letter-spacing: 0.3px;
margin-top: 4px;
}
.paymentCalculator .input-group-addon {
  background-color: #fff !important;
  border-right: 0px !important;
  padding: 29px 0px 3px 11px;
  color: #212121 !important;
  font-size: 14px;
  font-weight: 100;
}
::placeholder {
color: #7f8fa4 !important;
opacity: 1;
font-weight: 600;
}
.paymentCalculator .input-group .form-control{
  border-left: 0px;
      box-shadow: unset;
      padding-left: 6px;
      padding-top: 27px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      height: 56px;
      font-size: 14px;
      color: #212121;
      padding-bottom: 3px;
      font-weight: 300;
}
.paymentCalculator .form-control {
    border-radius: 4px;
      padding-top: 30px;
      padding-bottom: 3px;
      text-align: left !important;
      height: 56px;
      font-size: 14px;
      color: #212121;
      font-weight: 100;
}

/* down payment */
.paymentCalculator .downPayment .downPaymet_percentage {
border-left: 1px solid #ccc !important;
border-right: 0px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
padding-right: 0px;
padding-left: 11px;
}
.paymentCalculator .downPayment .downPaymet_amount {
padding-right: 10px;
}
.downPayment .input-group-addon {
border-left: 0px !important;
}
/* Eof: down payment */
.paymentCalculator .loanMonths {
margin-bottom: 15px;
}
.paymentCalculator .loanMonths label{
cursor: pointer;
border: 1px solid #bdbdbd;
background-color: #fff;
font-size: 14px;
padding: 9px 21px;
margin-right: 16px;
color: #212121;
text-align: center;
position: relative;
font-weight: normal;
border-radius: 4px;
}
.paymentCalculator .loanMonths input[type=radio] {
display: none;
}
.paymentCalculator .loanMonths input[type=radio]:checked+label {
background-color: #ff5a5f;
border-color: #ff5a5f;
color: #fff;
}
.paymentCalculator .loanMonths label:last-child {
margin-right: 0px;
}
.paymentCalculator .text{
color: #212121;
font-size: 12px;
padding: 16px 20px 40px;
text-align: left;
}
.breakDownTable
{
  margin-top:20px;
}
.breakDownLabel
{
  text-align: left;
  font-size: 13px;
  line-height: 2.5em;
}
.breakDownValue
{
  text-align:right;
  font-size: 13px;
  line-height: 2.5em;
}
.breakDownLabelTwo
{
  text-align:left;
  font-size: 13px;
  line-height: 2.5em;
  font-weight: bold;
}
.breakDownValueTwo
{
  text-align:right;
  font-size: 13px;
  line-height: 2.5em;
  font-weight: bold;
}
#breakDownTableData .line {
    width: 100%;
    height: 1px;
    border: 1px solid #e6e6e6;
}