/* Rate request */
:root {
  --slds-g-color-border-base-4: #d5dee3;
}

@font-face {
  font-family: "Helvetica";
  src: url("helvetica_Normal.woff2") format(" woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica-bold";
  src: url("helvetica_Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.dn_rate {
  font-family: "Helvetica", "Arial", sans-serif;
}
.dn_rate .slds-card {
  width: min(1120px, 100%);
  margin: 0 auto !important;
  padding: 1.5rem 10px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.dn_rate .slds-card > .slds-col {
  width: min(46rem, 100%);
  margin: 0 auto;
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}
.dn_rate .slds-card > .slds-col b {
  font-family: "Helvetica-bold", "Arial", sans-serif;
  font-size: 1.5rem;
}
.dn_rate .slds-card > .slds-col .slds-gutters {
  gap: 1.25rem 0;
}
.dn_rate .slds-card > .slds-col .slds-gutters .slds-col {
  padding-left: 1rem;
  padding-right: 1rem;
}
.dn_rate .slds-card > .slds-col .slds-form-element__label,
.dn_rate .slds-card > .slds-col .form-control {
  font-size: 1rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.dn_rate .slds-card > .slds-col .form-control {
  min-height: 3rem;
}
.dn_rate .slds-card > .slds-col .form-control.slds-textarea {
  max-height: 20rem;
}
.dn_rate .slds-card > .slds-col .slds-input {
  --slds-c-input-color-background: transparent;
  font-family: "Helvetica", "Arial", sans-serif;
  --slds-c-input-color-border: #d5dee3;
  --lwc-heightInput: 1.5;
  line-height: 1.5;
  font-size: 1rem;
  --slds-c-input-spacing-horizontal-end: 1rem;
  --slds-c-input-spacing-horizontal-end: 1rem;
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.dn_rate .slds-card > .slds-col .product-type,
.dn_rate .slds-card > .slds-col .rate-type,
.dn_rate .slds-card > .slds-col .account-detail {
  background: url(Chevron-Down.svg) calc(100% - 4px) center no-repeat;
  padding-right: 2rem;
}
.dn_rate .slds-card > .slds-col .slds-list_dotted li {
  font-size: 1rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.dn_rate .slds-card > .slds-col .slds-align_absolute-center:has(.slds-button) {
  display: flex;
  gap: 1rem;
}
.dn_rate .slds-card > .slds-col .slds-button {
  font-size: 1rem;
  font-family: "Helvetica-bold", "Arial", sans-serif;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
  font-weight: bold;
}
.dn_rate .slds-card > .slds-col .slds-button.slds-button_brand {
  background-color: #ff3600;
  color: #ffffff;
  border-color: #ff3600;
}
.dn_rate .slds-card > .slds-col .slds-button.slds-button_neutral {
  background-color: #ffffff;
  color: #ff3600;
  border-color: #ff3600;
}

.modal-dialog .modal-content .modal-header {
  padding: 1rem;
}
.modal-dialog .modal-content .modal-header .bootbox-close-button {
  width: 3rem;
  height: 3rem;
  color: transparent;
  border-radius: 50%;
}
.modal-dialog .modal-content .modal-header .bootbox-close-button:hover {
  background-color: #f1f1f1;
}
.modal-dialog .modal-content .modal-body {
  padding: 1rem 2rem;
  font-size: 1rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.modal-dialog .modal-content .modal-footer {
  padding: 1rem 2rem;
  border: none;
}
.modal-dialog .modal-content .modal-footer .btn-primary {
  background-color: #ff3600;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
  font-weight: bold;
  border-color: #ff3600;
  font-size: 1rem;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}