#icalc, #icalc * {
  box-sizing:border-box!important;
  font: normal 14px 'Open Sans', sans-serif;
  padding:0; margin:0;
}


#icalc {
  margin: 40px auto;
  max-width:1070px;
  border: none;
  overflow: auto;
}


#icalc > div { float:left; padding:20px;}
@media (min-width: 768px) {
  #icalc > div { min-height: 365px;}
}


#icalc .left-part { width:55%; border-right: none;}
#icalc .left-part h2 { font: 800 36px 'Open Sans', sans-serif; letter-spacing: -0.5px; line-height: 50px; }
#icalc .left-part .fields { overflow: auto; }
#icalc .left-part .fields label { float: left; margin-right:20px; }
#icalc .left-part .fields label span { display:block; margin-bottom:5px; }
#icalc .left-part .fields label .amount { position: relative; }
#icalc .left-part .fields label .amount input { margin-left:30px; min-width:150px; }
#icalc .left-part .fields label .amount:before { content: '\00a3'; position: absolute; top:0; left: 0; width: 30px; height:33px; line-height: 33px; text-align: center; background: #444; color: #fff; }
#icalc .left-part .fields label *:not(span) { padding:5px; }
#icalc .left-part .credit-score label span { display:block; margin:20px 0 5px 0; }
#icalc .left-part .credit-score label div { border: 1px solid #A9A9A9; overflow: auto; }
#icalc .left-part .credit-score label div a { display: block; width:20%; float: left; line-height: 31px; text-align: center; background: #fff; }
#icalc .left-part .credit-score label div a:hover { background: #888; color: #fff; cursor: pointer; }
#icalc .left-part .credit-score label div a.active { background: #444; color: #fff; cursor: pointer; }
#icalc .left-part .credit-description { margin-top:20px; font-size:13px;background: #fff;padding: 10px;border-radius: 3px;}
#icalc .left-part .credit-info-page:not(.active) { display:none; }


#icalc .right-part { width:45%; background: #444;color: #fff;}
#icalc .right-part h3 { font: 600 28px 'Open Sans', sans-serif; letter-spacing: -0.5px; line-height: 50px; }

#icalc .right-part .breakdown * { font-size: 16px; line-height:33px; }
#icalc .right-part .breakdown div { border-bottom: 1px solid #5D5D5D; overflow: auto; width: 100%; }
#icalc .right-part .breakdown div span:first-of-type { float: left; }
#icalc .right-part .breakdown div span:last-of-type { float:right; text-align: right; font-weight: 700; }

#icalc .right-part .green-button { background: #70b215; margin-top:20px; border-radius: 10px; }
#icalc .right-part .green-button span { width:50%; display:block; float:left; text-align:center; }

#icalc .right-part .green-button .repay { font-size: 22px; padding: 10px 40px; }
#icalc .right-part .green-button .repay-amount { font-size: 42px; font-weight:700; padding: 10px; }

#icalc .right-part .green-button a {
  clear:left; background: #8CC63D;display: block;line-height: 60px;text-align: center;font-size: 22px;
  font-weight: 700; border-radius: 0 0 10px 10px;
}
#icalc .right-part .green-button a:hover { background: #fff; color:#444; cursor: pointer; }


@media (max-width:992px) {
  #icalc > div { float:none; width:100%!important; }
  #icalc .left-part { border-right: 1px solid #BBB; }
}