/* AMORTISATION TABLE */

.ammortisation-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: center;
  margin-top: -55px;
}

.table-cell-header-width {
  margin-top: 10px;
}

.hide-on-narrow {
  display: table-cell;
}

.show-on-narrow {
  display: none;
}

.rectangle {
  width: 100%;
  height: 40px;
  background: linear-gradient(-136deg, var(--color-optimly-main-blue) 0%, var(--color-optimly-light-blue) 100%);
  border-radius: 4px;
  padding: 10px 0;
}

.repayment-table-header,
.repayment-table-header.mobile {
  height: 60px;
}

.repayment-table-header th {
  text-transform: uppercase;
}

.even-row {
  background-color: #f2f2f2;
}


.ammortisation-table-header,
.ammortisation-table-header.mobile {
  height: 60px;
}

.ammortisation-table-header.mobile {
  display: none;
}

.ammortisation-table th,
.ammortisation-table td {
  padding: 8px 0;
  border: 0 solid #ddd;
  white-space: nowrap;
}

.ammortisation-table th {
  text-align: center;
  padding: 10px 0 0;
  font-weight: 400;
  letter-spacing: 0.125px;
  color: white;
  font-size: 12px;
}

.ammortisation-table-mobile-header {
  display: none;
}

.ammortisation-table .even-row {
  background-color: #f9f9f9;
}

.ammortisation-table .highlighted-month {
  background-color: var(--color-optimly-yellow);
  border-radius: 10px;
}

.ammortisation-table .start-balance {
  text-align: center;
}

.ammortisation-table .end-balance {
  text-align: right;
}

.ammortisation-table .month,
.ammortisation-table .interest,
.ammortisation-table .payment,
.ammortisation-table .overpayment {
  text-align: center;
}

.end-balance {
  border-radius: 0 5px 5px 0;
}

.month {
  border-radius: 5px 0 0 5px;
  width: 30px;
}

.hide-date {
  display: none;
}

.result-table-row {
  height: 50px;
}

.calculator-button.growth-button {
  width: 30%;
}

.calculator-button.growth-button2 {
  width: 25%;
}

.hide-in-table {
  display: none;
}

/* --- Media Queries --- */

@media (max-width: 450px) {
  .ammortisation-table th {
    font-size: 10.5px;
  }
}