.form-row {
  margin-bottom: 18px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 24px !important;
  align-items: center !important;
}
input[type="number"] {
  width: 90px !important;
  padding: 2px 4px !important;
  font-size: 1em !important;
}
select {
  font-size: 1em !important;
  padding: 2px 4px !important;
}
.calc-btn,
.clear-btn,
.print-btn {
  margin-top: 20px !important;
  border: none !important;
  font-size: 1.2em !important;
  padding: 8px 32px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}
.calc-btn {
    color: #fff !important;
    background: #2586e5 !important;
}
.clear-btn,
.print-btn {
      color: #333 !important;
    background: #f5f5f5 !important;
}
#result {
  margin-top: 36px !important;
}
.loan-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fafcff !important;
  margin-bottom: 30px !important;
}
.loan-table th, .loan-table td {
  border: 1px solid #dde4eb !important;
  padding: 6px 8px !important;
  text-align: right !important;
}
.loan-table th {
  background: #e3f1fd !important;
  font-weight: bold !important;
}
.loan-table td.left, .loan-table th.left {
  text-align: left !important;
}
.loan-table tfoot td {
  background: #f4f7fa !important;
  font-weight: bold !important;
}
#additionalRates input {
  width: 70px !important;
  margin: 0 2px !important;
}
#additionalRates label {
  margin-right: 12px !important;
}
table.loan-table td{
    font-size: .7rem !important;
}