/* Pricer Page */
@font-face {
  font-family: "NotoSansBuhid-Regular";
  src: url("/assets/fonts/NotoSansBuhid-Regular.ttf");
}
@font-face {
  font-family: "AzoSans-Medium";
  src: url("/assets/fonts/AzoSans-Medium.otf");
}
/* custom_scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#header {
  padding: 10px 0 !important;
}

main.pricer {
  position: relative;
  top: 0;
  min-height: calc(100vh - 205px);
}

#scrollbar-lite {
  max-height: 697px;
  overflow-y: auto;
  overflow-x: hidden;
}

#divAcctExeccution .select-items {
  min-width: -webkit-fill-available;
}

.no-banner-main {
  margin-top: 0px !important;
}

.input-legend {
  width: 20px;
  height: 20px;
  background: #CADAEE;
  border: 2px solid #97b6df;
}

p {
  margin-bottom: 0;
}

.output-legend {
  width: 20px;
  height: 20px;
  background: #EED9AE;
  border: 2px solid #c9b176;
}

.bg-blue {
  background-color: #CADAEE !important;
}

.get-btn button {
  margin-bottom: 6px !important;
}

.export-btns .btn-w {
  min-width: 130px;
  margin-right: 10px;
}

.pricer-page {
  padding-top: 4px;
  padding-bottom: 10px;
  /* The container must be positioned relative: */
  line-height: 14px;
  font-size: 11px;
  font-family: "NotoSansBuhid-Regular", sans-serif;
  /* Table */
  /* Scroll bar */
}
.pricer-page .market-container {
  background-color: #f8f9fc;
  margin: 0;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.pricer-page .market-container .card {
  background-color: white;
  border-radius: 10px;
  padding: 40px;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.pricer-page .market-container .card h2 {
  color: #dc3545;
  font-weight: bold;
  margin: 15px 0 10px;
  font-size: 24px;
}
.pricer-page .market-container .card p {
  color: #333;
  margin: 8px 0;
}
.pricer-page .market-container .error-code {
  margin-top: 15px;
  font-size: 12px;
  color: #6c757d;
}
.pricer-page .market-container .warning-icon {
  font-size: 28px;
  color: #ffc107;
}
.pricer-page .market-container a:hover {
  color: #f17527;
}
.pricer-page .container-fluid {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.pricer-page form {
  padding: 0px !important;
  border: unset !important;
  border-radius: unset !important;
}
.pricer-page .custom-select-prepay, .pricer-page .custom-select-propery, .pricer-page .custom-select-atype, .pricer-page .custom-select-dtype, .pricer-page .custom-select-bstype, .pricer-page .custom-select-ptype,
.pricer-page .custom-select-occType, .pricer-page .custom-select-atermtype, .pricer-page .custom-select-purposetype, .pricer-page .custom-select-valuationtype, .pricer-page .custom-select-state, .pricer-page .custom-select-htype,
.pricer-page .custom-select-ceventtype, .pricer-page .custom-select-citizentype, .pricer-page .custom-select-employmenttype, .pricer-page .custom-select-firsttimehomebuyertype, .pricer-page .custom-select-paymenttype,
.pricer-page .custom-select-servicingtype, .pricer-page .custom-select-locktermtype, .pricer-page .custom-select-locktype, .pricer-page .custom-select-compensationtype, .pricer-page .custom-select-accexec {
  position: relative;
}
.pricer-page .custom-select-prepay select, .pricer-page .custom-select-propery select, .pricer-page .custom-select-atype select, .pricer-page .custom-select-dtype select, .pricer-page .custom-select-bstype select, .pricer-page .custom-select-ptype select,
.pricer-page .custom-select-occType select, .pricer-page .custom-select-atermtype select, .pricer-page .custom-select-purposetype select, .pricer-page .custom-select-valuationtype select, .pricer-page .custom-select-state select, .pricer-page .custom-select-htype select,
.pricer-page .custom-select-ceventtype select, .pricer-page .custom-select-citizentype select, .pricer-page .custom-select-employmenttype select, .pricer-page .custom-select-firsttimehomebuyertype select, .pricer-page .custom-select-paymenttype select,
.pricer-page .custom-select-servicingtype select, .pricer-page .custom-select-locktermtype select, .pricer-page .custom-select-locktype select, .pricer-page .custom-select-compensationtype select, .pricer-page .custom-select-accexec select {
  display: none; /*hide original SELECT element: */
}
.pricer-page .custom-select-prepay .select-selected, .pricer-page .custom-select-propery .select-selected, .pricer-page .custom-select-atype .select-selected, .pricer-page .custom-select-dtype .select-selected, .pricer-page .custom-select-bstype .select-selected, .pricer-page .custom-select-ptype .select-selected,
.pricer-page .custom-select-occType .select-selected, .pricer-page .custom-select-atermtype .select-selected, .pricer-page .custom-select-purposetype .select-selected, .pricer-page .custom-select-valuationtype .select-selected, .pricer-page .custom-select-state .select-selected, .pricer-page .custom-select-htype .select-selected,
.pricer-page .custom-select-ceventtype .select-selected, .pricer-page .custom-select-citizentype .select-selected, .pricer-page .custom-select-employmenttype .select-selected, .pricer-page .custom-select-firsttimehomebuyertype .select-selected, .pricer-page .custom-select-paymenttype .select-selected,
.pricer-page .custom-select-servicingtype .select-selected, .pricer-page .custom-select-locktermtype .select-selected, .pricer-page .custom-select-locktype .select-selected, .pricer-page .custom-select-compensationtype .select-selected, .pricer-page .custom-select-accexec .select-selected {
  background-color: transparent;
  padding: 2px 4px !important;
  height: 18px;
  color: #1c3454;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 146px;
}
.pricer-page .custom-select-prepay .select-selected:after, .pricer-page .custom-select-propery .select-selected:after, .pricer-page .custom-select-atype .select-selected:after, .pricer-page .custom-select-dtype .select-selected:after, .pricer-page .custom-select-bstype .select-selected:after, .pricer-page .custom-select-ptype .select-selected:after,
.pricer-page .custom-select-occType .select-selected:after, .pricer-page .custom-select-atermtype .select-selected:after, .pricer-page .custom-select-purposetype .select-selected:after, .pricer-page .custom-select-valuationtype .select-selected:after, .pricer-page .custom-select-state .select-selected:after, .pricer-page .custom-select-htype .select-selected:after,
.pricer-page .custom-select-ceventtype .select-selected:after, .pricer-page .custom-select-citizentype .select-selected:after, .pricer-page .custom-select-employmenttype .select-selected:after, .pricer-page .custom-select-firsttimehomebuyertype .select-selected:after, .pricer-page .custom-select-paymenttype .select-selected:after,
.pricer-page .custom-select-servicingtype .select-selected:after, .pricer-page .custom-select-locktermtype .select-selected:after, .pricer-page .custom-select-locktype .select-selected:after, .pricer-page .custom-select-compensationtype .select-selected:after, .pricer-page .custom-select-accexec .select-selected:after {
  position: absolute;
  content: "";
  top: 6px;
  right: 1px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(/assets/img/select_arrow.svg);
}
.pricer-page .custom-select-prepay .select-selected.select-arrow-active:after, .pricer-page .custom-select-propery .select-selected.select-arrow-active:after, .pricer-page .custom-select-atype .select-selected.select-arrow-active:after, .pricer-page .custom-select-dtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-bstype .select-selected.select-arrow-active:after, .pricer-page .custom-select-ptype .select-selected.select-arrow-active:after,
.pricer-page .custom-select-occType .select-selected.select-arrow-active:after, .pricer-page .custom-select-atermtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-purposetype .select-selected.select-arrow-active:after, .pricer-page .custom-select-valuationtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-state .select-selected.select-arrow-active:after, .pricer-page .custom-select-htype .select-selected.select-arrow-active:after,
.pricer-page .custom-select-ceventtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-citizentype .select-selected.select-arrow-active:after, .pricer-page .custom-select-employmenttype .select-selected.select-arrow-active:after, .pricer-page .custom-select-firsttimehomebuyertype .select-selected.select-arrow-active:after, .pricer-page .custom-select-paymenttype .select-selected.select-arrow-active:after,
.pricer-page .custom-select-servicingtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-locktermtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-locktype .select-selected.select-arrow-active:after, .pricer-page .custom-select-compensationtype .select-selected.select-arrow-active:after, .pricer-page .custom-select-accexec .select-selected.select-arrow-active:after {
  border-color: transparent transparent #1e3253 transparent;
  top: 2px;
}
.pricer-page .custom-select-prepay .select-items div, .pricer-page .custom-select-propery .select-items div, .pricer-page .custom-select-atype .select-items div, .pricer-page .custom-select-dtype .select-items div, .pricer-page .custom-select-bstype .select-items div, .pricer-page .custom-select-ptype .select-items div,
.pricer-page .custom-select-occType .select-items div, .pricer-page .custom-select-atermtype .select-items div, .pricer-page .custom-select-purposetype .select-items div, .pricer-page .custom-select-valuationtype .select-items div, .pricer-page .custom-select-state .select-items div, .pricer-page .custom-select-htype .select-items div,
.pricer-page .custom-select-ceventtype .select-items div, .pricer-page .custom-select-citizentype .select-items div, .pricer-page .custom-select-employmenttype .select-items div, .pricer-page .custom-select-firsttimehomebuyertype .select-items div, .pricer-page .custom-select-paymenttype .select-items div,
.pricer-page .custom-select-servicingtype .select-items div, .pricer-page .custom-select-locktermtype .select-items div, .pricer-page .custom-select-locktype .select-items div, .pricer-page .custom-select-compensationtype .select-items div, .pricer-page .custom-select-accexec .select-items div {
  color: #1c3454;
  padding: 2px 4px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.pricer-page .custom-select-prepay .select-items, .pricer-page .custom-select-propery .select-items, .pricer-page .custom-select-atype .select-items, .pricer-page .custom-select-dtype .select-items, .pricer-page .custom-select-bstype .select-items, .pricer-page .custom-select-ptype .select-items,
.pricer-page .custom-select-occType .select-items, .pricer-page .custom-select-atermtype .select-items, .pricer-page .custom-select-purposetype .select-items, .pricer-page .custom-select-valuationtype .select-items, .pricer-page .custom-select-state .select-items, .pricer-page .custom-select-htype .select-items,
.pricer-page .custom-select-ceventtype .select-items, .pricer-page .custom-select-citizentype .select-items, .pricer-page .custom-select-employmenttype .select-items, .pricer-page .custom-select-firsttimehomebuyertype .select-items, .pricer-page .custom-select-paymenttype .select-items,
.pricer-page .custom-select-servicingtype .select-items, .pricer-page .custom-select-locktermtype .select-items, .pricer-page .custom-select-locktype .select-items, .pricer-page .custom-select-compensationtype .select-items, .pricer-page .custom-select-accexec .select-items {
  position: absolute;
  background-color: #ffffff;
  color: #1c3454;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 250px;
  overflow-y: auto;
  width: max-content;
  min-width: 149px;
}
.pricer-page .custom-select-prepay .select-hide, .pricer-page .custom-select-propery .select-hide, .pricer-page .custom-select-atype .select-hide, .pricer-page .custom-select-dtype .select-hide, .pricer-page .custom-select-bstype .select-hide, .pricer-page .custom-select-ptype .select-hide,
.pricer-page .custom-select-occType .select-hide, .pricer-page .custom-select-atermtype .select-hide, .pricer-page .custom-select-purposetype .select-hide, .pricer-page .custom-select-valuationtype .select-hide, .pricer-page .custom-select-state .select-hide, .pricer-page .custom-select-htype .select-hide,
.pricer-page .custom-select-ceventtype .select-hide, .pricer-page .custom-select-citizentype .select-hide, .pricer-page .custom-select-employmenttype .select-hide, .pricer-page .custom-select-firsttimehomebuyertype .select-hide, .pricer-page .custom-select-paymenttype .select-hide,
.pricer-page .custom-select-servicingtype .select-hide, .pricer-page .custom-select-locktermtype .select-hide, .pricer-page .custom-select-locktype .select-hide, .pricer-page .custom-select-compensationtype .select-hide, .pricer-page .custom-select-accexec .select-hide {
  display: none;
}
.pricer-page .custom-select-prepay .same-as-selected, .pricer-page .custom-select-propery .same-as-selected, .pricer-page .custom-select-atype .same-as-selected, .pricer-page .custom-select-dtype .same-as-selected, .pricer-page .custom-select-bstype .same-as-selected, .pricer-page .custom-select-ptype .same-as-selected,
.pricer-page .custom-select-occType .same-as-selected, .pricer-page .custom-select-atermtype .same-as-selected, .pricer-page .custom-select-purposetype .same-as-selected, .pricer-page .custom-select-valuationtype .same-as-selected, .pricer-page .custom-select-state .same-as-selected, .pricer-page .custom-select-htype .same-as-selected,
.pricer-page .custom-select-ceventtype .same-as-selected, .pricer-page .custom-select-citizentype .same-as-selected, .pricer-page .custom-select-employmenttype .same-as-selected, .pricer-page .custom-select-firsttimehomebuyertype .same-as-selected, .pricer-page .custom-select-paymenttype .same-as-selected,
.pricer-page .custom-select-servicingtype .same-as-selected, .pricer-page .custom-select-locktermtype .same-as-selected, .pricer-page .custom-select-locktype .same-as-selected, .pricer-page .custom-select-compensationtype .same-as-selected, .pricer-page .custom-select-accexec .same-as-selected {
  background-color: #2f5691;
  color: #ffffff !important;
}
.pricer-page .custom-select-prepay .select-items div:hover, .pricer-page .custom-select-propery .select-items div:hover, .pricer-page .custom-select-atype .select-items div:hover, .pricer-page .custom-select-dtype .select-items div:hover, .pricer-page .custom-select-bstype .select-items div:hover, .pricer-page .custom-select-ptype .select-items div:hover,
.pricer-page .custom-select-occType .select-items div:hover, .pricer-page .custom-select-atermtype .select-items div:hover, .pricer-page .custom-select-purposetype .select-items div:hover, .pricer-page .custom-select-valuationtype .select-items div:hover, .pricer-page .custom-select-state .select-items div:hover, .pricer-page .custom-select-htype .select-items div:hover,
.pricer-page .custom-select-ceventtype .select-items div:hover, .pricer-page .custom-select-citizentype .select-items div:hover, .pricer-page .custom-select-employmenttype .select-items div:hover, .pricer-page .custom-select-firsttimehomebuyertype .select-items div:hover, .pricer-page .custom-select-paymenttype .select-items div:hover,
.pricer-page .custom-select-servicingtype .select-items div:hover, .pricer-page .custom-select-locktermtype .select-items div:hover, .pricer-page .custom-select-locktype .select-items div:hover, .pricer-page .custom-select-compensationtype .select-items div:hover, .pricer-page .custom-select-accexec .select-items div:hover {
  background-color: #4D94FF;
  color: #ffffff !important;
}
.pricer-page input[disabled] {
  background-color: #8e9caf !important;
  border: 1px solid #8e9caf !important;
  color: #fff !important;
}
.pricer-page select[disabled] {
  background-color: #8e9caf !important;
  border: 1px solid #8e9caf !important;
  color: #fff !important;
}
.pricer-page .form-check.form-switch {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}
.pricer-page .form-check.form-switch input.form-check-input {
  cursor: pointer !important;
}
.pricer-page .form-check.form-switch input.form-check-input:checked {
  background-color: #1C3454;
  border-color: #1C3454;
}
.pricer-page .form-check.form-switch input.form-check-input:focus {
  box-shadow: none !important;
}
.pricer-page .help-button input {
  width: 150px;
}
.pricer-page .help-button .version-info {
  height: 14px;
}
.pricer-page button#btnSaveSubmission:disabled {
  background-color: #8e9caf !important;
  border: 1px solid #8e9caf !important;
  color: #fff !important;
}
.pricer-page button#btnClearSubmission:disabled {
  background-color: #8e9caf !important;
  border: 1px solid #8e9caf !important;
  color: #fff !important;
}
.pricer-page .btn-primary {
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  border: 1px solid #1C3454;
  background-color: #1C3454;
  font-size: 11px;
  line-height: 24px;
  padding: 0;
  width: 100%;
  border-radius: 4px;
}
.pricer-page .btn-secondary {
  text-align: center;
  vertical-align: middle;
  color: #1c3454;
  border: 1px solid #808080;
  background-color: #808080;
  font-size: 11px;
  line-height: 24px;
  padding: 0;
  width: 100%;
  border-radius: 4px;
}
.pricer-page .hide-section .table-responsive {
  position: relative;
}
.pricer-page .hide-section .table-responsive .output-hide {
  width: 182px;
  height: 147px;
  background: rgba(128, 128, 128, 0.6);
  position: absolute;
  top: 20px;
  right: 0;
}
.pricer-page .focusCss {
  border: 1px solid #1c3454 !important;
}
.pricer-page select.input-field {
  width: 100% !important;
  color: #1c3454 !important;
  background-color: rgba(255, 255, 255, 0.01) !important;
  border: none !important;
  background-clip: unset !important;
  line-height: unset !important;
  transition: unset !important;
  min-width: unset !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
.pricer-page select.input-field:focus {
  outline: none;
}
.pricer-page .input-field {
  width: 100%;
  min-width: 50px;
  font-size: 11px;
  font-weight: 400;
  line-height: 0;
  color: #1c3454;
  background: transparent !important;
  background-clip: padding-box;
  border: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pricer-page .input-field:focus {
  outline: none;
}
.pricer-page select.input-fielduiLock {
  width: 100% !important;
  color: #1c3454 !important;
  background-color: rgba(255, 255, 255, 0.01);
  border: none;
  background-clip: unset !important;
  line-height: unset !important;
  transition: unset !important;
  min-width: unset !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
.pricer-page select.input-fielduiLock:focus {
  outline: none;
}
.pricer-page select.input-fieldui {
  width: 100% !important;
  color: #1c3454 !important;
  background-color: rgba(255, 255, 255, 0.01) !important;
  border: none !important;
  background-clip: unset !important;
  line-height: unset !important;
  transition: unset !important;
  min-width: unset !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
.pricer-page select.input-fieldui:focus {
  outline: none;
}
.pricer-page .input-fieldui {
  width: 100%;
  min-width: 50px;
  font-size: 11px;
  font-weight: 400;
  line-height: 0;
  color: #1c3454;
  background: transparent !important;
  background-clip: padding-box;
  border: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pricer-page .input-fieldui:focus {
  outline: none;
}
.pricer-page .input-fieldtest {
  width: 100%;
  min-width: 55px;
  font-size: 11px;
  font-weight: 400;
  line-height: 0;
  color: #1c3454;
  background: transparent !important;
  background-clip: padding-box;
  border: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pricer-page .input-fieldtest:focus {
  outline: none;
}
.pricer-page textarea.input-field {
  line-height: unset !important;
}
.pricer-page .decimal-input input {
  padding-right: 16px !important;
}
.pricer-page a.close {
  color: #fff;
  font-size: 18px;
  background: #1C3454;
  border-radius: 50%;
  width: 18px;
  display: block;
  height: 18px;
}
.pricer-page a.close:hover {
  color: #fff;
}
.pricer-page .output-field {
  width: 100%;
  min-width: 50px;
  font-size: 11px;
  font-weight: 400;
  color: #000;
  background-clip: padding-box;
  border: none;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.pricer-page .radio-input {
  display: flex;
  align-items: center;
  margin: 4px;
}
.pricer-page .radio-input input:checked {
  background-color: #C38C20;
  border-color: #707070;
}
.pricer-page .radio-input label {
  padding-top: 4px;
  padding-left: 4px;
}
.pricer-page .text-red {
  color: #B60000 !important;
}
.pricer-page table.ba-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}
.pricer-page table.ba-table tr.freeze {
  top: 0;
  position: sticky;
}
.pricer-page table.ba-table tr.freeze th {
  border: 1px solid #808080;
}
.pricer-page table.ba-table tr th {
  padding: 2px 4px;
  border: 1px solid #808080;
  background: #808080;
  color: #fff;
  font-size: 11px;
}
.pricer-page table.ba-table tr td {
  padding: 0px 4px;
  border: 1px solid #808080;
  height: 18px;
}
.pricer-page table.ba-table tr td.bg-gray {
  background-color: #E1E1E1 !important;
}
.pricer-page table.ba-table tr td.bg-blue {
  background-color: #CADAEE !important;
  padding: 0 !important;
}
.pricer-page table.ba-table tr td.bg-yellow {
  background-color: #EED9AE !important;
}
.pricer-page table.ba-table tr td.b-bottom-light {
  border-bottom-color: #D9D9D9 !important;
}
.pricer-page table.ba-table tr td.bg-blue.bg-pdf {
  padding: 0 4px !important;
}
.pricer-page table.ba-table.bg-light tr td {
  background: #F2F2F2;
}
.pricer-page table.ba-table.no-border tr td {
  border: none !important;
}
.pricer-page table.ba-table.final tr td {
  padding: 0;
  border: 1px solid #000;
  text-align: center;
}
.pricer-page table.ba-table.final tr td div {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: #B60000;
  padding: 2px 4px;
}
.pricer-page table.ba-table.select-rate {
  font-family: "NotoSansBuhid-Regular", sans-serif;
}
.pricer-page table.ba-table.select-rate tr {
  cursor: pointer;
}
.pricer-page table.ba-table.select-rate tr th {
  background: #f2f2f2 !important;
  color: #595959;
  border: 1px solid #808080;
}
.pricer-page table.ba-table.select-rate tr td {
  height: 16.5px;
}
.pricer-page table.ba-table.select-rate tr.select td {
  background-color: #EED9AE;
}
.pricer-page table.preparetbl {
  white-space: nowrap;
}
.pricer-page #prepare-sec ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.pricer-page #prepare-sec ::-webkit-scrollbar-track {
  background: #ecddc0;
}
.pricer-page #prepare-sec ::-webkit-scrollbar-thumb {
  background: #ddcca8 !important;
  border-radius: 10px;
}
.pricer-page #prepare-sec:hover ::-webkit-scrollbar-thumb {
  background: #888 !important;
}
.pricer-page #prepare-sec:hover ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.pricer-page #prepare-sec .sticky-prepare {
  position: sticky;
  top: 0;
}
.pricer-page #prepare-sec .nav-tabs {
  position: sticky;
  top: 24px;
  background: #fff;
}
.pricer-page #prepare-sec .nav-tabs .nav-link {
  color: #1C3454;
}
.pricer-page #prepare-sec .nav-tabs .nav-link.active {
  background: #808080;
  border: 1px solid #808080;
  color: #fff;
}
.pricer-page #prepare-sec .cell {
  background-color: #EED9AE !important;
  white-space: nowrap;
  padding: 0 6px !important;
  border: 1px solid #808080;
  height: 22px;
  display: block;
  margin-top: -1px;
  border-left: 0;
  border-right: 0;
  overflow-x: hidden;
}
.pricer-page #prepare-sec .cell:hover {
  overflow-x: auto !important;
}
.pricer-page .prepare-set {
  display: flex;
}
.pricer-page .prepare-set .column {
  float: left;
  overflow: auto;
  border: 1px solid #808080;
}
.pricer-page .prepare-set .cell-head {
  padding: 2px 4px;
  border-top: 0;
  border-bottom: 0;
  background: #808080;
  color: #fff;
  font-size: 11px;
  height: 18px;
  display: inline-block;
  white-space: nowrap;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: hidden;
}
.pricer-page .prepare-set .cell-body {
  display: grid;
}
.pricer-page .prepare-set .cell {
  background-color: #EED9AE !important;
  white-space: nowrap;
  padding: 0 6px !important;
  border: 1px solid #808080;
  height: 22px;
  display: block;
  margin-top: -1px;
  border-left: 0;
  border-right: 0;
  overflow-x: hidden;
}
.pricer-page .prepare-set .cell:hover {
  overflow-x: auto;
}
.pricer-page .doc-type ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.pricer-page .doc-type ::-webkit-scrollbar-track {
  background: #f2f2f2;
}
.pricer-page .doc-type ::-webkit-scrollbar-thumb {
  background: #a9a6a1;
  border-radius: 10px;
}
.pricer-page .doc-type ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.pricer-page .doc-type .column {
  overflow: auto;
  border: 1px solid #808080;
}
.pricer-page .doc-type .cell-head {
  padding: 2px 4px;
  border-top: 0;
  border-bottom: 0;
  background-color: #E1E1E1 !important;
  font-size: 11px;
  height: 18px;
  display: inline-block;
  white-space: nowrap;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: hidden;
}
.pricer-page .doc-type .cell-body {
  display: grid;
}
.pricer-page .doc-type .cell {
  white-space: nowrap;
  padding: 0 6px !important;
  border: 1px solid #808080;
  height: 22px;
  display: block;
  margin-top: -1px;
  border-left: 0;
  border-right: 0;
  overflow-x: hidden;
}
.pricer-page .doc-type .cell:hover {
  overflow-x: auto;
}
.pricer-page .section-box .head {
  font-size: 13px;
  font-family: "AzoSans-Medium", sans-serif;
  background-color: #1C3655;
  border: 1px solid #1C3655;
  color: #fff;
  text-align: center;
  padding: 4px;
}
.pricer-page .section-box .body .table-responsive {
  overflow-x: unset !important;
}
.pricer-page .section-box .body .sub-box {
  border: 1px solid #808080;
}
.pricer-page .section-box .body .sub-box .sub-head {
  background-color: #808080;
  font-size: 11px;
  color: #fff;
  text-align: center;
  padding: 2px;
}
.pricer-page .section-box .body .sub-box .sub-body {
  padding: 5px;
}
.pricer-page .section-box .body .sub-box .sub-body .sub-title {
  color: #1c3454;
  font-size: 11px;
}
.pricer-page .section-box .body .sub-box .sub-body a {
  color: #1C3655;
}
.pricer-page .section-box .body .sub-box .sub-body a:hover {
  color: #1C3655;
}
.pricer-page .section-box .body .sub-box.no-border {
  border: none !important;
}
.pricer-page .section-box.border {
  border: 1px solid #808080 !important;
}
.pricer-page #switch_hide1 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.pricer-page #switch_hide1 ::-webkit-scrollbar-thumb {
  background: #fff;
}
.pricer-page #switch_hide1:hover ::-webkit-scrollbar-thumb {
  background: #888;
}
.pricer-page #switch_hide1:hover ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.pricer-page #switch_collapse2 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.pricer-page #switch_collapse2 ::-webkit-scrollbar-thumb {
  background: #fff;
}
.pricer-page #switch_collapse2:hover ::-webkit-scrollbar-thumb {
  background: #888;
}
.pricer-page #switch_collapse2:hover ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.pricer-page .pricing-matrix {
  height: 590px;
  overflow-y: auto;
  padding: 0 !important;
  margin-top: -1px;
}
.pricer-page .pricing-matrix:hover {
  overflow-y: auto;
}
.pricer-page .spinner {
  color: white; /* White text */
  padding: 6px 8px; /* Some padding */
}
.pricer-page .solutions .category-set {
  border: 1px solid #1C3454;
  border-radius: 10px;
  padding: 0 6px;
}
.pricer-page .solutions .category-set .cat-head {
  color: #1c3454;
  font-size: 14px;
  font-style: italic;
  padding: 10px 0;
}
.pricer-page .solutions .category-set.radio {
  min-height: 200px;
}
.pricer-page .content-show {
  height: 431px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
}
.pricer-page .pricing-btn-getprice {
  width: 150px;
}
.pricer-page .pricing-td-product {
  width: 130px;
}
.pricer-page .pricing-td-blue {
  width: 150px;
}
.pricer-page .pricing-label-product {
  width: 71px;
}
.pricer-page .pricing-input-compensation {
  padding-right: 4px !important;
  letter-spacing: 0.5px;
}
.pricer-page .pricing-note-finalprice {
  height: 26px;
}
.pricer-page .pricing-note-getprice {
  font-weight: bold;
}
.pricer-page .pricing-hpml-loans {
  font-weight: bold;
}
.pricer-page .pricing-td-spacer {
  width: 150px;
}
.pricer-page .pricing-td-dollar {
  width: 80px;
}
.pricer-page .pricing-td-percent {
  width: 80px;
}
.pricer-page .pricing-product-type-result {
  width: 60px;
}
.pricer-page .pricing-td-apr {
  width: 60px;
}
.pricer-page .pricing-td-fees {
  width: 60px;
}
.pricer-page .pricing-td-results {
  width: 60px;
}
.pricer-page .pricing-td-points {
  width: 70px;
  padding: 1px !important;
}
.pricer-page .pricing-td-lenderfees {
  width: 70px;
  padding: 1px !important;
}
.pricer-page .pricing-td-interest {
  padding: 1px !important;
}
.pricer-page .pricing-input-interest {
  width: 40px;
}
.pricer-page .pricing-input-property {
  width: 250px;
}
.pricer-page .pricing-input-state {
  width: 150px;
}
.pricer-page .pricing-input-zip {
  width: 60px;
}
.pricer-page .pricing-prepare-set {
  max-height: 191px;
  overflow: auto;
}
.pricer-page .pricing-column {
  width: 25%;
}
.pricer-page .pricing-property-city {
  width: 112px;
}
.pricer-page .pricing-property-td {
  width: 250px;
}
.pricer-page .pricing-state {
  width: 70px;
}
.pricer-page .pricing-state-td {
  width: 150px;
}
.pricer-page .pricing-state-zip {
  width: 60px;
}
.pricer-page .pricing-Business {
  width: 50%;
}
.pricer-page .pricing-NetIncome {
  width: 50%;
}
.pricer-page .pricing-blended {
  width: 120px;
}
.pricer-page .w-5-p {
  width: 5%;
}
.pricer-page .w-10-p {
  width: 10%;
}
.pricer-page .w-20-p {
  width: 20%;
}
.pricer-page .w-22-p {
  width: 22%;
}
.pricer-page .w-25-p {
  width: 25%;
}
.pricer-page .w-30-p {
  width: 30%;
}
.pricer-page .w-31-p {
  width: 31%;
}
.pricer-page .w-35-p {
  width: 35%;
}
.pricer-page .w-38-p {
  width: 38%;
}
.pricer-page .w-40-p {
  width: 40%;
}
.pricer-page .w-45-p {
  width: 45%;
}
.pricer-page .w-50-p {
  width: 50%;
}
.pricer-page .w-55-p {
  width: 55%;
}
.pricer-page .w-70-p {
  width: 70%;
}
.pricer-page .w-40 {
  width: 40px;
}
.pricer-page .w-65 {
  width: 65px;
}
.pricer-page .w-80 {
  width: 80px;
}
.pricer-page .pricerSubmit-100 button {
  width: 100px;
}
.pricer-page .pricerSubmit-120 input {
  width: 120px;
}
.pricer-page .w-300 {
  width: 300px;
}
.pricer-page .border-right-light {
  border-right: 1px solid #f2f2f2;
}
.pricer-page .border-left-light {
  border-left: 1px solid #f2f2f2;
}
.pricer-page .minw-52 {
  min-width: 52px;
}
.pricer-page .p-1px {
  padding: 1px !important;
}
.pricer-page .border-x-gray {
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}
.pricer-page .border-right-gray {
  border-right: 1px solid #808080;
}

#divPriceMatrixMessage {
  margin-bottom: 0 !important;
}
#divPriceMatrixMessage .pricing-matrix {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 20px !important;
  padding-top: 200px !important;
  height: 676px;
}

/* Hide and Show */
#mainDVRateValue {
  max-height: 602px;
  overflow-y: auto;
  overflow-x: hidden;
}

#incomeSection {
  display: none;
}

#blendrateSection {
  display: none;
}

/* Date Picker */
#ui-datepicker-div {
  background: #fff !important;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #1c3454;
  display: none;
}
#ui-datepicker-div .ui-datepicker-header {
  display: flex;
  margin-bottom: 6px;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev {
  background: #f2f2f2;
  border: 1px solid #1c3454;
  color: #1c3454;
  padding: 0px 8px;
  font-size: 14px;
  border-radius: 4px;
  height: 25px;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:hover {
  background-color: #1c3454;
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next {
  background: #f2f2f2;
  border: 1px solid #1c3454;
  color: #1c3454;
  padding: 0px 8px;
  font-size: 14px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 15px;
  height: 25px;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:hover {
  background-color: #1c3454;
  color: #fff;
}
#ui-datepicker-div table.ui-datepicker-calendar tr th {
  padding: 0 6px;
  background-color: #e7f2fd;
}
#ui-datepicker-div table.ui-datepicker-calendar tr td {
  padding: 0 6px;
}
#ui-datepicker-div table.ui-datepicker-calendar tr td a.ui-state-default {
  color: #1c3454;
}
#ui-datepicker-div table.ui-datepicker-calendar tr td a.ui-state-default:hover {
  background-color: #1c3454;
  color: #fff;
}

/* Pricer Footer */
#pricerFooter {
  padding: 10px 0;
}
#pricerFooter .logo {
  padding-bottom: 10px;
  padding-top: 10px;
}
#pricerFooter .logo img {
  width: 200px;
  height: auto;
}
#pricerFooter .contact {
  font-size: 14px;
}
#pricerFooter .contact a {
  font-size: 14px;
}
#pricerFooter .equal-ic {
  padding-top: 10px;
}
#pricerFooter .equal-ic img {
  width: 160px;
  height: auto;
}

.hidden-item {
  display: none !important;
}

.show-item {
  display: block;
}

/*#btnSaveSubmission {
    i {
        display: none !important;
    }
}*/
/* Alert */
.modal.error-message .modal-header h1 {
  font-size: 18px;
  color: #dc3545;
  padding-top: 4px;
  margin-bottom: 0;
}
.modal.error-message .modal-header button.btn-close {
  font-size: 14px;
}

/*spinner-border*/
.spinner-border {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50% -50%);
}

/* carousel*/
.carousel-inner .carousel-item img {
  width: 100%;
}

/* Submission */
.offcanvas.offcanvas-end {
  width: 50% !important;
  overflow-y: auto;
}
.offcanvas.offcanvas-end .section-box .head {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.offcanvas.offcanvas-end .section-box .head button.btn-close {
  background-color: #ffffff;
  padding: 6px;
  opacity: 1;
  margin-left: auto;
}
.offcanvas.offcanvas-end .section-box .offcanvas-footer {
  position: sticky;
  bottom: 0;
  background: #ffffff;
  padding: 10px;
  width: 100%;
  box-shadow: 0px -4px 20px 2px rgba(0, 0, 0, 0.35);
}

/* Export pdf */
.disclaimers {
  padding: 10px;
  margin-top: 20px;
  font-family: "NotoSansBuhid-Regular";
  line-height: 24px;
}
.disclaimers .pdf-head {
  background-color: #1c3454;
  display: flex;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
}
.disclaimers .pdf-head .logo-ba {
  max-width: 150px;
  margin-right: 30px;
}
.disclaimers .pdf-head .logo-ba img {
  max-width: 100%;
}
.disclaimers .pdf-title {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #c38c20;
  padding: 4px 10px;
  border: 2px solid #1c3454;
}
.disclaimers .pdf-body {
  font-size: 14px;
  font-weight: bold;
  background-color: #ffffff;
  padding: 10px;
  border: 2px solid #1c3454;
}
.disclaimers .pdf-body ul li {
  padding: 6px 0;
}

.BorrowerCertification {
  padding: 10px;
  margin-top: 20px;
  font-family: "NotoSansBuhid-Regular";
  line-height: 24px;
}
.BorrowerCertification .pdf-head {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: 32px;
  padding: 20px 0;
}
.BorrowerCertification .pdf-title {
  font-size: 16px;
  font-weight: bold;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.BorrowerCertification .pdf-body {
  font-size: 14px;
  color: #000000;
}
.BorrowerCertification .pdf-body ol li {
  padding: 6px 0;
}
.BorrowerCertification .pdf-body .sub-line {
  padding: 10px 0;
}
.BorrowerCertification .signature {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.BorrowerCertification .signature .sign {
  padding: 10px 0;
  border-top: 1px solid #000000;
  display: flex;
}
.BorrowerCertification .signature .sign .sign-name {
  width: 300px;
}

.anti-steering {
  padding: 10px;
  margin-top: 20px;
  font-family: "NotoSansBuhid-Regular";
  line-height: 24px;
}
.anti-steering .anti-head {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  padding-bottom: 5px;
}
.anti-steering .loan-header {
  display: flex;
  margin-top: 60px;
  margin-bottom: 15px;
  justify-content: space-between;
}
.anti-steering .loan-header .name-input {
  width: 300px;
}
.anti-steering table.anti-steering {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  border: 1px solid #000;
}
.anti-steering table.anti-steering th, .anti-steering table.anti-steering td {
  border: 1px solid #000;
}
.anti-steering table.anti-steering th, .anti-steering table.anti-steering td {
  padding: 8px;
  vertical-align: top;
}
.anti-steering table.anti-steering .option-title {
  font-weight: bold;
}
.anti-steering table.anti-steering .footer {
  font-style: italic;
  font-weight: bold;
}
.anti-steering .signature-blocks {
  margin-top: 30px;
}
.anti-steering .signature-blocks .signature-row {
  display: flex;
  margin-top: 30px;
}
.anti-steering .signature-blocks .signature-row .signature {
  text-align: left;
  margin: 0 10px;
}
.anti-steering .signature-blocks .signature-row .signature .signature-line {
  border-top: 1px solid #000;
  margin-top: 40px;
  padding-top: 3px;
  display: flex;
}
.anti-steering .signature-blocks .signature-row .signature .signature-line .sign-name {
  width: 300px;
}
.anti-steering .signature-blocks .signature-row .signature .signature-line .sign-date {
  width: 100px;
}
.anti-steering ul.anti-ste {
  margin: 10px 0 10px 30px;
}
.anti-steering ul.anti-ste li {
  margin-bottom: 5px;
}
.anti-steering ol.anti-ste {
  margin: 10px 0 10px 30px;
}
.anti-steering ol.anti-ste li {
  margin-bottom: 5px;
}

exp {
  background-color: white;
}