/* !Calculators - J */
.table-light {
  --bs-table-bg: #fff;
}

.tooltip {
  --bs-tooltip-color: #000;
  --bs-tooltip-bg: #f0d793;
}

.calculator-slider i.fa-info-circle {
  color: #c99b1d;
}

.calculator-slider input[type=number],
.calculator-slider input[type=number]::-webkit-outer-spin-button,
.calculator-slider input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.calculator-slider .form-control:focus,
.calculator-slider .form-control:active,
[class*="calculator-slider-"] .form-control:focus,
[class*="calculator-slider-"] .form-control:active {
  border-color: #000000;
  box-shadow: none;
}

.calculator-slider .form-range,
[class*="calculator-slider-"] .form-range {
  touch-action: none;
}

.calculator-slider .form-range::-ms-thumb,
[class*="calculator-slider-"] .form-range::-ms-thumb {
  background-color: #910B03;
  box-shadow: none;
}

.calculator-slider .form-range::-moz-range-thumb,
[class*="calculator-slider-"] .form-range::-moz-range-thumb {
  background-color: #910B03;
  box-shadow: none;
  cursor: pointer;
}

.calculator-slider .form-range::-webkit-slider-thumb,
.calculator-slider .form-range:focus::-webkit-slider-thumb,
.calculator-slider .form-range::-webkit-slider-thumb:active,
[class*="calculator-slider-"] .form-range::-webkit-slider-thumb,
[class*="calculator-slider-"] .form-range:focus::-webkit-slider-thumb,
[class*="calculator-slider-"] .form-range::-webkit-slider-thumb:active {
  background-color: #910B03;
  box-shadow: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: calc((-1.3rem + 0.5rem) / 2);
}

.calculator-slider .form-range::-moz-range-thumb,
.calculator-slider .form-range:focus::-moz-range-thumb,
.calculator-slider .form-range::-moz-range-thumb:active,
[class*="calculator-slider-"] .form-range::-moz-range-thumb,
[class*="calculator-slider-"] .form-range:focus::-moz-range-thumb,
[class*="calculator-slider-"] .form-range::-moz-range-thumb:active {
  background-color: #910B03;
  box-shadow: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: calc((-1.3rem + 0.5rem) / 2);
}

@media (max-width: 767.98px) {
  .calculator-slider .form-range::-webkit-slider-thumb,
  .calculator-slider .form-range:focus::-webkit-slider-thumb,
  .calculator-slider .form-range::-webkit-slider-thumb:active,
  [class*="calculator-slider-"] .form-range::-webkit-slider-thumb,
  [class*="calculator-slider-"] .form-range:focus::-webkit-slider-thumb,
  [class*="calculator-slider-"] .form-range::-webkit-slider-thumb:active {
    width: 2rem;
    height: 2rem;
  }
}

@media (max-width: 991.98px) {
  .calculator-slider .form-range::-webkit-slider-thumb,
  .calculator-slider .form-range:focus::-webkit-slider-thumb,
  .calculator-slider .form-range::-webkit-slider-thumb:active,
  [class*="calculator-slider-"] .form-range::-webkit-slider-thumb,
  [class*="calculator-slider-"] .form-range:focus::-webkit-slider-thumb,
  [class*="calculator-slider-"] .form-range::-webkit-slider-thumb:active {
    width: 1.8rem;
    height: 1.8rem;
    margin-top: calc((-1.8rem + 0.5rem) / 2);
  }

  .calculator-slider .form-range::-moz-range-thumb,
  .calculator-slider .form-range:focus::-moz-range-thumb,
  .calculator-slider .form-range::-moz-range-thumb:active,
  [class*="calculator-slider-"] .form-range::-moz-range-thumb,
  [class*="calculator-slider-"] .form-range:focus::-moz-range-thumb,
  [class*="calculator-slider-"] .form-range::-moz-range-thumb:active {
    width: 1.8rem;
    height: 1.8rem;
    margin-top: calc((-1.8rem + 0.5rem) / 2);
  }
}

.calculator-slider .input-group input[type="text"],
[class*="calculator-slider-"] .input-group input[type="text"] {
  padding: 8px 10px;
}

.calculator-slider .results-wrapper,
[class*="calculator-slider-"] .results-wrapper {
  min-width: 251.5px;
  border-left: #c2c2c2 1px solid;
}

.calculator-slider .results-wrapper h4,
[class*="calculator-slider-"] .results-wrapper h4 {
  font-size: 1rem;
}

@media (max-width: 991.98px) {
  .calculator-slider .results-wrapper,
  [class*="calculator-slider-"] .results-wrapper {
    border-left: none;
    border-top: #c2c2c2 1px solid;
  }
}

@media (min-width: 576px) {
  .calculator-slider .input-group,
  [class*="calculator-slider-"] .input-group {
    min-width: 8rem;
    max-width: 10rem;
  }
}

.calculator-table {
  vertical-align: middle;
  text-align: center;
}

.calculator-table thead {
  background-color: #910B03;
}

.calculator-table tbody {
  background-color: var(--bs-table-bg);
}

.calculator-table th,
.calculator-table td {
  padding: .75rem;
}

.calculator-table th {
  vertical-align: middle;
  color: #fff;
  background-color: #910B03;
}

.calculator-table tr th:first-child,
.calculator-table tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 1;
	border-inline-end: none;
  border-right: 0 hidden;
  border-left: 0 hidden;
}

.calculator-table tr th:first-child::after,
.calculator-table tr td:first-child::after {
	content: '';
	position: absolute;
	inset-block-start: 0;
	inset-inline-end: 0;
  border-right: 1px solid #e9ecef;
	height: 100%;
}

.calculator-table tr th:nth-child(2),
.calculator-table tr td:nth-child(2) {
  border-left: 0px;
  box-shadow: 0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.25) inset;
}

.calculator-table tr.table-active td {
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}

.rate-table .tab-content {
  display: grid;
}

.rate-table .tab-pane.fade,
.rates-tabpanes-table .tab-pane.fade {
  grid-column: 1;
  grid-row: 1;
}

/* FD #fdratesdate */
#fdratesdate {
  align-self: flex-end;
}

/* FD Promo */
.fd-promo .calculator-table tr th.deposit-amt {
  min-width: 170px;
}

.fd-promo *[id^="how_to_apply"] > ul {
  padding-left: 1.5rem;
}

.fd-promo *[id^="digital_fund_sa"] img.check {
  max-width: 1.2rem;
}

.fd-promo *[id^="digital_place_online"] .icon img {
  max-width: 60px;;
  padding-right: .5rem;
}

@media (min-width: 768px) {
  .fd-promo *[id^="digital_place_online"] .icon img {
    max-width: 100px;;
  }
}

.fd-promo *[id^="digital_place_online"] .timeline-sep > div:nth-child(1) {
  width: 3px;
  height: 3rem;
  background-color: #A10023;
}

.fd-promo *[id^="digital_place_online"] .timeline-sep > div:nth-child(2) {
  width: .7rem;
  height: .7rem;
  margin-top: -.35rem;
  border-radius: 100%;
  background-color: #A10023;
}

.fd-promo *[id^="digital_place_online"] .timeline-sep > div:nth-child(3) {
  width: 3px;
  height: 100%;
  margin-top: -.35rem;
  background-color: #A10023;
}

.fd-promo *[id^="digital_place_online"] .txt-content {
  width: 65%;
  padding-left: .5rem;
}

/* Fixed Deposit */
.fd .senior-control {
  opacity: 0;
}

/* FSA */
.fsa th.acc-bal,
.fsa th.fast {
  min-width: 11.5rem;
  width: 12.5rem;
}

/* Car Loan */
@media (min-width: 992px) and (max-width: 1399.98px) {
  .carloan .duration-control > .d-flex:first-of-type {
    flex-direction: column;
  }

  .carloan .duration-control .input-group.years,
  .carloan .duration-control .input-group.months {
    width: 100%;
    max-width: none;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
}

@media (max-width: 575.98px) {
  .carloan .duration-control > .d-flex:first-of-type {
    flex-direction: column;
  }

  .carloan .duration-control .input-group.years,
  .carloan .duration-control .input-group.months {
    width: 100%;
    max-width: none;
  }
}

/* HDB Home Loan & Private Property Loan */
.me50 ul.nav.nav-tabs,
.ppl ul.nav.nav-tabs,
.hhl ul.nav.nav-tabs {
  margin-top: 0;
  z-index: auto;
  margin-bottom: 0;
  border-bottom: none;
  border-radius: unset;
  box-shadow: none;
  background-color: unset;
  position: static;
}

.me50 ul.nav.nav-tabs li.nav-item,
.ppl ul.nav.nav-tabs li.nav-item,
.hhl ul.nav.nav-tabs li.nav-item {
  width: auto;
}

.me50 ul li,
.me50 ol li,
.ppl ul li,
.ppl ol li,
.hhl ul li,
.hhl ol li {
  padding: unset;
}

.me50 ul.nav.nav-tabs li button.nav-link,
.me50 ul.nav.nav-tabs li a.nav-link,
.ppl ul.nav.nav-tabs li button.nav-link,
.ppl ul.nav.nav-tabs li a.nav-link,
.hhl ul.nav.nav-tabs li button.nav-link,
.hhl ul.nav.nav-tabs li a.nav-link {
  width: auto;
  padding: 8px 16px;
  font-weight: 500;
  color: initial;
  position: static;
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)) !important;
  text-align: left;
}

.me50 ul.nav.nav-tabs .nav-link
.ppl ul.nav.nav-tabs .nav-link,
.hhl ul.nav.nav-tabs .nav-link {
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-bottom: rgb(222, 226, 230) solid 1px;
  transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color 0s ease-in-out;
}

.me50 ul.nav.nav-tabs li.nav-item::after,
.me50 ul.nav.nav-tabs li.nav-item .nav-link:hover::after,
.me50 ul.nav.nav-tabs li.nav-item:first-child::after,
.ppl ul.nav.nav-tabs li.nav-item::after,
.ppl ul.nav.nav-tabs li.nav-item .nav-link:hover::after,
.ppl ul.nav.nav-tabs li.nav-item:first-child::after,
.hhl ul.nav.nav-tabs li.nav-item::after,
.hhl ul.nav.nav-tabs li.nav-item .nav-link:hover::after,
.hhl ul.nav.nav-tabs li.nav-item:first-child::after {
  content: unset;
}

.me50 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover,
.ppl .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover,
.hhl .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.me50 ul.nav.nav-tabs .nav-link.active,
.me50 ul.nav.nav-tabs li.nav-item .nav-link.active,
.ppl ul.nav.nav-tabs .nav-link.active,
.ppl ul.nav.nav-tabs li.nav-item .nav-link.active,
.hhl ul.nav.nav-tabs .nav-link.active,
.hhl ul.nav.nav-tabs li.nav-item .nav-link.active {
  color: #82001c;
  font-weight: 600;
  border: rgb(222, 226, 230) solid 1px;
  border-bottom: none;
}

.me50 .nav-link:focus-visible,
.ppl .nav-link:focus-visible,
.hhl .nav-link:focus-visible {
  box-shadow: none;
}

.me50 ul.nav.nav-tabs li.nav-item .nav-link.active::after,
.ppl ul.nav.nav-tabs li.nav-item .nav-link.active::after,
.hhl ul.nav.nav-tabs li.nav-item .nav-link.active::after {
  content: none;
}

.me50 .btn-group>.btn-group:not(:first-child),
.me50 .btn-group>:not(.btn-check:first-child)+.btn,
.ppl .btn-group>.btn-group:not(:first-child),
.ppl .btn-group>:not(.btn-check:first-child)+.btn,
.hhl .btn-group>.btn-group:not(:first-child),
.hhl .btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: 0;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .me50 .package-control .btn-group.d-flex,
  .ppl .package-control .btn-group.d-flex,
  .hhl .package-control .btn-group.d-flex {
    flex-direction: column;
  }

  .me50 .package-control .btn-group.d-flex label.btn:first-of-type,
  .ppl .package-control .btn-group.d-flex label.btn:first-of-type,
  .hhl .package-control .btn-group.d-flex label.btn:first-of-type {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
  }

  .me50 .package-control .btn-group.d-flex label.btn:last-of-type,
  .ppl .package-control .btn-group.d-flex label.btn:last-of-type,
  .hhl .package-control .btn-group.d-flex label.btn:last-of-type {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  }
}

@media (max-width: 575.98px) {
  .me50 .package-control .btn-group.d-flex
  .ppl .package-control .btn-group.d-flex
  .hhl .package-control .btn-group.d-flex {
    flex-direction: column;
  }

  .me50 .package-control .btn-group.d-flex label.btn:first-of-type,
  .ppl .package-control .btn-group.d-flex label.btn:first-of-type,
  .hhl .package-control .btn-group.d-flex label.btn:first-of-type {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
  }

  .me50 .package-control .btn-group.d-flex label.btn:last-of-type
  .ppl .package-control .btn-group.d-flex label.btn:last-of-type
  .hhl .package-control .btn-group.d-flex label.btn:last-of-type {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  }

  .me50.rates-tabpanes-table .packages.btn-group,
  .ppl.rates-tabpanes-table .packages.btn-group,
  .hhl.rates-tabpanes-table .packages.btn-group {
    display: flex;
    flex-direction: column;
  }

  .me50.rates-tabpanes-table .packages.btn-group label.btn:first-of-type,
  .ppl.rates-tabpanes-table .packages.btn-group label.btn:first-of-type,
  .hhl.rates-tabpanes-table .packages.btn-group label.btn:first-of-type {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

  .me50.rates-tabpanes-table .packages.btn-group label.btn:last-of-type,
  .ppl.rates-tabpanes-table .packages.btn-group label.btn:last-of-type,
  .hhl.rates-tabpanes-table .packages.btn-group label.btn:last-of-type {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  }
}