/*Scroll bar nav*/
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #faf9f8;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #D3D3D3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #A9A9A9;
}

/*Scroll bar nav*/
::-moz-scrollbar {
  width: 15px;
}

/* Track */
::-moz-scrollbar-track {
  background: #faf9f8;
}

/* Handle */
::-moz-scrollbar-thumb {
  background: #D3D3D3;
}

/* Handle on hover */
::-moz-scrollbar-thumb:hover {
  background: #A9A9A9;
}

/*Scroll bar nav*/
::-ms-scrollbar {
  width: 15px;
}

/* Track */
::-ms-scrollbar-track {
  background: #faf9f8;
}

/* Handle */
::-ms-scrollbar-thumb {
  background: #D3D3D3;
}

/* Handle on hover */
::-ms-scrollbar-thumb:hover {
  background: #A9A9A9;
}

#guideContainerForm {
  background: #e5f5ff;
}

.container{
  max-width:1184px !important;
}

@media only screen and (min-width: 1400px){

.container{
    max-width:1320px !important;
  }

} 

.container:before,
.container:after{
  display:none !important;
}

.breadcrumb{
  background: #e5f5ff !important;
  margin-bottom: 48px;
}

.subsidiary-container_description h3{
  font-size:40px;
  line-height: 48px;
  font-weight:600px;
  margin-bottom:0px;
}

@media only screen and (max-width: 991px) {
  
  .breadcrumb{
    padding:24px 24px 0px;
  }
  
  .subsidiary-container_description{
    padding:24px 24px 0px;
  }

}

@media only screen and (max-width: 767px) {
  .subsidiary-container_description h3{
     font-size: 24px;
     line-height:32px;
  }
}

.cmp-breadcrumb{
  margin-left:0px !important;
}

@media only screen and (min-width: 991px) {
  .cmp-breadcrumb{
     padding-top:32px;
     padding-bottom:32px;
  }
  .subsidiary-container_description{
     padding-top:48px;
  }
}

@media only screen and (min-width: 1024px) {
  .cmp-breadcrumb{
     margin:0px;
  }
}

/* SME modal pop up css starts */

.guideRootPanel > .gridFluidLayout2.gridFluidLayout {
  padding-left: unset;
  padding-right: unset;
}

#guideContainer-rootPanel-panel_966907918___guide-item {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow:auto;
  background: rgba(46, 46, 46, 0.6);
}

@media only screen and (max-width: 991px) {
  #guideContainer-rootPanel-panel_966907918___guide-item {
    padding-top:6.25rem;
  }
}

@media only screen and (min-width: 991px) {
  .modalPopup{
    position:fixed;
    z-index:9999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
}

#guideContainer-rootPanel-panel_966907918___guide-item .panel {
  width: 700px;
  margin: auto;
}

@media only screen and (max-width: 1024px) {
  #guideContainer-rootPanel-panel_966907918___guide-item .panel {
    width: 95%;
    margin: auto;
  }
}

.modalPopup .sme-loan-modal-header {
  padding: 12px 24px;
  background-color: #0072d8;
  border-top-left-radius: 8px;
  border-top-right-radius:8px;
}

.modalPopup
.sme-loan-modal-header
#guideContainer-rootPanel-panel_966907918-panel-guidebutton___guide-item {
width: 5%;
}

.modalPopup .sme-loan-modal-header #guideContainer-rootPanel-panel_966907918-panel-guidetextdraw___guide-item{
  width:95%;
}

@media only screen and (max-width: 991px) {
  .modalPopup .sme-loan-modal-header .guideGridFluidLayout2Container {
    display: flex;
  }

  .modalPopup
    .sme-loan-modal-header
    #guideContainer-rootPanel-panel_966907918-panel-guidebutton___guide-item {
    width: 8.333%;
  }

  .modalPopup
    .sme-loan-modal-header
    #guideContainer-rootPanel-panel_966907918-panel-guidebutton___guide-item
    span.iconButton-icon {
    padding-left: 0px;
  }
}

.modalPopup .sme-loan-modal-header .close-btn button span.iconButton-icon {
  background: url("sme-loan-calculator/resources/images/pop-up-close-icon.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.modalPopup .sme-loan-modal-header .close-btn button span.iconButton-label {
  color: #fff;
  font-weight: 400;
}

.modalPopup .sme-loan-modal-header-text p {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  padding: 12px 0px;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .modalPopup .sme-loan-modal-header-text p {
    font-size: 18px;
    line-height: 28px;
  }
}

.modalPopup .sme-loan-modal-body {
  padding: 8px 24px;
  background: #fff;
}

@media only screen and (max-width: 991px) {
  .modalPopup .sme-loan-modal-body {
    max-height: calc(100vh - 19.5rem);
    min-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

.modalPopup .sme-loan-modal-body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #2e2e2e;
}

.modalPopup .sme-loan-modal-body .italic-header p {
  font-style: italic;
  margin: 0;
}

.modalPopup .sme-loan-modal-body .guideFieldNode.guideCheckBoxGroup {
  margin-top: 0;
}

.modalPopup .sme-loan-modal-body input[type="checkbox"]{
  display:none;
}

.modalPopup .sme-loan-modal-body input[type="checkbox"] + label{
  display:inline-flex;
  align-items:center;
  user-select: none;
  gap:16px;
}

.modalPopup .sme-loan-modal-body input[type="checkbox"] + label::before{
   content:""; 
   display:inline-block;
   width:24px;
   height:24px;
   border:1px solid #99c1e7;
   border-radius:4px;
   background-repeat: no-repeat;
   background-position:center center;
   background-size:50% 50%;
   flex: 0 0 auto;
}

.modalPopup .sme-loan-modal-body input[type="checkbox"]:checked + label::before{
   background-color:#0072d8;
   background-image: url("sme-loan-calculator/resources/images/checkmark.svg");
}

.modalPopup
  .sme-loan-modal-body
  .guideCheckBoxItem
  .guideFieldWidget
  input[type="checkbox"]:checked + label:after {
  accent-color: #0072d8;
}

.modalPopup .sme-loan-modal-body .guideCheckBoxItem {
  display: flex;
  gap: 8px;
  align-items: center;
}

.modalPopup .sme-loan-modal-body .afCheckBoxItem .guideWidgetLabel label {
  font-size: 18px;
  font-weight: 400;
  line-height: 24.55px;
  cursor:pointer;
}

.modalPopup .sme-loan-modal-body .afCheckBoxItem .guideFieldWidget label {
  font-size: 18px;
  font-weight: 400;
  line-height: 24.55px;
  cursor:pointer;
}

.modalPopup .sme-loan-modal-footer {
  background-color: #f6f6f6;
  padding: 16px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius:8px;
}

.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container .fd-col-lg-1{
  width:unset;
}

.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container.fd-row:before,
.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container.fd-row:after{
  display:none;
}

@media only screen and (max-width: 550px) {

  .modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container.fd-row:after {
    display:none;
  }

.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

}

.modalPopup
  .sme-loan-modal-footer
  .guideGridFluidLayout2Container
  button
  span.iconButton-icon {
  padding-left: 0;
}

.modalPopup .sme-loan-modal-footer .guideGridFluidLayout2Container button {
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 16px;
}

.modalPopup
  .sme-loan-modal-footer
  .guideGridFluidLayout2Container
  .next-btn
  button:disabled {
  pointer-events: none;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.modalPopup
  .sme-loan-modal-footer
  .guideGridFluidLayout2Container
  .reset-btn
  button:disabled {
  pointer-events: none;
  color: #a0a0a0;
  background-color: #fff;
  border: 1px solid #a0a0a0;
}

.modalPopup
  .sme-loan-modal-footer
  .guideGridFluidLayout2Container
  .next-btn
  button {
  background-color: #0072d8;
  border: 1px solid #0072d8;
  color: #fff;
}

.modalPopup
  .sme-loan-modal-footer
  .guideGridFluidLayout2Container
  .reset-btn
  button {
  background-color: #fff;
  border: 1px solid #0072d8;
  color: #0072d8;
}

.modalPopup .afCheckBoxItem .guideWidgetLabel label {
  margin-right: 0px;
}

.modalPopup
  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0px;
}

.modalPopup .guideCheckBoxItem .guideFieldWidget input[type="checkbox"] {
  width: 24px;
  height: 24px;
}

.modalPopup
  .sme-loan-modal-body
  .fd-row.guideGridFluidLayout2Container:first-child {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modalPopup .guideCheckBoxItem {
  margin-bottom: 0px;
}

@media only screen and (max-width: 550px) {
  .modalPopup
    .sme-loan-modal-footer
    .guideGridFluidLayout2Container
    .fd-col-sm-12 {
    width: unset;
  }

  .modalPopup
  .sme-loan-modal-body
  .fd-row.guideGridFluidLayout2Container:first-child {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
}

@media only screen and (min-width: 550px) and (max-width: 991px) {
  .modalPopup
    .sme-loan-modal-footer
    .guideGridFluidLayout2Container
    .fd-col-sm-12 {
    width: unset;
  }
}
/* SME modal pop up css ends */

/* Term Loan modal pop up css starts */

#guideContainer-rootPanel-panel_1123772221___guide-item {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(46, 46, 46, 0.6);
}

#guideContainer-rootPanel-panel_1123772221___guide-item .panel {
  width: 550px;
  margin: auto;
}

@media only screen and (min-width: 991px) {
  .popupTermLoan{
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}

@media only screen and (max-width: 991px) {
  #guideContainer-rootPanel-panel_1123772221___guide-item {

    padding-top: 6.25rem;

  }
}

@media only screen and (max-width: 991px) {
  #guideContainer-rootPanel-panel_1123772221___guide-item .panel {
    width: 95%;
    margin: auto;
  }
}

.popupTermLoan .popupTermLoan__header {
  padding: 12px 24px;
  background-color: #0072d8;
  border-top-left-radius: 8px;
  border-top-right-radius:8px;
}

.popupTermLoan__header
  #guideContainer-rootPanel-panel_1123772221-panel-guidetextdraw___guide-item {
  width: 95%;
}

.popupTermLoan__header
  #guideContainer-rootPanel-panel_1123772221-panel-guidebutton___guide-item {
  width: 5%;
}

.popupTermLoan .guideTableNode table tbody td:last-of-type {
  border-top: 1px solid lightblue;
  border-bottom: 1px solid lightblue;
  border-right: 1px solid lightblue;
  border-left:none;
}

@media only screen and (max-width: 991px) {
  .popupTermLoan .popupTermLoan__header .guideGridFluidLayout2Container {
    display: flex;
  }

  .popupTermLoan
    .popupTermLoan__header
    #guideContainer-rootPanel-panel_1123772221-panel-guidebutton___guide-item {
    width: 10%;
  }
}

.popupTermLoan .popupTermLoan__header .close-btn button span.iconButton-icon {
  background: url("sme-loan-calculator/resources/images/pop-up-close-icon.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.popupTermLoan .popupTermLoan__header .close-btn button span.iconButton-label {
  color: #fff;
  font-weight: 400;
}

.popupTermLoan .popupTermLoan__header-text p {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  padding: 12px 0px;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .popupTermLoan .popupTermLoan__header-text p {
    font-size: 18px;
    line-height: 28px;
  }
}

.popupTermLoan .popupTermLoan__body {
  padding: 24px;
  background: #fff;
}

.popupTermLoan .popupTermLoan__body .popupTermLoan__body-table table {
  border: 1px solid #004ea8;
  border-radius: 8px;
  margin: unset;
  max-width: unset;
  border-collapse: unset;
}

@media only screen and (max-width: 991px) {
  .popupTermLoan
    .popupTermLoan__body
    .popupTermLoan__body-table
    table
    tbody
    tr {
    display: flex;
  }
  .popupTermLoan
    .popupTermLoan__body
    .popupTermLoan__body-table
    table
    tbody
    tr
    td {
    padding-left: unset;
  }
}

.popupTermLoan
  .popupTermLoan__body
  .popupTermLoan__body-table
  table
  tbody
  tr
  td:first-child {
  background: #004ea8;
  border-style: none;
}

.popupTermLoan
  .popupTermLoan__body
  .popupTermLoan__body-table
  table
  tbody
  tr
  td:nth-child(2) {
  background: #fff;
  border-style: none;
}

.popupTermLoan
  .popupTermLoan__body
  .popupTermLoan__body-table
  table
  tbody
  tr:nth-child(2)
  td:nth-child(2) {
  background: #e5f5ff;
  border-style: none;
}

.popupTermLoan .popupTermLoan__body-text {
  padding-right: unset;
}

.popupTermLoan .popupTermLoan__body-text p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #2e2e2e;
}

.popupTermLoan
  .popupTermLoan__body
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  margin: 0;
  padding-top: 0px;
}

.popupTermLoan .popupTermLoan__footer {
  background-color: #f6f6f6;
  padding: 16px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius:8px;
}

.popupTermLoan
  .popupTermLoan__body
   table
   tbody
  tr td:first-of-type .guideFieldNode .guideFieldLabel.top label{
margin:0px;
}

.popupTermLoan .popupTermLoan__body table tbody tr td:first-of-type .guideFieldNode .customToolTip.d-flex{
  margin:0px;
}

.popupTermLoan .popupTermLoan__footer .guideGridFluidLayout2Container {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.popupTermLoan .popupTermLoan__footer .guideGridFluidLayout2Container.fd-row:before,
.popupTermLoan .popupTermLoan__footer .guideGridFluidLayout2Container.fd-row:after{
  display:none;
}

.popupTermLoan .popupTermLoan__footer .fd-row.guideGridFluidLayout2Container .fd-col-lg-3,
.popupTermLoan .popupTermLoan__footer .fd-row.guideGridFluidLayout2Container .fd-col-lg-4,
.popupTermLoan .popupTermLoan__footer .fd-col-lg-1{
  width:unset !important;
}

@media only screen and (max-width: 550px) {
  .popupTermLoan .popupTermLoan__footer .guideGridFluidLayout2Container.fd-row:after{
    display:none;
  }
  
  .modalPopup
    .sme-loan-modal-footer
    .guideGridFluidLayout2Container
    .fd-col-xs-2 {
    width: unset;
  }
}

.popupTermLoan
  .popupTermLoan__footer
  .guideGridFluidLayout2Container
  button
  span.iconButton-icon {
  padding-left: 0;
}

.popupTermLoan .popupTermLoan__footer .guideGridFluidLayout2Container button {
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 16px;
}

.popupTermLoan
  .popupTermLoan__footer
  .guideGridFluidLayout2Container
  .calc-btn
  button:disabled {
  pointer-events: none;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.popupTermLoan
  .popupTermLoan__footer
  .guideGridFluidLayout2Container
  .back-btn
  button:disabled {
  pointer-events: none;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.popupTermLoan
  .popupTermLoan__footer
  .guideGridFluidLayout2Container
  .calc-btn
  button {
  background-color: #0072d8;
  border: 1px solid #0072d8;
  color: #fff;
}

.popupTermLoan
  .popupTermLoan__footer
  .guideGridFluidLayout2Container
  .back-btn
  button {
  background-color: #fff;
  border: 1px solid #0072d8;
  color: #0072d8;
}

.popupTermLoan table tr td:last-of-type {
  padding: 15px 16px;
}
.popupTermLoan table tr td:last-of-type .guideFieldNode.guideTextBox {
  display: flex;
  margin: 0;
  pointer-events: none;
}

.popupTermLoan table .guideTextDraw.guideStaticText{
   padding:0px;
}

.popupTermLoan
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldLabel.top {
  display: block;
}
.popupTermLoan
  table
  tr
  td:last-of-type
  .guideFieldNode
  .guideFieldLabel.top
  label {
  margin-bottom: 0;
}

.popupTermLoan
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldWidget.textField {
  text-align: right;
  padding: 0;
}

.popupTermLoan table tr td:first-of-type {
  background: #004ea8;
  border: 0;
  padding:15px 16px;
}

.popupTermLoan table tr td:first-of-type label {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.popupTermLoan .guideFieldNode .customToolTip.d-flex {
  display: flex;
  align-items: center;
}
.popupTermLoan table tr td:last-of-type input {
  padding: 0;
  text-align: right;
  pointer-events: none;
}
.popupTermLoan table tr td:first-of-type input {
  display: none;
}
.popupTermLoan table tr td input {
  pointer-events: none;
}
.popupTermLoan .guideTableNode {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid lightblue;
}
.popupTermLoan .guideTableNode table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  max-width: 100%;
}

.popupTermLoan .guideTableNode table[id$="_guide-item-container"]>thead{
 display:none !important;;
}

.popupTermLoan table tr td .customToolTip .guideHelpQuestionMark {
  margin-left: -4px;
}


/* Mobile change start */

@media only screen and (max-width: 440px) {
.popupTermLoan table tr td:first-of-type {
  height: 89px;
}
}

@media only screen and
  (min-width: 440px) and (max-width: 500px) { 
  .popupTermLoan table tr td:first-of-type {
    height:89px;
  }
}

@media only screen and (max-width: 500px) {
  .popupTermLoan table tr td .customToolTip .guideHelpQuestionMark {
    margin-left: 10px;
  }
  .popupTermLoan .guideTableNode table tr td .guidetextbox.guidefield .customToolTip .guideHelpQuestionMark {
    margin:0px;
  }
  .popupTermLoan .guideTableNode {
    width: calc(100% - 146px);
    margin-left: 146px;
  }
  .popupTermLoan table tr td:first-of-type {
    padding-left: 15px 16px;
  }
  .popupTermLoan .guideTableNode table {
    overflow-x: visible;
    width: 100% !important;
  }
  .popupTermLoan table tr td:first-of-type {
    position: absolute;
    left: 0;
    width: 146px;
  }
  .popupTermLoan table tr td:last-of-type {
    white-space: nowrap;
    width: 200px;
    height:88px;
  }
  .popupTermLoan .guideFieldNode .customToolTip.d-flex {
    display: flex !important;
    gap:6px;
  }
  .popupTermLoan table tr td:last-of-type input {
    min-height: auto;
  }
  .popupTermLoan .table{
    margin-bottom:0px;
  }
  .popupTermLoan table tr td:first-of-type label {
    font-weight: normal;
    font-size: 14px !important;
  }
  .popupTermLoan .guideTableNode {
    border-radius: 0 16px 16px 0 !important;
  }

  .popupTermLoan table tr:first-of-type td:first-of-type {
    border-top-left-radius: 16px;
  }
  .popupTermLoan table tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 16px;
  }
  .popupTermLoan .customToolTip.d-flex .guideFieldLabel.top label,
  .popupTermLoan .customToolTip .guideFieldLabel.top {
    display: inline-block;
    width: 84px;
    line-height: normal;
    font-weight:700;
  }
  .popupTermLoan
    table
    tr:last-of-type
    td:last-of-type
    .guideFieldNode.guideTextBox {
    padding: 19px 0;
  }

  .termLoanModalTable::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .termLoanModalTable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .termLoanModalTable::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px;
  }
  .termLoanModalTable::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

}

.popupTermLoan table tr td .max-loanterm-text p {
  text-align: right;
  margin-bottom: 0px;
}

.popupTermLoan
  .guideTableNode
  table
  tr
  td
  .guidetextbox.guidefield
  .guideHelpQuestionMark {
  margin-left: 6px;
  background: url(sme-loan-calculator/resources/images/info-white-outline.svg) center
      center/cover no-repeat,
    #004ea8;
}

.popupTermLoan table tr td .guideFieldWidget.textField input {
  font-weight: 400;
  min-height: unset;
} 

/* Term Loan modal pop up css ends */



/* Credit line modal pop up css starts */

#guideContainer-rootPanel-panel_1123772221_cop___guide-item {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(46, 46, 46, 0.6);
}

@media only screen and (min-width: 991px) { 
    .popupCreditLine{
      position: fixed;
      z-index: 9999;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
  
}

@media only screen and (max-width: 991px) {
  #guideContainer-rootPanel-panel_1123772221_cop___guide-item{

    padding-top: 6.25rem;

  }
}


#guideContainer-rootPanel-panel_1123772221_cop___guide-item .panel {
  width: 550px;
  margin: auto;
}

.popupCreditLine .guideTableNode table tbody td:first-of-type {
  border:none;
}

.popupCreditLine .guideTableNode table tbody td:last-of-type {
  border-top: 1px solid lightblue;
  border-bottom: 1px solid lightblue;
  border-right: 1px solid lightblue;
  border-left:none;
}

@media only screen and (max-width: 991px) {
  #guideContainer-rootPanel-panel_1123772221_cop___guide-item .panel {
    width: 95%;
    margin: auto;
  }
}

.popupCreditLine .popupCreditLine__header {
  padding: 12px 24px;
  background-color: #0072d8;
  border-top-left-radius: 8px;
  border-top-right-radius:8px;
}

.popupCreditLine__header
  #guideContainer-rootPanel-panel_1123772221_cop-panel-guidetextdraw___guide-item {
  width: 95%;
}

.popupCreditLine__header #guideContainer-rootPanel-panel_1123772221_cop-panel-guidebutton___guide-item{
width:5%;
}

@media only screen and (max-width: 991px) {
  .popupCreditLine .popupCreditLine__header .guideGridFluidLayout2Container {
    display: flex;
  }

  .popupCreditLine
    .popupCreditLine__header
    #guideContainer-rootPanel-panel_1123772221_cop-panel-guidebutton___guide-item {
    width: 10%;
  }
}

.popupCreditLine .popupCreditLine__header .close-btn button span.iconButton-icon {
  background: url("sme-loan-calculator/resources/images/pop-up-close-icon.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.popupCreditLine .popupCreditLine__header .close-btn button span.iconButton-label {
  color: #fff;
  font-weight: 400;
}

.popupCreditLine .popupCreditLine__header-text p {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  padding: 12px 0px;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .popupCreditLine .popupCreditLine__header-text p {
    font-size: 18px;
    line-height: 28px;
  }
}

.popupCreditLine .popupCreditLine__body {
  padding: 24px;
  background: #fff;
}

.popupCreditLine .popupCreditLine__body .popupCreditLine__body-table table {
  border: 1px solid #004ea8;
  border-radius: 8px;
  margin: unset;
  max-width: unset;
  border-collapse: unset;
}

@media only screen and (max-width: 991px) {
  .popupCreditLine
    .popupCreditLine__body
    .popupCreditLine__body-table
    table
    tbody
    tr {
    display: flex;
  }
  .popupCreditLine
    .popupCreditLine__body
    .popupCreditLine__body-table
    table
    tbody
    tr
    td {
    padding-left: unset;
  }
}

.popupCreditLine
  .popupCreditLine__body
  .popupCreditLine__body-table
  table
  tbody
  tr
  td:first-child {
  background: #004ea8;
  border-style: none;
}

.popupCreditLine
  .popupCreditLine__body
  .popupCreditLine__body-table
  table
  tbody
  tr
  td:nth-child(2) {
  background: #fff;
  border-style: none;
}

.popupCreditLine
  .popupCreditLine__body
  .popupCreditLine__body-table
  table
  tbody
  tr:nth-child(2)
  td:nth-child(2) {
  background: #e5f5ff;
  border-style: none;
}

.popupCreditLine .popupCreditLine__body-text {
  padding-right: unset;
}

.popupCreditLine .popupCreditLine__body-text p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #2e2e2e;
}

.popupCreditLine
  .popupCreditLine__body
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  margin: 0;
  padding-top: 0px;
}

.popupCreditLine .popupCreditLine__footer {
  background-color: #f6f6f6;
  padding: 16px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius:8px;
}

.popupCreditLine
  .popupCreditLine__body
   table
   tbody
  tr td:first-of-type .guideFieldNode .guideFieldLabel.top label{
margin:0px;
}

.popupCreditLine .popupCreditLine__body table tbody tr td:first-of-type .guideFieldNode .customToolTip.d-flex{
  margin:0px;
}

.popupCreditLine .popupCreditLine__footer .guideGridFluidLayout2Container {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.popupCreditLine .popupCreditLine__footer .guideGridFluidLayout2Container.fd-row:before,
.popupCreditLine .popupCreditLine__footer .guideGridFluidLayout2Container.fd-row:after{
  display:none;
}

.popupCreditLine .popupCreditLine__footer .fd-row.guideGridFluidLayout2Container .fd-col-lg-3,
.popupCreditLine .popupCreditLine__footer .fd-row.guideGridFluidLayout2Container .fd-col-lg-4,
.popupCreditLine .popupCreditLine__footer .fd-col-lg-1{
  width:unset !important;
}



.popupCreditLine
  .popupCreditLine__footer
  .guideGridFluidLayout2Container
  button
  span.iconButton-icon {
  padding-left: 0;
}

.popupCreditLine .popupCreditLine__footer .guideGridFluidLayout2Container button {
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 16px;
}

.popupCreditLine
  .popupCreditLine__footer
  .guideGridFluidLayout2Container
  .calc-btn
  button:disabled {
  pointer-events: none;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.popupCreditLine
  .popupCreditLine__footer
  .guideGridFluidLayout2Container
  .back-btn
  button:disabled {
  pointer-events: none;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.popupCreditLine
  .popupCreditLine__footer
  .guideGridFluidLayout2Container
  .calc-btn
  button {
  background-color: #0072d8;
  border: 1px solid #0072d8;
  color: #fff;
}

.popupCreditLine
  .popupCreditLine__footer
  .guideGridFluidLayout2Container
  .back-btn
  button {
  background-color: #fff;
  border: 1px solid #0072d8;
  color: #0072d8;
}

.popupCreditLine table tr td:last-of-type {
  padding: 15px 16px;
}
.popupCreditLine table tr td:last-of-type .guideFieldNode.guideTextBox {
  display: flex;
  margin: 0;
  pointer-events: none;
}

.popupCreditLine table .guideTextDraw.guideStaticText{
   padding:0px;
}

.popupCreditLine
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldLabel.top {
  display: block;
}
.popupCreditLine
  table
  tr
  td:last-of-type
  .guideFieldNode
  .guideFieldLabel.top
  label {
  margin-bottom: 0;
}

.popupCreditLine
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldWidget.textField {
  text-align: right;
  padding: 0;
}

.popupCreditLine table tr td:first-of-type {
  background: #004ea8;
  border: 0;
  padding:15px 16px;
}

.popupCreditLine table tr td:first-of-type label {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.popupCreditLine .guideFieldNode .customToolTip.d-flex {
  display: flex;
  align-items: center;
}
.popupCreditLine table tr td:last-of-type input {
  padding: 0;
  text-align: right;
}
.popupCreditLine table tr td:first-of-type input {
  display: none;
}
.popupCreditLine table tr td input {
  pointer-events: none;
}
.popupCreditLine .guideTableNode {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid lightblue;
}
.popupCreditLine .guideTableNode table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  max-width: 100%;
}

.popupCreditLine table tr td .customToolTip .guideHelpQuestionMark {
  margin-left: -4px;
}

.popupCreditLine .guideTableNode table[id$="_guide-item-container"]>thead{
  display:none !important;
}
/* Mobile change start */

@media only screen and (max-width: 440px) {
  .popupCreditLine table tr td:first-of-type {
    height: 93px;
  }
}

@media only screen and
  (min-width: 440px) and (max-width: 500px) {
  .popupCreditLine table tr td:first-of-type {
    height: 93px;
  }
}

@media only screen and (max-width: 500px) {
  .popupCreditLine table tr td .customToolTip .guideHelpQuestionMark {
    margin-left: 10px;
  }
  .popupCreditLine .guideTableNode table tr td .guidetextbox.guidefield .customToolTip .guideHelpQuestionMark {
    margin:0px;
  }
  .popupCreditLine .guideTableNode {
    width: calc(100% - 146px);
    margin-left: 146px;
  }
  .popupCreditLine table tr td:first-of-type {
    padding-left: 15px 16px;
  }
  .popupCreditLine .guideTableNode table {
    overflow-x: visible;
    width: 100% !important;
  }
  .popupCreditLine table tr td:first-of-type {
    position: absolute;
    left: 0;
    width: 146px;
  }
  .popupCreditLine table tr td:last-of-type {
    white-space: nowrap;
    width: 200px;
    height:92px;
  }
  .popupCreditLine .guideFieldNode .customToolTip.d-flex {
    display: flex !important;
    gap:6px;
  }
  .popupCreditLine table tr td:last-of-type input {
    min-height: auto;
  }
  .popupCreditLine .table{
    margin-bottom:0px;
  }
  .popupCreditLine table tr td:first-of-type label {
    font-weight: normal;
    font-size: 14px !important;
  }
  .popupCreditLine .guideTableNode {
    border-radius: 0 16px 16px 0 !important;
  }

  .popupCreditLine table tr:first-of-type td:first-of-type {
    border-top-left-radius: 16px;
  }
  .popupCreditLine table tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 16px;
  }
  .popupCreditLine .customToolTip.d-flex .guideFieldLabel.top label,
  .popupCreditLine .customToolTip .guideFieldLabel.top {
    display: inline-block;
    width: 84px;
    line-height: normal;
    font-weight:700;
  }
  .popupCreditLine
    table
    tr:last-of-type
    td:last-of-type
    .guideFieldNode.guideTextBox {
    padding: 19px 0;
  }

  .creditLineModalTable::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .creditLineModalTable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .creditLineModalTable::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px;
  }
  .creditLineModalTable::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

.popupCreditLine table tr td .max-loanterm-text p {
  text-align: right;
  margin-bottom: 0px;
}

.popupCreditLine
  .guideTableNode
  table
  tr
  td
  .guidetextbox.guidefield
  .guideHelpQuestionMark {
  margin-left: 6px;
  background: url(sme-loan-calculator/resources/images/info-white-outline.svg) center
      center/cover no-repeat,
    #004ea8;
}

.popupCreditLine table tr td .guideFieldWidget.textField input {
  font-weight: 400;
  min-height: unset;
}


/* Credit line modal pop up css ends */

/* Term Loan form css starts here */

.container {
  max-width: 1487px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .container {
      padding: 0 24px;
  }
}

.guideRootPanel > .gridFluidLayout2.gridFluidLayout {
  width: 100%;
  padding: 48px 0 !important;
  background: #e5f5ff;
  border-radius: 0px;
  margin: 0 auto;
  display: block;
  max-width: 1184px;
}
@media only screen and (min-width: 1400px){

  .guideRootPanel > .gridFluidLayout2.gridFluidLayout {
      max-width:1320px;
    }
  
  }
#guideContainer-rootPanel___guide-item-container
  > .fd-row.guideGridFluidLayout2Container {
  gap: 24px;
}
.guideRootPanel
  > .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel___guide-item-container {
  position: relative;
}

.termLoanPanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_1595271932___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  gap: 24px;
}

.termLoanPanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_1595271932___guide-item-container
  > .guideGridFluidLayout2Container.fd-row:before,
  .termLoanPanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_1595271932___guide-item-container
  > .guideGridFluidLayout2Container.fd-row:after{
      display:none;
  }

@media only screen and (max-width: 991px) {
  .termLoanPanel
    .gridFluidLayout2:first-child
    #guideContainer-rootPanel-panel-panel_1595271932___guide-item-container
    > .guideGridFluidLayout2Container {
    flex-direction: column;
  }
}

.termLoanPanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_1595271932-panel___guide-item {
  width: calc(100% - 65%);
  max-width: 432px;
}

.termLoanPanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_1595271932-panel_227890957___guide-item {
  width: calc(100% - 35%);
  max-width: 744px;
}

@media only screen and (min-width: 1400px) {
  .termLoanPanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_1595271932-panel_227890957___guide-item {
    max-width: unset;
  }
}

@media only screen and (max-width: 991px) {
  .termLoanPanel
    .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel-panel_1595271932-panel___guide-item {
    width: 100%;
    max-width: 100%;
  }

  .termLoanPanel
    .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel-panel_1595271932-panel_227890957___guide-item {
    width: 100%;
    max-width: 100%;
  }
}

.termLoanPanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_1595271932-panel-panel1710147428663_c___guide-item {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  background: #0072d8;
}

.termLoanPanel
  .preferred-details-section
  .headingPreferredDetails
  .headingPreferredDetails-text
  p {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 32.74px;
}

.termLoanPanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems {
  display: flex;
}

@media only screen and (max-width: 991px) {
  .termLoanPanel
    .preferred-details-section
    .guideradiobutton
    .guideRadioButtonGroupItems {
    display: block;
  }

  .termLoanPanel
    .preferred-details-section
    .headingPreferredDetails
    .headingPreferredDetails-text
    p {
    font-size: 18px;
    line-height: 24px;
  }
}

.termLoanPanel
  .preferred-details-section
  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-top: 0px;
}

.termLoanPanel .preferred-details-section .preferred-details-section__body {
  background: #fff;
  padding: 0px 24px;
}

.termLoanPanel
  .preferred-details-section
  .preferred-details-section__body
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_1595271932-panel-panel_682620911___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.termLoanPanel .preferred-details-section .guideActiveField input[type="text"] {
  border-color: #0072d8;
  box-shadow: 0 0 8px #0072d852;
}

.termLoanPanel .preferred-details-section input[type="text"]:read-only,
.termLoanPanel .preferred-details-section input[type="text"][read-only],
.termLoanPanel .preferred-details-section input[type="text"][disabled],
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: rgba(246, 246, 246, 1);
  border-color: rgba(160, 160, 160, 1);
  box-shadow: none;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-text-fill-color: rgba(145, 145, 145, 1);
  font-weight: normal;
}

.termLoanPanel .preferred-details-section .guideFieldError {
  padding: 0;
  color: #ff3700;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 8px;
  margin-right: 0px;
  font-size: 0.875rem;
  visibility: visible;
}

.termLoanPanel .preferred-details-section .preferred-details-section__footer {
  background: #fff;
  padding: 24px 8px 24px;
  border-radius: 0 0 8px 8px;
}

.termLoanPanel
  .preferred-details-section
  .preferred-details-section__footer
  .fd-row.guideGridFluidLayout2Container {
  display: flex;
  gap: 16px;
}

.termLoanPanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_1595271932-panel-panel1710132234767-guidebutton_copy___guide-item {
  width: 50%;
}

.termLoanPanel .preferred-details-section .compute-btn button {
  background-color: #0072d8;
  border: 1px solid #0072d8;
  color: #fff;
  width: 100%;
}

.termLoanPanel .preferred-details-section .compute-btn button:disabled {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #fff;
}

.termLoanPanel
  .preferred-details-section
  .compute-btn
  button
  span.iconButton-icon {
  padding-left: 0;
}

.termLoanPanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_1595271932-panel-panel1710132234767-reset_copy___guide-item {
  width: 50%;
}

@media only screen and (max-width: 991px) {
  .termLoanPanel
    .preferred-details-section
    #guideContainer-rootPanel-panel-panel_1595271932-panel-panel_682620911-reset_copy___guide-item {
    margin-left: 16px;
  }
}

.termLoanPanel .preferred-details-section .reset-btn button {
  background-color: #fff;
  border: 1px solid #0072d8;
  color: #0072d8;
  width: 100%;
}

.termLoanPanel
  .preferred-details-section
  .guideFieldNode
  .customToolTip.d-flex {
  align-items: center;
}

.termLoanPanel
  .preferred-details-section
  .customToolTip
  .guideHelpQuestionMark {
  margin-left: -5px;
}

.termLoanPanel .preferred-details-section .reset-btn button:disabled {
  background-color: #fff;
  border: 1px solid #a0a0a0;
  color: #a0a0a0;
}

.termLoanPanel
  .preferred-details-section
  .reset-btn
  button
  span.iconButton-icon {
  padding-left: 0;
}

.termLoanPanel
  .preferred-details-section
  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0px;
}

.termLoanPanel .preferred-details-section .seperator {
  border-color: #c2c2c1;
  margin-top: 24px !important;
}

.termLoanPanel
  .preferred-details-section
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  font-weight: 400;
}

.termLoanPanel .preferred-details-section input[type="text"] {
  font-weight: 400;
}

.termLoanPanel .termloan-results-section .termloan-results-section__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  background: #0072d8;
}

.termLoanPanel .termloan-results-section .guideFieldNode .guideFieldLabel.top label{
  margin-bottom:0;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__header
  .termloan-results-section__header-text
  p {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 32.74px;
}

@media only screen and (max-width: 600px) {
  .termLoanPanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:first-child {
  margin-bottom: 8px !important;
}

}

@media only screen and (max-width: 991px) {
  .termLoanPanel
    .termloan-results-section
    .termloan-results-section__header
    .termloan-results-section__header-text
    p {
    font-size: 18px;
    line-height: 28px;
  }

  .termLoanPanel
    .preferred-details-section
    .guideradiobutton
    .guideRadioButtonGroupItems
    .guideRadioButtonItem:nth-child(2) {
    margin-left: 0px !important;
  }
}

.termLoanPanel .termloan-results-section .termloan-results-section__body {
  background: #fff;
  padding: 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__body
  .fd-row.guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
}

.termLoanPanel
  .termloan-results-section
  .fd-row.guideGridFluidLayout2Container
  .fd-col-lg-3,
.termLoanPanel
  .termloan-results-section
  .fd-row.guideGridFluidLayout2Container
  .fd-col-lg-4 {
  width: 100% !important;
}

.termLoanPanel .termloan-results-section .resultHeaderSection {
  margin: 0 0 24px 0;
}

.termLoanPanel .termloan-results-section .result-table {
  margin-top: 24px;
  margin-bottom: 24px;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__body
  .resultText.amount {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
  color: #000000;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__body
  .resulttext.amount
  p {
  margin-bottom: 0px;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__body
  .resultx {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #2e2e2e;
}

.termLoanPanel
  .termloan-results-section
  .termloan-results-section__body
  .resultx
  p {
  margin-bottom: 0px;
}

.termLoanPanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:first-child {
  margin-right: 0px;
  margin-bottom: 0px;
}

.termLoanPanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:nth-child(2) {
  margin-left: 16px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.termloan-results-section .notes p,
.termloan-results-section .notes li {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #2e2e2e;
  font-style: italic;
}

.termloan-results-section .importantNoticeTermLoan {
  margin-top:24px;
}

/* Term Loan form css ends here */

/* Term loan Results Section Table starts here */
.guideTableNode table {
  border: 0px solid;
  margin: 0px;
}
.guideTableNode table tbody td {
  border: 2px solid lightblue;
}
.guideTableNode table tbody:nth-of-type(odd) tr,
.guideTableNode table tbody tr:nth-of-type(odd) {
  background: #ffffff;
}
.guideTableNode table tbody:nth-of-type(even) tr,
.guideTableNode table tbody tr:nth-of-type(even) {
  background: #e5f5ff;
}

.termloan-results-section .table {
  width: 100%;
  margin: auto;
  max-width: 100%;
  position: relative;
}
.termloan-results-section .guideTableNode table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
}
.termloan-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader:nth-child(odd) {
  height: fit-content;
}
.termloan-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader:nth-child(odd) {
  background: #fff;
  border-bottom-width: 0;
}
.termloan-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader
  th:first-child
  .guideTextDraw.guideStaticText
  > p {
  text-align: center !important;
}
.termloan-results-section .guideTableNode table .guideTextDraw.guideStaticText {
  padding: 0;
}
.termloan-results-section
  .guideTableNode
  table
  .guideTextDraw.guideStaticText
  > p {
  margin: 0;
}
.termloan-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader
  th {
  font-size: 16px;
  background-color: #004ea8;
  align-items: center !important;
  font-weight: 700;
  color: #fff;
  border-right-style: none;
}

.termloan-results-section .guideTableNode table .headerItem {
  display: flex;
  align-items: center;
  position: relative;
}
.termloan-results-section
  .guideTableNode
  table
  .headerItem
  .guideFieldDescription.long {
  right: unset;
}
.termloan-results-section
  .guideTableNode
  table
  .headerItem
  .guideHelpQuestionMark {
  display: block;
  position: relative;
  right: 8px;
  top: 0px;
}

.termloan-results-section .guideTableNode table tbody {
  border: 1px solid #99c1e7;
  border-radius: 8px;
  overflow: hidden;
}
.guideTableNode table .guideTableRowNode.guideTableHeader th {
  border-width: 1px;
  border-color: #99c1e7;
}
.termloan-results-section .guideTableNode table tbody td,
.termloan-results-section .guideTableNode table thead th {
  border: 1px solid #99c1e7;
  padding: 15px 16px;
  height: fit-content;
}

.termloan-results-section
  .guideTableNode
  table
  thead
  tr:first-child
  th:first-child {
  border-top-left-radius: 8px;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr:first-child
  th:nth-child(2) {
  border-top-right-radius: 8px;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr:first-child
  th:last-child {
  border-top-right-radius: 8px;
}
.termloan-results-section
  .guideTableNode
  table
  tbody
  tr:last-child
  td:first-child {
  border-bottom-left-radius: 8px;
}
.termloan-results-section
  .guideTableNode
  table
  tbody
  tr:last-child
  td:nth-child(2) {
  border-bottom-right-radius: 8px;
}
.termloan-results-section
  .guideTableNode
  table
  tbody
  tr:last-child
  td:last-child {
  border-bottom-right-radius: 8px;
}
.termloan-results-section .guideTableNode table tbody tr:first-child td {
  border-top-style: solid;
}
.termloan-results-section .guideTableNode table tbody tr td:first-child {
  border-left-style: solid;
}
.termloan-results-section .guideTableNode table thead tr:first-child th {
  border-top-style: solid;
  border-bottom-style: none;
}
.termloan-results-section .guideTableNode table thead tr th:first-child {
  border-left-style: solid;
}
.termloan-results-section table thead tr th .guideFieldWidget.textField {
  display: none;
}
.termloan-results-section table thead tr th .guideFieldLabel {
  margin-top: unset;
}
.termloan-results-section .guideFieldLabel.top {
  display: block;
}
.termloan-results-section
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldLabel
  label {
  display: inline-block;
  color: #fff;
  font-weight: 700 !important;
  margin:0;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield {
  display: flex;
  justify-content: center;
  align-items: center;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldDescription {
  z-index: 1000;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideHelpQuestionMark {
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background: url(sme-loan-calculator/resources/images/info-white-outline.svg) center
      center/cover no-repeat,
    #004ea8;
}
.termloan-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldWidget.textField
  input {
  padding: unset;
  background-color: #004ea8;
  color: #fff;
  border: none;
  font-weight: 700;
  pointer-events: none;
}
.termloan-results-section
  table
  tr
  td:not(:first-child)
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  display: flex;
}
.termloan-results-section
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  margin: 0;
  padding-top:0;
}
.termloan-results-section tbody
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  pointer-events: none;
}
.termloan-results-section .guideFieldNode .d-flex {
  margin: 0;
}

.termloan-results-section .guideTableNode table.nowrap td input {
  padding: 0;
  margin: 0;
  pointer-events: none;
}
.termloan-results-section .guideFieldWidget input {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #2e2e2e;
  min-height: 0;
  text-align: center;
}

.termloan-results-section
  table
  tr
  td:not(:first-child)
  .guideFieldWidget
  input {
  text-align: right;
}

.termloan-results-section
  .guideTableNode
  table
  tbody
  tr
  td:first-child
  .guideFieldWidget
  input {
  font-weight: 700;
}
.termloan-results-section .result-table {
  width: 100%;
  overflow: visible;
}
.termloan-results-section .guideTableNode table.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 24px;
}
.termloan-results-section .guideTableNode table.clone th,
.termloan-results-section .guideTableNode table.clone td {
  visibility: hidden;
}
.termloan-results-section .guideTableNode table.clone thead tr th:first-child,
.termloan-results-section .guideTableNode table.clone tbody tr td:first-child {
  visibility: visible;
}
.termloan-results-section .guideTableNode table.clone thead {
  background: #004ea8;
}

@media only screen and (max-width: 1024px),
  (min-width: 320px) and (max-width: 1024px) {
  .termloan-results-section .guideTableNode table tbody td:first-child {
    width: 151px !important;
  }
  .termloan-results-section .result-table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .termloan-results-section .result-table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .termloan-results-section .result-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px;
  }
  .termloan-results-section .result-table::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .left-panel-1 datalist,
  .slider-values p {
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 8px;
  }
  
  .guideRootPanel > .gridFluidLayout2.gridFluidLayout {
    padding: 24px 24px 0 !important;
  }
  .guideRootPanel
    > .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel_1406328763_cop___guide-item {
    width: 100%;
    min-width: 100%;
  }
  .guideRootPanel
    > .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel___guide-item {
    width: 100%;
    min-width: 100%;
  }
  .guideRootPanel.guideRootPanel {
    margin: 0;
  }

  .fd-col-lg-12:has(.left-panel-1) {
    width: 100%;
  }
  .fd-col-lg-12:has(.termloan-results-section) {
    width: 100%;
    min-width: 250px;
  }
  .guideTableNode table {
    margin: 0;
    max-width: 100%;
  }
  .headersLeft.nonIETable tr,
  .headersLeft.nonIETable td {
    border: none;
  }
  .termloan-results-section .guideTableNode table td {
    min-height: 60px;
  }
  /* Left Panel */
  .left-panel-1 .preferred-details-text {
    font-size: 18px;
  }
  .left-panel-1 .d-flex .guideFieldLabel.top label,
  .left-panel-1 .guideFieldLabel.top {
    font-size: 14px;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child
    .guideTextDraw.guideStaticText
    > p {
    text-align: center !important;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTextDraw.guideStaticText
    > p {
    text-align: center !important;
  }
  .termloan-results-section
    #guideContainer-rootPanel-panel_1406328763_cop-panel1692265047690-guidetextdraw_1479542702___guide-item
    .guideTextDraw.guideStaticText {
    font-size: 14px;
  }
  .headersLeft.nonIETable thead tr {
    position: unset;
    top: unset;
    left: unset;
  }
  .headersLeft.nonIETable table,
  .headersLeft.nonIETable thead,
  .headersLeft.nonIETable tbody,
  .headersLeft.nonIETable th,
  .headersLeft.nonIETable td,
  .headersLeft.nonIETable tr {
    display: revert;
  }
  .headersLeft.nonIETable td {
    position: revert;
    padding-left: revert;
  }
  .headersLeft.nonIETable td:before {
    content: unset;
  }
  .headersLeft.nonIETable .guideTableRuntimeControls {
    display: none;
  }
  .headersLeft.nonIETable .guideFieldWidget {
    height: auto;
  }
  .headersLeft.nonIETable td:not(.child) input {
    border: solid 0px transparent !important;
  }
  .guideFieldWidget input[type="date"],
  .guideFieldWidget input[type="text"],
  .guideFieldWidget input[type="password"],
  .guideFieldWidget select,
  .guideFieldWidget textarea {
    font-size: 16px;
  }
  /* Table */

  .termloan-results-section .guideTableNode table.nowrap td input::placeholder {
    text-align: right;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .guideTableNode table tbody td {
    white-space: nowrap;
  }
  .termloan-results-section .guideTableNode table tbody tr:nth-child(odd) td {
    background: #fff;
  }
  .termloan-results-section .guideTableNode table tbody tr:nth-child(even) td {
    background: #e5f5ff;
  }
  .termloan-results-section .amount {
    font-size: 14px;
  }
  .termloan-results-section .p-zero {
    font-size: 24px;
    margin-top: 6px;
    padding-bottom: 12px;
  }
  .termloan-results-section .p-zero > p {
    font-size: 24px;
  }
}


@media only screen and (max-width: 768px),
  (min-width: 320px) and (max-width: 768px) {
  [id$="_guide-item-container"] {
    overflow-x: visible;
  }
  .termloan-results-section .result-table {
    width: calc(100% - 150px);
    overflow: auto;
    margin-left: 150px;
  }
  .termloan-results-section .table {
    width: 680px;
    margin: auto;
    max-width: 100%;
    position: relative;
  }

  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .termloan-results-section .guideTableNode table tbody td:first-child {
    width: 151px !important;
    left: 0px;
    position: absolute;
    margin-top: 0px;
    min-height: 59px;
    top: auto;
    height: fit-content;
    box-shadow: 3px 0px 4px 0px rgba(86, 86, 86, 0.25);
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .guideTableNode table tbody td {
    width: 100%;
  }
  .termloan-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .tablecell-size .guideTableNode table tbody td {
    width: calc(100% - 0%);
  }
}
@media only screen and (max-width: 500px),
  (min-width: 320px) and (max-width: 500px) {
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .guideTableNode table tbody td {
    padding: 15px 16px;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .termloan-results-section .guideTableNode table tbody td:first-child {
    padding: 15px 16px;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child {
    height: 21%;
  }
  .termloan-results-section .table.tablecell-size {
    width: 453px;
  }
  .termloan-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .tablecell-size .guideTableNode table tbody td {
    width: 254px;
  }
}

@media only screen and (max-width: 430px),
  (min-width: 320px) and (max-width: 430px) {
  .termloan-results-section .result-table {
    width: calc(100% - 150px);
    margin-left: 150px;
    z-index: 999;
  }
  .termloan-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .termloan-results-section .guideTableNode table tbody td:first-child {
    width: 151px !important;
    padding: 15px 16px;
  }
  .termloan-results-section .table.tablecell-size {
    width: 410px;
  }
  .termloan-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .termloan-results-section .tablecell-size .guideTableNode table tbody td {
    width: 211px;
  }
}

@media only screen and (max-width: 480px),
  (min-width: 320px) and (max-width: 480px) {

.termloan-results-section
.guideTableNode
table
.guideTableRowNode.guideTableHeader
th,
.termloan-results-section .guideTableNode table tbody td {
width: 242px;
padding: 15px 16px;
}

.termloan-results-section .guideTableNode table tbody td:first-child {
   min-height:55px;
}

}

@media only screen and 
  (min-width: 480px) and (max-width: 600px) {
  .termloan-results-section .guideTableNode table tbody td:first-child {
    min-height:55px;
  }
}

@media only screen and 
  (min-width: 600px) and (max-width: 767px) {
    .termloan-results-section .guideTableNode table tbody td:first-child {
      min-height:58px;
    }
}

/* Term loan Results Section Table ends here */

/* CTA carousel CSS starts here */
.carousel-item .carousel-card {
  padding: 16px !important;
}

@media only screen and (min-width: 1025px) {
.carousel-item .carousel-card:first-child {
  padding-left: 0  !important;
}
.carousel-item .carousel-card:last-child {
  padding-right: 0 !important;
}
.columncontrolstructure .row>*{
  padding-left:0;
  padding-right:0;
}
}
/* CTA carousel ends here */

/* Credit Line form css starts here */

.creditLinePanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_29652346___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  gap: 24px;
}

.creditLinePanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_29652346___guide-item-container
  > .guideGridFluidLayout2Container.fd-row:before, 
  .creditLinePanel
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_29652346___guide-item-container
  > .guideGridFluidLayout2Container.fd-row:after {
    display:none;
  }

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .gridFluidLayout2:first-child
    #guideContainer-rootPanel-panel-panel_29652346___guide-item-container
    > .guideGridFluidLayout2Container {
    flex-direction: column;
  }
}

.creditLinePanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_29652346-panel___guide-item {
  width: calc(100% - 65%);
  max-width: 432px;
}

.creditLinePanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_29652346-panel_copy___guide-item {
  width: calc(100% - 35%);
  max-width: 744px;
}
@media only screen and (min-width: 1400px) {
  .creditLinePanel
  .gridFluidLayout2.gridFluidLayout
  #guideContainer-rootPanel-panel-panel_29652346-panel_copy___guide-item {
    max-width: unset;
  }
}

.creditLinePanel .preferred-details-section input[type="text"] {
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel-panel_29652346-panel___guide-item {
    width: 100%;
    max-width: 100%;
  }

  .creditLinePanel
    .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel-panel_29652346-panel_copy___guide-item {
    width: 100%;
    max-width: 100%;
  }
}

.creditLinePanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_29652346-panel-panel1710147428663_c___guide-item {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  background: #0072d8;
}

.creditLinePanel
  .preferred-details-section
  .headingPreferredDetails
  .headingPreferredDetails-text
  p {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 32.74px;
}

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .preferred-details-section
    .headingPreferredDetails
    .headingPreferredDetails-text
    p {
    font-size: 18px;
    line-height: 28px;
  }
}

.creditLinePanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems {
  display: flex;
}

.creditLinePanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:first-child {
  margin-right: 0px;
  margin-bottom: 0px;
}

.creditLinePanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:nth-child(2) {
  margin-left: 16px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.creditLinePanel .preferred-details-section .preffered-range-value,
.creditLinePanel .preferred-details-section .range-slider {
  display: none;
}

@media only screen and (max-width: 600px) {
  .creditLinePanel
  .preferred-details-section
  .guideradiobutton
  .guideRadioButtonGroupItems
  .guideRadioButtonItem:first-child {
  margin-bottom: 8px;
}

}

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .preferred-details-section
    .guideradiobutton
    .guideRadioButtonGroupItems {
    display: block;
  }

  .creditLinePanel
    .preferred-details-section
    .guideradiobutton
    .guideRadioButtonGroupItems
    .guideRadioButtonItem:nth-child(2) {
    margin-left: 0px;
  }
}

.creditLinePanel .preferred-details-section .preferred-details-section__body {
  background: #fff;
  padding: 0px 24px;
}

.creditLinePanel
  .preferred-details-section
  .guideActiveField
  input[type="text"] {
  border-color: #0072d8;
  box-shadow: 0 0 8px #0072d852;
}

.creditLinePanel .preferred-details-section .guideFieldWidget.textField input[type="text"]:read-only,
.creditLinePanel .preferred-details-section .guideFieldWidget.textField input[type="text"][read-only],
.creditLinePanel .preferred-details-section .guideFieldWidget.textField input[type="text"][disabled],
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: rgba(246, 246, 246, 1);
  border-color: rgba(160, 160, 160, 1);
  box-shadow: none;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-text-fill-color: rgba(145, 145, 145, 1);
  font-weight: normal;
}

.creditLinePanel .preferred-details-section  input[type="text"]:read-only,
.creditLinePanel .preferred-details-section  input[type="text"][read-only],
.creditLinePanel .preferred-details-section  input[type="text"][disabled],
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: rgba(246, 246, 246, 1);
  border-color: rgba(160, 160, 160, 1);
  box-shadow: none;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-text-fill-color: rgba(145, 145, 145, 1);
  font-weight: normal;
}

.creditLinePanel .select2.select2-container--disabled {
  border-color: rgba(160, 160, 160, 1);
  box-shadow: none !important;
}

.select2-container .select2-dropdown {
  z-index:9
}
.creditLinePanel .preferred-details-section .guideFieldError {
  padding: 0;
  color: #ff3700;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 8px;
  margin-right: 0px;
  font-size: 0.875rem;
  visibility: visible;
}

.creditLinePanel .preferred-details-section .sme-slider-values p{
margin:0;
}

.guideRootPanel
  > .gridFluidLayout2.gridFluidLayout
  .guideseparator.guidefield:first-child {
  width: 100%;
}

.creditLinePanel .preferred-details-section .amtslider-values {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
}

/* .creditLinePanel .preferred-details-section .amtrange-wrap {
  position: relative;
}

.creditLinePanel .preferred-details-section .amtrange-wrap .range-slider {
    width: 0;
    height: 0;
    position: absolute;
    top: -62%;
    margin-left: 0;
}

.creditLinePanel .preferred-details-section .amtrange-wrap .range-slider span {
     width: 43px;
    height: 32px;
    text-align: center;
    background: #0072D8;
    color: #fff;
    font-size: 12px;
    position: absolute;
    display: block;
    border-radius: 8px;
    padding: 8px;
    left: 50%;
    transform: translate(-50%, 0);

}

.creditLinePanel .preferred-details-section .amtrange-wrap .range-slider span:before{
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid #0072D8;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: 0px;

} */

.creditLinePanel .preferred-details-section .paydownOptionsPanel .paydown-text {
  margin: 16px 0 !important;
}

.creditLinePanel
  .preferred-details-section
  .paydownOptionsPanel
  .paydown-text
  p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.creditLinePanel .preferred-details-section .paydown-text input {
  display: none;
}

.creditLinePanel
  .preferred-details-section
  .paydownOptionsPanel
  .guideFieldNode.guideDropDownList {
  margin: 0px !important;
}

.creditLinePanel
  .preferred-details-section
  .paydownOptionsPanel
  .paydownOptionsPanel-options {
  padding: 0px 16px;
  background: #e5f5ff;
  border-radius: 8px;
}

.creditLinePanel
  .preferred-details-section
  .paydownOptionsPanel-options
  .gridFluidLayout:first-child
  #guideContainer-rootPanel-panel-panel_29652346-panel-panel1710316015966-panel-panel1710912009047___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.creditLinePanel .preferred-details-section .preferred-details-section__footer {
  background: #fff;
  padding: 24px 8px 24px;
  border-radius: 0 0 8px 8px;
}

.creditLinePanel
  .preferred-details-section
  .preferred-details-section__footer
  .fd-row.guideGridFluidLayout2Container {
  display: flex;
  gap: 16px;
}

.creditLinePanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_29652346-panel-panel1710134744879-guidebutton_copy_cop___guide-item {
  width: 50%;
}

.creditLinePanel .preferred-details-section .compute-btn button {
  background-color: #0072d8;
  border: 1px solid #0072d8;
  color: #fff;
  width: 100%;
}

.creditLinePanel .preferred-details-section .compute-btn button:disabled {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #fff;
}

.creditLinePanel
  .preferred-details-section
  .compute-btn
  button
  span.iconButton-icon {
  padding-left: 0;
}

.creditLinePanel
  .preferred-details-section
  #guideContainer-rootPanel-panel-panel_29652346-panel-panel1710134744879-reset_copy_copy___guide-item {
  width: 50%;
}

.creditLinePanel .preferred-details-section .preffered-range-wrap,
.creditLinePanel .preferred-details-section .amtrange-wrap {
  margin-top: 24px;
}

.creditLinePanel .preferred-details-section #preferredcl-slider,
.creditLinePanel .preferred-details-section #initialAmt-slider {
  margin-top: unset;
}

.creditLinePanel .preferred-details-section .preffered-range-wrap p,
.creditLinePanel .preferred-details-section .amtrange-wrap p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #2e2e2e;
  margin-bottom: 0px;
}

.creditLinePanel
  .preferred-details-section
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .preferred-details-section
    #guideContainer-rootPanel-panel-panel_1595271932-panel-panel_682620911-reset_copy___guide-item {
    margin-left: 16px;
  }
}

.creditLinePanel .preferred-details-section .reset-btn button {
  background-color: #fff;
  border: 1px solid #0072d8;
  color: #0072d8;
  width: 100%;
}

.creditLinePanel
  .preferred-details-section
  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding-top: 0px;
  margin-top: 0px;
}

.creditLinePanel
  .preferred-details-section
  .guideFieldNode
  .customToolTip.d-flex {
  align-items: center;
}

.creditLinePanel
  .preferred-details-section
  .customToolTip
  .guideHelpQuestionMark {
  margin-left: -5px;
}

.creditLinePanel .preferred-details-section .reset-btn button:disabled {
  background-color: #fff;
  border: 1px solid #a0a0a0;
  color: #a0a0a0;
}

.creditLinePanel
  .preferred-details-section
  .reset-btn
  button
  span.iconButton-icon {
  padding-left: 0;
}

.creditLinePanel
  .preferred-details-section
  .preferred-details-section__body
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_1595271932-panel-panel_682620911___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.creditLinePanel
  .creditline-results-section
  .creditline-results-section__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  background: #0072d8;
}

.creditLinePanel
  .creditline-results-section
  .creditline-results-section__header
  .creditline-results-section__header-text
  p {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 32.74px;
}

@media only screen and (max-width: 991px) {
  .creditLinePanel
    .creditline-results-section
    .creditline-results-section__header
    .creditline-results-section__header-text
    p {
    font-size: 18px;
    line-height: 28px;
  }
}
.creditLinePanel .creditline-results-section .creditline-results-section__body {
  background: #fff;
  padding: 0px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.creditLinePanel
  .creditline-results-section
  .creditline-results-section__body
  .gridFluidLayout:first-child
  #guideContainer-rootPanel-panel-panel_29652346-panel_copy-panel1710316393393___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.creditLinePanel
  .creditline-results-section
  .fd-row.guideGridFluidLayout2Container
  .fd-col-lg-3,
.creditLinePanel
  .creditline-results-section
  .fd-row.guideGridFluidLayout2Container
  .fd-col-lg-4 {
  width: 100% !important;
}

.creditLinePanel
  .creditline-results-section
  .creditline-results-section__body
  .resulttext.amount {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.creditLinePanel
  .creditline-results-section
  .creditline-results-section__body
  .resultx {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.creditLinePanel .preferred-details-section .seperator {
  border-color: #c2c2c1;
}

.creditLinePanel
  .preferred-details-section
  .preferred-details-section__body
  .gridFluidLayout2:first-child
  #guideContainer-rootPanel-panel-panel_29652346-panel-panel1710316015966___guide-item-container
  > .guideGridFluidLayout2Container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.creditline-results-section .creditLineModalTable table tr td:last-of-type {
  padding: 15px 16px;
  height: fit-content;
}

.creditline-results-section .creditLineModalTable table tbody tr td:last-of-type {
  pointer-events: none;
}

.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox {
  display: flex;
  margin: 0;
  align-items: center;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldLabel.top {
  display: block;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:last-of-type
  .guideFieldNode
  .guideFieldLabel.top
  label {
  margin-bottom: 0;
}

.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:last-of-type
  .guideFieldNode.guideTextBox
  .guideFieldWidget.textField {
  text-align: right;
  padding: 0;
}

.creditline-results-section .creditLineModalTable table tr td:first-of-type {
  background: #004ea8;
  border: 0;
  padding-left: 16px;
}

.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:first-of-type
  label {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.creditline-results-section
  .creditLineModalTable
  .guideFieldNode
  .customToolTip.d-flex {
  align-items: center;
  display: flex;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:last-of-type
  input {
  padding: 0;
  text-align: right;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr
  td:first-of-type
  input {
  display: none;
}
.creditline-results-section .creditLineModalTable table tr td input {
  pointer-events: none;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr:first-child
  td:first-child {
  border-top-left-radius: 8px;
}
.creditline-results-section
  .creditLineModalTable
  table
  tr:first-child
  td:last-child {
  border-top-right-radius: 8px;
}
.creditline-results-section .creditLineModalTable .guideTableNode {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid lightblue;
}
.creditline-results-section .creditLineModalTable .guideTableNode table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  max-width: 100%;
}

.creditline-results-section
  .creditLineModalTable
  table
  tr
  td
  .customToolTip
  .guideHelpQuestionMark {
  margin-left: -4px;
}

.creditline-results-section .creditLineModalTable.guideTableNode table[id$="_guide-item-container"]>thead{
  display:none !important;
}

.creditline-results-section
  .creditLineModalTable
  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-top: 0px;
  padding-top: 0px;
}

/* Mobile change start */
@media only screen and (max-width: 500px) {
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td
    .customToolTip
    .guideHelpQuestionMark {
    margin-left: 10px;
  }
  .creditline-results-section .creditLineModalTable .guideTableNode {
    width: calc(100% - 146px);
    margin-left: 146px;
  }
  .creditline-results-section .creditLineModalTable .guideTableNode table {
    overflow-x: visible;
    width: 100% !important;
  }
  .creditline-results-section .creditLineModalTable table tr td:first-of-type {
    position: absolute;
    left: 0;
    width: 146px;
    height: auto;
  }
  .creditline-results-section .creditLineModalTable table tr td:last-of-type {
    white-space: nowrap;
    width: 220px;
    height: 88px;
  }

  .creditline-results-section
    .creditLineModalTable
    table
    tr:last-child
    td:last-of-type {
    overflow: auto;
  }
  .creditline-results-section
    .creditLineModalTable
    .guideFieldNode
    .customToolTip.d-flex {
    display: flex !important;
    align-items: center;
    gap: 4px;
  }
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td:last-of-type
    input {
    min-height: auto;
  }
  .creditline-results-section
    .creditLineModalTable
    .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    padding: 0px;
    margin-top: 0px;
  }
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td:last-of-type
    .guideFieldNode.guideTextBox {
    padding: 22px 0;
  }
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td:first-of-type
    label {
    font-weight: normal;
    font-size: 14px !important;
    text-align: center;
    font-weight:700;
  }
  .creditline-results-section .creditLineModalTable .guideTableNode {
    border-radius: 0 16px 16px 0 !important;
  }

  .creditline-results-section
    .creditLineModalTable
    table
    tr:first-of-type
    td:first-of-type {
    border-top-left-radius: 16px;
  }
  .creditline-results-section
    .creditLineModalTable
    table
    tr:last-of-type
    td:first-of-type {
    border-bottom-left-radius: 16px;
  }
  .creditline-results-section
    .creditLineModalTable
    .customToolTip.d-flex
    .guideFieldLabel.top
    label,
  .creditline-results-section
    .creditLineModalTable
    .customToolTip
    .guideFieldLabel.top {
    display: inline-block;
    width: 84px;
  }
}

@media only screen and (max-width: 1024px),
  (min-width: 500px) and (max-width: 1024px) {
  .guideTableNode.creditLineModalTable {
    width: 100%;
    overflow: auto;
  }

  .creditline-results-section
    .creditLineModalTable.guideTableNode
    table
    tbody
    td:first-child {
    background: #004ea8 !important;
    width: 50% !important;
  }
}

@media only screen and (max-width: 500px),
  (min-width: 320px) and (max-width: 500px) {
  .creditline-results-section
    .creditLineModalTable.guideTableNode
    table
    tbody
    td:first-child {
    background: #004ea8 !important;
    position: absolute !important;
    left: 0 !important;
    width: 146px !important;
    height:89px;
    box-shadow: 0px 4px 6px -4px rgba(46, 46, 46, 0.10), 0px 10px 15px -3px rgba(46, 46, 46, 0.10);
  }
  .guideTableNode.creditLineModalTable {
    width: calc(100% - 146px);
    margin-left: 146px;
    overflow: auto;
  }
  .creditLineModalTable .guideFieldNode .guideFieldLabel.top label {
    margin-bottom: 4px;
  }
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td
    .customToolTip
    .guideHelpQuestionMark {
    margin-left: 8px;
  }

  .creditline-results-section .creditLineModalTable::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .creditline-results-section .creditLineModalTable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .creditline-results-section .creditLineModalTable::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px;
  }
  .termloan-results-section .result-table::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

@media only screen and (max-width: 767px) {
  .creditline-results-section
    .creditLineModalTable
    table
    tr
    td
    .customToolTip
    .guideHelpQuestionMark {
    margin-left: 0 !important;
  }
}

.creditline-results-section
  .creditLineModalTable.guideTableNode
  table
  tbody
  td
  .guideFieldNode.guideNumericBox {
  display: flex;
}

.creditline-results-section
  .creditLineModalTable.guideTableNode
  table
  tr
  td
  .guidetextbox.guidefield
  .guideHelpQuestionMark {
  background: url(sme-loan-calculator/resources/images/info-white-outline.svg) center
      center/cover no-repeat,
    #004ea8;
}

/* Credit Line form css ends here */

/* Credit Line Results Section Table starts here */
.guideTableNode table {
  border: 0px solid;
  margin: 0px;
}
.guideTableNode table tbody td {
  border: 2px solid lightblue;
}
.guideTableNode table tbody:nth-of-type(odd) tr,
.guideTableNode table tbody tr:nth-of-type(odd) {
  background: #ffffff;
}
.guideTableNode table tbody:nth-of-type(even) tr,
.guideTableNode table tbody tr:nth-of-type(even) {
  background: #e5f5ff;
}

.creditline-results-section .table {
  width: 100%;
  margin: auto;
  max-width: 100%;
  position: relative;
}
.creditline-results-section .guideTableNode table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader:nth-child(odd) {
  height: fit-content;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader:nth-child(odd) {
  background: #fff;
  border-bottom-width: 0;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader
  th:first-child
  .guideTextDraw.guideStaticText
  > p {
  text-align: center !important;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTextDraw.guideStaticText {
  padding: 0;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTextDraw.guideStaticText
  > p {
  margin: 0;
}
.creditline-results-section
  .guideTableNode
  table
  .guideTableRowNode.guideTableHeader
  th {
  font-size: 16px;
  background-color: #004ea8;
  align-items: center !important;
  font-weight: 700;
  color: #fff;
  border-right-style: none;
}

.creditline-results-section .guideTableNode table .headerItem {
  display: flex;
  align-items: center;
  position: relative;
}
.creditline-results-section
  .guideTableNode
  table
  .headerItem
  .guideFieldDescription.long {
  right: unset;
}
.creditline-results-section
  .guideTableNode
  table
  .headerItem
  .guideHelpQuestionMark {
  display: block;
  position: relative;
  right: 8px;
  top: 0px;
  left: 2px;
}

.creditline-results-section .guideTableNode table tbody {
  border: 1px solid #99c1e7;
  border-radius: 8px;
  overflow: hidden;
}
.guideTableNode table .guideTableRowNode.guideTableHeader th {
  border-width: 1px;
  border-color: #99c1e7;
}
.creditline-results-section .guideTableNode table tbody td,
.creditline-results-section .guideTableNode table thead th {
  border: 1px solid #99c1e7;
  padding: 15px 16px;
  height: fit-content;
}

.creditline-results-section
  .guideTableNode
  table
  thead
  tr:first-child
  th:first-child {
  border-top-left-radius: 8px;
}
.creditline-results-section
  .guideTableNode
  table
  thead
  tr:first-child
  th:last-child {
  border-top-right-radius: 8px;
}
.creditline-results-section .guideTableNode table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.creditline-results-section .guideTableNode table tbody tr:last-child td:last-child 
  {
  border-bottom-right-radius: 8px;
}
.creditline-results-section .guideTableNode table tbody tr:first-child td {
  border-top-style: solid;
}
.creditline-results-section .guideTableNode table tbody tr td:first-child {
  border-left-style: solid;
}
.creditline-results-section .guideTableNode table thead tr:first-child th {
  border-top-style: solid;
  border-bottom-style: none;
}
.creditline-results-section .guideTableNode table thead tr th:first-child {
  border-left-style: solid;
}
.creditline-results-section table thead tr th .guideFieldWidget.textField {
  display: none;
}
.creditline-results-section table thead tr th .guideFieldLabel {
  margin-top: unset;
}
.creditline-results-section .guideFieldLabel.top {
  display: block;
}
.creditline-results-section
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldLabel
  label {
  display: inline-block;
  color: #fff;
  font-weight: 700 !important;
  margin: 0;
}
.creditline-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield {
  display: flex;
  justify-content: center;
  align-items: center;
}
.creditline-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldDescription {
  z-index: 1000;
  font-weight:400;
}
.creditline-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideHelpQuestionMark {
  margin-left: 0px;
  background: url(sme-loan-calculator/resources/images/info-white-outline.svg) center
      center/cover no-repeat,
    #004ea8;
}
.creditline-results-section
  .guideTableNode
  table
  thead
  tr
  th
  .guidetextbox.guidefield
  .guideFieldWidget.textField
  input {
  padding: unset;
  background-color: #004ea8;
  color: #fff;
  border: none;
  font-weight: 700;
  pointer-events: none;
}
.creditline-results-section
  table
  tr
  td:not(:first-child)
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  display: flex;
}
.creditline-results-section
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  margin: 0;
  padding-top:0px;
}
.creditline-results-section .monthlyBreakDownCredit table tbody tr td .guideFieldNode{
 pointer-events: none;
}
.creditline-results-section .monthlyBreakDownCredit tbody
  .guidetextbox.guidefield
  .guideFieldNode.guideTextBox {
  pointer-events: none;
}
.creditline-results-section .guideFieldNode .d-flex {
  margin: 0;
}

.creditline-results-section .guideTableNode table.nowrap td input {
  padding: 0;
  margin: 0;
}
.creditline-results-section .guideFieldWidget input {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #2e2e2e;
  min-height: 0;
  text-align: center;
}

.creditline-results-section
  table
  tr
  td:not(:first-child)
  .guideFieldWidget
  input {
  text-align: right;
}

.creditline-results-section
  .guideTableNode
  table
  tbody
  tr
  td:first-child
  .guideFieldWidget
  input {
  font-weight: 700;
}
.creditline-results-section .monthlyBreakDownCredit {
  width: 100%;
  overflow: visible;
}
.creditline-results-section .guideTableNode table.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 24px;
}
.creditline-results-section .guideTableNode table.clone th,
.creditline-results-section .guideTableNode table.clone td {
  visibility: hidden;
}
.creditline-results-section .guideTableNode table.clone thead tr th:first-child,
.creditline-results-section
  .guideTableNode
  table.clone
  tbody
  tr
  td:first-child {
  visibility: visible;
}
.creditline-results-section .guideTableNode table.clone thead {
  background: #004ea8;
}

@media only screen and (max-width: 1024px),
  (min-width: 320px) and (max-width: 1024px) {
  .creditline-results-section .guideTableNode table tbody td:first-child {
    width: 150px !important;
  }
  .monthlyBreakDownCredit::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .monthlyBreakDownCredit::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .monthlyBreakDownCredit::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px;
  }
  .monthlyBreakDownCredit::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .left-panel-1 datalist,
  .slider-values p {
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 8px;
  }
  #downpayment-slider {
    margin: 0;
    width: 100%;
  }
  .guideRootPanel > .gridFluidLayout2.gridFluidLayout {
    padding: 24px 24px 0 !important;
  }
  .guideRootPanel
    > .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel_1406328763_cop___guide-item {
    width: 100%;
    min-width: 100%;
  }
  .guideRootPanel
    > .gridFluidLayout2.gridFluidLayout
    #guideContainer-rootPanel-panel___guide-item {
    width: 100%;
    min-width: 100%;
  }
  .guideRootPanel.guideRootPanel {
    margin: 0;
  }
  .fd-col-lg-12:has(.left-panel-1) {
    width: 100%;
  }
  .fd-col-lg-12:has(.creditline-results-section) {
    width: 100%;
    min-width: 250px;
  }
  .guideTableNode table {
    margin: 0;
    max-width: 100%;
  }
  .headersLeft.nonIETable tr,
  .headersLeft.nonIETable td {
    border: none;
  }
  .creditline-results-section .guideTableNode table td {
    min-height: 60px;
  }
  /* Left Panel */
  .left-panel-1 .preferred-details-text {
    font-size: 18px;
  }
  .left-panel-1 .d-flex .guideFieldLabel.top label,
  .left-panel-1 .guideFieldLabel.top {
    font-size: 14px;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child
    .guideTextDraw.guideStaticText
    > p {
    text-align: center !important;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTextDraw.guideStaticText
    > p {
    text-align: center !important;
  }
  .creditline-results-section
    #guideContainer-rootPanel-panel_1406328763_cop-panel1692265047690-guidetextdraw_1479542702___guide-item
    .guideTextDraw.guideStaticText {
    font-size: 14px;
  }
  .headersLeft.nonIETable thead tr {
    position: unset;
    top: unset;
    left: unset;
  }
  .headersLeft.nonIETable table,
  .headersLeft.nonIETable thead,
  .headersLeft.nonIETable tbody,
  .headersLeft.nonIETable th,
  .headersLeft.nonIETable td,
  .headersLeft.nonIETable tr {
    display: revert;
  }
  .headersLeft.nonIETable td {
    position: revert;
    padding-left: revert;
  }
  .headersLeft.nonIETable td:before {
    content: unset;
  }
  .headersLeft.nonIETable .guideTableRuntimeControls {
    display: none;
  }
  .headersLeft.nonIETable .guideFieldWidget {
    height: auto;
  }
  .headersLeft.nonIETable td:not(.child) input {
    border: solid 0px transparent !important;
  }
  .guideFieldWidget input[type="date"],
  .guideFieldWidget input[type="text"],
  .guideFieldWidget input[type="password"],
  .guideFieldWidget select,
  .guideFieldWidget textarea {
    font-size: 16px;
  }
  /* Table */

  .creditline-results-section
    .guideTableNode
    table.nowrap
    td
    input::placeholder {
    text-align: right;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .guideTableNode table tbody td {
    white-space: nowrap;
  }
  .creditline-results-section .guideTableNode table tbody tr:nth-child(odd) td {
    background: #fff;
  }
  .creditline-results-section
    .guideTableNode
    table
    tbody
    tr:nth-child(even)
    td {
    background: #e5f5ff;
  }
  .creditline-results-section .amount {
    font-size: 14px;
  }
  .creditline-results-section .p-zero {
    font-size: 24px;
    margin-top: 6px;
    padding-bottom: 12px;
  }
  .creditline-results-section .p-zero > p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px),
  (min-width: 320px) and (max-width: 768px) {
  [id$="_guide-item-container"] {
    overflow-x: visible;
  }
  .creditline-results-section .monthlyBreakDownCredit {
    width: calc(100% - 150px);
    overflow: auto;
    margin-left: 150px;
  }
  .creditline-results-section .table {
    width: 680px;
    margin: auto;
    max-width: 100%;
    position: relative;
  }

  .creditline-results-section
    .monthlyBreakDownCredit.guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .creditline-results-section
    .monthlyBreakDownCredit.guideTableNode
    table
    tbody
    td:first-child {
    width: 150px !important;
    left: 0px;
    position: absolute;
    margin-top: 0px;
    min-height: 55px;
    top: auto;
    height: fit-content;
    box-shadow: 0px 4px 6px -4px rgba(46, 46, 46, 0.10), 0px 10px 15px -3px rgba(46, 46, 46, 0.10);
  }

  .creditline-results-section
    .monthlyBreakDownCredit.guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child{
    line-height:38px;

    }

  .creditline-results-section
    .monthlyBreakDownCredit.guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child {
    min-height: 11%;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .guideTableNode table tbody td {
    width: 254px;
  }
  .creditline-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .tablecell-size .guideTableNode table tbody td {
    width: calc(100% - 0%);
  }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {

.creditline-results-section
.monthlyBreakDownCredit.guideTableNode
table
tbody
td:first-child {
  min-height:55px !important;
}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {

.creditline-results-section
.monthlyBreakDownCredit.guideTableNode
table
tbody
td:first-child {
  min-height:58px !important;
}
}


@media only screen and (max-width: 500px),
  (min-width: 320px) and (max-width: 500px) {
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .guideTableNode table tbody td {
    padding: 15px 16px;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .creditline-results-section .guideTableNode table tbody td:first-child {
    padding: 15px 16px;
  }
  .creditline-results-section .table.tablecell-size {
    width: 453px;
  }
  .creditline-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .tablecell-size .guideTableNode table tbody td {
    width: 254px;
  }
}

@media only screen and (max-width: 430px),
  (min-width: 320px) and (max-width: 430px) {
  .creditline-results-section .monthlyBreakDownCredit {
    width: calc(100% - 150px);
    margin-left: 150px;
    z-index: 999;
  }
  .creditline-results-section
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .guideTableNode table tbody td {
    width: 210px;
    padding: 15px 16px;
  }
  .creditline-results-section
    .monthlyBreakDownCredit
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th:first-child,
  .creditline-results-section
    .monthlyBreakDownCredit
    .guideTableNode
    table
    tbody
    td:first-child {
    width: 150px !important;
    padding: 15px 16px;
  }
  .creditline-results-section .table.tablecell-size {
    width: 410px;
  }
  .creditline-results-section
    .tablecell-size
    .guideTableNode
    table
    .guideTableRowNode.guideTableHeader
    th,
  .creditline-results-section .tablecell-size .guideTableNode table tbody td {
    width: 211px;
  }
}


.creditline-results-section .monthlyBreakDownCredit .guideTableRuntimeControls {
  display: none;
}

.creditline-results-section
  .monthlyBreakDownCredit
  td
  .guidetextbox.guidefield {
  width: 100%;
}

.creditline-results-section
  .monthlyBreakDownCredit
  table
  th
  .customToolTip.d-flex {
  align-items: center;
  justify-content: center;
}

.creditline-results-section
  .monthlyBreakDownCredit
  table
  th
  .customToolTip
  label {
  text-align: center;
}

.creditline-results-section .monthlyBreakDownCredit tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.creditline-results-section .monthlyBreakDownCredit tbody tr:last-child td:last-child{
  border-bottom-right-radius: 8px;
}

.creditline-results-section .monthlyBreakDownCredit tbody tr td.border-bottom-left {
  border-bottom-left-radius: 8px;
}

.creditline-results-section .monthlyBreakDownCredit tbody tr td.border-bottom-right{
  border-bottom-right-radius: 8px;
}

.creditline-results-section
  .monthlyBreakDownCredit
  table
  tr
  td
  .guidefield
  .guideFieldNode {
  display: flex;
  margin-top: 0px;
  padding-top:0px;
}
.creditline-results-section
  .monthlyBreakDownCredit
  table
  tr
  th:first-child
  .guideFieldLabel.top {
  margin-right: 8px;
}

.creditline-results-section
  .monthlyBreakDownCredit
  table
  tr
  th:not(:first-child)
  .guideFieldLabel.top {
     width: 70%;
}

.creditline-results-section .monthlyBreakDownCredit table tr .guideFieldNode .guideFieldLabel.top label{
  margin-bottom:0px;
}

@media only screen and (max-width: 1024px),
  (min-width: 500px) and (max-width: 1024px) {
    .creditline-results-section
      .monthlyBreakDownCredit
      table
      th
      .customToolTip.d-flex {
      gap:4px;
    }
  }
/* Credit Line Results Section Table ends here */

/* Accordion Styling starts here */
.creditline-results-section .cmp-accordion__header button {
  background: transparent;
  padding: 12px 0px;
}

.creditline-results-section .cmp-accordion__header .cmp-accordion__title {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.creditline-results-section .cmp-accordion__panel {
  margin-top: 12px;
}

.creditline-results-section .cmp-accordion__panel .accordion-notes p,
.creditline-results-section .cmp-accordion__panel .accordion-notes li {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #000000;
}

.creditline-results-section .cmp-accordion__panel ul {
  margin-top: 16px;
}

.creditline-results-section .notes  p,
.creditline-results-section .notes  li {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #2e2e2e;
  font-style: italic;
}

.creditline-results-section .importantNoticeCreditLine ul{
  margin-bottom:24px;
}

.creditline-results-section .cmp-accordion__button span.cmp-accordion__icon {
  background: url("sme-loan-calculator/resources/images/acc-arrow-down.svg") no-repeat;
  width: 24px;
  height: 24px;
  float: right;
  transform:none;
  vertical-align: text-bottom;
  transition: 300ms ease all;
}

.creditline-results-section
  .cmp-accordion__button.cmp-accordion__button--expanded
  span.cmp-accordion__icon {
  background: url("sme-loan-calculator/resources/images/acc-arrow-up.svg") no-repeat;
  width: 24px;
  height: 24px;
  float: right;
  transform: none;
  vertical-align: text-bottom;
  transition: 300ms ease all;
}

.creditline-results-section .seperator {
  border-color: #c7c7c7;
}

/* Accordion styling ends here */

.guideRadioButtonItem .guideFieldWidget input[type="radio"]:checked {
  accent-color: #0072d8;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 8.24px 7px 0 7px;
  height: 8.24px;
  width: 14.25px;
  border-color: #656565 transparent transparent transparent;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 0 7px 8.24px 7px;
  height: 8.24px;
  width: 14.25px;
  border-color: transparent transparent #656565 transparent;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  margin-right: 14px;
  right: 0;
}

.customToolTip .guideHelpQuestionMark {
  width: 16px;
  height: 16px;
}

#sme-slider {
  margin: 0;
  width: 100%;
}
.sme-range-wrap{
  margin-top:24px;
}

@-webkit-keyframes slide-down{
    0%{
      opacity:0;
    }
    100%{
      opacity: 1;
    }
}

@-moz-keyframes slide-down{
  0%{
    opacity:0;
  }
  100%{
    opacity: 1;
  }
}


@-webkit-keyframes slide-up{
  0%{
    opacity:1;
  }
  100%{
    opacity: 0;
  }
}

@-moz-keyframes slide-up{
  0%{
    opacity:1;
  }
  100%{
    opacity: 0;
  }
}

.creditline-results-section .cmp-accordion__panel.cmp-accordion__panel--expanded{
display:block;
-webkit-animation: slide-down 300ms ease-out;
-moz-animation:slide-down 300ms ease-out;

}

.creditline-results-section .cmp-accordion__panel.cmp-accordion__panel--hidden{
display:none;
-webkit-animation: slide-up 300ms ease-out;
-moz-animation:slide-up 300ms ease-out;
}

.termloan-results-section table tr td:not(:first-child) .guideFieldWidget input[value="NOT APPLICABLE"]{
  text-align:center;
}

/* global error styling starts here */

.global-error .fd-row:before,
.global-error .fd-row:after{
  display:none !important;
}

.global-error {
   max-width: 1184px;
   width:100%;
   padding:16px 24px;
   border: 1px solid #ff3700;
   border-radius: 8px;
   background:#FFE7E6;
   margin-bottom:48px;
   box-shadow: 0px 1px 2px -1px rgba(46, 46, 46, 0.10), 0px 1px 3px 0px rgba(46, 46, 46, 0.10);
}
@media only screen and (min-width: 1400px){

  .global-error {
      max-width:1272px;
    }
  
}

.global-error .gridFluidLayout2:first-child #guideContainer-rootPanel-panel_1164422263-panel_copy___guide-item-container > .guideGridFluidLayout2Container{
  display:flex;
  gap:20px;
 }

 @media only screen and (max-width: 767px) {
  .global-error {
    padding: 16px 14px;
  }

  .global-error .gridFluidLayout2:first-child #guideContainer-rootPanel-panel_1164422263-panel_copy___guide-item-container > .guideGridFluidLayout2Container{
    align-items:center;
  }
 
}

.global-error .global-error-description .gridFluidLayout2:first-child #guideContainer-rootPanel-panel_1164422263-panel_copy-panel___guide-item-container > .guideGridFluidLayout2Container{
  display:flex;
  gap:20px;
} 

@media only screen and (max-width: 767px) {
  .global-error {
    padding: 16px 14px;
  }

  .global-error .global-error-description .gridFluidLayout2:first-child #guideContainer-rootPanel-panel_1164422263-panel_copy-panel___guide-item-container > .guideGridFluidLayout2Container{
    align-items:center;
  } 
 
}


.global-error .global-error-description button{
  margin:0 !important;
  padding:0 !important;
}

.global-error .global-error-description button span.iconButton-icon{
  padding:0 !important;
  display:inline-block;
  width:24px;
  height:24px;
  background: url("sme-loan-calculator/resources/images/global-error-close.svg") no-repeat;
}

.global-error .guideTextDraw.guideStaticText{
   padding-right:unset;
}

.global-error #guideContainer-rootPanel-panel_1164422263-panel_copy-guideimage___guide-item{
  width:unset;
}

.global-error #guideContainer-rootPanel-panel_1164422263-panel_copy-panel___guide-item{
  width:100%;
}

.global-error .guideimage img{
  margin:0;
  max-width:unset;
}

.global-error .global-error-description-text{
  width:100%;
}

.global-error .global-error-description-text p{
  margin:0;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color:#ff3700
}

.global-error .global-error_close-btn{
  width:100%;
}

.global-error .global-error_image{

  display:inline-block;
  width:28px;
  height:28px;
  background: url("sme-loan-calculator/resources/images/error-info-outline.png") no-repeat;

}

.global-error #guideContainer-rootPanel-panel_1164422263-panel_copy-panel-guidetextdraw___guide-item{
  width:95%;
}
.global-error #guideContainer-rootPanel-panel_1164422263-panel_copy-panel-guidebutton___guide-item{
  width:unset;
}
#guideContainer-rootPanel-panel_1164422263___guide-item{
  position:fixed;
  top:220px;
  Z-index:999999;
}

@media only screen and (max-width: 1024px) {
  #guideContainer-rootPanel-panel_1164422263___guide-item{
    position:fixed;
    top:75px;
    width:90%
  }
}

@media only screen and (min-width: 992px) and (max-width: 1096px) {

  .guideRadioButtonItem .guideWidgetLabel{
    padding:16px 1px;
  }
  
  .guideRadioButtonGroupItems .guideRadioButtonItem.afRadioButtonItem{
    min-width: unset;
    height:unset;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .subsidiary-container_description{
    padding:24px;
  }
  .cmp-breadcrumb{
    padding-left:24px;
    padding-right:24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer .cmp-footer{
      padding: 40px 24px;
  }

  .footer .cmp-footer .row{
    padding-left:0
 }
}

.footer__copyrights{
  padding:0 24px;
}

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
  .termLoanPanel .guideRadioButtonItem .guideWidgetLabel{
    width:unset;
  }
  .termLoanPanel .afRadioButtonItem {
    padding-right:10px;
  }

  .creditLinePanel .guideRadioButtonItem .guideWidgetLabel{
    width:unset;
  }
  .creditLinePanel .afRadioButtonItem {
    padding-right:10px;
  }
}
/* sme css end */
.globalSearch .container{
  padding:0;
}

#globalSearch .modal-dialog{
  margin:30px auto;
  width:unset;
}

@media only screen and (max-width: 480px) {
  #globalSearch {
      padding-top: 0;
  }
}

@media only screen and (max-width: 1024px){

  #globalSearch .modal-content{
    margin: auto;
    width: 85%;
  }

}

@media only screen and (max-width: 1024px){
   #megaMenuModalWindow .modal-header{
      padding:0;
   }
}

#globalSearch .modal-content{
 box-shadow: none;
}

@media only screen and (min-width: 1024px) and (max-width:1200px){

  #globalSearch .modal-dialog{
    width:960px;
}
.globalSearch .container{
 width:100%;
 max-width:960px !important;
}

}

@media only screen and (min-width: 1200px) and (max-width:1400px){

  #globalSearch .modal-dialog{
    width:1140px;
}

  .globalSearch .container{
    width:100%;
    max-width:1140px !important;
  }
}

@media only screen and (min-width: 1400px){

  #globalSearch .modal-dialog{
       width:1320px;
  }
  .globalSearch .container{
    width:100%;
    max-width:1320px !important;
  }
}

.generic-search-result-container hr{
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25
}


.generic-search-result-container .result-count{
  margin-top:0;
}