.page-break {
  page-break-before: always;
}

@page {
  margin: 100px !important;
}

.modal-body {
  min-height: 50px;
}

.modal-dialog {
  margin-top: 200px !important;
}

#result {
  display: none;
}

.summary-table-inner td {
  border-left: 0px !important;
  border-right: 0px !important;
  text-align: right;
  border-bottom: 0px solid #dee2e6 !important;
}

.loan-schedule-table {
  text-align: center;
}

th {
  padding: 10px;
  /* border: 1px solid #ccc; */
}

th.summ-first {
  line-height: 40px;
}

td {
  padding: 10px;
  /* border: 1px solid #ccc; */
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 0px solid #dee2e6;
}

th#emirowhead {
  width: 100%;
  vertical-align: bottom;
}

table.table.loan-summary-table .form-control:disabled,
.form-control[readonly] {
  text-align: left;
}

.button-container {
  display: flex;
  padding: 0;
  gap: 24px;
  margin-top: 64px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  padding: 48px;
}

.qdb-logo {
  margin-bottom: 48px;
}

.result-title {
  font-family: Mukta;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 118.182% */
  letter-spacing: -0.88px;
  padding-bottom: 24px;
}

@media (max-width: 576px) {
  .button-container {
    margin-top: 24px;
  }

  .qdb-logo {
    margin-bottom: 24px;
  }

  .wrapper {
    padding: 48px 20px 40px;
  }
}

.loan-calc-button {
  height: 54px;
  padding: 16px 32px;
  border-radius: 32px;
  background: #009483;
  margin: 0;
}

.clearbutton {
  height: 54px;
  background: #fff;
  color: #009483;
  border: 1px solid #009483;
  margin: 0;
}

.clearbutton:hover {
  background-color: #00bca6;
  border-color: #00bca6;
  color: #fff;
}

.download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 80px 48px;
}

.download-button button {
  height: 54px;
  padding: 16px 32px;
  border-radius: 32px;
  background: #009483;
  margin: 0;
}

.ms-fullWidth {
  float: left !important;
  width: 100% !important;
}

table.table.loan-schedule-table tr,
td,
th {
  border-bottom: 1px solid #ccc;
}

tbody#resultRow .table td,
.table th {
  text-align: left;
}

tbody#resultRow table.table.loan-schedule-table tr,
td,
th {
  border-bottom: 0px solid #ccc;
  text-align: right;
}

tbody#resultRow table.table.loan-schedule-table tr,
td:nth-child(1) {
  border-bottom: 0px solid #ccc;
  text-align: center;
}

tbody#resultRow table.table.loan-schedule-table tr,
td:nth-child(2) {
  border-bottom: 0px solid #ccc;
  text-align: start;
}

tbody#resultRow td:first-child {
  text-align: center;
}

tbody#resultRow td:nth-child(2) {
  text-align: start;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent !important;
  opacity: 1;
  border: 1px solid #ced4da;
}

table.table.loan-summary-table .form-control:disabled,
.form-control[readonly] {
  text-align: left;
  border: 1px solid #d4d7e1;
}

.loan-summary tr {
  border: 0px !important;
}

@media (min-width: 320px) and (max-width: 575.98px) {
  .ms-fullWidth {
    float: left !important;
    width: 100% !important;
  }
  .button-container {
    flex-direction: column;
  }
  .download-button {
    margin-bottom: 64px;
  }
}

#ui-datepicker-div {
  display: none;
}