/* payment Calculator */
.paymentCalculator {
background-color: #f2f4f6;
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: 0.1em;
margin-bottom: 22px;
font-size: 31px;
color: #334150;
}

.paymentCalculator .price  #emiAmount  {
background:#fff;
padding:0px 10px;
}
.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{
right:30% !important;
z-index: 999999;
}
.paymentCalculator .form-label {
font-size: 12px;
font-weight: 100;
position: absolute;
right: 20px;
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-left: 0px !important;
padding: 29px 10px 3px 0px;
color: #212121 !important;
font-size: 16px;
}
.input-group-addon:first-child {
border-right: 1px solid #ccc !important;
}
::placeholder {
color: #7f8fa4 !important;
opacity: 1;
font-weight: 600;
}
.paymentCalculator .input-group .form-control{
border-right: 0px;
box-shadow: unset;
padding-right: 6px;
padding-top: 29px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 56px;
font-size: 16px;
color: #212121;
padding-bottom: 3px;
}
.paymentCalculator .form-control {
border-radius: 4px;
padding-top: 30px;
padding-bottom: 3px;
text-align: right !important;
height: 56px;
font-size: 16px;
color: #212121;
}

/* down payment */
.paymentCalculator .downPayment .downPaymet_percentage {
border-right: 1px solid #ccc !important;
border-left: 0px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding-left: 0px;
padding-right: 11px;
}

.downPayment .input-group-addon {
border-right: 0px !important;
}
.paymentCalculator .downPayment .downPaymet_amount {
padding-left: 8px;
}
/* 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-left: 12px;
  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: justify;
}

.breakDownTable
{
  margin-top:20px;
}
.breakDownLabel
{
  text-align: right;
  font-size: 13px;
  line-height: 2.5em;
}
.breakDownValue
{
  text-align:left;
  font-size: 13px;
  line-height: 2.5em;
}
.breakDownLabelTwo
{
  text-align: right;
  font-size: 13px;
  line-height: 2.5em;
  font-weight: bold;
}
.breakDownValueTwo
{
  text-align: left;
  font-size: 13px;
  line-height: 2.5em;
  font-weight: bold;
}
#breakDownTableData .line {
    width: 100%;
    height: 1px;
    border: 1px solid #e6e6e6;
}