/* input(4261,21): run-time error CSS1030: Expected identifier, found '#wfl-calc-wrapper'
input(4261,38): run-time error CSS1025: Expected comma or open brace, found ')'
input(7155,19): run-time error CSS1030: Expected identifier, found '#FinanceRate-form-label'
input(7155,42): run-time error CSS1025: Expected comma or open brace, found ')'
input(7487,23): run-time error CSS1030: Expected identifier, found '#wfl-calc-wrapper'
input(7487,40): run-time error CSS1025: Expected comma or open brace, found ')'
input(7541,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7541,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7545,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7545,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7558,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7558,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7573,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7573,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7583,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7583,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7593,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7593,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7604,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7604,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(7615,26): run-time error CSS1030: Expected identifier, found '#review-confirmation-modal'
input(7615,52): run-time error CSS1025: Expected comma or open brace, found ')' */
/* move and convert to workflow v2 */

/* membership workflow import */

/*@import "wf2_membership_temp.less";
@import "wf2_membership_queries.less";*/

.unused-class {
  background-color: red;
  padding: 1rem;
}
h1.wf-hdr-main {
  color: #003A70;
  font-size: 1.2rem;
  font-weight: 600;
  border-bottom: 1px solid;
  border-color: #D4D4D4;
  margin-bottom: 1rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0071ce;
  background-color: #0071ce;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #009ADE;
}
.btn:focus {
  box-shadow: 0 0 0 0.15rem rgba(0, 154, 222, 0.5);
}
.wf-save-offer-wrapper {
  display: none;
}
.rate-table-modal .modal-body {
  overflow: auto !important;
  max-height: 70vh;
}
.rate-table-modal .share-comparison-table {
  display: block;
  position: relative;
  width: max-content;
  max-width: 80vw;
  max-height: 72vh;
}
.rate-table-modal .share-comparison-table thead tr th {
  vertical-align: bottom !important;
}
.rate-table-modal .share-comparison-table thead tr th:first-child {
  position: sticky !important;
  left: 0;
  z-index: 1001;
}
.rate-table-modal .share-comparison-table th {
  border-top: none;
  position: sticky !important;
  top: 0;
  background-color: #FFFFFF;
  z-index: 999;
}
.rate-table-modal .share-comparison-table tr td:first-child {
  position: sticky;
  left: 0;
  background-color: #FFFFFF;
  z-index: 999;
}
.rate-table-modal .share-comparison-table .open-now-btn {
  padding: 0.5rem 2rem;
  border-radius: 0px;
  background-color: #0071ce;
  border-color: #0071ce;
  transition: ease-in-out 0.15s;
}
.rate-table-modal .share-comparison-table .open-now-btn:hover {
  opacity: 0.4;
}
.modal-dialog {
  position: relative;
  width: 650px !important;
  max-width: 650px !important;
}
.modal-dialog .wf-modal-content-wrapper {
  padding: 0;
}
.modal-dialog .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  max-width: max-content;
}
.modal-dialog .modal-content .modal-header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #003A70 !important;
  padding: 0.55rem 1rem;
}
.modal-dialog .modal-content .modal-header h1,
.modal-dialog .modal-content .modal-header h2,
.modal-dialog .modal-content .modal-header h3,
.modal-dialog .modal-content .modal-header h4,
.modal-dialog .modal-content .modal-header h5,
.modal-dialog .modal-content .modal-header h6 {
  font-size: 1.1rem;
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-dialog .modal-content .modal-header button.close {
  color: #FFFFFF;
  text-shadow: none;
  opacity: 1;
  transition: ease-in-out 0.15s;
}
.modal-dialog .modal-content .modal-header button.close:hover {
  text-shadow: 0 3px 1px rgba(0, 0, 0, 0.5);
}
.modal-dialog .modal-content .modal-footer .btn {
  padding: 0.5rem 2rem;
  border-radius: 0px;
  margin-left: 0.75rem;
}
.modal-dialog .modal-content .modal-footer .btn-modal {
  background-color: #0071ce;
  border-color: #0071ce;
  transition: ease-in-out 0.15s;
}
.modal-dialog .modal-content .modal-footer .btn-modal:hover {
  background-color: #0071ce;
  border-color: #0071ce;
  opacity: 0.4;
}
.modal-dialog .modal-content .modal-footer .btn-outline-secondary {
  color: #0071ce;
  border-color: #009ADE;
  background-color: #FFFFFF;
  transition: ease-in-out 0.15s;
}
.modal-dialog .modal-content .modal-footer .btn-outline-secondary:hover {
  background-color: #F1F1F1;
}
.modal-dialog .modal-content .wf-bs-modal-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
}
.modal-dialog .modal-content .wf-bs-modal-btns button {
  padding: 0.7rem 1.5rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.modal-dialog .modal-content .wf-bs-modal-btns .wf-btn-primary {
  background-color: #E6F1F4 !important;
  color: #003A70 !important;
}
.modal-dialog .modal-content .wf-bs-modal-btns .wf-btn-primary:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}
.modal-dialog .modal-content .wf-bs-modal-btns .wf-btn-primary:hover {
  color: #0071ce !important;
  background-color: #ebf3f5 !important;
  opacity: 1;
}
.modal-dialog .modal-content .wf-bs-modal-btns .wf-btn-outline-secondary:hover {
  background-color: #efefef !important;
}
#image-capture-modal .driving-license-qr-code-scanner-div .driving-license-qr-code-scanner .header-panel h5 {
  font-size: 1rem;
  font-weight: bold;
}
#image-capture-modal .driving-license-qr-code-scanner-div .driving-license-qr-code-scanner .text-wrap strong {
  font-size: 0.85rem;
  font-weight: normal;
}
#image-capture-modal .driving-license-qr-code-scanner-div .row {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
#image-capture-modal .driving-license-qr-code-scanner-div .row .col-lg-6.col-md-12 {
  padding: 0 1rem;
  min-width: 100%;
  max-width: 100%;
}
#image-capture-modal .driving-license-qr-code-scanner-div .row .col-lg-1.d-xs-none {
  border: none !important;
  border-radius: 99px;
  padding: 0;
  min-width: 3px;
  max-width: 3px;
  background-color: #D4D4D4;
  margin: 0;
}
#image-capture-modal .driving-license-qr-code-scanner-div .row .col-lg-5.col-md-12 {
  padding: 0;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
}
#image-capture-modal .driving-license-qr-code-scanner-div .row.no-qr-code {
  grid-template-columns: 1fr;
}
#image-capture-modal .driving-license-qr-code-scanner-div .k-qrcode {
  max-width: max-content;
}
#image-capture-modal .driving-license-qr-code-scanner-div .k-qrcode div {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  aspect-ratio: 1;
}
#image-capture-modal .wf-modal-submit-wrapper {
  padding: 0 !important;
}
#image-capture-modal .wf-modal-submit-wrapper .col-md-6.modal-footer {
  display: block;
  max-width: 100%;
}
#image-capture-modal .wf-modal-submit-wrapper .col-md-6.modal-footer button {
  background-color: #0071ce;
  border-color: #0071ce;
  border-radius: 0px;
  transition: ease-in-out 0.15s;
}
#mfa-modal {
  overflow-y: hidden;
}
#mfa-modal .modal-dialog {
  height: 100vh;
}
#mfa-modal .cards-container {
  padding: 0;
}
#mfa-modal .cards-container > br {
  display: none;
}
#mfa-modal .wf-btn-wrapper {
  margin-bottom: 0.75rem;
}
#mfa-modal .wf-btn-wrapper:hover button span {
  border-bottom: 1px dotted;
  border-color: #0071ce;
}
#mfa-modal .wf-btn-wrapper button {
  padding: 0;
}
#mfa-modal .wf-btn-wrapper button .fas,
#mfa-modal .wf-btn-wrapper button .fa-solid {
  color: #003A70;
}
#mfa-modal .wf-btn-wrapper button span {
  color: #0071ce;
  border-bottom: 1px;
  border-color: transparent;
  transition: ease-in-out 0.15s;
}
#mfa-modal #mfa-modal-text-should-not-display-in-prod {
  color: magenta;
}
#mfa-modal .row.form-group {
  padding: 0;
  margin: 0 0 1.5rem;
}
#mfa-modal .row.form-group .col-12.col-sm-8 label {
  display: block;
  margin-bottom: 0.35rem !important;
}
#mfa-modal .row.form-group .col-12.col-sm-8 input {
  border-radius: 2px 0px 0px 2px;
}
#mfa-modal .row.form-group .col-12.col-sm-4 button {
  margin-top: 0.35rem;
  border-radius: 0px 2px 2px 0px;
}
#mfa-modal #mfa-submit-btn {
  background-color: #0071ce;
  border-color: #0071ce;
  transition: ease-in-out 0.15s;
}
#mfa-modal #mfa-submit-btn:hover {
  background-color: #0071ce;
  border-color: #0071ce;
  opacity: 0.5;
}
#review-confirmation-modal #signature-popup {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-rows: 0.1fr 1fr;
  grid-template-columns: 1fr;
  gap: 0;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  align-items: self-end;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type label {
  margin-bottom: 0;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type .float-right {
  float: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type .float-right div {
  display: block !important;
  text-align: right;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type .float-right div button {
  margin: 0 !important;
  width: 100%;
}
#review-confirmation-modal #signature-popup .col-12:first-of-type .float-right div:last-of-type {
  grid-column-start: 1;
  grid-row-start: 1;
}
#review-confirmation-modal #signature-popup button.wf-btn-toggle {
  min-height: 37px;
}
#review-confirmation-modal #signature-popup button.wf-btn-toggle.wf-btn-toggle-selected {
  border-width: 1px;
}
#review-confirmation-modal #signature-popup .signature-pad canvas {
  height: 150px !important;
  width: 100% !important;
}
#review-confirmation-modal #co-app-signature-popup {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-rows: 0.1fr 1fr;
  grid-template-columns: 1fr;
  gap: 0;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  align-items: self-end;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type label {
  margin-bottom: 0;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type .float-right {
  float: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type .float-right div {
  display: block !important;
  text-align: right;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type .float-right div button {
  margin: 0 !important;
  width: 100%;
}
#review-confirmation-modal #co-app-signature-popup .col-12:first-of-type .float-right div:last-of-type {
  grid-column-start: 1;
  grid-row-start: 1;
}
#review-confirmation-modal #co-app-signature-popup button.wf-btn-toggle {
  min-height: 37px;
}
#review-confirmation-modal #co-app-signature-popup button.wf-btn-toggle:hover {
  background-color: #F1F1F1;
}
#review-confirmation-modal #co-app-signature-popup button.wf-btn-toggle.wf-btn-toggle-selected {
  border-width: 1px;
}
#review-confirmation-modal #co-app-signature-popup .signature-pad canvas {
  height: 150px !important;
  width: 100% !important;
}
#review-confirmation-modal .sign-touch {
  display: grid;
  grid-template-columns: 0fr 1fr;
  gap: 0.5rem;
  align-items: center;
}
#review-confirmation-modal #erase-button .eraser-button {
  border-color: transparent;
  transition: ease-in-out 0.15s;
}
#review-confirmation-modal #erase-button .eraser-button:focus {
  box-shadow: none;
}
#review-confirmation-modal #erase-button .eraser-button:hover {
  color: #009ADE;
  background: rgba(255, 255, 255, 0.2);
}
#review-confirmation-modal .custom-checkbox {
  border: 1px solid;
  border-color: rgba(0, 154, 222, 0.4);
  background-color: #E6F1F4;
  max-width: max-content;
  margin-left: 2.6rem;
  max-height: 44px;
}
#review-confirmation-modal .custom-checkbox .custom-control-label {
  padding-left: 0.75rem;
  padding-right: 1.5rem;
  line-height: 2.7rem;
  left: 3px;
}
#review-confirmation-modal .custom-checkbox .custom-control-label:before {
  display: block;
  box-shadow: 0 0 0 15px #009ADE;
  border-radius: 0px;
  border: 1px solid;
  border-color: rgba(0, 154, 222, 0.3);
}
#review-confirmation-modal .custom-checkbox .custom-control-label:before,
#review-confirmation-modal .custom-checkbox .custom-control-label:after {
  top: 0.85rem;
  left: -2rem;
}
#review-confirmation-modal button:disabled {
  pointer-events: none;
}
#LoadingAnimation {
  z-index: 99999 !important;
}
.form-control,
.custom-select {
  border-color: #D4D4D4;
  border-radius: 2px;
  color: #202020 !important;
}
.form-control:focus,
.custom-select:focus {
  border-color: rgba(0, 58, 112, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(0, 154, 222, 0.5);
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.15rem rgba(0, 154, 222, 0.5);
}
#wf-row-agreements {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wf-row-agreements .col-12 p img {
  width: 100%;
  max-width: 100%;
}
#wf-row-identcards {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
#wf-row-identcards .wf-tile.col-lg-6 {
  padding: 0;
}
#wf-row-identcards .col-sm-12.col-lg-6 {
  grid-column-start: span 2;
  padding: 0;
}
#wf-row-identcards .col-sm-12.col-lg-6 .wf-box-member {
  margin: 0 0 2rem;
}
#wf-row-identcards .col-sm-12.col-lg-6 .wf-box-member #current-members-header {
  font-size: 1.5rem;
  color: #003A70;
}
#wf-row-identcards .col-sm-12.col-lg-6 .wf-box-member #already-member-form {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-column-gap: 1rem;
}
#wf-row-identcards .col-sm-12.col-lg-6 .wf-box-member #already-member-form hr {
  display: none;
}
#wf-row-identcards .col-sm-12.col-lg-6 .wf-box-member #already-member-form .row {
  padding: 0;
}
#already-member-btn {
  background: #003A70;
  color: #FFFFFF;
  border-radius: 0px;
  padding: 0.5rem 1.5rem;
}
#eligibility-type-custom-value-group {
  display: block;
}
#eligibility-type-custom-value-group label {
  margin-bottom: 0;
}
#eligibility-type-custom-value-group #eligibility-custom-value {
  height: 38px;
}
@media (min-width: 992px) {
  #wf-row-agreements .col-lg-8 {
    max-width: 100%;
  }
  #wf-row-identcards .col-lg-6 {
    max-width: 100%;
  }
}
.wf-row-member-authentication {
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 1rem;
}
.wf-row-member-authentication .col-12 p img {
  width: 100%;
  max-width: 100%;
}
.wf-row-member-authentication .col-lg-8 {
  margin: 0 !important;
  padding: 0 !important;
}
.wf-row-member-authentication .wf-form-wrapper {
  margin: 0 !important;
}
.wf-row-member-authentication .wf-form-wrapper .wf-form-h2 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 1rem;
}
.wf-row-member-authentication .wf-form-wrapper .input-group .input-group-append button.wfm_eye_button {
  height: 37px;
}
.wf-row-member-authentication .wf-form-wrapper .input-group .input-group-append button.wfm_eye_button:hover {
  background-color: #D4D4D4 !important;
  color: #003A70 !important;
}
.wf-row-member-authentication .wf-form-wrapper .wf-btn-grp .wf-btn {
  padding: 0.5rem 1.5rem !important;
  min-width: 200px !important;
}
.wf-row-member-authentication .wf-form-wrapper .wf-btn-grp #skip-login-and-continue {
  margin: 0;
  border-radius: 0;
  border: 1px solid #003A70;
}
#resume-application-form .wf-form-wrapper .row {
  margin: 0;
  padding: 0;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 {
  padding: 0;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 label {
  margin-bottom: 0.25rem;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 .form-control {
  margin-bottom: 1rem;
  border-radius: 0.15rem;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 .input-group {
  border-color: transparent;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 .input-group .form-control {
  border-radius: 0.15rem;
  border-color: #D4D4D4;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 .input-group .input-group-append {
  height: 36px;
}
#resume-application-form .wf-form-wrapper .row .col-sm-12 .input-group .input-group-append button.wfm_eye_button:hover {
  background-color: #D4D4D4 !important;
  color: #003A70 !important;
}
#resume-application-form .wf-form-wrapper .wf-btn-grp {
  margin-top: 1rem;
}
#wf-row-accounts {
  flex-wrap: wrap;
  min-width: 37rem;
  max-width: 37rem;
  padding: 0;
  margin: auto;
}
#wf-row-accounts .col-12 p img {
  width: 100%;
  max-width: 100%;
}
.wfm-accounts-grid {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
}
.wfm-accounts-grid .hero-btn .fa-info-circle {
  color: #003A70;
  transition: ease-in-out 0.15s;
}
.wfm-accounts-grid .col-md-3 {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.wfm-accounts-grid .col-md-3 .wf-acct-item {
  margin: 0;
}
#wf-row-products {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wf-row-products .col-12 p img {
  width: 100%;
  max-width: 100%;
}
#products-page-buttons-div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
#products-page-buttons-div .wfm-prod-cnt-msgs {
  grid-column: span 4;
}
#products-page-buttons-div > div br {
  display: none;
}
#products-page-buttons-div > div span {
  margin-bottom: 1rem;
}
#products-page-buttons-div .btn-group {
  display: initial;
  position: relative;
}
#products-page-buttons-div .btn-group button:only-of-type {
  padding-right: 1rem !important;
}
#products-page-buttons-div .btn-group button:only-of-type::after {
  margin-left: 0.5rem;
}
#products-page-buttons-div .btn-group .dropdown-menu {
  min-width: max-content;
}
#products-page-buttons-div .btn-group .dropdown-menu button {
  color: #009ADE;
  transition: ease-in-out 0.15s;
}
#products-page-buttons-div .btn-group .dropdown-menu button:hover {
  background-color: #E6F1F4;
}
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item.disabled,
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item:disabled {
  color: #AFAFAF;
}
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item.disabled::after,
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item:disabled::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 1rem;
  color: #2AA83D;
  margin-left: 0.5rem;
}
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item:focus {
  outline: 1px dotted;
  outline-color: #009ADE;
}
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item.active,
#products-page-buttons-div .btn-group .dropdown-menu .dropdown-item:active {
  color: #0071ce;
  outline: 1px solid;
  outline-color: #009ADE;
  background-color: #F1F1F1;
}
#products-page-buttons-div .btn-group .add-product-btn {
  margin-bottom: 0 !important;
  min-width: 100% !important;
  border-radius: 1px;
}
#products-page-buttons-div .btn-group .btn-primary:not(:disabled):not(.disabled).active:focus,
#products-page-buttons-div .btn-group .btn-primary:not(:disabled):not(.disabled):active:focus,
#products-page-buttons-div .btn-group .show > .btn-primary.dropdown-toggle:focus,
#products-page-buttons-div .btn-group btn-primary.focus,
#products-page-buttons-div .btn-group .btn-primary:focus {
  box-shadow: 0 0 0 0.15rem rgba(0, 154, 222, 0.5);
}
#products-page-buttons-div .wfm-btn-split {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0fr;
}
#products-page-buttons-div .wfm-btn-split > button:nth-of-type(2) {
  right: 0;
  margin: 0;
  max-width: 30px;
  min-width: 30px !important;
  border-left: 1px solid;
  border-color: #FFFFFF;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  z-index: 1;
}
#products-page-buttons-div .wfm-btn-split > button:nth-of-type(2):hover {
  opacity: 1;
  background-color: #70baff;
  color: #FFFFFF !important;
}
#products-page-buttons-div .wfm-btn-split .dropdown-menu {
  transform: translate(0px, 29px) !important;
}
#products-page-buttons-div .wfm-btn-split .dropdown-menu button {
  position: relative;
  color: #009ADE;
}
#products-list-main-div {
  margin-bottom: 2rem;
}
#products-list-main-div #products-list-content-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
#products-list-main-div #products-list-content-div .product-card {
  max-width: 100%;
  margin: 0;
}
#products-list-main-div #products-list-content-div .product-card .product-card-header h3 {
  font-size: 1.2rem;
  position: relative;
  font-size: 1rem;
  margin-bottom: 0;
  padding-top: 0;
}
#products-list-main-div #products-list-content-div .product-card .product-card-header h3 i {
  float: right;
  font-size: 1rem;
  background: #FFFFFF;
  border-radius: 100%;
  padding: 0.125rem;
  position: relative;
  top: -4px;
}
#products-list-main-div #products-list-content-div .product-card .product-card-header h3 i::before {
  position: relative;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .form-group {
  margin-bottom: 1rem;
  border-bottom: 1px solid #D4D4D4;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .form-group:nth-child(n+2) {
  padding-bottom: 1rem;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .form-group:nth-child(2) {
  padding-bottom: 0;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .form-group .form-group {
  border-bottom: none;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content hr {
  display: none;
  margin: 0.5rem 0 0.75rem;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .wf-share-card-wrapper {
  padding-bottom: 1rem;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 1rem;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .product-info-icon {
  float: right;
  position: relative;
  top: 4px;
  z-index: 1;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .product-card-button {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  display: flex;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .product-card-button button {
  align-self: flex-end;
}
#products-list-main-div #products-list-content-div .product-card .product-card-content .share-type-sub-services {
  padding-right: 0;
  padding-left: 0;
}
#share-comparison-modal {
  padding: 0;
  max-height: 75dvh;
}
#share-comparison-modal table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  font-size: 0.85rem;
}
#share-comparison-modal table thead {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 999;
}
#share-comparison-modal table thead tr th {
  border-bottom: 1px solid;
  border-color: #F1F1F1;
  vertical-align: top;
  border-top: none;
}
#share-comparison-modal table thead tr th span {
  display: block;
}
#share-comparison-modal table thead tr th span:first-child {
  margin-bottom: 0.25rem;
}
#share-comparison-modal table thead tr th:first-child {
  min-width: 225px;
  position: sticky;
  left: 0;
  vertical-align: middle !important;
  background-color: #FFFFFF;
  border-right: 1px solid;
  border-color: #F1F1F1;
}
#share-comparison-modal table tbody tr {
  position: relative;
}
#share-comparison-modal table tbody tr:last-child {
  position: sticky;
  bottom: 0;
  z-index: 999;
}
#share-comparison-modal table tbody tr:last-child td {
  background-color: #FFFFFF;
}
#share-comparison-modal table tbody tr:first-child td {
  border-top: none !important;
}
#share-comparison-modal table tbody tr td {
  min-width: 200px;
  border-color: #F1F1F1;
  vertical-align: middle !important;
}
#share-comparison-modal table tbody tr td .fa-check {
  color: #2AA83D;
}
#share-comparison-modal table tbody tr td .fa-minus {
  color: #EB0202;
}
#share-comparison-modal table tbody tr td:first-child {
  min-width: 225px;
  position: sticky;
  left: 0;
  vertical-align: middle;
  background-color: #FFFFFF;
  border-right: 1px solid;
  border-color: #F1F1F1;
}
#share-comparison-modal table tbody tr td p {
  margin-bottom: 0;
  padding: 0.25rem;
}
#share-comparison-modal .wfm-share-name {
  font-weight: bold;
  font-size: 0.85rem;
}
#share-comparison-modal .wfm-share-description {
  font-weight: lighter;
  font-size: 0.7rem;
}
#share-comparison-modal .table-responsive {
  overflow-x: initial;
}
#wf-row-applicants {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wf-row-applicants .col-12 p img {
  width: 100%;
  max-width: 100%;
}
.wf-upload-text .fas,
.wf-upload-text .fa-solid {
  margin-right: 0.5rem;
  color: #003A70;
  position: relative;
  top: 3px;
}
.wf-upload-text .fas::before,
.wf-upload-text .fa-solid::before {
  content: "\f083";
}
.image-capture-section .upload-success {
  text-align: left;
  padding-left: 1.8rem;
}
.image-capture-section .upload-success .fas,
.image-capture-section .upload-success .fa-solid {
  margin-right: 0.5rem;
}
#upload-front-image,
#upload-back-image {
  border: 1px dotted;
  border-color: #0071ce;
  background-color: #F1F1F1;
  border-radius: 4px;
  transition: ease-in-out 0.15s;
}
#upload-front-image:hover,
#upload-back-image:hover {
  background-color: #E6F1F4;
}
#upload-front-image:focus,
#upload-back-image:focus {
  outline: none;
  border: 1px solid;
  border-color: #009ADE;
}
#qrUrl {
  background-color: #F1F1F1;
  border: 1px dotted;
  border-color: #0071ce;
  border-radius: 4px;
}
#qrUrl g path:first-child {
  stroke: transparent;
  stroke-width: 1px;
  fill: transparent;
}
#qrUrl g path:last-child {
  fill: #003A70;
}
.applicant .wf-form-wrapper .row {
  display: grid;
  grid-template-columns: 1fr 0.5fr 1fr 0.5fr;
  gap: 0.5rem;
  padding: 0 1rem;
}
.applicant .wf-form-wrapper .row .wf-form-h2 {
  grid-column: span 4;
  width: initial;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.5rem;
}
.applicant .wf-form-wrapper .row .wf-form-h2 label {
  margin-bottom: 0;
}
.applicant .wf-form-wrapper .row .col-sm-4,
.applicant .wf-form-wrapper .row .col-sm-3,
.applicant .wf-form-wrapper .row .col-sm-2,
.applicant .wf-form-wrapper .row .col-lg-2,
.applicant .wf-form-wrapper .row .col-md-4,
.applicant .wf-form-wrapper .row .col-sm-6 {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.applicant .wf-form-wrapper .row label {
  margin-bottom: 0.25rem;
}
.applicant .wf-form-wrapper .row:last-of-type {
  margin-bottom: 0.5rem;
}
.applicant .wf-form-wrapper .pri-address-info {
  grid-template-columns: 1fr 0.5fr 1fr 1fr;
}
.applicant .wf-form-wrapper .pri-address-info .col-sm-6.col-md-6.col-lg-7 {
  grid-column: span 3;
}
.applicant .wf-form-wrapper .pri-address-info .col-sm-3:nth-child(2) {
  grid-column: span 2;
}
.applicant #different-mailing-address .form-group {
  display: grid;
  grid-template-columns: 1fr 0.5fr 1fr 1fr;
}
.applicant #different-mailing-address .form-group .col-sm-6:first-of-type {
  grid-column: span 3;
}
.applicant #different-mailing-address .form-group:last-of-type .col-sm-3:nth-child(2) {
  grid-column: span 2;
}
#primary-applicant .wf-form-wrapper.wf-form-checkbox {
  max-width: max-content;
}
#primary-applicant .wf-form-wrapper.wf-form-checkbox #diff-address-checkbox {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
#primary-applicant .wf-form-wrapper.wf-form-checkbox #diff-address-checkbox #wf-diff-address-label {
  min-width: max-content;
  margin-bottom: 0;
}
#wf-contact-info-wrapper .form-group {
  grid-template-columns: 1fr 1fr 1fr;
}
#wf-contact-info-wrapper .form-group:last-of-type {
  grid-template-columns: 1fr 1fr;
}
.wfm-co-app-contact-info .form-group {
  grid-template-columns: 1fr 1fr 1fr !important;
}
.wfm-co-app-contact-info .col-sm-3.col-md-6 {
  grid-column: span 2;
}
#id-fieldset #pri-dl-front-thumbnail-row,
#id-fieldset #pri-dl-back-thumbnail-row {
  display: inline-block;
  max-width: 49%;
  vertical-align: top;
}
#id-fieldset #pri-dl-front-thumbnail-row .col-12,
#id-fieldset #pri-dl-back-thumbnail-row .col-12 {
  aspect-ratio: 1.555555556;
  overflow: hidden;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  display: flex;
  align-items: center;
  max-height: 150px;
}
#id-fieldset #pri-dl-front-thumbnail-row .col-12 img,
#id-fieldset #pri-dl-back-thumbnail-row .col-12 img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#id-fieldset .wf-form-wrapper .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#id-fieldset .wf-form-wrapper .form-group:nth-child(6) {
  padding-top: 1rem;
  border-top: 1px dotted #F1F1F1;
}
#id-fieldset .wf-form-wrapper .form-group:nth-child(7) {
  margin-top: 2rem;
}
#id-fieldset .wf-form-wrapper .identification-group .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#id-fieldset .wf-form-wrapper .identification-row-div {
  margin-bottom: 1rem;
  border-bottom: 1px solid;
  border-color: #F1F1F1;
  padding-bottom: 1.5rem;
}
#id-fieldset .wf-form-wrapper .identification-row-div .description-div,
#id-fieldset .wf-form-wrapper .identification-row-div .issuer-div {
  grid-column: span 2;
}
#id-fieldset .wf-form-wrapper .identification-row-div .issuer-div {
  grid-column: 2 / span 2;
}
#id-fieldset .wf-form-wrapper .identification-row-div [id^="pri-identification-type-issue-date-div-"] {
  grid-column: 2;
}
#id-fieldset .wf-form-wrapper .identification-row-div:last-of-type {
  padding-bottom: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: none;
}
#co-applicant-id-fieldset [id$="-dl-front-thumbnail-row"],
#co-applicant-id-fieldset [id$="-dl-back-thumbnail-row"] {
  display: inline-block;
  max-width: 49%;
  vertical-align: top;
}
#co-applicant-id-fieldset [id$="-dl-front-thumbnail-row"] .col-12,
#co-applicant-id-fieldset [id$="-dl-back-thumbnail-row"] .col-12 {
  aspect-ratio: 1.555555556;
  overflow: hidden;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  display: flex;
  align-items: center;
  max-height: 150px;
}
#co-applicant-id-fieldset [id$="-dl-front-thumbnail-row"] .col-12 img,
#co-applicant-id-fieldset [id$="-dl-back-thumbnail-row"] .col-12 img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#co-applicant-id-fieldset .wf-form-wrapper .form-group {
  grid-template-columns: 1fr 1fr;
}
#co-applicant-id-fieldset .wf-form-wrapper .form-group:nth-child(7) {
  padding-top: 1rem;
  border-top: 1px dotted #F1F1F1;
}
#co-applicant-id-fieldset .wf-form-wrapper .form-group:nth-child(8) {
  margin-top: 2rem;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-group .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div {
  margin-bottom: 1rem;
  border-bottom: 1px solid;
  border-color: #F1F1F1;
  padding-bottom: 1.5rem;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div .description-div,
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div .issuer-div {
  grid-column: span 2;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div .issuer-div {
  grid-column: 2 / span 2;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div [id^="pri-identification-type-issue-date-div-"] {
  grid-column: 2;
}
#co-applicant-id-fieldset .wf-form-wrapper .identification-row-div:last-of-type {
  padding-bottom: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: none;
}
#co-applicant-id-fieldset .wf-form-wrapper [id$="-identification-issue-date-div-1-0"] {
  grid-column: 2;
}
#employment-fieldset .form-group {
  grid-template-columns: 1fr 1fr 1fr;
}
.co-applicant-section .wf-form-wrapper.wf-form-checkbox.col-md-6 {
  max-width: max-content;
}
.co-applicant-section .wf-form-wrapper.wf-form-checkbox.col-md-6 #diff-address-checkbox {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
.co-applicant-section .wf-form-wrapper.wf-form-checkbox.col-md-6 #diff-address-checkbox #wf-diff-address-label {
  min-width: max-content;
  margin-bottom: 0;
}
#co-applicant-employment-fieldset .wf-form-wrapper .form-group:nth-of-type(2) {
  grid-template-columns: 1fr 1fr 1fr;
}
#co-applicant .row.form-group.wf-form-co-app-row {
  grid-template-columns: 1fr 0.5fr 1fr 1fr;
}
#co-applicant .row.form-group.wf-form-co-app-row .col-sm-6.col-md-6.col-lg-7 {
  grid-column: span 3;
}
#co-applicant [class$="-address-info"] {
  grid-template-columns: 1fr 0.5fr 1fr 1fr;
}
#co-applicant [class$="-address-info"] .col-sm-2 {
  grid-column: span 2;
}
#co-applicant [class$="-address-info"] .col-sm-2:last-of-type {
  grid-column: span 1;
}
.beneficiary-section .wf-form-wrapper:first-of-type .form-group:nth-child(2) .col-sm-2.col-md-4 {
  grid-column: span 2;
}
.beneficiary-section .wf-form-ben-app-row {
  grid-template-columns: 1fr 0.5fr 1fr 1fr !important;
}
.beneficiary-section [class$="-address-info"] {
  grid-template-columns: 1fr 0.5fr 1fr 1fr !important;
}
.beneficiary-section [class$="-address-info"] [class^="col-sm-"]:nth-of-type(2) {
  grid-column: span 2;
}
.beneficiary-section .beneficiary-fieldset .wf-form-wrapper:nth-of-type(2) [class$="-residency-info"] .wf-form-ben-app-row [class$="-address-info"] {
  grid-column: span 3;
}
.beneficiary-section .beneficiary-fieldset .wf-form-wrapper:nth-of-type(3) .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.beneficiary-section .beneficiary-fieldset .wf-form-wrapper:nth-of-type(3) .form-group [class^="col-sm-"]:last-of-type {
  grid-column: span 2;
}
.applicant #different-mailing-address .form-group,
.applicant [id$="-different-mailing-address"] .form-group {
  display: grid;
  grid-template-columns: 1fr 0.5fr 1fr 1fr;
}
.applicant #different-mailing-address .form-group .col-sm-6:first-of-type,
.applicant [id$="-different-mailing-address"] .form-group .col-sm-6:first-of-type {
  grid-column: span 3;
}
.applicant #different-mailing-address .form-group:last-of-type .col-sm-3:nth-child(2),
.applicant [id$="-different-mailing-address"] .form-group:last-of-type .col-sm-3:nth-child(2) {
  grid-column: span 2;
}
.wf-hdr-main small {
  position: relative;
  top: -14px;
}
#wf-row-applicants .applicant #co-applicant-btn-div,
#wf-row-applicants .applicant #beneficiary-btn-div {
  display: inline-block;
}
#add-co-applicant-btn,
#add-Beneficiary-btn {
  padding: 0.5rem 2rem;
  border-radius: 0;
  transition: ease-in-out 0.15s;
}
#add-co-applicant-btn {
  background-color: #003A70;
  border-color: #003A70;
  color: #FFFFFF;
}
#add-co-applicant-btn:hover {
  opacity: 0.4;
}
#add-Beneficiary-btn {
  background-color: #FFFFFF;
  color: #0071ce;
}
#add-Beneficiary-btn:hover {
  background-color: #F1F1F1;
}
.wfm-btn-saveprogress {
  display: none;
}
.wf2-temp-backdrop {
  overflow: hidden !important;
  padding: 0 !important;
}
#wfm-row-review {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wfm-row-review .col-12 p img {
  width: 100%;
  max-width: 100%;
}
#wfm-row-review #wfm-tax-button {
  background: #003A70;
  border-color: #003A70;
  padding: 0.5rem 2rem;
  border-radius: 0;
  transition: ease-in-out 0.15s;
  margin: 1rem 0 1.5rem;
}
#wfm-row-review #wfm-tax-button:hover {
  opacity: 0.4;
}
#wfm-row-review #wfm-tax-button:focus {
  box-shadow: 0 0 0 0.15rem rgba(0, 154, 222, 0.5);
}
#review-page-form .review-box-wrapper {
  margin-bottom: 1rem;
}
#review-page-form .wfm-referral-box {
  margin-bottom: 1rem !important;
}
#review-page-form .wfm-referral-box .pri-value {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}
#review-page-form .tax-information-box {
  margin-bottom: 2rem;
}
#review-page-form .tax-information-box .tax-checkbox-wrapper strong {
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.5rem;
}
#review-page-form .tax-information-box .tax-checkbox-wrapper .tax-information-checkbox {
  display: block;
  /*                margin-bottom: .25rem !important;*/

}
#review-page-form .tax-information-box .tax-checkbox-wrapper input[type="checkbox"]:checked {
  background-color: #0071ce;
}
#review-page-form .row.applicant-form-wrapper {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column,
#review-page-form .row.applicant-form-wrapper .membership-product-details {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .row,
#review-page-form .row.applicant-form-wrapper .membership-product-details .row,
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column [class^="col-"],
#review-page-form .row.applicant-form-wrapper .membership-product-details [class^="col-"] {
  margin: 0;
  padding: 0;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border,
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column #wfm-details-box,
#review-page-form .row.applicant-form-wrapper .membership-product-details #wfm-details-box {
  padding: 1rem;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border {
  margin-bottom: 1rem;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border h3.text-bottom-border,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border h3.text-bottom-border {
  margin-bottom: 1rem;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border .row,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border .row {
  font-size: 0.85rem;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border .row .col-12 strong,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border .row .col-12 strong {
  display: inline-block;
  margin-bottom: 0.25rem;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border .row:first-of-type,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border .row:first-of-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border:nth-of-type(2) .row:last-of-type .col-12 strong:last-of-type,
#review-page-form .row.applicant-form-wrapper .membership-product-details .review-box-border:nth-of-type(2) .row:last-of-type .col-12 strong:last-of-type {
  font-weight: initial;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column #wfm-details-box,
#review-page-form .row.applicant-form-wrapper .membership-product-details #wfm-details-box {
  display: flow-root;
  margin-bottom: 0.5rem;
}
#review-page-form .row.applicant-form-wrapper .membership-product-details {
  grid-row-start: 1;
  grid-column: span 2;
}
#review-page-form .row.applicant-form-wrapper .applicant-boxes-column {
  grid-row-start: 2;
  grid-column: span 2;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(max-content, 1fr));
  gap: 1rem;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box h3.membership-details-heading {
  grid-column: span 3;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box .row.membership-product-details-wrapper {
  margin-bottom: 0.5rem;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box .product-details-offer {
  color: #009ADE;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box .row.product-details-total {
  grid-column: span 3;
  color: #2AA83D;
  font-size: 1.2rem;
  border-top: 1px solid;
  border-color: #D4D4D4;
  padding-top: 0.75rem;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box .row.product-details-subtotal {
  margin-bottom: 1rem;
  color: #2AA83D;
}
#review-page-form .row.applicant-form-wrapper #wfm-details-box .row.product-details-subtotal::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 1.2;
}
#review-page-form .row.applicant-form-wrapper h2.review-heading {
  font-size: 1.1rem;
  font-weight: 700;
  color: #003A70;
  margin-bottom: 0.25rem;
}
#review-page-form .row.applicant-form-wrapper h3.text-bottom-border,
#review-page-form .row.applicant-form-wrapper h3.membership-details-heading {
  font-size: 1rem;
  font-weight: bold;
  color: #009ADE;
}
#review-page-form .row.applicant-form-wrapper h5.product-details-heading {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #009ADE;
}
#review-page-form .row.applicant-form-wrapper .product-details-item {
  font-size: 0.85rem;
}
#review-page-form .row.applicant-form-wrapper .product-details-item span {
  font-weight: 500;
  color: #003A70;
}
#review-page-form .row.applicant-form-wrapper .product-details-item small {
  font-size: 0.75rem;
  color: #808080;
}
#wf-row-funding {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wf-row-funding .col-12 p img {
  width: 100%;
  max-width: 100%;
}
.wfm-funding-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 0 !important;
  margin: 0;
}
.wfm-funding-grid .col-md-12.col-sm-12 {
  padding: 0 !important;
  grid-column: span 2;
}
.wfm-funding-grid #wf-funding-details-container,
.wfm-funding-grid #wfm-funding-adjust-deposits,
.wfm-funding-grid .wf-funding-details {
  max-width: 100%;
  padding: 0;
  grid-column: span 2;
}
.wfm-funding-grid #wf-funding-details-container .row,
.wfm-funding-grid #wfm-funding-adjust-deposits .row,
.wfm-funding-grid .wf-funding-details .row {
  padding: 0;
  margin: 0;
}
.wfm-funding-grid #wf-funding-details-container .div-box-border,
.wfm-funding-grid #wfm-funding-adjust-deposits .div-box-border,
.wfm-funding-grid .wf-funding-details .div-box-border {
  padding: 1rem;
  margin-bottom: 1rem;
}
.wfm-funding-grid #wf-funding-details-container h3.text-bottom-border,
.wfm-funding-grid #wfm-funding-adjust-deposits h3.text-bottom-border,
.wfm-funding-grid .wf-funding-details h3.text-bottom-border,
.wfm-funding-grid #wf-funding-details-container h2.funding-header,
.wfm-funding-grid #wfm-funding-adjust-deposits h2.funding-header,
.wfm-funding-grid .wf-funding-details h2.funding-header {
  color: #009ADE;
  font-size: 1rem;
  font-weight: bold;
}
.wfm-funding-grid #wf-funding-details-container h2.funding-header,
.wfm-funding-grid #wfm-funding-adjust-deposits h2.funding-header,
.wfm-funding-grid .wf-funding-details h2.funding-header {
  border-bottom: 1px solid;
  border-color: #D4D4D4;
}
.wfm-funding-grid #wf-funding-details-container h3.text-bottom-border,
.wfm-funding-grid #wfm-funding-adjust-deposits h3.text-bottom-border,
.wfm-funding-grid .wf-funding-details h3.text-bottom-border {
  margin-bottom: 1rem;
}
.wfm-funding-grid #wf-funding-box .wf-funding-details-input:nth-of-type(1) {
  margin-top: 0.5rem;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input {
  display: grid;
  grid-template-columns: repeat(2, minmax(max-content, 1fr));
  gap: 1rem;
  row-gap: 0rem;
  margin-bottom: 0.75rem !important;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] {
  padding: 0;
  max-width: 100%;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group {
  display: grid;
  border-color: #D4D4D4;
  overflow: hidden;
  border-radius: 2px;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group:hover {
  border-color: #789CAD;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group:focus-within {
  border-color: #009ADE;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group .input-group-prepend {
  border-radius: 2px 0 0 2px;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group .input-group-prepend .input-group-text {
  border: none;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group .input-group-prepend input.form-control {
  border: none;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group .input-group-prepend .input-group-text {
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-right-color: #D4D4D4;
  height: 36px;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] .input-group .input-group-prepend input:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #009ADE;
  background-color: #E6F1F4;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input .initial-deposit[disabled] {
  background-color: rgba(241, 241, 241, 0.7);
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input h5.product-details-label {
  font-weight: 600;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input .wf-products-small-text {
  color: #003A70;
}
.wfm-funding-grid #wf-funding-box .row.wf-funding-details-input #promotion-amount {
  color: #EB0202 !important;
  font-weight: 600;
  margin-left: -1rem;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal {
  margin-bottom: 1rem;
  color: #2AA83D;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal [class^="col-"] {
  padding: 0;
  max-width: 100%;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal [class^="col-"] .input-group {
  display: grid;
  border-color: #D4D4D4;
  overflow: hidden;
  border-radius: 2px;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal [class^="col-"] .input-group .input-group-prepend {
  border-radius: 2px 0 0 2px;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal [class^="col-"] .input-group .input-group-prepend .input-group-text {
  border: none;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal [class^="col-"] .input-group .input-group-prepend input.form-control {
  border: none;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal .col-lg-6.col-sm-12 {
  padding: 0;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal .col-lg-6.col-sm-12:nth-child(1) .wf-funding-h3::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 1.2;
  position: relative;
  top: 1px;
}
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal strong#total-deposits-value,
.wfm-funding-grid #wf-funding-box .row.product-details-subtotal strong#total-fees-value {
  position: relative;
  top: 2px;
}
.wfm-funding-grid #wf-funding-box .row.product-details-total {
  padding: 0.75rem 0 0;
  color: #2AA83D;
  font-size: 1.2rem;
  border-top: 1px solid;
  border-color: #D4D4D4;
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) 1fr;
}
.wfm-funding-grid #wf-funding-box .row.product-details-total [class^="col-"] {
  padding: 0;
  max-width: 100%;
}
.wfm-funding-grid #wf-funding-box .row.product-details-total [class^="col-"] strong {
  font-weight: bold;
}
.wfm-funding-grid #wf-funding-box .row.product-details-total #aggregate-deposits {
  margin-left: 0.35rem;
}
.wfm-funding-grid #wf-funding-box br {
  display: none;
}
.wfm-funding-grid #account-information {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.wfm-funding-grid #account-information .row {
  grid-column: span 2;
}
.wfm-funding-grid #account-information .row [class^="col-"] {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.wfm-funding-grid #account-information #account-details-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.wfm-funding-grid #check-institution {
  max-width: 580px;
}
.wfm-funding-grid #card-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  max-width: 634px;
}
.wfm-funding-grid #card-info .row {
  grid-column: span 2;
}
.wfm-funding-grid #card-info .row [class^="col-"] {
  max-width: 100%;
  padding: 0;
}
.wfm-funding-grid #card-info .row [class^="col-"] label {
  margin-bottom: 0.25rem;
}
.wfm-funding-grid #card-info .row [class^="col-"] input,
.wfm-funding-grid #card-info .row [class^="col-"] select {
  margin-bottom: 0;
}
.wfm-funding-grid #card-info .row:nth-of-type(2) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.wfm-funding-grid #card-info .row:nth-of-type(4),
.wfm-funding-grid #card-info .row:nth-of-type(5) {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  gap: 1rem;
}
.wfm-funding-grid #card-info .row:nth-of-type(4) {
  margin-bottom: 1rem;
}
.wfm-funding-grid #card-info .transfer-card {
  grid-column: span 2;
  margin-top: 0;
}
.wfm-card-design-modal {
  max-width: max-content;
}
.wfm-card-design-modal .modal-body {
  max-height: 600px;
  overflow-y: auto;
}
.wfm-card-design-modal .wfm-card-design-grid {
  display: grid;
  max-width: inherit;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.5rem;
}
.wfm-card-design-modal .wfm-card-design label {
  width: 100%;
}
.wfm-card-design-modal .wfm-card-design label span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  margin-bottom: 0.25rem;
}
.wfm-card-design-modal .wfm-card-design-item {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  aspect-ratio: 1.622093023;
  cursor: pointer;
  width: 100%;
  border: 1px solid;
  border-color: #D4D4D4;
  border-radius: 0.25rem;
}
.wfm-card-design-modal .wfm-card-design-bg + label {
  border: 1px solid;
  padding: 0.75rem;
  border-color: transparent;
  transition: ease-in-out 0.15s;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wfm-card-design-modal .wfm-card-design-bg:checked + label {
  border-color: #0071ce;
  background-color: #E6F1F4;
}
#wf-row-authentication {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wf-row-authentication .col-12 p img {
  width: 100%;
  max-width: 100%;
}
#wf-row-authentication h3.text-danger {
  font-size: 1rem;
  color: #EB0202;
  background-color: rgba(235, 2, 2, 0.15);
  border: 1px solid;
  border-color: #EB0202;
  padding: 0.5rem;
}
#authentication-page-form #applicant-name {
  font-size: 1.1rem;
  font-weight: bold;
  color: #003A70;
}
#authentication-page-form .div-box-border {
  padding: 1rem;
}
#authentication-page-form .row {
  padding: 0;
  margin: 0;
}
#authentication-page-form #questions-holder .radio-holder {
  margin-bottom: 1rem;
}
#authentication-page-form #questions-holder .radio-holder .custom-radio {
  margin-bottom: 0.25rem;
  margin-left: 1.75rem;
}
#authentication-page-form #questions-holder .radio-holder .custom-control-label:before,
#authentication-page-form #questions-holder .radio-holder .custom-control-label:after {
  top: 0.175rem;
}
#authentication-page-form #questions-holder .radio-holder .custom-control-label:before {
  border-color: #D4D4D4;
}
#authentication-page-form .wf-question-header {
  display: grid;
  grid-template-columns: 0fr 1fr;
  gap: 0.75rem;
  color: #003A70;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
#authentication-page-form .wf-question-header .wf-question-counter {
  display: block;
  margin-top: 0.05rem;
  height: 1.15rem;
  width: 1.15rem;
  border-radius: 0.25rem;
  border: 1px solid;
  border-color: #D4D4D4;
  color: #003A70;
  background: #F1F1F1;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 0.15rem;
  text-align: center;
  line-height: 1;
}
#authentication-page-form .wf-question-header .wf-question-text {
  border-bottom: 1px dotted;
  border-color: #D4D4D4;
  padding-bottom: 0.5rem;
}
.wfm_auth_info_circle {
  color: #003A70;
}
.wfm_auth_info_circle:hover {
  color: #0071ce;
}
#wfm-row-confirmation {
  max-width: 100%;
  padding: 0;
  margin: auto;
}
#wfm-row-confirmation .col-12 p img {
  width: 100%;
  max-width: 100%;
}
.wfm-confirmation-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  gap: 1rem;
}
.wfm-confirmation-grid [class^="col-"] {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.wfm-confirmation-grid [class^="col-"] .row {
  padding: 0;
  margin: 0;
}
.wfm-confirmation-grid #confirmation-content {
  margin-bottom: 0;
}
.wfm-confirmation-grid #confirmation-content p {
  margin-bottom: 0;
}
.wfm-confirmation-grid #new-application .btn-primary {
  background: #0071ce;
  border-color: #0071ce;
  color: #FFFFFF;
  border-radius: 0;
  transition: ease-in-out 0.15s;
}
.wfm-confirmation-grid #new-application .btn-primary i {
  color: #FFFFFF;
  margin-left: 0.5rem;
}
.wfm-confirmation-grid #new-application .btn-primary:hover {
  opacity: 0.6;
}
.wfm-confirmation-grid #new-application .btn-primary:hover i {
  color: #FFFFFF;
}
@media screen and (max-width: 500px) {
  body {
    height: 100dvh !important;
    width: 100%;
    overflow: hidden;
  }
  .wf-main-wrapper {
    width: 100%;
    height: 100% !important;
    overflow: hidden !important;
  }
  .wf-main-wrapper .row .wf-application-wrapper {
    height: 100dvh;
  }
  .wf-main-wrapper .row .wf-application-wrapper .wf-application-stage {
    min-height: calc(100dvh - 238px);
    max-height: calc(100dvh - 238px);
  }
  .k-dialog #save-progress-send-email-modal {
    max-height: calc(100vh - 120px);
    overflow: auto;
  }
  .modal {
    width: 100vw;
  }
  .modal .modal-dialog {
    max-width: calc(100% - 1rem) !important;
  }
  .modal .modal-dialog .modal-body {
    padding: 1rem !important;
  }
  .modal .modal-dialog .modal-body .row {
    padding: 0 !important;
    margin: 0 !important;
  }
  .modal .modal-dialog .modal-body .form-group {
    display: grid;
    grid-template-columns: auto auto;
  }
  .modal-open .modal {
    overflow-y: hidden !important;
  }
  /*    #mfa-modal {
          .modal-dialog-centered {
              max-width: 97vw !important;
              margin: 0;
  
              .modal-body {
                  .form-group {
                      display: grid;
                      grid-template-columns: 1fr .7fr;
                  }
              }
          }
      }
  
      #image-capture-modal {
          .modal-dialog-centered {
              max-width: 93vw !important;
              margin: 0;
  
              .modal-body {
                  .col-lg-1, .col-lg-5 {
                      display: none;
                  }
  
                  .col-lg-6 {
                      grid-column: ~"1 / span 3";
                  }
              }
          }
          // this setting simply restricts the height of the license image container so that tall images do not break the layout. it is a temporary fix so that OP-1868 and OP-3221 may get merged.
          .cic-image {
              max-height: 184px;
              overflow: hidden;
          }
      }
  
      #offer-code-modal {
          .search-box-close-icon {
              display: none;
          }
  
          .modal-dialog {
              max-width: calc(~"100% - 1rem") !important;
  
              .search-wrapper {
                  width: 100%;
  
                  .search-box {
                      width: 100%;
                  }
              }
          }
      }*/
  
  /*    #address-validation-modal-dialog {
          max-width: calc(~"100% - 2rem") !important;
  
          #address-validation-modal-body {
              padding: 1rem;
  
              .row {
                  padding: 0;
                  margin: 0;
              }
          }
      }*/
  
  /*#error-modal-dialog {
          width: calc(~"100vw - 1rem") !important;
      }*/
  
  .wf-stage-inner #wf-row-agreements {
    max-width: 100%;
  }
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile .mb-2,
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile .card-name,
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile p {
    text-align: center;
  }
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile .card-name {
    display: block;
  }
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-tile p {
    margin: auto;
    text-align: center;
  }
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-box-member h2,
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-box-member small,
  .wf-stage-inner #wf-row-agreements #wf-row-identcards .wf-box-member .row {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-agreements #eligibility-agreement-modal {
    overflow: hidden;
  }
  .wf-stage-inner #wf-row-agreements #eligibility-agreement-modal .modal-dialog-centered {
    margin: 0;
    max-width: 100vw !important;
  }
  .wf-stage-inner #wf-row-agreements #eligibility-agreement-modal .modal-content {
    max-width: 95vw;
  }
  .wf-stage-inner #wf-row-agreements #already-member-btn {
    min-width: 200px;
  }
  .wf-stage-inner #wf-row-accounts {
    margin-left: 0;
  }
  .wf-stage-inner #wf-row-accounts .wfm-accounts-grid .col-md-3 {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-products {
    max-width: 100vw !important;
  }
  .wf-stage-inner #wf-row-products .modal-dialog-centered {
    max-width: 94vw !important;
    overflow: hidden;
  }
  .wf-stage-inner #wf-row-products .modal-dialog-centered .modal-body .row {
    margin: auto;
    padding: 0;
  }
  .wf-stage-inner #wf-row-products #products-page-buttons-div .btn-group {
    grid-column: span 2;
  }
  .wf-stage-inner #wf-row-products #products-page-buttons-div .btn-group .wfm-btn-split .dropdown-menu {
    min-width: 180px !important;
  }
  .wf-stage-inner #wf-row-products #products-page-buttons-div .btn-group .wfm-btn-split .dropdown-menu button {
    white-space: initial;
  }
  .wf-stage-inner #wf-row-products #products-list-content-div .product-card {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner .image-capture-section .wf-upload-text span {
    word-break: break-word;
  }
  .wf-stage-inner div[class^="co"][class$="-image-capture-section"] .wf-upload-text span {
    word-break: break-word;
  }
  .wf-stage-inner #wf-row-applicants {
    max-width: 100vw !important;
  }
  .wf-stage-inner #wf-row-applicants #licence-upload {
    overflow: hidden;
  }
  .wf-stage-inner #wf-row-applicants #licence-upload .modal-dialog-centered {
    max-width: 100vw !important;
    margin: 0;
  }
  .wf-stage-inner #wf-row-applicants #licence-upload .modal-content {
    max-width: 93vw !important;
  }
  .wf-stage-inner #wf-row-applicants div[id^="co"][id$="-licence-upload"] {
    overflow: hidden;
  }
  .wf-stage-inner #wf-row-applicants div[id^="co"][id$="-licence-upload"] .modal-dialog-centered {
    max-width: 100vw !important;
    margin: 0;
  }
  .wf-stage-inner #wf-row-applicants div[id^="co"][id$="-licence-upload"] .modal-content {
    max-width: 93vw !important;
  }
  .wf-stage-inner #wf-row-applicants .wf-form-fieldset .form-group div {
    grid-column: 1 / span 4;
  }
  .wf-stage-inner #wfm-row-review {
    max-width: 100vw !important;
  }
  .wf-stage-inner #wfm-row-review #wfm-details-box .row.membership-product-details-wrapper {
    margin-bottom: 0.5rem;
    grid-column: 1 / span 3;
  }
  .wf-stage-inner #wfm-row-review #wfm-row-review #wfm-tax-button {
    margin: 1rem 0;
  }
  .wf-stage-inner #review-page-form .row.applicant-form-wrapper .applicant-boxes-column .review-box-border .row:first-of-type {
    grid-template-columns: 1fr;
  }
  .wf-stage-inner #wf-row-funding #wfm-funding-adjust-deposits #wf-funding-box .wf-funding-details-input {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
  }
  .wf-stage-inner #wf-row-funding #wfm-funding-adjust-deposits #wf-funding-box .wf-funding-details-input .col-sm-12 {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-funding .jp-card-container {
    left: -1.3rem;
  }
  .wf-stage-inner #wf-row-funding .wfm-funding-grid #card-info .row:nth-of-type(2) .col-lg-6 {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-funding .wfm-funding-grid #card-info .row:nth-of-type(4) .col-sm-12 {
    grid-column: 1 / span 3;
  }
  .wf-stage-inner #wf-row-funding .wfm-funding-grid #card-info .row:nth-of-type(5) .col-lg-6,
  .wf-stage-inner #wf-row-funding .wfm-funding-grid #card-info .row:nth-of-type(5) .col-lg-3 {
    grid-column: 1 / span 3;
  }
  .wf-stage-inner #wf-row-funding #account-details-div .col-lg-6 {
    grid-column: 1 / span 2;
  }
  .wf-stage-inner #wf-row-funding .wfm-funding-grid #wf-funding-box .row.wf-funding-details-input #promotion-amount {
    margin-left: -0.5rem;
  }
  .wf-stage-inner .wfm-funding-grid #wf-funding-box .row.wf-funding-details-input [class^="col-"] {
    grid-column: span 2;
    margin-bottom: 0.25rem;
  }
  .wf-stage-inner .wfm-card-design-grid {
    grid-template-columns: 1fr;
  }
  .wf-stage-inner #wf-row-authentication {
    max-width: 100vw !important;
    /*            #authentication-page-form #questions-holder .radio-holder .custom-radio {
                  margin-left: 0;
              }*/
  
  }
  .wf-stage-inner #wfm-row-confirmation {
    max-width: 100vw !important;
  }
  .wf-stage-inner #wfm-row-confirmation .text-bottom-border {
    font-size: 1rem;
    font-weight: 600;
    color: #003A70;
  }
  #primary-applicant .wf-form-wrapper.wf-form-checkbox #diff-address-checkbox #wf-diff-address-label {
    min-width: 200px;
  }
  #co-applicant .wf-form-wrapper.wf-form-checkbox #diff-address-checkbox #wf-diff-address-label {
    min-width: 200px;
  }
}
/*    #review-confirmation-modal {
        overflow: hidden;

        .modal-dialog-centered {
            min-width: 0px !important;
            max-width: 95vw !important;
        }

        .modal-body {
            overflow: auto;
            max-height: calc(~"100dvh - 180px");
        }

        #signature-popup,
        #co-app-signature-popup {
            margin-bottom: 1rem;

            .col-12:first-child {
                display: grid;

                label {
                    grid-column: span 2;
                    margin-bottom: 1rem;
                }
            }

            .col-12 {
                .float-right {
                    grid-template-columns: 1fr 1fr !important;
                    grid-column: ~"1 / span 2";

                    div:last-of-type {
                        display: none !important;
                    }
                }
            }
        }

        .modal-footer {
            .container {
                .row {
                    min-width: max-content;
                }
            }
        }
    }*/

@media screen and (max-width: 600px) {
  #wf-check-container {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  #review-confirmation-modal .modal-body {
    max-height: calc(100vh - 200px);
  }
  #review-confirmation-modal .modal-body #signature-popup .wf-btn-toggle span {
    white-space: nowrap;
  }
  #review-confirmation-modal .modal-footer .container .row {
    grid-column: 1 / span 2;
  }
  #review-confirmation-modal .modal-footer .container .row #review-submit-btn {
    float: none !important;
    margin-top: 1rem;
    margin-left: 0;
  }
  #transfer-section .radio {
    padding: 0;
  }
}
@media screen and (max-width: 400px) {
  #share-comparison-modal table thead tr th:first-child {
    position: relative;
  }
  #share-comparison-modal table tbody tr td:first-child {
    position: relative;
  }
}
/* workflow v2 main imports */

/*@import "wf2_variables.less";
@import "wf2_mixins.less";
@import "wf2_layout.less";
@import "wf2_selection.less";
@import "wf2_purpose.less";
@import "wf2_financing.less";
@import "wf2_applicants.less";
@import "wf2_review.less";
@import "wf2_authentication.less";
@import "wf2_confirmation.less";
@import "wf2_loanhub.less";
@import "wf2_overrides.less";
@import "wf2_queries.less";
@import "wf2_mobile.less";
@import "wf2_temp-css.less";*/

html body {
  font-family: Arial, Helvetica, sans-serif;
}
html {
  font-size: 1rem;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  position: relative;
  min-height: 100%;
  background-image: url('/images/uploads/background.jpg?v=ErWipRJ8fVilNtBQPYF7cTBLbkc');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #FFFFFF;
}
body,
html {
  background-color: transparent;
  color: #202020;
}
body {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
}
body header {
  position: relative;
  flex-shrink: 0;
}
body main {
  flex-grow: 1;
  padding-top: 1.5rem;
  overflow: hidden;
}
body main .row:first-child {
  height: 100%;
}
body footer {
  position: relative;
  flex-shrink: 0;
}
header,
main,
footer {
  width: 100%;
}
/* The following styles are no longer necessary as the header and footer are no longer floating GP 05/01/2025
    main {*/

/*padding-top: 188px;*/

/* TODO: keep in place as per Gary, may need later
        padding-bottom: 110px;
    */

/*}

header {
    position: fixed;
    z-index: 10000;
}

footer {
    position: fixed;
    bottom: 0;
}*/

.wf-main-wrapper {
  background: rgba(255, 255, 255, 0.7);
  /*
    // 2024-10-15 EF - Commented this out because it was adding extra space to the bottom below the buttons which caused an unwanted scrollbar to appear.
    //                 Commenting this out seemed to fix it. Gary and I believe it's been in here awhile so not sure why it's now an issue. Remove this
    //                 after it's been in place awhile.
    height: 100vh;
    */

}
.wf-main-wrapper .row {
  padding: 0 1.5rem;
}
.wf-no-bg {
  background-color: transparent !important;
}
.wf-stage-inner {
  padding-bottom: 2rem;
}
.wf-confirmation {
  margin-top: 1rem;
  background-color: #e6f1f4;
  border: 1px solid;
  border-color: #D4D4D4;
  max-width: max-content;
}
.wf-confirmation .wf-confirmation-checkbox {
  margin: 0.75rem;
  box-shadow: 0 0 0 0.75rem #c9d8df;
  border-radius: 0;
}
.wf-confirmation .wf-confirmation-checkbox:checked {
  box-shadow: 0 0 0 0.75rem #c9d8df;
}
.wf-confirmation .k-checkbox-label {
  padding-inline: 0.75rem;
}
a {
  color: #0071ce;
  text-decoration: none;
  padding-bottom: 0;
  transition: ease-in 0.15s;
}
a:hover {
  color: #009ADE;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  transition: ease-in 0.15s;
}
.wf-hdr-step-name {
  width: 100%;
  padding: 0;
  z-index: 9999;
  background: rgba(0, 58, 112, 0.85);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}
.wf-hdr-step-grid {
  max-width: 1340px;
  margin: auto;
  display: grid;
  grid-template-columns: 89% 11%;
  padding: 0 1rem;
}
.wf-hub-hdr-step-grid {
  max-width: 1340px;
  margin: auto;
  display: grid;
  grid-template-columns: 65% 22% 13%;
  padding: 0 1rem;
}
.wf-step-h1 {
  position: relative;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 0 !important;
  font-size: 1.2rem;
  border-bottom: none !important;
  padding: 0.75rem 0 0.75rem 0.1rem !important;
  animation-name: headerslide;
  animation-duration: 1.25s;
}
.wf-hdr-btn-oadmin {
  position: relative;
  top: 2px;
  color: #FFFFFF;
  padding: 0.85rem 0;
  font-size: 0.85rem;
  transition: ease-in-out 0.15s;
}
.wf-hdr-btn-oadmin span {
  color: #FFFFFF;
}
.wf-hdr-btn-oadmin .fas {
  margin-right: 0.5rem;
}
.wf-hdr-btn-oadmin:hover .fas {
  color: #F1F1F1;
}
.wf-hdr-btn-oadmin:hover span {
  color: #F1F1F1;
}
.col-12 {
  padding: 0;
}
@keyframes headerslide {
  from {
    left: -1000px;
  }
  to {
    left: 0;
  }
}
.wf-hdr-sub {
  color: #003A70;
  font-size: 1.2rem;
  font-weight: 600;
  border-bottom: 1px solid;
  border-color: #D4D4D4;
  margin-bottom: 1.5rem;
}
.wf-hdr-basic {
  font-size: 1rem;
  font-weight: 600;
  color: #003A70;
  border-left: 1.1rem solid;
  border-color: #009ADE;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  line-height: 0.75rem;
}
.fas.fa-plus {
  color: #003A70;
}
.fa-info-circle,
.fa-question-circle {
  cursor: pointer;
}
.wf-info-circle {
  color: #003A70;
}
.wf-legal-box {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px dotted;
  border-color: #003A70;
  box-sizing: border-box;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wf-legal-box p {
  margin-bottom: 0;
}
.wf-btn-grp {
  display: flex;
  position: relative;
  justify-content: space-between;
  max-width: max-content;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.wf-btn {
  padding: 0.8rem !important;
  margin: 0;
  font-size: 1rem;
  box-sizing: border-box;
  border-radius: 0;
  transition: ease-in-out 0.15s;
  min-width: 258px;
}
.wf-btn:hover {
  transition: ease-in-out 0.15s;
}
.wf-btn span {
  font-size: 1rem !important;
}
.wf-btn-primary {
  background-color: #003A70;
  color: #FFFFFF !important;
  border: none;
  background-image: none;
  border-radius: 0 !important;
}
.wf-btn-primary span svg {
  fill: #FFFFFF;
}
.wf-btn-primary:hover {
  background-color: rgba(0, 58, 112, 0.7);
}
.wf-btn-secondary {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #009ADE;
  color: #0071ce;
  background-image: none;
  border-radius: 0 !important;
}
.wf-btn-secondary:hover {
  background-color: rgba(212, 212, 212, 0.3);
}
.wf-btn-secondary span {
  color: #0071ce;
}
.wf-pn-btn-grp {
  display: flex;
  position: relative;
  height: 8%;
  font-size: 0;
  justify-content: space-between;
}
.wf-pn-btn {
  border: 1px solid #d4d4d4;
  border-top: 0;
  border-bottom: 0;
  width: 27%;
  max-width: 258px;
}
.wf-pn-btn span {
  margin: 0 0.25rem;
}
.wf-pn-btn .fas {
  margin: 0 0.25rem;
}
.wf-pn-btn:focus {
  outline: none;
}
.wf-pn-btn:hover {
  transition: ease-in-out 0.15s;
}
#wf-prv-btn {
  background-color: #abd6ff;
  color: #003A70;
  border-right: 1px solid #D4D4D4;
}
#wf-prv-btn:hover {
  background-color: rgba(171, 214, 255, 0.7);
}
#wf-nxt-btn {
  background-color: #0071ce;
  color: #FFFFFF;
}
#wf-nxt-btn:hover {
  background-color: rgba(0, 113, 206, 0.7);
}
#wf-nxt-btn:disabled:hover {
  background-color: #0071ce;
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  background: transparent;
  display: none;
}
::-webkit-scrollbar-track {
  background: rgba(240, 240, 240, 0.4);
  box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
  background: #E6F1F4;
  border: 1px solid #009ADE;
}
.logo {
  content: url("/images/uploads/logo.png?v=sp--wSuI35XnqLNjzxuDSw2y8Ew");
}
.wf-hdr-logo,
.wf-hdr-step-name,
.wf-hdr-btns,
.wf-hdr-error {
  position: relative;
}
.wf-hdr-logo {
  top: 0;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
}
.wf-hdr-logo .container .row {
  padding-left: 1.1rem;
}
.wf-hdr-logo .col-10,
.wf-hdr-logo .col-2 {
  padding: 0;
}
#wf-logo-wrap {
  padding: 1rem 0;
  max-width: 20%;
}
#wf-logo-wrap img {
  max-width: 100%;
  max-height: 56px;
}
.wf-contact-button {
  font-weight: 600;
  color: #0071ce;
  border: none !important;
  background: transparent;
  margin-top: 1.6rem;
  padding: 0;
  transition: ease-in-out 0.15s;
  white-space: nowrap;
}
.wf-contact-button:hover {
  color: #009ADE;
  background-color: transparent !important;
}
.wf-contact-button:focus {
  outline: 1px solid transparent;
  box-shadow: none;
}
.wf-contact-button:active {
  background-color: transparent !important;
}
.wf-contact-button span {
  font-size: 0.85rem;
  position: relative;
  top: 0.2rem;
}
.wf-contact-button i {
  font-size: 1.4rem;
  position: relative;
  margin-left: 0.3rem;
}
.user-name {
  color: #FFFFFF;
}
.wf-oa-user-menu {
  list-style: none;
  padding-top: 1rem;
}
.user-identity {
  color: #d4d4d4 !important;
  font-size: 0.85rem;
  float: right;
}
.user-identity:hover {
  color: #f1f1f1 !important;
}
.user-identity #Profile-Image {
  max-width: 32px;
  max-height: 32px;
  margin-left: 0.5rem;
  background-color: #ABE3A0;
  -webkit-border-top-left-radius: 99rem;
  -webkit-border-top-right-radius: 99rem;
  -webkit-border-bottom-left-radius: 99rem;
  -webkit-border-bottom-right-radius: 99rem;
  -moz-border-top-left-radius: 99rem;
  -moz-border-top-right-radius: 99rem;
  -moz-border-bottom-left-radius: 99rem;
  -moz-border-bottom-right-radius: 99rem;
  border-top-left-radius: 99rem;
  border-top-right-radius: 99rem;
  border-bottom-left-radius: 99rem;
  border-bottom-right-radius: 99rem;
}
.dropdown-item {
  color: #218cf3;
}
.dropdown-menu {
  background: #FFFFFF;
  width: calc(99%);
  min-width: 150px;
  z-index: 999 !important;
  float: right;
  position: absolute !important;
  padding: 0;
  right: 80px;
  margin-top: 0.33rem;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-menu li a {
  color: #0071ce;
  font-size: 0.85rem;
  padding: 0.5rem 0.75rem;
}
.dropdown-menu li a:hover {
  color: #003A70;
  background-color: #F1F1F1;
}
.wf-hdr-btns {
  z-index: 9998;
  background: #E6F1F4;
  backdrop-filter: blur(4px);
  /*    margin-bottom: 2rem;*/
  padding: 0.3rem 0;
  border-bottom: 1px dotted #009ADE;
}
.wf-hdr-btns .container .row {
  padding: 0 2rem 0 1.1rem;
}
.wf-hdr-btns .col-6 {
  padding: 0;
}
.wf-hdr-btn {
  border: none;
  background-color: transparent;
  color: #0071ce;
  padding: 0;
  transition: ease-in-out 0.15s;
  white-space: nowrap;
}
.wf-hdr-btn:hover {
  color: #009ADE;
}
.wf-hdr-btn:focus {
  outline: 1px dotted #0071ce;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wf-hdr-btn span {
  font-size: 0.85rem;
  font-weight: 500;
  text-shadow: 0px 0px 5px #FFFFFF;
}
.wf-hdr-btn i {
  margin-right: 0.3rem;
  text-shadow: 0px 0px 5px #FFFFFF;
}
.offer-code-button {
  animation: wiggle 4.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes wiggle {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.wf-hdr-error {
  position: absolute;
  top: 0;
  left: 30%;
  display: block;
  z-index: 100000;
  width: 40%;
  color: #FFFFFF;
  background-color: rgba(235, 2, 2, 0.85);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
.wf-hdr-error .banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 96%;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: auto;
}
.wf-hdr-error .banner i.fa-exclamation-circle {
  display: block;
  font-size: 1.5rem;
  margin-right: 1rem;
}
.wf-hdr-error .banner span#wf-error-text {
  display: block;
  white-space: normal;
}
.display-block {
  display: block !important;
}
.display-none {
  display: none !important;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.wf-progress-menu-outer {
  position: relative;
  line-height: 16px;
  margin-left: 0;
  transition: ease-in-out 0.25s;
}
.wf-progress-menu-inner {
  position: relative;
  left: -12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: center;
}
.wf-progress-menu-inner * {
  box-sizing: content-box;
}
.wf-progress-menu-inner *:before,
.wf-progress-menu-inner *:after {
  box-sizing: content-box;
}
.wf-progress-menu {
  z-index: 998;
  width: fit-content;
}
input.collapse-arrow {
  display: none;
}
input.collapse-arrow:checked ~ .wf-pmi-link {
  transform: translateX(0);
}
input.collapse-arrow:checked ~ label > i:before {
  content: "\e489";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  color: #0071ce;
  background-color: transparent;
  transition: ease-in-out 0.15s;
}
label.collapse-arrow {
  cursor: default;
  display: block;
  position: relative;
  left: 64px;
  width: 28px;
  height: 32px;
  line-height: 0;
  z-index: 999;
}
label.collapse-arrow:hover {
  cursor: pointer;
}
label.collapse-arrow > i {
  font-size: 32px;
  color: transparent;
  cursor: pointer;
  position: absolute;
  left: -64px;
  top: -3px;
  line-height: 1.3;
  width: 100%;
  pointer-events: auto;
  transition-duration: 0.15s;
}
label.collapse-arrow > i:before {
  content: "\e26f";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  color: #0071ce;
  display: inline-block;
  height: 32px;
  width: 32px;
  position: relative;
  top: -5px;
  border: 1px solid;
  border-color: transparent;
  background-color: transparent;
  box-sizing: border-box;
  transition: ease-in-out 0.15s;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
label.collapse-arrow > i:hover:before {
  border-color: #009ADE;
  background-color: #E6F1F4;
}
.wf-pm-item {
  display: flex;
  margin: auto;
  text-align: center;
}
.wf-progress-menu .wf-pm-item-wrapper:first-child .wf-pm-item:before {
  background-color: transparent;
}
.wf-pmi-circle {
  display: table;
  border: 5px solid;
}
.circle-maj {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  text-align: center;
  vertical-align: middle;
  font-weight: 900;
  line-height: 0;
}
.circle-maj span {
  display: table-cell;
  vertical-align: middle;
}
.circle-maj:hover {
  text-decoration: none;
}
.circle-maj:hover span {
  text-decoration: none;
}
.circle-min {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin-left: 7px;
}
.wf-pmi-maj:before,
.wf-pmi-min:before {
  content: "";
  display: block;
  width: 6px;
  height: 20px;
  position: relative;
  top: -18px;
  left: 18px;
  z-index: -1;
}
.wf-pmi-circle,
.wf-pmi-link {
  transition: background ease-in-out 0.15s, border-color ease-in-out 0.15s, color ease-in-out 0.15s !important;
}
.wf-pmi-link {
  max-width: 100%;
  margin-right: 12px;
  white-space: nowrap;
  overflow: hidden;
}
.wf-pmi-link:hover {
  text-decoration: none;
}
.link-maj {
  display: block;
  position: relative;
  top: 0;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 12px;
}
.link-min {
  display: block;
  position: relative;
  margin-left: 35px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 13px;
}
.wf-pmi-link-collapse {
  max-width: 0;
  margin-right: 0;
  animation-name: collapse;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  transition: width ease-in-out 0.5s;
}
.wf-pmi-link-collapse-noani {
  max-width: 0;
  margin-right: 0;
}
@keyframes collapse {
  from {
    max-width: 233px;
    margin-right: 12px;
  }
  to {
    max-width: 0;
    margin-right: 0;
  }
}
.wf-pmi-link-expand {
  max-width: 233px;
  margin-right: 12px;
  animation-name: expand;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  transition: width ease-in-out 0.5s;
}
.wf-pmi-link-expand-noani {
  max-width: 233px;
  margin-right: 12px;
}
@keyframes expand {
  from {
    max-width: 0;
    margin-right: 0;
  }
  to {
    max-width: 233px;
    margin-right: 12px;
  }
}
.wf-pmi-complete:hover .circle-maj {
  background: #0071ce;
  border-color: #0071ce;
  color: #FFFFFF;
  text-decoration: none;
}
.wf-pmi-complete:hover .circle-min {
  background: #0071ce;
  border-color: #0071ce;
}
.wf-pmi-complete:hover .wf-pmi-link {
  color: #0071ce;
  border-color: #0071ce;
}
.wf-pmi-complete .circle-maj {
  background: #003A70;
  border-color: #003A70;
}
.wf-pmi-complete .circle-maj span {
  color: #FFFFFF;
}
.wf-pmi-complete .circle-min {
  background: #003A70;
  border-color: #003A70;
}
.wf-pmi-complete .wf-pmi-link {
  color: #003A70;
}
.wf-pmi-complete:before {
  background: #003A70;
}
.wf-pmi-incomplete .circle-maj {
  background: #009ADE;
  border-color: #009ADE;
}
.wf-pmi-incomplete .circle-maj span {
  color: #FFFFFF;
}
.wf-pmi-incomplete .circle-min {
  background: #009ADE;
  border-color: #009ADE;
}
.wf-pmi-incomplete .wf-pmi-link {
  color: #009ADE;
}
.wf-pmi-incomplete:before {
  background: #009ADE;
}
.wf-pmi-current:hover .circle-maj {
  background: #FFFFFF;
  border-color: #003A70;
  color: #003A70;
  text-decoration: none;
}
.wf-pmi-current:hover .circle-min {
  background: #FFFFFF;
  border-color: #003A70;
}
.wf-pmi-current:hover .wf-pmi-link {
  color: #003A70;
  text-decoration: none;
}
.wf-pmi-current .circle-maj {
  background: #FFFFFF;
  border-color: #003A70;
}
.wf-pmi-current .circle-maj span {
  color: #003A70;
}
.wf-pmi-current .circle-min {
  background: #FFFFFF;
  border-color: #003A70;
}
.wf-pmi-current .wf-pmi-link {
  color: #003A70;
}
.wf-pmi-current:before {
  background: #003A70;
}
.wf-pmi-current:hover,
.wf-pmi-incomplete:hover {
  cursor: default;
}
.wf-pmi-current:hover .circle-maj,
.wf-pmi-incomplete:hover .circle-maj,
.wf-pmi-current:hover .circle-min,
.wf-pmi-incomplete:hover .circle-min {
  cursor: default;
  text-decoration: none;
}
.wf-pmi-current:hover .wf-pmi-link,
.wf-pmi-incomplete:hover .wf-pmi-link {
  cursor: default;
}
.wf-pmi-incomplete:hover .wf-pmi-link {
  text-decoration: none;
}
.wf-pm-submenu {
  position: absolute;
  z-index: -2;
  margin-top: 0;
  -webkit-border-top-left-radius: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -moz-border-top-left-radius: 0.4rem;
  -moz-border-top-right-radius: 0.4rem;
  -moz-border-bottom-left-radius: 0.4rem;
  -moz-border-bottom-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  overflow: hidden;
}
.wf-pm-sm-hz-bar {
  position: relative;
  z-index: -3;
  height: 30px;
  width: calc(94%);
  margin-left: 6px;
  background-color: #abd6ff;
  -webkit-border-top-left-radius: 99px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 99px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-left-radius: 99px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 99px;
  -moz-border-bottom-right-radius: 0;
  border-top-left-radius: 99px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 99px;
  border-bottom-right-radius: 0;
}
.wf-pm-sm-coapp-wrapper {
  position: absolute;
  display: flex;
  flex-direction: row;
  right: 0;
  top: 0;
}
.wf-pm-sm-coapp {
  position: relative;
  z-index: 0;
  width: 34px;
  height: 100%;
  background-color: #abd6ff;
}
.wf-pm-sm-coapp:first-child {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 0.3rem;
  -moz-border-bottom-right-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.wf-pm-sm-coapp-delete-wrapper {
  display: flex;
  position: relative;
  top: -22px;
  width: fit-content;
  line-height: 0;
  height: 0;
}
.wf-pm-sm-coapp-delete {
  position: relative;
  color: #EB0202;
  margin-right: 18px;
}
.wf-pm-sm-coapp-delete .fa-minus-circle {
  cursor: pointer;
  transition: ease-in-out 0.15s;
}
.wf-pm-sm-coapp-delete .fa-minus-circle:hover {
  color: #009ADE;
}
.wf-pm-sm-coapp-hdr {
  height: 16px;
  width: 16px;
  background: #003A70;
  -webkit-border-top-left-radius: 99px;
  -webkit-border-top-right-radius: 99px;
  -webkit-border-bottom-left-radius: 99px;
  -webkit-border-bottom-right-radius: 99px;
  -moz-border-top-left-radius: 99px;
  -moz-border-top-right-radius: 99px;
  -moz-border-bottom-left-radius: 99px;
  -moz-border-bottom-right-radius: 99px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-left-radius: 99px;
  border-bottom-right-radius: 99px;
  margin: auto;
  margin-top: 7px;
  text-align: center;
  font-size: 0;
  position: relative;
  top: 0px;
}
.wf-pm-sm-coapp-hdr span {
  color: #FFFFFF;
  font-size: 13px;
  margin: auto;
  display: block;
  position: relative;
  text-align: center;
}
.wf-pm-sm-coapp-steps {
  position: relative;
  top: 6px;
}
.wf-pm-sm-collapse {
  animation-name: sm-collapse;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes sm-collapse {
  to {
    height: 0px;
  }
}
.wf-pm-sm-expand {
  animation-name: sm-expand;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
@keyframes sm-expand {
  from {
    height: 0px;
  }
}
.coapp-circle-min {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin: 0.82rem auto;
  z-index: 1;
  transition: ease-in-out 0.15s;
}
.wf-pm-sm-coapp-item {
  position: relative;
}
.wf-pm-sm-coapp-item:before {
  content: "";
  display: block;
  width: 6px;
  height: 20px;
  position: absolute;
  top: -17px;
  left: 14px;
  z-index: -1;
  background: #009ADE;
}
.wf-pm-sm-coapp-item:first-child:before {
  background-color: transparent;
}
.wf-pm-sm-cai-incomplete .coapp-circle-min {
  background-color: #009ADE;
  border-color: #009ADE;
  cursor: default;
}
.wf-pm-sm-cai-current .coapp-circle-min {
  background-color: #FFFFFF;
  border-color: #003A70;
  cursor: default;
}
.wf-pm-sm-cai-current:before {
  background-color: #003A70;
}
.wf-pm-sm-cai-complete .coapp-circle-min {
  background-color: #003A70;
  border-color: #003A70;
}
.wf-pm-sm-cai-complete .coapp-circle-min:hover {
  background-color: #0071ce;
  border-color: #0071ce;
}
.wf-pm-sm-cai-complete:before {
  background-color: #003A70;
}
.wf-application-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.wf-application-stage {
  position: relative;
  border: 1px solid;
  border-color: #D4D4D4;
  /*height: ~"calc( 100vh - 342px )";*/
  height: 92%;
  overflow-y: auto;
  overflow-x: hidden;
}
.wf-stage-inner {
  position: relative;
  max-width: 45rem;
  min-width: 37rem;
  margin: 0 auto;
  padding-top: 3rem;
  height: 100%;
}
.wf-stage-inner img {
  max-width: 100%;
}
.wf-footer {
  /*    position: fixed;
    bottom: 0;
    z-index: 9999;*/
  width: 100%;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 1px solid #D4D4D4;
}
.wf-fine-print {
  font-size: 0.85rem;
}
#desktop-footer .footer-content {
  position: relative;
  margin: auto;
  bottom: 0;
  display: grid;
  max-width: 1340px;
  grid-template-columns: 33% 33% 33%;
  padding: 1rem 0;
  overflow: hidden;
}
#desktop-footer #column-1,
#desktop-footer #column-2,
#desktop-footer #column-3 {
  max-width: max-content;
  margin: auto;
}
#desktop-footer #column-1 {
  margin-left: 0;
}
#desktop-footer #column-3 {
  margin-right: 0;
  padding-right: 0.75rem;
}
a.footer-link {
  color: #0071ce;
  text-decoration: none;
  padding-bottom: 0;
  transition: ease-in 0.15s;
}
#wf-footer-logos {
  position: relative;
}
#wf-footer-logos a {
  padding: 0 0.6rem;
}
#wf-footer-logos a img {
  max-height: 5ex;
}
#wf-footer-logos a#ncua-logo {
  height: 50px;
  width: 120px;
  display: block;
  overflow: hidden;
}
.NCUA-logo-fill {
  fill: #003A70;
}
.EHO-logo-fill {
  fill: #202020;
}
.k-tooltip {
  border: 1px solid;
  padding: 0.75rem;
  border-color: #D4D4D4;
  background: #FFFFFF;
  color: #999;
}
.k-tooltip-content {
  line-height: 1.4;
}
.k-tooltip .k-callout {
  color: #D4D4D4;
}
.wf-fine-print .k-button {
  border: none;
}
#save-progress-send-email-modal {
  padding: 1.5rem;
}
#save-progress-send-email-modal h6 {
  margin-bottom: 2rem;
}
.k-dialog-titlebar {
  background-color: #003A70;
  border-color: #003A70;
}
.k-dialog-titlebar .k-dialog-title {
  color: #FFFFFF;
}
.k-dialog-titlebar .k-dialog-title a {
  margin-left: 0.35rem;
}
.k-dialog-titlebar .k-svg-icon {
  color: #FFFFFF !important;
}
.k-dialog-content {
  padding: 1.5rem;
  max-height: 85vh;
  overflow: auto;
}
.k-dialog-actions {
  padding: 0;
  gap: 0;
}
.k-dialog-actions .k-button-solid-primary {
  background-color: #E6F1F4;
  background-image: none;
  color: #003A70;
  border: none;
  margin: 0;
  padding: 0.75rem;
  transition: ease-in-out 0.15s;
  border-radius: 0;
}
.k-dialog-actions .k-button-solid-primary:hover {
  color: #0071ce;
  background-color: rgba(230, 241, 244, 0.7);
}
.k-dialog-actions .k-button-solid-base {
  background-color: transparent;
  color: #0071ce;
  background-image: none;
  border: none;
  margin: 0;
  padding: 0.75rem;
  transition: ease-in-out 0.15s;
  border-radius: 0;
}
.k-dialog-actions .k-button-solid-base:hover {
  background-color: rgba(212, 212, 212, 0.3);
}
.k-dialog-actions .wf-btn-tertiary {
  background-color: #0071ce !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
}
.k-dialog-actions .wf-btn-tertiary:hover {
  opacity: 0.5;
}
#mfa-modal-dialog {
  overflow-y: hidden;
  padding: 1.5rem;
}
#mfa-modal-dialog .modal-dialog {
  height: 100vh;
}
#mfa-modal-dialog .cards-container {
  padding: 0;
}
#mfa-modal-dialog .cards-container > br {
  display: none;
}
#mfa-modal-dialog .wf-btn-wrapper {
  margin-bottom: 0.75rem;
}
#mfa-modal-dialog .wf-btn-wrapper button {
  padding: 0;
}
#mfa-modal-dialog .wf-btn-wrapper button .fas,
#mfa-modal-dialog .wf-btn-wrapper button .fa-solid {
  color: #003A70;
  position: relative;
}
#mfa-modal-dialog .wf-btn-wrapper button .fa-phone-square {
  top: -2px;
}
#mfa-modal-dialog .wf-btn-wrapper button .fa-comment-alt {
  top: -1px;
}
#mfa-modal-dialog .wf-btn-wrapper button span:last-child {
  color: #0071ce;
  border-bottom: 1px solid;
  border-color: transparent;
  transition: ease-in-out 0.15s;
  line-height: 1;
}
#mfa-modal-dialog .wf-btn-wrapper:hover button span:last-child {
  border-bottom: 1px dotted;
  border-color: #0071ce;
}
#mfa-modal-dialog #mfa-modal-text-should-not-display-in-prod {
  color: magenta;
}
#mfa-modal-dialog .row.form-group {
  padding: 0;
  margin: 0 0 1.5rem;
}
#mfa-modal-dialog .row.form-group .col-12.col-sm-8 label {
  display: block;
  margin-bottom: 0.35rem !important;
}
#mfa-modal-dialog .row.form-group .col-12.col-sm-8 input {
  border-radius: 2px 0px 0px 2px;
}
#mfa-modal-dialog .row.form-group .col-12.col-sm-4 button {
  margin-top: 0.35rem;
  border-radius: 0px 2px 2px 0px;
}
#mfa-modal-dialog #mfa-submit-btn {
  background-color: #0071ce;
  border-color: #0071ce;
  transition: ease-in-out 0.15s;
}
#mfa-modal-dialog #mfa-submit-btn:hover {
  background-color: #0071ce;
  border-color: #0071ce;
  opacity: 0.5;
}
.k-dialog .wf-modal-html {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: auto;
  max-height: 300px;
}
.k-dialog #address-suggestion {
  padding: 1.5rem 1.5rem 0;
}
.k-dialog #address-suggestion .address-selection-group {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 0.5rem;
}
.k-dialog #address-suggestion .address-selection-group input {
  margin-top: 2px;
}
.k-dialog #address-suggestion .address-selection-label b,
.k-dialog #address-suggestion .address-selection-label span {
  display: block;
  color: #202020;
  line-height: 1;
  font-size: 0.85rem;
  width: max-content;
  margin-bottom: 0.5rem;
}
.k-dialog #address-suggestion .address-selection-label span.city-state {
  display: inline-block;
}
.k-dialog #address-suggestion .address-selection-label span.city-state span {
  display: inline-block;
}
.k-dialog #address-suggestion .address-selection-label .zip-code {
  display: inline-block;
}
.search-box,
.search-box-close-icon,
.search-wrapper {
  position: relative;
  padding: 10px;
}
.search-box {
  width: 80%;
  border: 1px solid #ccc;
  outline: 0;
}
.search-box:focus {
  box-shadow: 0 0 15px 5px #b0e0ee;
  border: 2px solid #bebede;
}
.search-box-close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.search-box-close-icon:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: red;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}
.search-box:not(:valid) ~ .search-box-close-icon {
  display: none;
}
.search-wrapper {
  width: 500px;
  margin: auto;
}
button.wf-btn-secondary i {
  font-size: 1.25rem;
  margin-right: 0.5rem;
  pointer-events: none;
  text-align: center;
}
button.wf-btn-secondary span {
  pointer-events: none;
}
button.wf-btn-secondary:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid;
  border-color: #009ADE;
}
/*.wf-signature-toolbar {
    width: 100% !important;

    hr {
        margin-bottom: .25rem;
    }

    .wf-signature-applicant-header {
        float: left;
        margin-top: 0.7rem;
        margin-bottom: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;

        span {
            font-size: 1rem;
            font-weight: 600;
            color: @wf_btn_secondary_text;
            display: inline-flex;
            align-items: center;
        }
    }


}*/

#wf-loading-animation {
  margin: 0 auto;
  position: fixed;
  width: 80%;
  height: 230px;
  left: 0;
  right: 0;
  top: 30%;
  z-index: 100000;
}
.wf-loading-animation-overlay {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 9;
  opacity: 0.75;
}
.cssload-loader-container {
  width: 70px;
  height: 63px;
  float: left;
  z-index: 9999999;
  transform: scale(2);
}
.cssload-loader-container * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cssload-abs-center {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cssload-olympicloader {
  position: relative;
}
.cssload-olympicloader .cssload-loader-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  animation: spin 1200ms infinite linear;
  -o-animation: spin 1200ms infinite linear;
  -ms-animation: spin 1200ms infinite linear;
  -webkit-animation: spin 1200ms infinite linear;
  -moz-animation: spin 1200ms infinite linear;
  float: left;
}
.cssload-olympicloader .cssload-loader-circle.cssload-first {
  position: absolute;
  top: 5px;
  left: 0;
  border: 4px solid #FFF;
  border-top-color: #009ADE !important;
  border-right-color: #009ADE;
  border-bottom-color: #009ADE;
  border-left-color: white;
}
.cssload-olympicloader .cssload-loader-circle.cssload-second {
  position: absolute;
  top: 0px;
  left: 20px;
  border: 4px solid #FFF;
  border-top-color: #003A70;
  border-right-color: #003A70;
  border-bottom-color: #003A70;
  border-left-color: white;
}
.cssload-olympicloader .cssload-loader-circle.cssload-third {
  position: absolute;
  top: 12px;
  left: 10px;
  border: 4px solid #FFF;
  border-top-color: #0071ce;
  border-right-color: #0071ce;
  border-bottom-color: #0071ce;
  border-left-color: white;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
.test-banner {
  display: block;
  position: fixed;
  top: -2px;
  left: 30vw;
  z-index: 9999;
  width: 40vw;
  background-color: rgba(241, 222, 255, 0.65);
  box-shadow: 0px 1px 2px rgba(140, 112, 195, 0.5);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 0.4rem;
  -moz-border-bottom-right-radius: 0.4rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.test-banner .banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 96%;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: auto;
  color: #7300f1;
}
.test-banner .banner i.fa-vial {
  display: block;
  padding-top: 0.25rem;
  margin-right: 0.5rem;
}
.test-banner .banner span#wf-test-text {
  display: block;
  white-space: normal;
}
.wfl-min-years-validation-message {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid;
  padding: 1rem 0.75rem;
  margin-bottom: 1rem;
  color: #981717;
  background-color: #FBE0E0;
  border-color: #EB0202;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wfl-min-years-validation-message .fas {
  display: block;
  position: relative;
  top: 0.3rem;
  font-size: 2rem;
  color: #003A70;
}
.wfl-min-years-validation-message span {
  display: block;
  max-width: 25rem;
}
.prod-btn {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-around;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition: ease-in-out 0.15s;
  overflow: hidden;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.prod-btn .prod-btn-info {
  position: absolute;
  font-size: 1rem;
}
.prod-btn-inner {
  text-align: center;
}
.prod-btn-inner .prod-btn-hdr {
  font-size: 0.85rem;
  margin: 0.3rem 0 0 0;
  font-weight: 600;
  text-align: center;
}
.prod-btn-inner .fas,
.prod-btn-inner .far,
.prod-btn-inner .fa-solid,
.prod-btn-inner .fa-regular {
  font-size: 1.5rem;
  margin-top: 0.2rem;
}
.prod-btn-inner .image-identification {
  height: 2rem;
  width: 2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
}
.reg-btn {
  position: relative;
  background-color: #F1F1F1;
  border: 1px solid;
  border-color: #D4D4D4;
  flex-grow: 1;
  flex-basis: 25%;
  height: 75px;
  min-width: 100%;
}
.reg-btn:nth-last-child(2):nth-child(odd) {
  flex-grow: 0;
}
.reg-btn:hover {
  background-color: #f6f6f6;
  border-color: #0071ce;
}
.reg-btn:hover .prod-btn-info .fas,
.reg-btn:hover .prod-btn-info .far,
.reg-btn:hover .prod-btn-info .fa-solid,
.reg-btn:hover .prod-btn-info .fa-regular,
.reg-btn:hover .prod-btn-info .prod-btn-hdr {
  color: #003A70;
}
.reg-btn:hover .prod-btn-info:hover .fas,
.reg-btn:hover .prod-btn-info:hover .far,
.reg-btn:hover .prod-btn-info:hover .fa-solid,
.reg-btn:hover .prod-btn-info:hover .fa-regular,
.reg-btn:hover .prod-btn-info:hover .prod-btn-hdr {
  color: #0071ce;
}
.reg-btn:hover .prod-btn-inner .fas,
.reg-btn:hover .prod-btn-inner .far,
.reg-btn:hover .prod-btn-inner .fa-solid,
.reg-btn:hover .prod-btn-inner .fa-regular,
.reg-btn:hover .prod-btn-inner .prod-btn-hdr {
  color: #0071ce;
  transition: ease-in-out 0.15s;
}
.reg-btn .prod-btn-inner .prod-btn-hdr {
  color: #003A70;
}
.reg-btn .prod-btn-inner .fas,
.reg-btn .prod-btn-inner .far,
.reg-btn .prod-btn-inner .fa-solid,
.reg-btn .prod-btn-inner .fa-regular {
  color: #003A70;
}
.reg-btn .prod-btn-info .fas,
.reg-btn .prod-btn-info .far,
.reg-btn .prod-btn-info .fa-solid,
.reg-btn .prod-btn-info .fa-regular {
  color: #003A70;
}
.hero-btn {
  padding-right: 0;
  align-items: stretch;
  min-height: 188.4px;
  background-color: #009ADE;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: ease-in-out 0.25s;
}
.hero-btn:hover .prod-btn-info .fas:before,
.hero-btn:hover .prod-btn-info .far:before,
.hero-btn:hover .prod-btn-info .fa-solid:before,
.hero-btn:hover .prod-btn-info .fa-regular:before {
  background: #003A70;
}
.hero-btn:hover .prod-btn-outer {
  background-color: rgba(0, 58, 112, 0.5);
  border: 1px solid #0071ce;
}
.hero-btn:hover .prod-btn-outer .prod-btn-inner {
  background-color: #0071ce;
}
.hero-btn .prod-btn-info {
  line-height: 0;
  top: 0.75rem;
  right: 0.5rem;
  transition: ease-in-out 0.15s;
}
.hero-btn .prod-btn-info:hover .fas:before,
.hero-btn .prod-btn-info:hover .far:before,
.hero-btn .prod-btn-info:hover .fa-solid:before,
.hero-btn .prod-btn-info:hover .fa-regular:before {
  background-color: #0071ce;
  padding: 0.2rem;
  border-radius: 99rem;
}
.hero-btn .prod-btn-info .fas,
.hero-btn .prod-btn-info .far,
.hero-btn .prod-btn-info .fa-solid,
.hero-btn .prod-btn-info .fa-regular {
  color: #FFFFFF;
}
.hero-btn .prod-btn-info .fas:before,
.hero-btn .prod-btn-info .far:before,
.hero-btn .prod-btn-info .fa-solid:before,
.hero-btn .prod-btn-info .fa-regular:before {
  background-color: #003A70;
  padding: 0.2rem;
  border-radius: 99rem;
  transition: ease-in-out 0.15s;
}
.hero-btn .prod-btn-outer {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  border: 1px solid transparent;
  transition: ease-in-out 0.65s;
}
.hero-btn .prod-btn-inner {
  aspect-ratio: 1.777777778;
  min-width: 124px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  background-color: rgba(0, 58, 112, 0.8);
  color: #FFFFFF;
  align-self: center;
  transition: ease-in-out 0.25s;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.hero-btn .prod-btn-inner .prod-btn-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Limits to 3 lines of text */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Adds "..." for overflow */
  width: 100%;
  padding: 0.25rem;
}
.prod-layout-divider {
  max-width: 1140px;
  margin: auto;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 1rem;
}
.prod-btn-ctnr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-basis: 100%;
  max-width: 1140px;
  margin: 0 auto 1rem;
}
.prod-btn-hdr-main {
  display: flex;
  align-items: stretch;
  flex-basis: 0;
  padding: 0;
  margin: 0;
}
.prod-btn-hdr-main h2 {
  display: block;
  width: 100%;
  background: rgba(0, 154, 222, 0.3);
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0;
  margin: 0 0.4rem 0 0;
  color: #009ADE;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.hero-btn-ctnr,
.reg-btn-ctnr {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
/*.hero-btn-ctnr {
    min-height: 188.4px;
}*/

.reg-btn-ctnr {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  grid-gap: 0.4rem;
  width: 100%;
}
.reg-btn-ctnr .reg-btn .prod-btn-info {
  right: 0;
  top: 0;
  margin-right: 0.35rem;
}
.reg-btn-ctnr .reg-btn .prod-btn-outer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.reg-btn-ctnr .reg-btn .prod-btn-inner {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.hero-prod-btn-ctnr {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
}
@media only screen and (max-width: 1140px) {
  .prod-btn-ctnr {
    margin: 1rem;
  }
  .prod-layout-divider {
    margin: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .prod-btn-ctnr {
    flex-direction: column;
    width: inherit;
  }
  .prod-btn-hdr-main {
    margin-bottom: 0.4rem;
  }
  .prod-btn-hdr-main h2 {
    padding: 0.5rem;
    margin: 0;
  }
  .hero-btn-ctnr {
    aspect-ratio: 1.333333333;
  }
}
@media only screen and (max-width: 700px) {
  .reg-btn-ctnr .reg-btn:last-child {
    flex-grow: 0.24;
  }
}
@media only screen and (max-width: 420px) {
  body {
    margin: 0;
  }
  .reg-btn-ctnr .reg-btn {
    font-size: 0.85rem;
    padding: 0.5rem;
  }
  .prod-btn-inner .prod-btn-icon {
    font-size: 2rem;
  }
}
.wfl-loan-purpose {
  padding-bottom: 1.5rem;
}
.wfl-loan-purpose .k-radio-list {
  gap: 10px;
}
.wfl-loan-purpose .k-form .k-form-fieldset {
  margin-top: 0;
  margin-bottom: 0;
}
.wfl-loan-purpose .k-form-field > .k-form-label {
  align-items: flex-start;
  width: 75%;
}
#wfl-vehicle-vin-form .k-form-field > .k-form-label,
#wfl-vehicle-form .k-form-field > .k-form-label {
  width: 100%;
}
.wfl-vehicle-table-header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.25rem;
  color: #003A70;
  background-color: #F1F1F1;
}
#wfl-select-form,
#wfl-vehicle-table-form {
  margin-bottom: 1.5rem;
}
.scroll-to-section {
  scroll-margin-top: 50px;
}
.k-no-data {
  display: table;
  width: 100%;
  padding-top: 20px;
}
.wf-stage-inner:has(#wfl-calc-wrapper) {
  max-width: 37rem;
  overflow: hidden;
}
#wfl-calc-wrapper {
  width: 100%;
  max-width: 37rem;
  height: inherit;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 0.1fr;
  margin: auto;
}
#wfl-calc-wrapper #wfl-financing-info {
  overflow-y: auto;
  overflow-x: hidden;
}
#wfl-calc-wrapper .k-d-grid {
  gap: 10px !important;
}
#wfl-calc-wrapper .k-form .k-form-fieldset {
  margin-top: 0;
}
#wfl-calc-wrapper .k-form-field {
  margin-bottom: 1.5rem;
}
#wfl-calc-wrapper .k-form-field .k-label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
#wfl-calc-wrapper .k-rounded-full {
  border-radius: 50%;
}
#wfl-calc-wrapper .k-rounded-full:hover {
  background-color: #0071ce;
}
#wfl-calc-wrapper .k-button-decrease,
#wfl-calc-wrapper .k-button-increase {
  background-color: #003A70;
}
#wfl-calc-wrapper .k-button-decrease span.k-svg-icon,
#wfl-calc-wrapper .k-button-increase span.k-svg-icon {
  color: #FFFFFF;
}
#wfl-calc-wrapper .k-slider-selection,
#wfl-calc-wrapper .k-draghandle {
  background-color: #0071ce;
  border-color: #0071ce;
}
#wfl-calc-wrapper .k-draghandle:focus {
  box-shadow: 0 0 0 2px rgba(0, 113, 206, 0.3);
}
#wfl-calc-wrapper li.k-tick-large {
  color: #009ADE;
}
#wfl-calc-wrapper li.k-tick.k-tick-large span {
  font-size: 0.75rem;
  position: absolute;
  top: 29px;
}
#wfl-calc-wrapper .input-group {
  width: 75%;
}
#wfl-calc-wrapper .input-group .input-group-prepend {
  width: 65%;
}
#wfl-calc-wrapper .input-group .input-group-prepend h2 {
  width: 100%;
  margin-bottom: 0;
  background-color: #E6F1F4;
  -webkit-border-top-left-radius: 0.15rem;
  -webkit-border-top-right-radius: 0.15rem;
  -webkit-border-bottom-left-radius: 0.15rem;
  -webkit-border-bottom-right-radius: 0.15rem;
  -moz-border-top-left-radius: 0.15rem;
  -moz-border-top-right-radius: 0.15rem;
  -moz-border-bottom-left-radius: 0.15rem;
  -moz-border-bottom-right-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
#wfl-calc-wrapper .input-group .input-group-prepend h2 .badge-pill {
  position: relative;
  top: -6px;
  font-size: 1rem;
  text-align: left;
  display: inline-block;
  width: 100%;
  border-radius: 0;
  height: 100%;
  color: #009ADE;
  background-color: transparent;
}
#wfl-calc-wrapper .input-group .input-group-prepend .input-group-text.text-white {
  background-color: #009ADE;
  border-color: #009ADE;
}
.k-slider-tooltip {
  background-color: #009ADE !important;
  border-color: #009ADE !important;
  color: #FFFFFF !important;
  padding: 0.35rem 0.35rem 0.1rem !important;
}
.k-slider-tooltip .k-callout {
  color: #009ADE !important;
}
#calculator-info-form .k-form-field #loanamount-form-label {
  display: none;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group {
  max-height: 38px;
  overflow: hidden;
  border-color: #D4D4D4;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .form-control {
  border: none;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-spinner,
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-inner {
  position: relative;
  top: -1px;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-spinner .k-svg-i-caret-alt-up,
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-inner .k-svg-i-caret-alt-up {
  top: 1px;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-spinner .k-svg-i-caret-alt-down,
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-input-inner .k-svg-i-caret-alt-down {
  top: -1px;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .k-numerictextbox {
  border-radius: 0;
}
#calculator-info-form .k-form-field .k-form-field-wrap .input-group .input-group-prepend .fa-percent {
  position: relative;
  top: 2px;
}
#calculator-info-form .k-colspan-1 .k-form-field-wrap {
  position: relative;
  top: 1.25rem;
}
#calculator-info-form .k-colspan-1 .k-form-field-wrap .k-input-solid {
  color: #003A70;
  font-size: 1.4rem;
  font-weight: 600;
  max-width: 75px;
}
#calculator-info-form .k-colspan-8 .input-group .k-input-solid {
  height: 40px;
  -webkit-border-top-left-radius: 0.15rem;
  -webkit-border-top-right-radius: 0.15rem;
  -webkit-border-bottom-left-radius: 0.15rem;
  -webkit-border-bottom-right-radius: 0.15rem;
  -moz-border-top-left-radius: 0.15rem;
  -moz-border-top-right-radius: 0.15rem;
  -moz-border-bottom-left-radius: 0.15rem;
  -moz-border-bottom-right-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
#calculator-info-form .k-colspan-8 .input-group .k-input-inner {
  font-size: 1rem;
}
#wfl-financing-info {
  padding-bottom: 1rem;
}
#wfl-financing-info .cards-container {
  padding: 0 1rem 0 0;
}
#wfl-toggle-switch {
  margin-bottom: 1.5rem;
}
#wfl-toggle-switch .k-rounded-full {
  border-radius: 2px !important;
}
#wfl-toggle-switch .k-switch-off:focus .k-switch-track {
  outline: 1px solid;
  outline-color: rgba(0, 58, 112, 0.14);
}
#wfl-toggle-switch .k-switch-off .k-switch-track {
  background-color: #003A70;
  border-color: #003A70;
}
#wfl-toggle-switch .k-switch-off .k-switch-track span {
  color: #FFFFFF;
}
#wfl-toggle-switch .k-switch-on:focus .k-switch-track {
  outline: 1px solid;
  outline-color: rgba(0, 58, 112, 0.14);
}
#wfl-toggle-switch .k-switch-on .k-switch-track {
  background-color: #009ADE;
  border-color: #009ADE;
}
#wfl-toggle-switch .k-switch-track {
  height: 20px;
  width: 40px;
}
#wfl-toggle-switch .k-switch-thumb {
  border: 1px solid;
  border-color: rgba(0, 58, 112, 0.15);
  background-color: #FFFFFF;
  width: 18px;
  height: 18px;
}
#wfl-toggle-switch .k-switch-md {
  height: 20px;
  width: 40px;
}
#wfl-toggle-switch .k-switch-md.k-switch-on .k-switch-thumb-wrap {
  left: calc(90%);
}
#wfl-toggle-switch .k-switch-md.k-switch-off .k-switch-thumb-wrap {
  left: 10px;
}
#wfl-toggle-switch .wf-swidget-label {
  position: relative;
  top: 0.1rem;
  margin-left: 0.25rem;
}
/*.pkg-radio.k-checkbox.k-checkbox-md {
    border-radius: 4px;
    border-color: @faintgray;

    &:focus {
        box-shadow: 0 0 0 2px @boxshadow;
    }
}*/

.card-ala {
  margin-bottom: 1.5rem;
}
.card-wrap-row {
  display: flex;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #202020;
  overflow: hidden;
  border: 1px solid;
  border-color: #D4D4D4;
  width: inherit;
}
.card-left-ctnr {
  flex-grow: 4;
  padding: 0.5rem;
  position: relative;
}
.card-mid-ctnr {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
h4.card-hdr {
  color: #009ADE;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
}
.card-hdr-divider {
  border-bottom: 1px solid;
  border-color: #c9d8df;
  padding: 0.2rem 0;
  margin-left: -3rem;
  margin-right: -0.5rem;
}
.card-left-ctnr span {
  font-size: 0.85rem;
}
.card-left-ctnr label {
  appearance: button;
}
.card-right-ctnr {
  flex-grow: 0;
  padding: 0.3rem;
  text-align: center;
  position: relative;
}
.card-bg {
  background-color: #e6f1f4;
}
.card-num-bg {
  background-color: #003A70;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.card-num-bg p {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0.1rem 0.3rem;
}
.card-num-bg p sup {
  font-size: 1rem;
  position: relative;
  top: -0.44rem;
}
p.card-num-subtxt {
  font-size: 0.6rem;
  font-weight: 500;
  margin: 0;
}
.card-offer-code {
  margin: 0.3rem 0 0.3rem;
  padding-top: 0.4rem;
  font-weight: 500;
}
.card-offer-code .fas {
  margin-right: 0.4rem;
  color: #009ADE;
  font-size: 1rem;
  position: relative;
  top: 0.125rem;
}
.card-shelf {
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom: 1px solid;
  border-color: #c9d8df;
}
.card-chk-btn {
  cursor: pointer;
  display: inline-block;
  appearance: button;
  margin: 0.5rem 0 0;
  display: flex;
}
.card-chk-btn .card-input {
  margin: 0.25rem 0;
  cursor: pointer;
}
.card-chk-btn input,
.card-chk-btn .fas,
.card-chk-btn span {
  display: inline-block;
  align-self: center;
}
.card-chk-btn .fas,
.card-chk-btn span {
  color: #009ADE;
  transition: ease-in-out 0.15s;
}
.card-chk-btn .fas {
  position: relative;
  font-size: 1.2rem;
  margin: 0.125rem 0.3rem 0 0.5rem;
}
.card-chk-btn span {
  font-weight: 600;
}
.card-chk-btn:hover .fas,
.card-chk-btn:hover span {
  color: #003A70;
  transition: ease-in-out 0.15s;
}
.card-chk-btn input:checked + .fas,
.card-chk-btn input:checked ~ span {
  color: #003A70;
}
.card-drawer {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  display: flex;
  flex-direction: column-reverse;
}
.card-drawer input.card-toggle {
  display: none;
  pointer-events: none;
  position: absolute;
}
.card-drw-btn {
  text-align: center;
  width: 100%;
  background: #c9d8df;
  transition: ease-in-out 0.15s;
  cursor: pointer;
  margin-bottom: 0;
}
.card-drw-btn:hover {
  background: #b9ccd6;
}
.card-drw-btn .fas {
  font-size: 1.6rem;
  color: #003A70;
  margin: 0.3rem 0;
}
.card-drw-ctnt {
  font-size: 0.85rem;
  padding-left: 1.5rem;
  background-color: #f4f9fa;
}
.card-drw-ctnt ul {
  padding-left: 1.75rem;
}
.card-drw-ctnt ul li {
  margin-bottom: 0.25rem;
}
.card-drw-ctnt .wfl-details-short {
  margin-top: 1rem;
  margin-left: 0.4rem;
}
.card-drw-ctnt .wfl-details-short p {
  margin: 0.5rem 0;
}
.card-btn {
  border: none;
  outline: none;
  background: transparent;
  color: #0071ce;
  cursor: pointer;
  transition: ease-in-out 0.15s;
  font-size: 0.85rem;
  font-weight: 600;
  text-align: left;
}
.card-btn:focus {
  outline: 1px transparent;
  outline-color: #009ADE;
}
.card-btn:hover {
  color: #009ADE;
}
.card-btn .fas {
  margin-right: 0.375rem;
}
.card-drw-dtl-btn {
  margin-left: 0.2rem;
  margin-bottom: 1.2rem;
  margin-top: 0.5rem;
}
.card-toggle + label {
  display: inline-block;
}
.card-toggle + label ~ [data-toggle-target] {
  display: none;
}
.card-toggle:checked ~ [data-toggle-target] {
  display: block;
}
.card-toggle.card-anim ~ [data-toggle-target] {
  display: block;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.card-toggle.card-anim:checked ~ [data-toggle-target] {
  max-height: 999px;
}
.card-toggle.card-anim ~ label i.fas {
  transform: rotate(0deg);
  transition: transform 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.card-toggle.card-anim:checked ~ label i.fas {
  transform: rotate(180deg);
}
.card-pkg {
  margin-bottom: 1.5rem;
}
.card-pkg .card-left-ctnr {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  border-right: 1px solid;
  border-color: #c9d8df;
  align-items: stretch;
  padding: 0;
}
.card-pkg .card-left-ctnr label {
  position: relative;
  display: flex;
  appearance: button;
  height: 100%;
  margin-bottom: 0;
  padding: 0.3rem;
  background: #c9d8df;
  cursor: pointer;
  z-index: 1;
  transition: ease-in-out 0.15s;
}
.card-pkg .card-left-ctnr label:hover {
  background: #b9ccd6;
}
.card-pkg .card-left-ctnr input {
  align-self: center;
  cursor: pointer;
  margin: 0 0.4rem;
}
.card-pkg .card-mid-ctnr {
  flex-grow: 4;
}
.card-drw-pkg {
  display: flex;
  flex-direction: column;
  padding-left: 2.5rem;
}
.pkg-item {
  font-size: 0.85rem;
  margin: 0.2rem 0;
}
.pkg-item-bld {
  font-weight: 700;
  margin-right: 0.3rem;
}
.pkg-pymt-bld {
  font-size: 1.5rem;
  font-weight: 900;
  color: #2AA83D;
  margin-right: 0.3rem;
}
.pkg-pymt-bld sup {
  font-size: 1rem;
  position: relative;
  top: -0.3rem;
  margin-right: 0.2rem;
}
.pkg-pymt-reg {
  font-size: 0.85rem;
  font-weight: 600;
  color: #003A70;
}
.card-drw-pkg-hdr {
  display: block;
  font-size: 0.85rem;
  color: #003A70;
  font-weight: 600;
  margin: 1rem 0.5rem 0.5rem 0rem;
}
.card-drw-pkg-btn {
  margin: 0.3rem 0 0.3rem 0rem;
  padding: 0.3rem 0.3rem 0.3rem 0;
  max-width: 100%;
}
.card-drw-pkg-btn:first-child {
  margin-top: 1rem;
}
.card-drw-pkg-btn:last-child {
  margin-bottom: 1rem;
}
.card-drw-pkg-btn .fas {
  font-size: 1.2rem;
  position: relative;
  top: 0.125rem;
}
.card-chk-defer {
  margin: 0.3rem 0 0.75rem;
  font-size: 0.85rem;
}
.wf-pymt-box {
  display: flex;
  overflow: hidden;
  border: 1px solid;
  border-bottom: none;
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 97px;
  z-index: 999;
}
.wf-pymt-box .wf-pymt-hdr {
  font-size: 1.2rem;
  font-weight: 600;
  color: #003A70;
}
.wf-pymt-box .wf-btn-pymt-toggle {
  border: 1px solid;
  border-color: #D4D4D4;
  position: absolute;
  padding: 0.4rem 0.4rem;
  bottom: 0;
  right: 0;
  margin: 0.5rem;
  line-height: 0;
  transition: ease-in-out 0.15s;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wf-pymt-box .wf-btn-pymt-toggle .fas {
  color: #0071ce;
  font-size: 1.3rem;
  transform: scale(1, 1.3);
  position: relative;
}
.wf-pymt-box .wf-btn-pymt-toggle:hover {
  background-color: #F1F1F1;
}
.pymt-lg {
  font-weight: 900;
  color: #2AA83D;
}
.pymt-lg span {
  font-size: 2rem;
}
.pymt-lg sup {
  position: relative;
  top: -0.313rem;
  font-size: 1rem;
}
h4.wf-hdr-disc {
  color: #FFFFFF;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 400;
}
#wfl-applicant-already-member {
  max-width: 37rem;
  margin: auto;
}
#wfl-applicant-id {
  max-width: 37rem;
  margin: auto;
}
#wfl-scan-id-message {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.wf-app-id-camera {
  position: relative;
}
.wf-app-id-camera .fa-camera-retro {
  font-size: 2rem;
  color: #009ADE;
}
#wfl-id-icon-camera {
  top: 4px;
}
#wfl-applicant-id .header-panel h5 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #202020;
  text-align: center;
  margin-bottom: 1rem;
}
.wf-scanID-row {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 1rem;
}
.wf-id-wrapper {
  width: 100%;
}
.wf-id-front {
  width: 100%;
}
.wf-id-header {
  display: block;
  font-size: 0.85rem;
  /*margin: 0 auto .3rem;*/
  text-align: center;
  color: #003A70;
}
.wf-id-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1.59;
  max-width: 260px;
  min-width: 225px;
  border: 1px dashed;
  border-color: #0071ce;
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
  background-color: #FFFFFF;
}
.wf-id-image button {
  width: 100%;
  height: 100%;
  border: 0;
  outline: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #D4D4D4;
}
.wf-id-image .fas:not(.fa-times-circle) {
  position: absolute;
  z-index: 1;
  font-size: 4rem;
  color: #0071ce;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  filter: drop-shadow(0px 3px 0px #FFFFFF);
  height: 3.7rem;
  line-height: 0;
  padding-top: 1.95rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  pointer-events: none;
}
.wf-id-image #scandit-barcode-picker {
  height: 100%;
}
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera {
  height: max-content;
  width: max-content;
  position: absolute;
  top: 0.5rem;
  right: 0.2rem;
  z-index: 999;
  background-color: transparent;
  border: none;
}
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera:focus-visible,
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera:focus {
  outline: none;
  border: none;
}
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera:focus-visible .fa-times-circle,
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera:focus .fa-times-circle {
  background-color: #0071ce;
}
.wf-id-image #scandit-barcode-picker .wf-btn-close-camera .fa-times-circle {
  color: #FFFFFF;
  background-color: #003A70;
  border-radius: 999px;
  border: 3px solid transparent;
  font-size: 2rem;
}
.wf-qr-scroll {
  max-height: 73dvh;
  overflow: auto;
}
.wf-id-message {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  font-size: 0.75rem;
  text-align: center;
  color: #0071ce;
  pointer-events: none;
  background: rgba(0, 113, 206, 0.85);
  color: #FFFFFF;
  width: 74%;
  border-radius: 4px;
  padding: 0.3rem 0.5rem;
  border: 2px solid;
  border-color: transparent;
}
#qr-code-partitioner {
  border: none;
  min-width: 2px;
  max-width: 2px;
  padding: 0;
  background: #D4D4D4;
  border-radius: 99px;
}
#qr-code .driving-license-qr-code-scanner {
  text-align: right;
}
#qr-code .driving-license-qr-code-scanner .header-panel,
#qr-code .driving-license-qr-code-scanner .text-wrap {
  max-width: 250px;
  margin-left: auto;
}
#qr-code .k-qrcode {
  border-radius: 6px;
  overflow: hidden;
  border: 1px dashed;
  border-color: #0071ce;
}
#qr-code .k-qrcode svg g path:first-child {
  stroke: transparent;
  stroke-width: 1px;
}
#qr-code .k-qrcode svg g path:last-child {
  fill: #003A70;
}
#qr-code .mt-4 {
  text-align: right;
}
/* hover styles */

.wf-id-image,
.wf-id-image .fas,
.wf-id-image .wf-id-message,
.wf-id-image button {
  transition: ease-in-out 0.15s;
}
.wf-id-image:hover {
  border-color: #009ADE;
  background-color: #003A70;
}
.wf-id-image:hover .fas,
.wf-id-image:hover .far,
.wf-id-image:hover .fa-solid,
.wf-id-image:hover .fa-regular {
  color: #009ADE;
}
.wf-id-image:hover .wf-id-message {
  background: #009ADE;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.wf-id-image:hover button {
  opacity: 0.5;
}
.wf-id-image:hover #scandit-barcode-result {
  color: #FFFFFF;
}
/*#endregion */

/*#region successful upload */

.wf-successful-upload-container {
  display: flex;
  justify-content: center;
}
.wf-successful-upload {
  max-width: calc(20%) !important;
}
.wf-successful-upload h2 {
  font-size: 1.5rem;
  font-weight: bolder !important;
  border-bottom: none !important;
}
.wf-icon-primary-color-large {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.wf-icon-primary-color-large i {
  font-size: 4rem;
  color: #003A70;
}
.wf-sub-hdr-no-border {
  color: #003A70;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 420px) {
  .wf-successful-upload-container {
    justify-content: left;
    margin-left: 1rem;
  }
  .wf-successful-upload {
    max-width: 100% !important;
  }
}
/*#endregion */

#wfl-personal-info,
#wfl-contact-info,
#wfl-id-info,
#wfl-address-info,
#wfl-employment-info {
  margin: auto;
}
#wfl-personal-info .k-form fieldset:first-child,
#wfl-contact-info .k-form fieldset:first-child,
#wfl-id-info .k-form fieldset:first-child,
#wfl-address-info .k-form fieldset:first-child,
#wfl-employment-info .k-form fieldset:first-child {
  margin-top: 0;
}
#wfl-personal-info {
  max-width: 676px;
}
#wfl-contact-info {
  max-width: max-content;
  margin: auto;
  min-width: 26rem;
}
#wfl-id-info {
  max-width: max-content;
  margin: auto;
  min-width: 26rem;
}
#wfl-id-info .header-panel {
  display: none;
}
#wfl-id-info .wf-id-front h5 {
  display: none;
}
#wfl-address-info {
  max-width: max-content;
  margin: auto;
  min-width: 26rem;
}
#diff-address-checkbox #wf-diff-address-span {
  position: relative;
  top: 1px;
}
#mailing-address-checkbox {
  margin-right: 0.5rem;
}
#wfl-employment-info {
  max-width: max-content;
  margin: auto;
  min-width: 26rem;
}
*,
::after,
::before {
  box-sizing: border-box;
}
.cards-container {
  background: rgba(255, 255, 255, 0.65);
  padding: 0.5rem 1rem 1rem 1rem;
  margin: auto;
}
.cards-container h3 {
  margin-bottom: 0.4rem;
  margin-top: 2rem;
}
.wf-upload-card .k-card {
  border-radius: 0;
}
.wf-upload-card .k-card-header {
  padding: 16px;
}
.wf-upload-card .k-card-header .k-card-title {
  font-weight: 600;
  color: #888888;
}
.wf-upload-card .k-upload .k-actions {
  display: none;
}
.wf-upload-card .k-upload-actions .k-upload-action .k-svg-icon {
  color: #EB0202;
}
.wf-upload-card .k-card-body {
  padding: 0;
}
.wf-upload-card .k-card-body p {
  margin-bottom: 0.5rem;
}
.wf-upload-card .k-card-body .wf-file-view {
  color: #009ADE;
  text-decoration: none;
  transition: ease-in-out 0.15s;
}
.wf-upload-card .k-card-body .wf-file-view:before {
  position: relative;
  left: 2;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  margin-right: 0.5rem;
}
.wf-upload-card .k-card-body .wf-file-view:hover {
  color: #FB3920;
  text-decoration: underline;
  text-decoration-style: dotted;
}
.wf-upload-card .k-card-body .wf-upload-docname {
  display: flex;
  align-items: center;
  padding: 1rem 0.85rem;
}
.wf-upload-card .k-card-body .wf-upload-docname .wf-file-delete .fa-trash-alt {
  margin-right: 0;
  color: #0071ce;
  cursor: pointer;
}
.wf-upload-card .k-card-body .wf-fine-line {
  margin: 0 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 500;
  font-style: italic;
}
.wf-upload-card .k-card-actions-stretched {
  padding: 0;
  gap: 0;
}
.wf-upload-card .k-card-actions-stretched .k-button {
  width: 100%;
}
.wf-upload-card .k-card-actions-stretched .k-button .fas,
.wf-upload-card .k-card-actions-stretched .k-button .far,
.wf-upload-card .k-card-actions-stretched .k-button .fa-solid,
.wf-upload-card .k-card-actions-stretched .k-button .fa-regular {
  margin-right: 0.3rem;
}
.wf-upload-card .k-card-actions-stretched .k-card-action {
  flex-basis: 50%;
}
.wf-upload-card .k-card-actions-stretched .k-card-action:last-child {
  background-color: transparent;
  transition: ease-in-out 0.15s;
}
.wf-upload-card .k-card-actions-stretched .k-card-action:last-child:hover {
  background-color: rgba(241, 241, 241, 0.65);
}
.wf-upload-card .k-card-actions-stretched .wf-btn-secondary {
  border-top: 1px solid;
  border-top-color: rgba(0, 0, 0, 0.08);
  border-bottom: none;
  border-right: none;
  border-left: none;
}
/* origins CSS */

.wf-upload-docname {
  font-size: 0.85rem;
  font-weight: 600;
}
.wf-upload-docname:before {
  position: relative;
  left: 2;
  top: 1;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: 0.6rem;
}
.wf-upload-docname .fas {
  margin-right: 0.5rem;
}
.wf-upload-docname span {
  margin-left: 0.5rem;
  font-weight: 900;
  color: #0071ce;
}
.wf-upload-active {
  color: #003A70;
  background-color: #d4e6f2;
}
.wf-upload-active:before {
  content: "\f0a9";
}
.wf-upload-success {
  color: #2AA83D;
}
.wf-upload-success:before {
  content: "\f058";
}
.wf-upload-next {
  color: #888888;
}
.wf-upload-next:before {
  content: "\f059";
}
.wf-upload-error {
  color: #EB0202;
  background-color: #D4E6F2;
}
.wf-upload-error:before {
  content: "\f071";
}
.wf-upload-required:after {
  content: "*";
  font-weight: 900;
  margin-left: 0.6rem;
  color: #0071ce;
}
.wf-upload-details {
  padding: 0.85rem;
}
#wf-required span {
  color: #0071ce;
}
.wf-upload-alert {
  color: #003A70;
  background-color: #FBE0E0;
}
.wf-upload-alert:before {
  content: "\f0a9";
}
.wf-fine-line-alert {
  font-weight: 400 !important;
  font-style: normal !important;
  color: #0071ce;
  animation-name: warning;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 3;
  position: relative;
}
@keyframes warning {
  0% {
    left: 0px;
  }
  5% {
    left: 5px;
  }
  10% {
    left: 0px;
  }
  15% {
    left: 2px;
  }
  20% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
/* stretch button colors */

#wf-btn-addfile {
  border-color: #003A70;
  background-color: #003A70;
  transition: ease-in-out 0.15s;
}
#wf-btn-addfile:hover {
  border-color: #009ADE;
  background-color: #009ADE;
}
#wf-btn-addfile span {
  color: #FFFFFF !important;
}
#wf-btn-upload {
  border-color: #0071ce;
  background-color: #0071ce;
  transition: ease-in-out 0.15s;
}
#wf-btn-upload:hover {
  border-color: #009ADE;
  background-color: #009ADE;
}
#wf-btn-upload span {
  color: #FFFFFF !important;
}
#wf-btn-addlater {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  transition: ease-in-out 0.15s;
}
#wf-btn-addlater span {
  color: #0071ce;
}
#wf-btn-addlater:hover {
  border-color: #D4D4D4;
  background-color: #D4D4D4;
}
#wf-btn-addlater:hover span {
  color: #0071ce;
}
/* disabled button states */

.k-card-action[disabled] {
  opacity: 0.6;
}
.k-card-action[disabled] span {
  cursor: default;
}
#wf-btn-addfile[disabled] {
  border-color: #003A70;
  background-color: #003A70;
}
#wf-btn-addfile[disabled] span {
  color: #FFFFFF;
}
#wf-btn-addlater:hover[disabled] {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
#wf-btn-addlater:hover[disabled] span {
  color: #003A70;
}
.k-action-buttons {
  display: none;
}
.k-upload-async {
  width: 100%;
}
.k-expander {
  border: none;
}
.k-expander.k-focus {
  box-shadow: none;
}
.k-expander-title {
  color: #003A70;
  font-weight: 600;
}
.k-expander-content-wrapper {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #F1F1F1;
}
.k-expander-header {
  border: 1px solid;
  border-color: #F1F1F1;
}
.k-i-arrow-chevron-up {
  color: #0071ce;
}
.k-i-arrow-chevron-down {
  color: #003A70;
}
.wf-review ul {
  list-style: none;
  padding-left: 1.6rem;
}
.wf-review ul li {
  margin-bottom: 0.5rem;
}
.wf-review ul li span:first-child {
  font-weight: 600;
}
.wf-hdr-review {
  font-size: 1rem;
  font-weight: 600;
  color: #003A70;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}
.wf-hdr-review .fas,
.wf-hdr-review .far,
.wf-hdr-review .fa-solid,
.wf-hdr-review .fa-regular {
  min-width: 20px;
}
.wf-hdr-review:first-child {
  margin-top: 0;
}
#wfl-review-load-details .k-form-legend {
  border-bottom: 1px solid;
  border-color: #D4D4D4;
  color: #003A70;
}
.tax-information-box {
  background-color: #E6F1F4;
  padding: 20px;
  border: 1px solid #D4D4D4;
}
.tax-information-checkbox {
  margin-bottom: 0.5rem !important;
  font-size: 0.85rem;
  /*    .custom-control-label {
        line-height: 1.2rem;

        &:before {
            top: 0 !important;
        }
    }*/

}
.tax-information-checkbox .col-12 input {
  display: inline-block;
  position: relative;
  top: 1px;
}
.tax-information-checkbox .col-12 .wfm_rev_info_circle {
  color: #003A70 !important;
}
.tax-information-checkbox .col-12 .wfm_rev_info_circle:hover {
  color: #0071ce !important;
}
.tax-checkbox-wrapper {
  margin-bottom: 1rem;
}
#wfm-tax-button {
  color: #FFFFFF;
  background: #0071ce;
}
#wfm-tax-button:hover {
  color: #FFFFFF;
  background: #009ADE;
}
.tax-info-wrapper {
  margin-top: 1.5rem;
  font-size: 0.85rem;
}
@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/lib/homemade-apple-font/HomemadeApple-Regular.ttf?v=4GhKGWjujGOC2XZi_qxBitV4Px4') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Conv_micrenc';
  src: url('/lib/fonts/micrenc.ttf?v=NgPx6kAjBOBKsc2Fqnvg0rFViz4') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#wf-signature-dialog .wf-signature-content,
.k-dialog .wf-signature-content,
#wf-signature-dialog #review-confirmation-modal,
.k-dialog #review-confirmation-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 78dvh;
}
#wf-signature-dialog .wf-signature-statement,
.k-dialog .wf-signature-statement,
#wf-signature-dialog .wf-signature-controls,
.k-dialog .wf-signature-controls,
#wf-signature-dialog .wf-modal-html,
.k-dialog .wf-modal-html,
#wf-signature-dialog .wf-modal-signature,
.k-dialog .wf-modal-signature {
  min-height: 10dvh;
  max-height: 30dvh;
  overflow: auto;
  border: 1px solid;
  border-color: #D4D4D4;
  padding: 0.5rem;
  flex-grow: 1;
}
.wf-signature-section {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.wf-signature-section .wf-signature-erase {
  position: absolute;
  z-index: 1;
}
.wf-signature-section .wf-signature-erase:focus {
  border: 1px solid;
  border-color: #009ADE;
  box-shadow: none;
}
.wf-signature-section .wf-signature-canvas {
  width: 100%;
  background-color: #D4D4D4;
  border-radius: 5px;
  aspect-ratio: 4;
  z-index: 0;
}
.wf-signature-section .wf-signature-canvas canvas {
  color: #202020;
  font-family: 'Homemade Apple' !important;
  width: 100%;
  min-height: 12rem;
  font-size: 2.5rem;
  text-align: center;
}
.wf-signature-section .wf-signature-autofill-img {
  display: none;
  width: 100%;
  background-color: #D4D4D4;
  aspect-ratio: 4;
  border-radius: 5px;
}
.wf-signature-toggle-buttons {
  float: right;
}
.wf-signature-toggle-buttons .wf-signature-toggle-button {
  display: inline-block;
}
button.wf-btn-toggle {
  background-color: transparent;
  border: 1px solid;
  border-color: transparent;
  border-radius: 2px;
  color: #009ADE;
  cursor: pointer;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
  transition: ease-in-out 0.15s;
}
button.wf-btn-toggle i {
  font-size: 1.15rem;
  margin-right: 0.5rem;
  pointer-events: none;
  text-align: center;
}
button.wf-btn-toggle .k-svg-icon {
  margin-right: 0.5rem;
  color: #009ADE;
}
button.wf-btn-toggle .fa-eraser {
  margin-right: 0.2rem;
  position: relative;
  top: -1.5px;
}
button.wf-btn-toggle svg {
  position: relative;
  height: 1.15rem;
  top: -0.125rem;
  margin-right: 0rem !important;
  transition: ease-in-out 0.15s;
}
button.wf-btn-toggle svg path {
  fill: #009ADE;
}
button.wf-btn-toggle span {
  pointer-events: none;
}
button.wf-btn-toggle:hover {
  background-color: #F1F1F1;
  color: #0071ce;
  border-color: #0071ce;
  text-decoration: none;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  transition: ease-in 0.15s;
  text-decoration-line: none;
  text-decoration-style: initial;
}
button.wf-btn-toggle:hover svg {
  height: 1.15rem;
  margin-right: 0.5rem;
  pointer-events: none;
  vertical-align: baseline;
  text-align: center;
}
button.wf-btn-toggle:hover svg path {
  fill: #0071ce;
}
button.wf-btn-toggle:hover .k-svg-icon {
  color: #0071ce;
}
button.wf-btn-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.1rem rgba(0, 113, 206, 0.1);
}
button.wf-btn-toggle.wf-btn-toggle-selected {
  border: solid;
  border-color: #0071ce;
  color: #009ADE;
  border-radius: 2px;
  border-width: 1px;
}
button.wf-btn-toggle.wf-btn-toggle-selected svg path {
  fill: #009ADE;
}
button.wf-btn-toggle.wf-btn-toggle-selected .k-svg-icon {
  color: #009ADE;
}
button.wf-btn-toggle.wf-btn-toggle-selected:hover {
  cursor: initial;
  background-color: #F1F1F1;
  color: #0071ce;
}
button.wf-btn-toggle.wf-btn-toggle-selected:hover svg {
  height: 1.15rem;
  margin-right: 0.5rem;
  pointer-events: none;
  vertical-align: baseline;
  text-align: center;
}
button.wf-btn-toggle.wf-btn-toggle-selected:hover svg path {
  fill: #0071ce;
}
button.wf-btn-toggle.wf-btn-toggle-selected:hover .k-svg-icon {
  color: #0071ce;
}
button.wf-btn-erase {
  background-color: transparent;
  border: 1px solid;
  border-color: #009ADE;
  border-radius: 2px;
  color: #009ADE;
  cursor: pointer;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
  transition: ease-in-out 0.15s;
}
button.wf-btn-erase i {
  font-size: 1.15rem;
  margin-right: 0.5rem;
  pointer-events: none;
  text-align: center;
}
button.wf-btn-erase .k-svg-icon {
  margin-right: 0.5rem;
  color: #009ADE;
}
button.wf-btn-erase .fa-eraser {
  margin-right: 0.2rem;
  position: relative;
  top: -1.5px;
}
button.wf-btn-erase span {
  pointer-events: none;
}
button.wf-btn-erase:hover {
  background-color: #D4D4D4;
  color: #FFFFFF;
  border-color: #D4D4D4;
  text-decoration: none;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  transition: ease-in 0.15s;
  text-decoration-line: none;
  text-decoration-style: initial;
}
button.wf-btn-erase:hover .k-svg-icon {
  color: #FFFFFF;
}
button.wf-btn-erase:focus {
  outline: none;
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.1);
}
/*
.input-group .input-group-append button.wfm_eye_button:hover {
    background-color: #ebebeb !important;
    border-color: #ced4da !important;
}
*/

input.account-number.k-invalid {
  border-color: red;
}
input.tax-id-number.k-invalid {
  border-color: red;
}
/*.wf-btn-member {
    background-color: @primarycolor;
    color: #FFFFFF !important;
    min-width: 258px;
    transition: ease-in-out .15s;
}

.wf-btn-member:hover {
    background-color: @primarycolor;
    opacity: .6;
}*/

.wf-box-member {
  border: 1px solid;
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  padding: 1rem;
  margin-left: 50px;
  margin-right: 25px;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
#existing-member-login-form {
  margin-bottom: 1.5rem;
}
.wf-stage-inner .loan-member-login-partial .wf-member-auth-btn-grp {
  display: flex;
  max-width: 66%;
  gap: 1rem;
}
.wf-stage-inner .loan-member-login-partial .wf-member-auth-btn-grp .btn {
  min-width: 250px;
}
#wfl-loan-mfa {
  max-width: 37rem;
}
#wf-otp-text-box {
  padding: 0;
}
#wf-row-authentication {
  padding: 0 1rem;
}
#otp-input-container {
  margin-bottom: 2rem;
}
#wf-row-confirmation {
  width: 100%;
  max-width: 37rem;
  height: inherit;
  position: relative;
  margin: auto;
}
#wf-row-confirmation .wf-btn-secondary .fas {
  margin-left: 0.5rem;
}
.wf-hub {
  position: relative;
  height: calc(100vh - 294px);
  padding: 0 2rem;
  overflow: hidden;
}
#wfl-hub-main .row {
  padding: 0;
}
.wfh-wrapper {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: 100%;
}
.wfh-left {
  flex-basis: 65%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-padding-right: 1rem;
  height: calc(100vh - 294px);
}
.wfh-right {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 35%;
  align-content: stretch;
  padding-left: 1rem;
}
.wfh-right .wf-msg-center {
  flex-basis: 100%;
}
.wfh-right .wf-msg-center .k-chat {
  min-height: calc(100vh - 329px);
}
.wfh-header {
  border-bottom: 1px solid;
  border-color: #D4D4D4;
  color: #003A70;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: bold;
}
.wfh-header .fas,
.wfh-header .far,
.wfh-header .fa-solid,
.wfh-header .fa-regular {
  margin-right: 0.5rem;
}
.wfh-header .wfh-status-overview {
  font-size: 1.15rem;
  font-weight: 600;
}
.wfh-header .wfh-status-detail {
  display: block;
  font-size: 0.75rem;
  font-weight: 300;
  margin-left: 2rem;
}
.wfl-header-font-size {
  font-size: 1rem;
}
.wfh-list {
  list-style: none;
  padding-left: 0;
}
.wfh-list li {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0rem;
  font-size: 0.85rem;
}
.wfh-list .wfh-item-label {
  font-weight: 600;
  color: #202020;
  margin-right: 0.5rem;
}
.wfh-list a {
  font-weight: 500;
  text-decoration: none;
  transition: ease-in-out 0.15s;
}
a span,
a .fas {
  transition: ease-in-out 0.15s;
}
a span {
  color: #0071ce;
  word-break: break-word;
}
a:hover span {
  color: #009ADE;
  text-decoration: underline dotted;
}
a:hover .fas,
a:hover .far,
a:hover .fa-solid,
a:hover .fa-regular {
  color: #003A70;
}
.wfh-list-btn {
  display: flex;
  align-items: baseline;
  max-width: max-content;
  cursor: pointer;
  margin-bottom: 1rem;
}
.wfh-list-btn .fas,
.wfh-list-btn .far,
.wfh-list-btn .fa-solid,
.wfh-list-btn .fa-regular {
  color: #009ADE;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.wfh-list-btn-label {
  font-size: 0.85rem;
  font-weight: 700;
}
.wfh-status {
  background-color: #FFFFFF;
  border: 1px solid;
  flex-grow: 2;
}
.wfh-status .wfh-header {
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid;
}
.wfh-status .wfh-header .wfh-status-icon::before {
  display: inline-block;
  margin-right: 0.5rem;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1.1rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: #00000055;
  -webkit-font-smoothing: antialiased;
}
.wfh-status-approved {
  border-color: #789F70;
}
.wfh-status-approved .wfh-header {
  background-color: #ABE3A0;
  border-color: #789F70;
}
.wfh-status-approved .wfh-header span {
  color: #487D3D;
}
.wfh-status-approved .wfh-header .wfh-status-icon::before {
  content: "\f058";
}
.wfh-status-denied {
  border-color: #AC6A63;
}
.wfh-status-denied .wfh-header {
  background-color: #F6988D;
  border-color: #AC6A63;
}
.wfh-status-denied .wfh-header span {
  color: #83342b;
}
.wfh-status-denied .wfh-header .wfh-status-icon::before {
  content: "\f057";
}
.wfh-status-processing {
  border-color: #8294A7;
}
.wfh-status-processing .wfh-header {
  background-color: #BAD5EF;
  border-color: #8294A7;
}
.wfh-status-processing .wfh-header span {
  color: #4b647e;
}
.wfh-status-processing .wfh-header .wfh-status-icon::before {
  content: "\f2f1";
}
.wfh-status-group {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.wfh-status-img-wrapper {
  position: relative;
  z-index: 1;
}
.wfh-status-img-wrapper::before {
  display: block;
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-size: 4rem;
  content: "\f007";
  color: #FFFFFF;
  background-color: #009ADE;
  text-align: center;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  line-height: 1.9;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.wfh-status-img {
  background-size: cover;
  background-position: center;
  aspect-ratio: 1;
  min-width: 125px;
  margin-bottom: 0.5rem;
}
.wfh-status-img-caption span {
  display: block;
}
.wfh-status-img-caption .wfh-img-caption-name {
  font-size: 1rem;
  font-weight: 600;
}
.wfh-status-img-caption .wfh-img-caption-title {
  font-size: 0.85rem;
  font-style: italic;
}
.wf-btn-status-toggle {
  font-size: 0.85rem;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #0071ce;
  border: 1px solid;
  border-color: #009ADE;
  width: 100%;
  padding: 0.5rem 0;
  transition: ease-in-out 0.15s;
}
.wf-btn-status-toggle:hover {
  background-color: #F1F1F1;
}
.wf-btn-status-toggle .fas,
.wf-btn-status-toggle .far,
.wf-btn-status-toggle .fa-solid,
.wf-btn-status-toggle .fa-regular {
  margin-right: 0.5rem;
  position: relative;
  top: 1px;
}
.wfh-status-msg-header {
  font-size: 1rem;
  font-weight: 600;
  color: #656565;
  margin: 0 0 0.5rem 0;
  line-height: 0.9;
}
.wfh-status-msg-txt {
  font-size: 0.85rem;
  line-height: 1.25rem;
  margin: 0.25rem 0 0;
  color: #656565;
}
.wfh-status-msg-txt span {
  font-weight: 600;
}
.wfh-status-branch {
  width: 100%;
  font-size: 0.85rem;
}
.wfh-branch-flexbox {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
.wfh-status-branch-header {
  font-size: 1rem;
  font-weight: 600;
  color: #003A70;
  margin: 0 0 0.15rem 0;
  line-height: 0.9;
}
.wfh-status-branch-sub {
  font-size: 0.85rem;
  font-weight: 600;
  color: #202020;
  margin: 0 0 0.5rem 0;
}
.wfh-branch-address-wrapper {
  display: flex;
  align-items: baseline;
}
a.wfh-branch-address {
  cursor: pointer;
  color: #0071ce !important;
  margin-bottom: 0.5rem;
  transition: ease-in-out 0.15s;
}
a.wfh-branch-address span {
  display: block;
}
a.wfh-branch-address span .fas,
a.wfh-branch-address span .far,
a.wfh-branch-address span .fa-solid,
a.wfh-branch-address span .fa-regular {
  margin-right: 0.5rem;
}
a.wfh-branch-address span:last-of-type {
  margin-left: 1.3rem;
}
.wfh-branch-phone {
  margin-bottom: 0.5rem;
}
.wfh-branch-phone .fas,
.wfh-branch-phone .far,
.wfh-branch-phone .fa-solid,
.wfh-branch-phone .fa-regular {
  font-size: 0.75rem;
  margin-right: 0.35rem;
}
.wfh-branch-phone-label {
  font-weight: 600;
  margin-right: 0.5rem;
}
.wfh-status-details-inner {
  border-left: 1px solid;
  border-color: #D4D4D4;
}
.wfh-status-details {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}
.wfh-status-details li {
  margin-bottom: 0.4rem;
}
.wfh-status-details li span.wfh-status-detail-label {
  font-weight: 600;
  color: #009ADE;
  margin-right: 0.5rem;
}
#wfh-status-detail-amt span.wfh-status-detail-value {
  font-weight: 900;
  color: #789F70;
  font-size: 1.2rem;
}
.wfh-details {
  display: grid;
  grid-template-rows: max-content max-content;
  gap: 1rem;
  flex-basis: 49%;
}
.wfh-details ul {
  margin-bottom: 0;
}
.wfh-details-box {
  width: 100%;
  background-color: #E6F1F4;
  padding: 1rem;
  border: 1px dotted;
  border-color: #ACC3CD;
  border-radius: 2px;
}
#wfh-details-options ul li {
  display: initial;
}
.wfh-upload-list-wrapper {
  padding: 1rem;
  border: 1px solid;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-color: #D4D4D4;
}
.wfh-documents {
  flex-basis: 50%;
}
.wfh-documents .wf-upload-card {
  border: 1px solid;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  border-color: #D4D4D4;
  flex-grow: 2;
}
.wfh-documents .wf-upload-details {
  border-top: 1px solid;
  border-color: #D4D4D4;
}
.wfh-documents .k-card {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
  border: none;
  border-bottom: none;
  border-color: #D4D4D4;
}
.wfh-documents .k-card-title {
  font-size: 0.85rem;
  color: #8f8f8f;
  margin: 0;
  padding: 0;
}
.wfh-documents .k-card-actions,
.wfh-documents .k-card-header {
  border-color: #D4D4D4;
  border-bottom: none;
}
.wfh-documents .k-card-actions-stretched .k-card-action:first-child {
  background-color: #214c67;
  border-right: 1px solid #d4d4d4;
  transition: ease-in-out 0.15s;
}
.wfh-documents .k-card-action span {
  font-size: 0.85rem;
}
.wfh-documents .k-card-action #button-later::before {
  color: #009ADE;
}
.wfh-documents .k-card-action #button-later:hover {
  background-color: #F1F1F1;
}
.wfh-documents .wf-btn-primary {
  min-width: 100%;
}
/* convert to LESS or delete these doc center styles */

/*h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h6 {

}*/

.wfh-widget-documents {
  flex-basis: 49%;
  flex-grow: 1;
  max-width: 100%;
  min-height: max-content;
  background: white;
  border: 1px solid #d4d4d4;
  border-bottom: none;
}
.wfh-widget-documents .wfh-widget-documents-header {
  padding: 0.884rem;
  margin-bottom: 0;
  line-height: 0;
  border-bottom: 1px solid;
  border-color: #D4D4D4;
  color: #003A70;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 600;
}
.wfh-widget-documents .wfh-widget-documents-header .fas {
  margin-right: 0.5rem;
}
.wfh-widget-documents .wf-upload-card .k-upload-actions .k-upload-action .k-svg-icon {
  color: #739cac;
}
.wfh-widget-documents .wf-upload-card .k-upload .k-file-icon-wrapper {
  color: #0071ce;
  margin-right: 0.5rem;
}
.wfh-widget-header-wrapper {
  display: flex;
  height: 48px;
  border-bottom: 1px solid;
  border-color: #d4d4d4;
}
.wfh-widget-header-wrapper .wfh-widget-header {
  padding: 1rem;
  flex-grow: 2;
}
.wfh-widget-header-wrapper .wfh-wgt-hdr-txt {
  font-size: 0.85rem;
  color: #8f8f8f;
  margin: 0;
  padding: 0;
}
.wfh-widget-header-wrapper .wfh-applicant-progress {
  padding: 0.3rem 1rem;
  border-left: 1px solid;
  border-color: #d4d4d4;
  cursor: pointer;
  transition: ease-in-out 0.15s;
}
.wfh-widget-header-wrapper .wfh-applicant-progress h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
}
.wfh-widget-header-wrapper .wfh-applicant-progress:hover {
  background-color: #e9e9e9;
}
.wfh-prog-icons {
  display: flex;
  gap: 4px;
  justify-content: space-evenly;
}
.wfh-prog-icons .fa-user-clock:before {
  content: "\f4fd";
}
.wfh-prog-icons .fa-check {
  content: "f00c";
  color: #2AA83D;
}
.wfh-prog-icons .fa-user-check:before {
  content: "\f4fc";
}
.wfh-prog-icons .fa,
.wfh-prog-icons .far,
.wfh-prog-icons .fas,
.wfh-prog-icons .fab,
.wfh-prog-icons .fad,
.wfh-prog-icons .fal {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.wfh-prog-icons .wfh-prog-user-incomplete .fas {
  color: #8f8f8f;
}
.wfh-prog-icons .wfh-prog-user-complete .fas {
  color: #2AA83D;
}
.wfh-prog-icons .wfh-prog-user .fas {
  font-size: 16px;
}
.wfh-prog-icons.wfh-prog-icons-tooltip {
  display: inline-block;
  vertical-align: baseline;
  min-width: 200px;
  padding: 0.35rem;
}
.wfh-prog-icons.wfh-prog-icons-tooltip .wfh-prog-user {
  margin: 0.5rem;
  text-align: left;
}
.wfh-prog-icons.wfh-prog-icons-tooltip .wfh-prog-user i {
  margin-right: 0.75rem;
}
.wfh-applicant-progress h6 {
  color: #003A70;
  margin-top: 0;
  margin-bottom: 0.4rem;
}
.wfh-widget-rows {
  border-bottom: 1px solid;
  border-color: #d4d4d4;
}
.wfh-widget-row:nth-child(even) {
  background-color: #f9f9f9;
}
.wfh-widget-row {
  background-color: #e9e9e9;
  cursor: pointer;
  width: 100%;
  outline: none;
  border: none;
  padding: 1rem;
}
.wfh-widget-row .wfh-widget-label {
  margin-bottom: 0;
  width: 100%;
  transition: ease-in-out 0.15s;
  text-align: left;
}
.wfh-widget-row .wfh-widget-label,
.wfh-widget-row .wfh-completed-btn {
  display: inline-block;
  align-items: baseline;
  max-width: max-content;
  cursor: pointer;
}
.wfh-widget-row.wfh-widget-row {
  text-align: left;
}
.wfh-widget-row-review:hover .wfh-widget-label::before {
  color: #003A70;
}
.wfh-widget-label span,
.wfh-completed-btn span {
  color: #0071ce;
  text-decoration: none;
  transition: ease-in-out 0.15s;
}
.wfh-widget-label-inner,
.wfh-completed-label {
  font-size: 0.85rem;
  font-weight: 700;
}
.wfh-widget-label-inner-upload {
  color: #202020 !important;
  font-size: 0.85rem;
  margin-left: 1.5rem;
}
.wfh-widget-row-review .wfh-widget-label::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1rem;
  content: "\f017";
  color: #009ADE;
  margin-right: 0.5rem;
  transition: ease-in-out 0.15s;
}
.wfh-widget-row-sign .wfh-widget-label::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1rem;
  content: "\f304";
  color: #009ADE;
  margin-right: 0.5rem;
  transition: ease-in-out 0.15s;
}
wfh-btn-sign.wfh-btn-disabled {
  cursor: initial;
}
.wfh-widget-success .wfh-widget-label::after {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1rem;
  content: "\f00c";
  color: #2AA83D;
  margin-left: 0.5rem;
  transition: ease-in-out 0.15s;
}
.wfh-btn-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.wfh-btn-sign {
  padding: 1rem;
  height: 48px;
  font-size: 0.85rem;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  background: #003A70;
  cursor: pointer;
  transition: ease-in-out 0.15s;
}
.wfh-widget-row-complete .wfh-widget-label::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1rem;
  content: "\f15c";
  color: #009ADE;
  margin-right: 0.5rem;
  transition: ease-in-out 0.15s;
}
.wfh-widget-row-disabled {
  opacity: 0.4;
  background: var(--white) !important;
  cursor: initial !important;
}
.wfh-docs-empty {
  height: 140px;
  position: relative;
  border: #D4D4D4;
}
.wfh-docs-empty span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 600;
  color: #D4D4D4;
}
.wfh-btn-confirm {
  height: 40px;
  width: 150px;
  font-size: 0.85rem;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  background: #0071ce;
  cursor: pointer;
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  transition: ease-in-out 0.15s;
}
.wfh-widget-label,
.wfh-completed-btn {
  display: flex;
  align-items: baseline;
  max-width: max-content;
  cursor: pointer;
  margin-bottom: 1rem;
}
.wfh-mobile-button-wrapper {
  display: none;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 95px;
  z-index: 9999;
  background-color: #FFFFFF;
  backdrop-filter: blur(2px);
  border-top: 1px solid;
  border-color: #D4D4D4;
}
.wfh-mobi-btn {
  height: 69px;
  border: none;
  outline: none;
  background-color: transparent;
}
.wfh-mobi-btn:focus {
  outline: none;
}
.wfh-mobi-icon {
  height: 44px;
  width: 44px;
  border: 1px solid;
  border-color: #D4D4D4;
  border-radius: 999px;
  padding: 0.65rem;
  display: block;
  margin: auto;
}
.wfh-mobi-icon svg {
  display: block;
  height: 100%;
  margin: auto;
  color: #009ADE;
}
.wfh-mobi-label {
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.5rem;
  color: #009ADE;
}
.wfh-mobi-btn:active .wfh-mobi-icon,
.wfh-mobi-btn:focus .wfh-mobi-icon {
  border-color: #0071ce;
}
.wfh-mobi-btn:active .wfh-mobi-label,
.wfh-mobi-btn:focus .wfh-mobi-label {
  color: #003A70;
}
.wfh-mobi-btn:active .wfh-mobi-icon svg,
.wfh-mobi-btn:focus .wfh-mobi-icon svg {
  color: #0071ce;
}
#wfl-hub-main .wf-application-stage {
  margin: 0 1.5rem;
}
#wfl-hub-main .wf-stage-inner {
  min-width: 100%;
}
@media screen and (max-width: 1284px) {
  .wfh-branch-flexbox {
    gap: 1rem;
  }
  .wfh-details {
    flex-basis: 48%;
  }
}
@media screen and (max-width: 1261px) {
  .wfh-status-group {
    flex-wrap: wrap;
  }
  .wfh-status-img-toggle {
    order: 2;
  }
  .wfh-status-branch {
    flex-basis: 75%;
    order: 3;
  }
  .wfh-branch-flexbox {
    gap: 2.5rem;
  }
  .wfh-status-details-outer {
    flex-basis: 100%;
  }
  .wfh-status-details-inner {
    border-left: none;
    border-bottom: 1px solid;
    border-color: #D4D4D4;
    padding-bottom: 1rem;
    order: 1;
  }
  .wfh-status-details {
    column-count: 2;
  }
}
@media screen and (max-width: 1051px) {
  .wfh-status-group {
    gap: 1rem;
  }
  .wfh-details {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 0.85rem;
  }
  /*    .wf-main-wrapper {
          padding-top: 151px;
      }*/
  
  .wf-hub {
    padding: 0 1rem;
    height: calc(100vh - 235px);
  }
  .wfh-branch-phone-value {
    display: block;
  }
  .wfh-branch-flexbox {
    gap: 1rem;
  }
  .wfh-branch-address span:last-of-type {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 943px) {
  .wfh-left {
    height: auto;
  }
  .wfh-status-branch {
    flex-basis: 74%;
  }
}
@media screen and (max-width: 910px) {
  .wfh-status-branch {
    flex-basis: 73%;
  }
}
@media screen and (max-width: 880px) {
  .wfh-status-branch {
    flex-basis: 72%;
  }
}
@media screen and (max-width: 851px) {
  .wfh-status-branch {
    flex-basis: 71%;
  }
}
@media screen and (max-width: 825px) {
  .wfh-status-branch {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 802px) {
  .wfh-status-branch {
    flex-basis: 69%;
  }
}
@media screen and (max-width: 778px) {
  .wfh-status-branch {
    flex-basis: 68%;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1rem;
  }
  .wf-hub {
    height: calc(100vh - 266px);
    overflow: auto;
  }
  .wfh-wrapper {
    flex-direction: column;
    width: 100%;
  }
  .wfh-left {
    overflow-y: initial;
    overflow-x: initial;
    padding-right: 0;
  }
  .wfh-right {
    padding-left: 0;
  }
  .wfh-branch-phone-value {
    display: inline;
  }
  .wfh-details {
    grid-column-start: main-1;
    grid-column-end: main-2;
    grid-template-rows: max-content max-content;
    padding-right: 0;
  }
  .wfh-documents {
    grid-area: inherit;
    grid-column-start: main-1;
    grid-column-end: main-2;
    padding-left: 0;
  }
  .wf-msg-center .wfh-header {
    margin-top: 1rem;
  }
  .wfh-mobile-button-wrapper {
    display: flex;
    margin-left: -1rem;
  }
  #open-footer,
  .open-button {
    display: none !important;
  }
}
@media screen and (max-width: 747px) {
  .wfh-status-branch {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 740px) {
  .wfh-branch-flexbox {
    gap: 2rem;
  }
  .wfh-status-branch,
  .wfh-status-msg {
    margin-left: -0.5rem;
  }
  .wfh-status-details-outer {
    grid-column-start: span 2;
  }
  .wfh-status-details {
    columns: 2;
  }
  #wfh-status-detail-amt span.wfh-status-detail-value {
    line-height: 0;
  }
}
@media screen and (max-width: 610px) {
  .wfh-branch-flexbox {
    gap: 1rem;
    justify-content: space-evenly;
  }
  .wfh-branch-flexbox .wfh-branch-info,
  .wfh-branch-flexbox .wfh-branch-hours {
    flex-grow: 1;
  }
  .wfh-status-branch {
    flex-basis: 67%;
    margin-left: 0;
  }
  .wfh-status-group {
    justify-content: space-evenly;
    flex-direction: column;
  }
  .wfh-status-img-toggle {
    margin: auto;
  }
  .wfh-status-details-outer {
    width: 100%;
  }
  .wfh-status-details-outer .wfh-status-details {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .wfh-status-group {
    grid-template-columns: 36% 55%;
    grid-template-rows: 68% 32%;
    gap: 2rem;
  }
  .wfh-status .wfh-header {
    display: block;
  }
  .wfh-status .wfh-header .fas {
    line-height: 1.2;
    margin-right: 1rem;
  }
  .wfh-list li .wfh-item-value {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .wfh-branch-phone-value {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .wfh-status-group {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .wfh-status-branch,
  .wfh-status-msg {
    width: 100%;
    margin-left: 0;
  }
  .wfh-status-branch {
    border-top: 1px solid;
    border-color: #d4d4d4;
    padding-top: 1rem;
  }
  .wfh-status-img {
    max-width: 100px;
    margin: 0 auto 1rem;
  }
  .wfh-status-img-caption {
    max-width: max-content;
    margin: auto;
  }
  .wfh-status-details-outer {
    width: 100%;
  }
  .wfh-status-details {
    font-size: 0.85rem;
    padding-left: 0;
    columns: 2;
  }
  .wfh-status-img-toggle {
    width: 100%;
  }
  a.wfh-branch-address span,
  .wfh-item-value {
    display: inline !important;
  }
  .wfh-branch-phone-value {
    display: inline;
  }
  .wfh-branch-flexbox {
    gap: 1rem;
    flex-direction: column;
    max-width: max-content;
    margin: auto;
  }
}
@media screen and (max-width: 320px) {
  #wfl-hub-main {
    padding-top: 144px;
    padding-bottom: 94px;
  }
  .wf-hub {
    padding: 0 0.5rem;
    height: calc(100vh - 238px);
  }
  .wfh-status {
    max-width: 100%;
  }
  .wfh-header .wfh-status-overview {
    font-size: 1rem;
  }
  .wfh-status-details {
    columns: 1;
  }
}
.container {
  max-width: 1340px;
}
.row {
  padding: 0 2rem;
  flex-wrap: nowrap;
}
.modal-open .modal {
  overflow-y: hidden;
}
.input-group {
  height: 38px;
  border: 1px solid;
  border-color: #D4D4D4;
  border-radius: 3px;
  overflow: hidden;
}
.input-group:hover {
  border-color: #009ADE;
}
.input-group:focus-within {
  border-color: #009ADE;
}
.input-group input[type="text"],
.input-group input[type="number"] {
  height: 38px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-width: 0;
  margin-right: -1px;
}
.input-group input[type="text"]:focus,
.input-group input[type="number"]:focus {
  height: 38px;
}
.input-group .input-group-prepend:focus-within {
  border-color: #009ADE;
}
.input-group .input-group-prepend .input-group-text {
  border-width: 0px 2px 0px 0px;
  border-style: solid;
  border-right-color: #D4D4D4;
  height: 36px;
}
.input-group .input-group-prepend input:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #009ADE;
  background-color: #E6F1F4;
}
.input-group .input-group-append {
  margin-left: 0px !important;
}
.input-group .input-group-append button.input-group-addon,
.input-group .input-group-append span.input-group-addon {
  border-width: 0px 0px 0px 1px;
  border-left-color: #D4D4D4;
  background-color: #f5f5f5;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
  padding: 0.375rem 0.4rem;
  max-width: 29.33px;
  height: 36px;
}
.input-group .input-group-append button.input-group-addon i,
.input-group .input-group-append span.input-group-addon i {
  font-size: 14px;
  font-weight: 400;
  color: #003A70;
}
.input-group .input-group-append button.input-group-addon:focus,
.input-group .input-group-append span.input-group-addon:focus {
  height: 100%;
  box-shadow: none;
  border: 1px solid;
  border-color: #8eb5c7;
}
.input-group .input-group-append button.input-group-addon:hover,
.input-group .input-group-append span.input-group-addon:hover {
  background-color: #ebebeb !important;
  border-color: #ced4da !important;
}
.input-group .form-control {
  font: inherit;
  min-height: 100%;
  border-width: 0px;
}
.input-group .form-control:focus {
  border-width: 0px !important;
}
.form-group .form-control {
  color: #424242;
}
.form-group .form-control:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #009ADE;
  background-color: #E6F1F4;
}
.form-group .form-control:hover {
  border-color: #009ADE;
}
.form-group input[disabled="disabled"]:hover {
  border-color: #D4D4D4;
}
select.form-control option {
  background-color: #FFFFFF;
}
.wf-hide-legend .k-form-fieldset {
  margin: 10px 0 0;
}
.wf-hide-legend .k-form-fieldset legend.k-form-legend {
  display: none;
}
.k-input,
.k-picker,
.k-input-md,
.k-picker-md {
  height: 38px;
}
.k-button {
  border-radius: 0;
  padding: initial;
  font-size: initial;
  /*    .k-svg-icon {
        color: @primarycolor; // redundancy
    }*/

}
.k-input-md .k-input-inner {
  height: 100%;
}
.k-radio {
  border-color: #D4D4D4;
}
.k-radio:checked {
  background-color: #0071ce;
  border-color: #0071ce;
}
.k-radio:checked:focus {
  box-shadow: 0 0 0 2px #8eb5c7;
}
.k-checkbox {
  border-color: #D4D4D4;
  border-radius: 4px;
  overflow: hidden;
}
.k-checkbox:checked {
  background-color: #0071ce;
  border-color: #0071ce;
}
.k-checkbox:checked:focus {
  box-shadow: 0 0 0 2px #8eb5c7;
}
.k-picker-solid:focus {
  box-shadow: 0 0 2px 3px #8eb5c7;
}
.k-list .k-selected {
  background-color: #0071ce;
  color: #FFFFFF;
}
.k-button .k-svg-icon,
.k-icon-button .k-svg-icon,
.k-input .k-svg-icon {
  color: #003A70;
}
.k-input-solid:focus-within {
  box-shadow: none;
  border: 1px solid;
  border-color: #8eb5c7;
}
.k-datepicker .k-input-inner {
  min-height: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.k-calendar .k-calendar-td.k-focus {
  box-shadow: none;
  border: 1px dotted;
  border-color: #0071ce;
}
.k-calendar .k-calendar-td.k-focus .k-link {
  border-color: #E6F1F4;
  background-color: #E6F1F4;
  color: #0071ce;
  box-shadow: none !important;
}
.k-rounded-md {
  border-radius: 2px;
}
.k-radio,
.k-checkbox {
  border-color: #D4D4D4;
}
.k-radio:focus,
.k-checkbox:focus {
  box-shadow: 0 0 0 0.15rem rgba(120, 156, 173, 0.5);
}
.input-group:hover:has(.input-group-prepend) {
  border-color: #009ADE !important;
}
.k-input,
.k-input-solid,
.k-numerictextbox,
.k-picker-solid {
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  background-image: none;
}
.k-input:hover,
.k-input-solid:hover,
.k-numerictextbox:hover,
.k-picker-solid:hover {
  border-color: #009ADE;
  background-color: #E6F1F4;
}
.k-input:focus,
.k-input-solid:focus,
.k-numerictextbox:focus,
.k-picker-solid:focus {
  box-shadow: none;
}
.k-input:focus-within,
.k-input-solid:focus-within,
.k-numerictextbox:focus-within,
.k-picker-solid:focus-within {
  box-shadow: none;
  background-color: #E6F1F4;
  border-color: #009ADE;
}
.k-input input:focus,
.k-input-solid input:focus,
.k-numerictextbox input:focus,
.k-picker-solid input:focus {
  border-color: #009ADE;
  background-color: #E6F1F4;
  box-shadow: none;
}
.k-input input:focus-within,
.k-input-solid input:focus-within,
.k-numerictextbox input:focus-within,
.k-picker-solid input:focus-within {
  box-shadow: none;
}
.k-form-field:has(#FinanceRate-form-label) .input-group:has(.input-group-prepend):hover {
  border-color: #D4D4D4 !important;
}
.k-form-field-wrap .input-group .tax-id-number:focus,
.k-form-field-wrap .input-group .tax-id-number:hover {
  background-color: #E6F1F4;
  box-shadow: none;
}
.k-form-field-wrap .input-group-append {
  border-left: 1px solid;
  border-color: #D4D4D4;
}
.k-numerictextbox .wfl-remove-income {
  border-width: 0 0 0 1px !important;
  border-color: #D4D4D4;
  border-radius: 0;
}
.k-numerictextbox .wfl-remove-income svg {
  fill: #EB0202;
}
@media screen and (max-width: 1340px) {
  #wf-logo-wrap {
    max-width: initial;
    width: 150px;
  }
}
@media screen and (max-width: 1024px) {
  main {
    padding-top: 3rem;
  }
  #desktop-footer .footer-content {
    padding: 1rem 1rem 0;
  }
  .wf-stage-inner {
    padding-top: 2rem;
  }
  #desktop-footer .footer-content {
    grid-template-columns: 30% 40% 30%;
    padding-top: 0.5rem;
  }
  .hero-btn {
    min-height: 160px;
  }
  #wfl-calc-wrapper {
    bottom: -2rem;
    grid-template-rows: 1fr 73px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .wf-pymt-box {
    position: absolute;
    bottom: 0;
    height: 73px;
  }
  .wf-pymt-box .wf-pymt-hdr {
    font-size: 1rem;
  }
  .wf-pymt-box .pymt-lg span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px) {
  .wfm-funding-grid #wf-funding-box .row.product-details-subtotal {
    max-width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .wf-hdr-btn-oadmin {
    display: none;
  }
  .wf-main-wrapper {
    overflow: hidden;
  }
  .wf-hdr-logo {
    padding: 0 1rem;
  }
  .wf-hdr-logo .container {
    padding: 0;
  }
  .wf-hdr-logo .row {
    padding: 0 1rem;
  }
  .wf-hdr-step-name .container .row {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }
  .wf-hdr-btns .row {
    padding: 0 1rem;
  }
  .wf-main-wrapper .row {
    padding: 0 1rem 0 0;
  }
  .wf-progress-menu-inner {
    left: 10px;
    margin-right: 1rem;
  }
  .wf-application-wrapper {
    min-width: calc(100% - 93px);
  }
  /*    .wf-application-stage {
          height: calc(~"100vh - 248px");
      }*/
  
  .wf-stage-inner {
    min-width: 94%;
  }
  .wf-application-wrapper .wf-pn-btn-grp {
    display: none;
  }
  .wf-mobi-btn-grp {
    display: flex !important;
  }
  .hero-btn .prod-btn-inner {
    padding: 1rem 2rem;
  }
  .loan-types-partial .reg-btn {
    height: 150px;
  }
  .wfl-loan-purpose {
    max-width: 80%;
    margin: auto;
  }
  #wfl-applicant-already-member {
    width: 94%;
    margin: auto;
  }
  #wfl-applicant-id {
    width: 94%;
    margin: auto;
  }
  #wfl-applicant-id .wf-scanID-row {
    padding-right: 0;
  }
  #wfl-personal-info {
    width: 94%;
    margin: auto;
  }
  #qr-code-partitioner,
  #qr-code {
    display: none !important;
  }
  .wf-id-wrapper .header-panel {
    display: none;
  }
  .wf-scanID-row {
    grid-template-columns: 1fr;
  }
  .wf-id-image {
    max-width: 75%;
    margin: auto;
  }
  .wf-id-header {
    font-size: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .wf-btn-grp {
    flex-direction: column;
    margin: 1.5rem auto;
    min-width: 200px;
  }
  .wf-btn-grp #wfl-btn-agree-id,
  .wf-btn-grp #wfl-btn-skip-id {
    min-width: 100%;
  }
  .wf-hdr-basic {
    line-height: initial;
  }
}
@media screen and (max-width: 575px) {
  .wfm-funding-grid #wf-funding-box .row.product-details-subtotal {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 500px) {
  #wf-logo-wrap img {
    max-height: 38px;
  }
  .wf-hdr-step-grid {
    padding: 0;
  }
  .wf-hdr-step-grid .wf-step-h1 {
    padding-left: 1.1rem !important;
    font-size: 1.1rem;
  }
  .wf-application-stage {
    padding: 0 1rem;
  }
  .wf-stage-inner {
    min-width: 100%;
    max-width: 100%;
  }
  .k-dialog {
    max-width: 94%;
    margin: auto;
    max-height: 90dvh;
  }
  .modal .modal-content {
    max-width: calc(100% - 1rem);
  }
  #wf-row-accounts {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }
  .wfm-accounts-grid,
  .hero-prod-btn-ctnr {
    grid-template-columns: 1fr;
  }
  .wfm-accounts-grid .hero-btn-ctnr,
  .hero-prod-btn-ctnr .hero-btn-ctnr {
    aspect-ratio: 1.777777778;
  }
  .hero-prod-btn-ctnr {
    grid-template-columns: 100%;
    grid-template-rows: initial;
  }
  .hero-prod-btn-ctnr .hero-btn {
    min-height: 140px;
  }
  .reg-btn-ctnr {
    grid-template-columns: 1fr !important;
  }
  .prod-btn-inner .prod-btn-icon {
    font-size: 2rem;
  }
  .loan-types-partial .reg-btn {
    height: 90px;
  }
  .wfl-loan-purpose {
    max-width: 100%;
  }
  .cards-container {
    padding: 0;
  }
  #wfl-calc-wrapper {
    height: 100%;
    overflow: hidden;
  }
  #wfl-calc-wrapper .k-form-field {
    margin-bottom: initial;
    margin-top: initial;
  }
  #wfl-calc-wrapper .k-colspan-1 .k-form-field-wrap {
    top: 0;
  }
  #wfl-calc-wrapper .input-group {
    width: 100%;
  }
  .wfl-personal-info,
  #wfl-applicant-already-member,
  #wfl-applicant-id,
  #wfl-contact-info,
  #wfl-id-info,
  #wfl-address-info,
  #wfl-employment-info {
    max-width: 100%;
    min-width: 0;
    width: initial;
  }
  .wf-upload-card .k-card-actions-stretched .k-card-action {
    max-width: 50%;
  }
  .wf-upload-card .k-card-actions-stretched .k-card-action .wf-btn-primary,
  .wf-upload-card .k-card-actions-stretched .k-card-action .wf-btn-secondary {
    min-width: 0;
  }
  #image-capture-modal .driving-license-qr-code-scanner-div .row {
    grid-template-columns: 1fr;
  }
  #image-capture-modal .driving-license-qr-code-scanner-div .row .col-lg-1.d-xs-none {
    display: none;
  }
  #image-capture-modal .driving-license-qr-code-scanner-div .row .col-lg-5.col-md-12 {
    display: none;
  }
  #pri-dl-front-thumbnail-row,
  [id$="-dl-front-thumbnail-row"] {
    display: block;
    max-width: 100%;
    max-height: unset;
  }
  #pri-dl-back-thumbnail-row,
  [id$="-dl-back-thumbnail-row"] {
    display: block;
    max-width: 100%;
    max-height: 168px;
  }
  #pri-dl-front-thumbnail-row .col-12 [id$="-dl-front-thumbnail-row"] .col-12 {
    height: unset;
    max-height: unset;
  }
}
@media screen and (max-width: 500px) {
  html {
    font-size: 0.85rem;
  }
  .wf-step-h1 {
    white-space: nowrap;
  }
  .wf-hdr-btns {
    margin-bottom: 0;
  }
  a.open-button,
  input#open-footer,
  .wf-progress-menu-outer {
    margin-left: -232px !important;
  }
  .wf-progress-menu-outer button.wf-pm-mobile-close {
    display: initial !important;
  }
  .wf-progress-menu-inner {
    left: -6px;
    margin-right: 0;
  }
  .collapse-arrow {
    display: none !important;
  }
  .wf-main-wrapper {
    padding-top: 3rem;
  }
  .wf-application-wrapper button.wf-pm-mobile-open {
    display: initial !important;
  }
  .wf-application-wrapper .wf-pm-mobile-step {
    display: flex !important;
  }
  #wfl-review-referral-form .k-form-field {
    width: 100% !important;
  }
  .wf-stage-inner:has(#wfl-calc-wrapper) {
    padding-top: 0;
    padding-bottom: 0;
  }
  #wfl-calc-wrapper {
    bottom: 0;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .k-form-field {
    grid-column-start: 1;
    grid-column-end: span 1;
  }
  fieldset {
    grid-column-start: 1;
    grid-column-end: span 1;
  }
  div.k-form-layout.k-d-grid.k-grid-cols-1,
  div.k-form-layout.k-d-grid.k-grid-cols-2,
  div.k-form-layout.k-d-grid.k-grid-cols-3,
  div.k-form-layout.k-d-grid.k-grid-cols-4,
  div.k-form-layout.k-d-grid.k-grid-cols-5,
  div.k-form-layout.k-d-grid.k-grid-cols-6,
  div.k-form-layout.k-d-grid.k-grid-cols-7,
  div.k-form-layout.k-d-grid.k-grid-cols-8,
  div.k-form-layout.k-d-grid.k-grid-cols-9,
  div.k-form-layout.k-d-grid.k-grid-cols-10,
  div.k-form-layout.k-d-grid.k-grid-cols-11,
  div.k-form-layout.k-d-grid.k-grid-cols-12 {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
  }
}
@media screen and (max-width: 500px) {
  .tru-banner {
    background-image: none !important;
  }
  .tru-banner .text-container {
    margin: 0 !important;
    padding: 1rem !important;
    width: 100% !important;
  }
  .tru-product-details-wrapper .modal-header {
    margin: 0.5rem !important;
  }
  .tru-product-details-wrapper .modal-content {
    background-image: none !important;
  }
  .tru-product-details-wrapper .modal-content {
    padding: 0.5rem !important;
  }
}
@media screen and (max-width: 500px) {
  #wf-signature-dialog:has(.wf-signature-content),
  .k-window.k-dialog:has(#review-confirmation-modal) {
    max-height: 90dvh;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal {
    display: flex;
    flex-direction: column;
    min-height: 70dvh;
    max-height: 88dvh;
    overflow: hidden;
    margin: 0;
    padding: 0.5rem;
    gap: 0.5rem;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content .wf-modal-html,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content .wf-modal-html,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal .wf-modal-html,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal .wf-modal-html,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content .wf-modal-signature,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content .wf-modal-signature,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal .wf-modal-signature,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal .wf-modal-signature {
    flex-shrink: 0;
    min-height: 10dvh;
    max-height: 27dvh;
    overflow: auto;
    scroll-padding-left: 0.5rem;
    margin-bottom: 0;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #signature-popup,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #signature-popup,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #signature-popup,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #signature-popup,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #co-app-signature-popup,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #co-app-signature-popup,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #co-app-signature-popup,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #co-app-signature-popup {
    margin-bottom: 1rem;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #signature-popup .col-12:first-child,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #signature-popup .col-12:first-child,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #signature-popup .col-12:first-child,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #signature-popup .col-12:first-child,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #co-app-signature-popup .col-12:first-child,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #co-app-signature-popup .col-12:first-child,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #co-app-signature-popup .col-12:first-child,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #co-app-signature-popup .col-12:first-child {
    display: grid;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #signature-popup .col-12:first-child label,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #signature-popup .col-12:first-child label,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #signature-popup .col-12:first-child label,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #signature-popup .col-12:first-child label,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #co-app-signature-popup .col-12:first-child label,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #co-app-signature-popup .col-12:first-child label,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #co-app-signature-popup .col-12:first-child label,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #co-app-signature-popup .col-12:first-child label {
    grid-column: span 2;
    margin-bottom: 1rem;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #signature-popup .col-12 .float-right,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #signature-popup .col-12 .float-right,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #signature-popup .col-12 .float-right,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #signature-popup .col-12 .float-right,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #co-app-signature-popup .col-12 .float-right,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #co-app-signature-popup .col-12 .float-right,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #co-app-signature-popup .col-12 .float-right,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #co-app-signature-popup .col-12 .float-right {
    grid-template-columns: 1fr 1fr !important;
    grid-column: 1 / span 2;
  }
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #signature-popup .col-12 .float-right div:last-of-type,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #signature-popup .col-12 .float-right div:last-of-type,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #signature-popup .col-12 .float-right div:last-of-type,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #signature-popup .col-12 .float-right div:last-of-type,
  #wf-signature-dialog:has(.wf-signature-content) .wf-signature-content #co-app-signature-popup .col-12 .float-right div:last-of-type,
  .k-window.k-dialog:has(#review-confirmation-modal) .wf-signature-content #co-app-signature-popup .col-12 .float-right div:last-of-type,
  #wf-signature-dialog:has(.wf-signature-content) #review-confirmation-modal #co-app-signature-popup .col-12 .float-right div:last-of-type,
  .k-window.k-dialog:has(#review-confirmation-modal) #review-confirmation-modal #co-app-signature-popup .col-12 .float-right div:last-of-type {
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .wf-signature-section .wf-signature-canvas canvas {
    font-size: 1.5rem;
  }
}
.wf-progress-menu-outer button.wf-pm-mobile-close {
  display: none;
  position: absolute;
  left: -6px;
  top: -34px;
  border: none;
  background-color: transparent;
}
.wf-progress-menu-outer button.wf-pm-mobile-close:focus {
  outline: none;
}
.wf-progress-menu-outer button.wf-pm-mobile-close .fa-window-close {
  font-size: 2rem;
  color: #EB0202;
}
.wf-application-wrapper button.wf-pm-mobile-open {
  display: none;
  position: absolute;
  left: -6px;
  top: -34px;
  border: none;
  background: transparent;
}
.wf-application-wrapper button.wf-pm-mobile-open:focus {
  outline: none;
}
.wf-application-wrapper button.wf-pm-mobile-open .fa-list-ul {
  font-size: 2rem;
  color: #009ADE;
}
.wf-application-wrapper .wf-pm-mobile-step {
  display: none;
  position: absolute;
  right: 0;
  top: -32px;
}
.wf-application-wrapper .wf-pm-mobile-step .wf-pm-mobile-step-circle {
  position: relative;
  height: 24px;
  width: 24px;
  border-radius: 999px;
  background-color: #003A70;
}
.wf-application-wrapper .wf-pm-mobile-step .wf-pm-mobile-step-circle span {
  font-size: 1rem;
  font-weight: 900;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wf-application-wrapper .wf-pm-mobile-step .wf-pm-mobile-step-label {
  position: relative;
  top: 0.25rem;
  margin-right: 0.5rem;
  font-weight: 500;
  color: #003A70;
}
.mobile-footer {
  position: absolute;
  bottom: -325px;
  opacity: 0;
  width: 100%;
  /* This background color setting is only used in this demo */
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
}
input#open-footer:checked ~ .mobile-footer {
  bottom: 0;
  opacity: 1;
}
#open-footer {
  width: 118px;
  display: block;
  margin: 0;
  height: 24px;
}
a.open-button {
  display: flex;
}
a.open-button .fas:before,
a.open-button .far:before,
a.open-button .fa-solid:before,
a.open-button .fa-regular:before {
  font-size: 1.3rem;
  margin-right: 0.5rem;
  height: 20px;
  position: relative;
  top: 1px;
  color: #003A70;
}
a.open-button span {
  color: #003A70;
  height: 20px;
}
a.open-button,
#open-footer {
  position: fixed;
  bottom: 7.2rem;
  cursor: pointer;
  font-size: 1rem;
  color: #003A70;
  margin-left: 1.3rem;
  padding: 1rem 1rem 1rem 0.26rem;
}
#open-footer {
  height: 40px;
  bottom: 7.7rem !important;
}
#close-footer {
  width: 212px !important;
  margin: 0;
  height: 45px;
}
a.close-button,
#close-footer {
  display: block;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0.3rem 6rem;
}
a.close-button {
  max-width: 250px;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
a.close-button .fas,
a.close-button .far,
a.close-button .fa-solid,
a.close-button .fa-regular {
  color: #0071ce;
  font-size: 2rem;
}
a.close-button .fas:before,
a.close-button .far:before,
a.close-button .fa-solid:before,
a.close-button .fa-regular:before {
  display: block;
  margin: auto;
}
input#open-footer,
input#close-footer {
  opacity: 0;
  z-index: 1001;
}
.mobile-footer .footer-content {
  position: relative;
  padding: 4.5rem 1rem 1rem;
  overflow: hidden;
}
.mobile-footer .footer-content .footer-column {
  margin-bottom: 1.5rem;
}
.mobile-footer .footer-content .footer-column:last-child {
  margin-bottom: 0.5rem;
}
.mobile-footer .footer-content #column-1 {
  text-align: center;
}
.mobile-footer .footer-content #column-1 .wf-fine-print {
  font-size: 1rem;
}
.mobile-footer .footer-content #column-3 {
  text-align: center;
}
.mobile-footer .footer-content #column-3 p.copyright-version {
  white-space: initial;
}
.footer-content p.copyright-version {
  font-size: 0.75rem;
  color: #aaa;
  margin-top: 0;
  margin-bottom: 0.4rem;
}
.wf-mobi-btn-grp {
  display: none;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 9998;
}
.wf-mobi-btn-grp .wf-pn-btn {
  border-top: 1px solid;
  border-color: #D4D4D4;
  border-bottom: 0;
  width: 50%;
  max-width: initial;
  padding: 1rem;
}
/*#region Applicant Identification Upload */
/*#region applicant scan id upload */
/* ID button styles */
/*.wf-id-wrapper {
    width: 100%;
}

.wf-id-front {
    width: 100%;
}

.wf-id-header {
    display: block;
    margin: 0 auto .3rem;
    text-align: center;
    color: @black;
}

.wf-id-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1.59 / 1;
    max-width: 345px;
    min-width: 225px;
    margin: auto;
    border: 1px dashed;
    border-color: @accentcolor;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    background-color: @white;

    button {
        width: 100%;
        height: 100%;
        border: 0;
        outline: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: @faintgray;
    }

    .fas:not(.fa-times-circle) {
        position: absolute;
        z-index: 1;
        font-size: 4rem;
        color: @accentcolor;
        background-color: @white;
        border-radius: .4rem;
        filter: drop-shadow(0px 3px 0px @white);
        height: 3.7rem;
        line-height: 0;
        padding-top: 1.95rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        pointer-events: none;
    }

    #scandit-barcode-picker {
        height: 100%;

        .wf-btn-close-camera {
            height: max-content;
            width: max-content;
            position: absolute;
            top: 0.5rem;
            right: 0.2rem;
            z-index: 999;
            background-color: transparent;
            border: none;

            &:focus-visible,
            &:focus {
                outline: none;
                border: none;

                .fa-times-circle {
                    background-color: @accentcolor;
                }
            }

            .fa-times-circle {
                color: @white;
                background-color: @primarycolor;
                border-radius: 999px;
                border: 3px solid @clear;
                font-size: 2rem;
            }
        }
    }
}

.wf-id-message {
    position: absolute;
    z-index: 1;
    display: block;
    font-size: .85rem;
    top: 33px;
    left: 0;
    width: 100%;
    text-align: center;
    color: @accentcolor;
    pointer-events: none;
}*/
/* hover styles */
/*.wf-id-image,
.wf-id-image .fas,
.wf-id-image .wf-id-message,
.wf-id-image button {
    transition: ease-in-out .15s;
}

.wf-id-image:hover {
    border-color: @altcolor;
    background-color: @primarycolor;

    .fas,
    .far,
    .fa-solid,
    .fa-regular {
        color: @altcolor;
    }

    .wf-id-message {
        color: @white;
    }

    button {
        opacity: .5;
    }

    #scandit-barcode-result {
        color: @white;
    }
}*/
/*#endregion */
/*#region successful upload */
/*.wf-successful-upload-container {
    display: flex;
    justify-content: center;
}

.wf-successful-upload {
    max-width: calc(100% - 80px) !important;

    h2 {
        font-size: 1.5rem;
        font-weight: bolder !important;
        border-bottom: none !important;
    }
}

.wf-icon-primary-color-large {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    margin-bottom: 2rem;

    i {
        font-size: 4rem;
        color: @primarycolor;
    }
}

.wf-sub-hdr-no-border {
    color: @primarycolor;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 420px) {
    .wf-successful-upload-container {
        justify-content: left;
        margin-left: 1rem;
    }

    .wf-successful-upload {
        max-width: 100% !important;
    }
}*/
/*#endregion */
/*#region notification banner (LayoutWorkflowV2) */
.wfl-notify {
  display: flex;
  width: 90%;
  margin: auto;
  padding: 0.5rem 0;
}
.wfl-notify h3 {
  font-size: 1rem;
  margin: 0;
}
.wfl-notify p {
  font-size: 0.85rem;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.wfl-notify-icon {
  display: flex;
  align-items: center;
}
.wfl-notify-icon i.fas {
  font-size: 1.5rem;
  margin-right: 1rem;
  color: #FFFFFF;
}
.wfl-notify-error h3 {
  color: #ffe2df;
}
.wfl-notify-success h3 {
  color: #d7f5d2;
}
.wfl-notify-warning h3 {
  color: #ffefcb;
}
/*#endregion */

/*#endregion */

/*#region Referral Source */

#wfl-review-referral-form .k-form-field {
  width: 40%;
}
#wfl-review-referral-form .k-form-legend {
  width: 100% !important;
}
@media screen and (max-width: 400px) {
  #wfl-review-referral-form .k-form-field {
    width: 100%;
  }
}
/*#endregion Referral Source */

/*#region Signature Dialog */

/*button.wf-btn-toggle {*/

/*background-color: @wf_btn_secondary;
    border: solid;
    border-color: @clear;
    border-radius: 4px;
    border-width: .1rem;
    color: @wf_btn_secondary_text;*/

/*svg {
        position: relative;*/

/*        font-size: 1.15rem;
        height: 1.15rem;*/

/*margin-right: 0rem !important;
        top: -0.125rem;*/

/*        .st0 {
            fill: @accentcolor;
        }

        path {
            fill: @wf_btn_secondary_text;
        }
    }*/

/*&:hover {*/

/*background-color: @wf_btn_secondary_hover_bg;*/

/*color: @wf_btn_secondary_hover_text;*/

/*border-color: @wf_btn_secondary_hover_bg;*/

/*.hoverfade();*/

/*svg {
            path {
                fill: @wf_btn_secondary_hover_text;
            }
        }
    }*/

/*    &.wf-btn-toggle-selected {
        border-color: @wf_btn_secondary_hover_border;
    }*/

/*}*/

/*.wf-signature-toolbar {
    width: 100% !important;

    hr {
        margin-bottom: .25rem;
    }

    .wf-signature-applicant-header {
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;

        span {
            font-size: 1rem;
            font-weight: 600;
            color: @wf_btn_secondary_text;
            display: inline-flex;
            align-items: center;
        }
    }

    .wf-signature-toggle-buttons {
        float: right;

        .wf-signature-toggle-button {
            display: inline-block;
        }
    }
}*/

/*.wf-signature-section {
    display: inline-flex;
    position: relative;
    width: 100%;

    .wf-signature-erase {
        position: absolute;
        z-index: 1;

        &:focus {
            border: 1px solid;
            border-color: @altcolor;
            box-shadow: none;
        }
    }

    .wf-signature-canvas {
        width: 100%;
        height: 100%;
        background-color: @faintgray;
        border-radius: 5px;
        aspect-ratio: 4;
        z-index: 0;

        canvas {
            color: @black;
            font-family: 'Homemade Apple' !important;
            width: 100%;
            height: 100%;
            font-size: 2.5rem;
            text-align: center;
        }
    }

    .wf-signature-autofill-img {
        display: none;
        width: 100%;
        background-color: @faintgray;
        aspect-ratio: 4;
        border-radius: 5px;
    }
}*/

.wf-signature-form div.k-form-field-error {
  margin-top: 0.5rem;
}
.wf-signature-form div.k-form-buttons {
  margin: 0px !important;
}
/*.wf-confirmation {
    margin-top: 1rem;
    background-color: @cardbg;
    border: 1px solid;
    border-color: @faintgray;
    max-width: max-content;

    .wf-confirmation-checkbox {
        margin: .75rem;
        box-shadow: 0 0 0 .75rem @cardbtn;
        border-radius: 0;

        &:checked {
            box-shadow: 0 0 0 .75rem @cardbtn;
        }
    }

    .k-checkbox-label {
        padding-inline: .75rem;
    }
}*/

/*@media screen and (max-width: 400px) {
    .wf-signature-section .wf-signature-canvas {
        canvas {
            font-size: 1.5rem;
        }
    }
}*/

/*#endregion */

/*#region Tax Id */

@media screen and (min-width: 480px) {
  span.wfl-tax-id,
  label#TaxIdNumber-form-label,
  span#TaxIdNumber_validationMessage {
    max-width: 229px !important;
  }
}
/*#endregion Tax Id*/

/*#region Scanner Selection */

#wf-scanner-selection {
  text-align: left !important;
}
#wf-scanner-selection label:not(.disabled) {
  color: #202020 !important;
}
#wf-scanner-selection .k-tilelayout {
  background-color: transparent;
}
#wf-scanner-selection .wf-scanner-template-div {
  padding: 1rem;
}
#wf-scanner-selection .wf-scanner-template-element:not(:first-child) {
  margin-top: 1rem;
}
#wf-scanner-selection .wf-scanner-enable-div {
  display: flex;
  align-items: center;
}
#wf-scanner-selection .k-dropdownlist {
  width: 100%;
  max-width: 375px;
}
@media screen and (max-width: 480px) {
  #wf-scanner-selection .k-dropdownlist {
    width: 100%;
  }
}
/*#endregion Scanner Selection */

/* Chat in Loan Hub */

.k-chat {
  margin: auto;
  max-width: 500px;
  height: 500px;
  max-height: 500px;
}
/*#region Applicant - Italicize label for optional fields */

label.wf-optional-label {
  font-style: italic;
}
label.wf-optional-label span {
  display: none;
}
/*#endregion */

/*Loans-Member Login */

/*.input-group .input-group-append button.wfm_eye_button {
    color: #214C67;
    background-color: #F1F1F1 !important;
    border-color: #ced4da !important;
    border: 1px solid;
}

.input-group .input-group-append button.wfm_eye_button:hover {
    color: #FFFFFF;
    background-color: #F03B12 !important;
    border-color: #ced4da !important;
}

input.account-number.k-invalid {
    border-color: red;
}

input.tax-id-number.k-invalid {
    border-color: red;
}*/

/*.wf-btn-member {
    background-color: #F03B12;
    color: #FFFFFF !important;
    min-width: 258px;
}

.wf-btn-member:hover {
    background-color: rgba(240, 59, 18, 0.7);
}*/

.wf-box-member {
  border: 1px solid;
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  padding: 1rem;
  margin-left: 50px;
  margin-right: 25px;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
/* workflow step: agreements ------------------------------------------------------------*/

/* global ------------------------------------------------------------*/

/*-------------------- SVG government ID card styles */

/*#wf-row-agreements {
    margin-bottom: 2rem;
    margin-left: 1rem;
}*/

/*@media screen and (min-width: 520px) {
    #wf-row-identcards {
        height: 200px;
    }
}*/

#agreements-form-div {
  margin-bottom: 3rem;
}
.card-primary-fill {
  fill: #003A70;
}
.card-secondary-fill {
  fill: #FFFFFF;
}
svg#Layer_1 {
  max-width: 7rem;
}
.wf-tile {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.wf-tile img {
  display: block;
}
.wf-tile .card-name {
  font-weight: 600;
  color: #003A70;
}
.wf-tile p {
  font-size: small;
  line-height: 2;
}
/*-------------------- current member box */

.wf-box-member {
  border: 1px solid;
  border-color: transparent;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  background-color: #F1F1F1;
  padding: 1rem;
  border: 1px solid #D4D4D4;
  margin-bottom: 1rem;
}
.wf-box-member .input-group .input-group-append button.wfm_eye_button {
  color: #003A70;
  background-color: #F1F1F1 !important;
  border-color: #ced4da !important;
  border: 1px solid;
}
.wf-box-member .input-group .input-group-append button.wfm_eye_button:hover {
  color: #FFFFFF;
  background-color: #0071ce !important;
  border-color: #ced4da !important;
}
/*    #already-member-btn {
        color: @wfm_memberbox_button_text;
        background: @wfm_memberbox_button_bg;
        border-color: @wfm_memberbox_button_bg;
    }

    #already-member-btn:hover {
        color: @wfm_memberbox_button_hover_text;
        background: @wfm_memberbox_button_hover_bg;
        border-color: @wfm_memberbox_button_hover_bg;
        .hoverfade();
    }*/

/* workflow step: accounts ------------------------------------------------------------*/

#products-list-content-div {
  flex-wrap: wrap;
}
#products-page-button-menu-div-1 {
  min-inline-size: max-content;
}
@media screen and (max-width: 1350px) {
  #products-list-content-div {
    flex-flow: column;
  }
}
@media screen and (max-width: 770px) {
  #wf-row-accounts {
    margin-left: 1rem;
  }
  .wf-save-offer-wrapper {
    margin-left: 1rem;
  }
}
.fas.accounttype-icon {
  color: #003A70;
  font-size: 5em;
  transition: ease-in 0.15s;
}
.fas.accounttype-icon:before {
  display: inline-block;
}
.wf-acct-item {
  padding: 2rem 0;
  background: #F1F1F1;
  margin-bottom: 4%;
  -webkit-border-top-left-radius: 0.3rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.3rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border: 1px solid #D4D4D4;
  cursor: pointer;
  transition: ease-in 0.15s;
}
.wf-acct-item:hover {
  background: #F1F1F1;
  border-color: #D4D4D4;
  transition: ease-in 0.15s;
}
.wf-acct-item:hover .fas.accounttype-icon {
  color: #0071ce;
  transition: ease-in 0.15s;
}
.wf-acct-item .wf-acct-icon {
  text-align: center;
  margin: 0 0 0.5rem 0;
}
.wf-acct-item .wf-acct-icon .image-identification {
  background-size: cover;
  background-position: center;
  width: 5rem;
  height: 5rem;
  margin: auto;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  transition: ease-in 0.15s;
}
.wf-acct-item .wf-acct-desc {
  text-align: center;
  color: #202020;
}
.row-account-tooltip {
  position: absolute;
  top: 6px;
  right: 24px;
}
.row-account-tooltip .fa-info-circle {
  color: #214C67 !important;
}
.row-account-tooltip .fa-info-circle:hover {
  color: #F03B12 !important;
}
/* workflow step: products ------------------------------------------------------------*/

#wf-row-applicants {
  flex-wrap: wrap;
}
#wf-row-products #products-page-buttons-div .wf-btn-primary {
  margin-bottom: 1.5rem;
}
#wf-row-products .product-card {
  display: flex;
  flex-direction: column;
  flex-basis: 31%;
  justify-content: center;
  position: relative;
  background-color: transparent;
  border-radius: 3px;
  padding: 0;
  margin: 0 1.5rem 1.5rem 0;
  margin-bottom: 2rem;
  min-height: 460px;
  border: 0px solid #D4D4D4;
}
.add-product-btn {
  transition: ease-in 0.15s;
}
.add-product-btn:hover {
  opacity: 0.5;
}
#products-page-div .product-card table.share-card {
  width: 100%;
  font-size: 0.85rem;
  color: #202020;
}
#products-page-div .product-card table.share-card td.dividend-rate,
#products-page-div .product-card table.share-card td.apy,
#products-page-div .product-card table.share-card td.yearly-gain,
#products-page-div .product-card table.share-card td.min-deposit {
  text-align: right;
}
#products-page-div .product-card .custom-control-label {
  font-size: 0.85rem;
  line-height: 1.5rem;
}
#products-page-div .product-card .product-card-button .wf-btn-primary {
  margin-bottom: 0rem;
}
.product-card-button-alignment {
  align-items: center;
  display: flex;
  justify-content: center;
}
.product-card-template {
  font-family: 'Open Sans', sans-serif;
  display: flex;
  flex-direction: column;
  flex-basis: 31%;
  position: relative;
  margin: 0 1.5rem 2rem 0;
  min-height: 460px;
  padding: 0;
}
.product-card-header {
  padding: 0.7rem 1rem 0.2rem;
  border: 1px solid;
  width: 100%;
  -webkit-border-top-left-radius: 0.25rem;
  -webkit-border-top-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-left-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.product-card-header span {
  font-size: 1.1rem;
}
.product-card-header .wfm_product_info_header {
  color: #214C67;
}
.product-card-header .wfm_product_info_header:hover {
  color: #F03B12;
}
.product-card-content {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 1rem;
  background: #F1F1F1;
  border: 1px solid #D4D4D4;
  height: 100%;
  width: 100%;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.product-card-content .form-group .custom-control ul li {
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.product-card-content .product-card-button {
  position: absolute;
  bottom: 0;
  display: block;
  margin: 16px auto;
  width: 90%;
}
.product-card-content .product-card-button button {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.product-card-content .wfm_product_info_content {
  color: #214C67;
}
.product-card-content .wfm_product_info_content:hover {
  color: #F03B12;
}
table.share-card {
  width: 100%;
  font-size: 0.85rem;
  color: #202020;
}
td.apy,
td.yearly-gain,
td.min-deposit,
td.dividend-rate {
  text-align: right;
}
.custom-control-label {
  font-size: 0.85rem;
  line-height: 1.5rem;
}
#wft_card_header_1 {
  background: #599ECC;
  border-color: #599ECC;
  color: #FFFFFF;
}
#wft_card_header_2 {
  background: #599ECC;
  border-color: #599ECC;
  color: #FFFFFF;
}
#wft_card_header_3 {
  background: #E3B564;
  border-color: #E3B564;
  color: #FFFFFF;
}
#wft_card_header_4 {
  background: #BF8AD5;
  border-color: #BF8AD5;
  color: #FFFFFF;
}
#wft_card_header_5 {
  background: #D57368;
  border-color: #D57368;
  color: #FFFFFF;
}
#wft_card_header_6 {
  background: #E9A663;
  border-color: #E9A663;
  color: #FFFFFF;
}
#wft_card_header_7 {
  background: #707070;
  border-color: #707070;
  color: #FFFFFF;
}
#wft_card_header_8 {
  background: #AEAEAE;
  border-color: #AEAEAE;
  color: #FFFFFF;
}
/*-------------------- savings modal */

.modal-body .row .table-holder p {
  color: #003A70 !important;
}
p.apy-header {
  color: #003A70;
  background-color: #F1F1F1;
  font-weight: 600;
  padding: 1rem;
}
table#Savings {
  display: block;
  width: 100%;
  padding: 0%;
}
table#Savings thead {
  display: block;
  width: 100%;
}
table#Savings thead tr {
  display: block;
  width: 100%;
}
table#Savings thead tr th {
  display: inline-block;
}
table#Savings thead tr th:first-child {
  width: 65%;
}
table#Savings thead tr th:last-child {
  width: 35%;
}
table#Savings tbody {
  display: block;
}
table#Savings tbody tr {
  display: block;
  width: 100%;
}
table#Savings tbody tr td {
  display: inline-block;
}
table#Savings tbody tr td:first-child {
  width: 65%;
}
table#Savings tbody tr td:last-child {
  width: 35%;
}
/*-------------------- share comparison modal */

.rate-table-modal .modal-body {
  overflow-x: scroll;
  width: 100%;
  max-width: 950px;
}
.rate-table-modal .modal-body .share-comparison-table {
  width: max-content;
}
.rate-table-modal .modal-body .share-comparison-table th,
.rate-table-modal .modal-body .share-comparison-table td {
  max-width: 300px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
}
.modal-dialog .modal-header {
  background-color: #009ADE;
  color: #FFFFFF;
}
.modal-dialog table {
  font-size: 0.85rem;
  border-color: transparent;
  margin-bottom: 0px;
}
.modal-dialog table thead th {
  border-bottom: none;
  background: transparent;
  vertical-align: top;
}
.modal-dialog table thead th small {
  font-size: 1rem !important;
}
.modal-dialog table tr > th > small {
  color: #003A70;
}
.modal-dialog table tbody tr td {
  width: 2%;
  vertical-align: top;
}
.modal-dialog table tbody tr td .fas {
  display: block;
  margin: auto;
  color: #2AA83D;
}
.modal-dialog table tbody tr td .fa-minus {
  color: #999;
}
.modal-dialog table tbody tr td .btn-link {
  padding-left: 0;
}
.modal-dialog table tbody tr td p > small {
  font-size: 1rem;
  color: #009ADE;
}
/* workflow step: applicants ------------------------------------------------------------*/

.upload-bg-light {
  background-color: #F1F1F1;
}
.applicant .image-capture-section,
.applicant .co-image-capture-section {
  margin-bottom: 2rem;
}
.applicant .image-capture-section .card .row,
.applicant .co-image-capture-section .card .row {
  padding: 1rem;
}
.applicant .image-capture-section .card .row a.wf-upload-text,
.applicant .co-image-capture-section .card .row a.wf-upload-text {
  color: #202020;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  display: flex;
}
.applicant .image-capture-section .card .row a.wf-upload-text span,
.applicant .co-image-capture-section .card .row a.wf-upload-text span {
  display: block;
}
.applicant .image-capture-section .card .row a.wf-upload-text span.fa.fa-upload:before,
.applicant .co-image-capture-section .card .row a.wf-upload-text span.fa.fa-upload:before {
  color: #0071ce;
  padding-right: 1rem;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.5rem;
}
.applicant fieldset#primary-applicant #diff-address-checkbox {
  padding: 0;
  display: inline-block;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.applicant .wfm_form_info_circle_header {
  color: #003A70 !important;
}
.applicant .wfm_form_info_circle_header:hover {
  color: #0071ce !important;
}
.applicant fieldset#employment-fieldset {
  margin-bottom: 2rem;
}
.applicant fieldset.wf-form-fieldset label {
  margin-top: 1rem;
}
.applicant fieldset.wf-form-fieldset input {
  margin-bottom: 0;
}
.applicant .co-applicant-section .remove-coapplicant-button {
  float: right;
  font-size: 1rem;
  padding-top: 1rem;
}
.applicant .co-applicant-section #copy-primary-address-button {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  padding: 0.75rem 1rem !important;
  min-width: max-content;
}
.applicant .co-applicant-section #copy-primary-address-button .fa {
  padding-right: 0.25rem;
}
.applicant .co-applicant-section fieldset#co-applicant-fieldset {
  margin-bottom: 2rem;
}
.applicant .co-applicant-section fieldset#co-applicant-employment-fieldset {
  margin-bottom: 2rem;
}
.applicant .co-applicant-section fieldset#co-applicant-id-fieldset {
  margin-bottom: 2rem;
}
.applicant .co-applicant-section fieldset#co-applicant-id-fieldset a.fa.fa-info-circle:before {
  color: #003A70;
}
.applicant #wf-co-applicant-address-header {
  margin: 0 0 1rem 0;
}
.applicant .beneficiary-section .remove-beneficiary-button {
  float: right;
  font-size: 1rem;
  padding-top: 1rem;
}
.applicant .beneficiary-section #copy-primary-address-button {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
}
.applicant .beneficiary-section #copy-primary-address-button .fas {
  padding-right: 0.5rem;
}
.applicant .beneficiary-section .beneficiary-fieldset {
  margin-bottom: 2rem;
}
.applicant .beneficiary-section a.fa.fa-info-circle:before {
  color: #003A70;
}
.applicant #pri-span-work-phone {
  font-size: 0.75rem;
}
.applicant .optional-regular {
  font-size: 0.75rem;
}
.identification-info-circle {
  font-size: smaller;
}
.remove-coapplicant-button {
  color: #EB0202;
  cursor: pointer;
  font-size: 80%;
  font-weight: normal;
}
.remove-beneficiary-button {
  color: #EB0202;
  cursor: pointer;
  font-size: 80%;
  font-weight: normal;
}
.error-modal-header {
  background-color: #EB0202;
}
#wf-co-applicant-address-header {
  margin-bottom: 0;
}
#co-applicant-btn-div,
#beneficiary-btn-div {
  margin-bottom: 1.5rem;
  margin-right: 1rem;
}
#co-applicant-btn-div i.fa.fa-plus,
#beneficiary-btn-div i.fa.fa-plus {
  margin-right: 0.5rem;
  display: inline-block;
}
/*button#save-button {
    margin-left: 1rem;
    background: @wfm_save_button_bg;
    color: @wfm_save_button_text;
    border-color: @wfm_save_button_border;

    &:hover {
        background: @wfm_save_button_hover_bg;
        border-color: @wfm_save_button_hover_border;
        color: @wfm_save_button_hover_text;
    }
}*/

.upload-success {
  display: none;
  text-align: right;
  color: #2AA83D;
}
/*-------------------- address validation modal */

#address-validation-modal-content {
  border-radius: 0px;
}
.non-matching-suggested-address-part {
  color: #009ADE !important;
  font-weight: 600;
}
.address-selection-radio-group {
  padding: 0.85rem 0;
}
.address-selection-radio-group-selected {
  background-color: #E6F1F4;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
#address-validation-modal-header h5 {
  margin-bottom: 0;
}
#address-validation-modal-header h5 .fa-info-circle {
  cursor: default;
  margin-right: 0.85rem;
}
/*#address-validation-modal-body {
    padding: 0 0 1rem 0;

    .custom-control-label {
    }
}*/

#address-validation-modal-footer {
  padding: 0;
}
#address-validation-modal-footer .btn-primary {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0.85rem;
  background-color: #E6F1F4;
  color: #003A70;
  border: none;
  transition: ease-in-out 0.15s;
}
#address-validation-modal-footer .btn-primary:hover {
  color: #0071ce;
  opacity: 0.75;
  box-shadow: none;
}
.wf-addr-val-hdr span {
  font-weight: 600;
}
/* workflow step: review ------------------------------------------------------------*/

/*-------------------- boxes */

.wf-box-border {
  border-color: #D4D4D4;
  background: #FFFFFF;
  margin-bottom: 1.5rem;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wf-review-panel {
  background-color: #F1F1F1;
  padding: 20px;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border: 1px solid #D4D4D4;
}
#signature-popup {
  flex-flow: column;
}
#co-app-signature-popup {
  flex-flow: column;
}
.text-bottom-border {
  width: 100%;
  border-bottom: 1px solid #D4D4D4;
}
.div-box-border {
  border: 1px solid #D4D4D4;
  padding: 20px;
}
/*.tax-information-box {
    background-color: @wfm_tax_info_box_bg;
    padding: 20px;
    border: 1px solid @wfm_tax_info_box_border;
}

.tax-information-checkbox {
    margin-bottom: .5rem;
    color: @darkgray;
    font-size: .85rem;
    line-height: 1.4rem;

    .col-12 {
        input {
            display: inline-block;
            position: relative;
            top: 1px;
        }

        .wfm_rev_info_circle {
            color: @wfm_rev_info_circle_header !important;

            &:hover {
                color: @wfm_rev_info_circle_header_hover !important;
            }
        }
    }
}

.tax-checkbox-wrapper {
    margin-bottom: 1rem;
}

.tax-info-wrapper {
    margin-top: 1.5rem;
    font-size: .85rem;
}*/

.previous-next-buttons-wrapper {
  padding: 0;
}
.wf-funding-details .wf-funding-details-input {
  margin-bottom: 1rem;
}
.wf-funding-details #total-label {
  font-size: 1.3rem;
  color: #009ADE;
}
.wf-funding-details #total-label b#sum {
  font-size: 1.7rem;
  color: #2AA83D;
}
.wf-funding-details .wf-overdraft-protection .products-pill-div {
  margin-left: 15px;
  margin-top: 5px;
  cursor: move;
  opacity: 1;
}
.wf-funding-details .wf-overdraft-protection .products-pill-div .products-pill {
  padding: 10px 15px 10px 15px;
  cursor: move;
}
.wf-funding-details .wf-overdraft-protection .products-pill-div .products-pill input {
  margin-right: 2px;
  vertical-align: middle;
}
.review-modal-confirmation-checkbox {
  margin-top: 5px;
  margin-right: 5px;
}
.signature-reset {
  margin-right: 0.625rem;
  cursor: pointer;
  font-size: 1.25rem;
}
.signature-autofill {
  margin-right: 0.625rem;
  cursor: pointer;
  font-size: 1.25rem;
}
.signature-pad {
  width: 100%;
  background-color: #D4D4D4;
  border-radius: 5px;
  font-family: 'Homemade Apple';
  aspect-ratio: 4;
}
.signature-autofill-img {
  display: none;
  max-height: 220px;
  width: 100%;
  background-color: #D4D4D4;
  border-radius: 5px;
}
.applicant-form-wrapper {
  padding: 0 1rem;
  justify-content: space-between;
}
.applicant-boxes-column {
  flex-basis: 60%;
  flex-grow: 1;
  max-width: 57.333333%;
}
.membership-product-details {
  flex-basis: 40%;
  flex-grow: 1;
}
.wf-review-heading {
  color: #003A70;
  font-size: 1.2rem;
  border-bottom: 1px solid #D4D4D4;
}
.membership-details-heading {
  color: #003A70;
  font-size: 1.2rem;
  border-bottom: 1px solid #D4D4D4;
}
.membership-product-details-wrapper {
  font-size: 1rem;
  color: #444;
  margin-bottom: 1rem;
  /*    h5.product-details-heading {
        font-size: 1rem;
        font-weight: 600;
        color: @wfm_details_header;
    }*/

  /*    .product-details-item {
        margin-bottom: .5rem;

        .col-12 {
            font-size: .85rem;

            span {
                font-weight: 500;
                color: @wfm_details_product_item;
            }

            small {
                font-size: .75rem;
                color: @wfm_details_small;
            }
        }
    }*/

}
h2.wf-review-h2 {
  display: block;
  width: 100%;
  color: #003A70;
  border-bottom: 1px solid #D4D4D4;
}
.review-box-wrapper {
  margin-bottom: 2rem;
}
.review-box-wrapper .row .col-12 b {
  display: inline-block;
  margin-bottom: 0.75rem;
}
.review-box-border {
  border-color: #D4D4D4;
  background: #FFFFFF;
  margin-bottom: 1.5rem;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.tax-heading {
  font-size: 1.2rem;
  color: #003A70;
  display: block;
  width: 100%;
  border-bottom: 1px solid #D4D4D4;
}
#us-person-info-modal .modal-dialog,
#review-confirmation-modal .modal-dialog {
  margin: 1.75rem auto;
}
#us-person-info-modal .modal-dialog .modal-header,
#review-confirmation-modal .modal-dialog .modal-header {
  background: #009ADE;
}
#review-confirmation-modal .modal-dialog {
  margin-top: 7%;
}
#wf-products-helptext {
  display: block;
  font-size: 0.75rem;
  margin-top: 1rem;
  color: gray;
}
/*#wfm-tax-button {
    color: @wfm_tax_button_text;
    background: @wfm_tax_button_bg;
}

#wfm-tax-button:hover {
    color: @wfm_tax_button_text_hover;
    background: @wfm_tax_button_bg_hover;
}*/

#wfm-details-box {
  background-color: #F1F1F1;
  padding: 20px;
  border: 1px solid #D4D4D4;
}
/* workflow step: funding ------------------------------------------------------------*/

@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/lib/homemade-apple-font/HomemadeApple-Regular.ttf?v=4GhKGWjujGOC2XZi_qxBitV4Px4') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Conv_micrenc';
  src: url('/lib/fonts/micrenc.ttf?v=NgPx6kAjBOBKsc2Fqnvg0rFViz4') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#wf-funding-row {
  align-items: flex-start;
}
h2.wf-funding-h2 {
  color: #003A70;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 1rem;
}
h3.wf-funding-h3 {
  color: #003A70;
  margin-bottom: -1rem;
}
#transfer-section,
#account-information,
#account-num {
  margin-bottom: 1rem;
}
.check-container {
  margin-bottom: 1rem;
}
.check-container #check-institution #check-graphic img {
  max-width: 100%;
}
.check-container #check-institution #check-graphic .card-holder-name {
  color: #202020;
  display: block;
  float: left;
  margin: -233px 0 0 23px;
  position: absolute;
  font-size: 0.85rem;
}
.check-container #check-institution #check-graphic .from-bank-name {
  color: #202020;
  display: block;
  float: left;
  font-size: 0.75rem;
  margin: -60px 0 0 25px;
  position: absolute;
}
.check-container #check-institution #check-graphic .to-bank-name {
  color: #202020;
  display: block;
  float: left;
  font-family: "Homemade Apple", cursive;
  font-size: 0.85rem;
  margin: -167px 0 0 90px;
  position: absolute;
}
.check-container #check-institution #check-graphic .check-date {
  display: block;
  font-family: "Homemade Apple", cursive;
  font-size: 0.85rem;
  color: #202020;
  float: right;
  margin: -203px 0 0 375px;
  position: absolute;
}
.check-container #check-institution #check-graphic .check-amount {
  color: #202020;
  display: block;
  float: left;
  font-family: "Homemade Apple", cursive;
  font-size: 12px;
  margin: -188px 0 0 454px;
  position: absolute;
}
.check-container #check-institution #check-graphic .card-total-amount {
  color: #202020;
  display: block;
  float: left;
  font-family: "Homemade Apple", cursive;
  font-size: 12px;
  margin: -136px 0 0 32px;
  position: absolute;
}
.check-container #check-institution #check-graphic .cardSIGN {
  color: #202020;
  float: right;
  font-family: "Homemade Apple", cursive;
  font-size: 18px;
  position: absolute;
  z-index: 99;
  left: 344px;
}
.check-container #check-institution #check-graphic .check-routing-img {
  background-color: transparent;
  background-image: url(/images/FundingImg/check-symbol.png?v=VX6lxgQtC78spnE9F7qdi4j6sic);
  background-position: right;
  background-repeat: no-repeat;
  border: medium none;
  box-shadow: none;
  padding-right: 15px;
}
.check-container #check-institution #check-graphic .bank-address {
  margin: -234px 0 0 24px;
  font-size: 12px;
  position: absolute;
}
.check-container #check-institution #check-graphic .img-signature {
  margin-top: -147px;
  margin-left: 265px;
  width: 50%;
  height: 50px;
}
.check-container #check-institution #check-graphic .check-routing-number,
.check-container #check-institution #check-graphic .cu-routing-number {
  color: #202020;
  font-family: 'Conv_micrenc', Sans-Serif;
  display: block;
  float: left;
  margin: -70px 0 0 15px;
  padding-left: 14px;
  position: absolute;
  font-size: 25px;
}
.check-container #check-institution #check-graphic .check-account {
  font-family: 'Conv_micrenc', Sans-Serif;
  display: block;
  float: left;
  margin: -70px 0 0 160px;
  padding-left: 5px;
  position: absolute;
  font-size: 25px;
}
#card-info .transfer-card {
  margin-top: 1rem;
}
#card-info .row .col-sm-12 .custom-select,
#card-info .row .col-sm-12 .form-control {
  margin-bottom: 1.5rem;
}
#card-info .row .col-sm-12:only-child {
  margin-bottom: 0;
}
.account-summary-panel {
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.account-summary-panel h2.wf-funding-h2 {
  font-size: 1.2rem;
}
.account-summary-panel .row {
  margin-bottom: 1rem;
}
.account-summary-panel .alert-info {
  background: #FFFFFF;
  border: 1px solid transparent;
}
.account-summary-panel .alert-info #overdraft-protection-label {
  font-size: 0.85rem;
}
.account-summary-panel .alert-info .fa-info-circle {
  color: #003A70;
}
.account-summary-panel .alert-info .products-pill {
  background: #009ADE;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.funding-product-header {
  color: #003A70 !important;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 1rem;
}
.product-details-label {
  font-size: 1rem;
  color: #009ADE !important;
  margin-bottom: 0;
}
#minimum-deposit-small-text {
  color: #003A70 !important;
}
.debit-card-panel {
  background: #E6F1F4;
  border: 1px solid #D4D4D4;
  padding: 1.4rem 0 0.85rem 0;
  margin-bottom: 1.5rem;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.debit-card-panel .checking-products-div {
  margin-top: 0.75rem;
  border-bottom: 1px dotted #009ADE;
}
.debit-card-panel .wf-debit-card-options {
  padding-left: 1rem;
  margin-top: 0.75rem;
}
.debit-card-panel .wf-debit-card-options .wf-debit-card-checkbox {
  display: block;
}
.debit-card-panel .wf-debit-card-options label {
  font-size: 0.5rem;
}
.debit-card-panel .debit-card-display {
  padding: 0 2rem;
}
.debit-card-panel .debit-card-display .wf-debit-applicant-name {
  font-size: 1rem;
  font-weight: 600;
}
.debit-card-panel .debit-card-display .wf-debit-applicant-small-text {
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.debit-card-panel .debit-card-display .wf-linked-account-label {
  font-weight: 600;
}
.debit-card-panel .debit-card-display .wf-debit-card-layout .checking-product-div {
  border-bottom: 1px solid;
  border-color: #D4D4D4;
}
.debit-card-panel .debit-card-display .wf-debit-card-layout label {
  font-size: 0.85rem;
}
.debit-card-panel #debit-card-layout .debit-card-applicant-holder label {
  font-size: 0.85rem;
}
#debit-card-layout .debit-card-applicant-holder .product-card-holder a {
  color: #0071ce;
}
#co-applicant-debit-card {
  background: #E6F1F4;
  border: 1px solid #009ADE;
  padding: 1.4rem 0 0.85rem 0;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
#funding-form .modal-dialog .modal-header {
  color: #FFFFFF;
  background: #009ADE;
}
#funding-form #account-information-text {
  margin-bottom: 1rem;
}
#wf-funding-box {
  background-color: #F1F1F1;
  padding: 1rem;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border: 1px solid #D4D4D4;
}
.account-information-section .row .col-sm-12 .custom-select,
.account-information-section .row .col-sm-12 .form-control {
  margin-bottom: 1.5rem;
}
.account-information-section .row .col-sm-12:only-child {
  margin-bottom: 0;
}
/*// debit card design selection
.wfm-card-design-modal {
    max-width: max-content;

    .modal-body {
        max-height: 600px;
        overflow-y: auto;
    }

    .wfm-card-design-grid {
        display: grid;
        max-width: inherit;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: .5rem;
    }

    .wfm-card-design {
        label {
            width: 100%;

            span {
                display: block;
                max-width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: center;
                margin-bottom: .25rem;
            }
        }
    }

    .wfm-card-design-item {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
        // width: 150px;
        // height: 100px;
        aspect-ratio: 279 / 172;
        cursor: pointer;
        width: 100%;
        border: 1px solid;
        border-color: @faintgray;
        border-radius: .25rem;
    }

    .wfm-card-design-bg + label {
        border: 1px solid;
        padding: .75rem;
        border-color: @clear;
        transition: ease-in-out .15s;
        .roundcorners();
    }

    .wfm-card-design-bg:checked + label {
        border-color: @accentcolor;
        background-color: @bluescreen;
    }
}
*/

/* workflow step: authentication ------------------------------------------------------------*/

form.authentication-form {
  padding-bottom: 100px;
}
#authentication-header {
  margin-top: 1.5rem;
}
#id-authentication-help-modal-button i.fa-info-circle {
  font-size: 1rem;
  vertical-align: top;
}
#questions-holder label.form-radio-button-label {
  display: block;
}
/*.wf-question-header {
    color: @wfm_question_header;
    font-weight: 600;
    margin-bottom: 1rem;
}*/

.wf-authentication-input {
  display: inline-block;
  margin-left: 1.1rem;
}
#wf-authentication-buttons {
  margin-bottom: 80px;
}
/*.wfm_auth_info_circle {
    color: @wfm_auth_info_circle;

    &:hover {
        color: @wfm_auth_info_circle_hover;
    }
}*/

/* workflow step: confirmation ------------------------------------------------------------*/

/* Offer Campaign ------------------------------------------------------------*/

.search-box,
.search-box-close-icon,
.search-wrapper {
  position: relative;
  padding: 10px;
}
.search-box {
  width: 80%;
  border: 1px solid #ccc;
  outline: 0;
}
.search-box:focus {
  box-shadow: 0 0 15px 5px #b0e0ee;
  border: 2px solid #bebede;
}
.search-box-close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.search-box-close-icon:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: red;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}
.search-box:not(:valid) ~ .search-box-close-icon {
  display: none;
}
.search-wrapper {
  width: 500px;
  margin: auto;
}
/*button.wf-btn-secondary {
    background-color: @white;
    border: 1px solid;
    border-color: @altcolor;
    color: @accentcolor;

    &:hover {
        color: @wf_link_hover;
        text-decoration: none;
        .hoverfade();
    }

    &:focus {
        outline: none;
        box-shadow: 0 0 0 0.1rem #00000013;
    }

    i {
        font-size: 1.25rem;
        margin-right: .5rem;
        pointer-events: none;
        text-align: center;
    }

    span {
        pointer-events: none;
    }
}*/

/*Add Product ------------------------------------------------------------*/

div.wf-vertical-divider {
  border-left: 3px solid #F1F1F1;
  height: 280px;
  position: absolute;
  left: -6%;
  margin-right: 20px;
  top: 0;
}
.collapsable-container #expand {
  display: none;
}
.collapsable-container.show #expand {
  display: block;
}
/* Newly added. Needs to be moved into the correct position within this file (grouped) accordingly. */

.btn.btn-outline-secondary.wf-btn-erase {
  margin: 0.5rem;
}
.k-window-actions.k-dialog-actions {
  display: none;
}
/*-------------------- modal dialogs */

body.modal-open {
  overflow: hidden !important;
  padding: 0px !important;
  width: 100% !important;
}
body.modal-open footer {
  position: fixed;
  bottom: 0;
}
#dynamic-modal {
  padding-right: 0px !important;
}
.modal-content {
  overflow: hidden;
  border: none;
  background-color: transparent;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
/*
.wf-modal-dialog-lg {
    max-width: 1000px;
}

.wf-modal-dialog-md {
    max-width: 50%;
}

.wf-modal-dialog-sm {
    max-width: 40% !important;
}*/

.wf-modal-content-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #FFFFFF;
}
.modal {
  text-align: center;
  z-index: 10004;
}
.modal-body {
  background: #FFFFFF;
}
.modal-dialog {
  width: fit-content;
  max-width: 950px;
  margin: 0.5rem;
}
.modal-dialog-centered:before {
  display: inline;
}
.modal-backdrop {
  z-index: 10000;
}
.btn-modal {
  color: #FFFFFF;
  background: #0071ce;
  border-color: #0071ce;
}
.btn-modal:hover {
  color: #FFFFFF;
  background: #009ADE;
  border-color: #009ADE;
  transition: ease-in 0.15s;
}
.modal-body-scrolling {
  overflow-y: auto;
  height: 650px;
}
hr.wf-clear-divider {
  border-top: 1px solid transparent;
  display: block;
  padding: 0.5rem 0;
}
#save-progress-sendemail-modal-dialog label {
  font-size: 0.85rem;
}
#image-capture-modal .modal-content {
  min-height: max-content;
  max-height: 100vh;
}
#image-capture-modal .modal-body-scrolling {
  max-height: 100%;
  height: fit-content;
}
#image-capture-modal #scandit-barcode-picker {
  position: relative;
  max-width: 616px;
  /*.scandit.scandit-barcode-picker {
            width: 100vw !important;
            height: 100vh !important;
        }*/

}
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera {
  height: max-content;
  width: max-content;
  position: absolute;
  top: 0.5rem;
  right: 0.2rem;
  z-index: 999;
  background-color: transparent;
  border: none;
}
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera:focus-visible,
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera:focus {
  outline: none;
  border: none;
}
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera:focus-visible .fa-times-circle,
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera:focus .fa-times-circle {
  background-color: #0071ce;
}
#image-capture-modal #scandit-barcode-picker .wf-btn-close-camera .fa-times-circle {
  color: #FFFFFF;
  background-color: #003A70;
  border-radius: 999px;
  border: 3px solid transparent;
  font-size: 2rem;
}
.wf-modal-submit-wrapper {
  position: sticky;
  position: -webkit-sticky;
  bottom: -1rem;
  padding: 1rem;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  border-top: 1px solid;
  border-color: #D4D4D4;
  /* z-index: 999;*/

}
.wf-modal-submit-wrapper .btn-primary {
  margin-right: 1rem;
}
/*-------------------- forms */

.wf-form-fieldset .wf-form-wrapper-no-margin {
  margin-bottom: 0;
}
.wf-form-wrapper {
  margin-bottom: 2rem;
  background: #FFFFFF;
  border: 1px solid #D4D4D4;
  padding: 1rem;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.wf-form-wrapper .wf-form-h2 {
  font-size: 1.3rem;
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #D4D4D4;
  margin: 0.3rem 1rem 1rem;
}
.wf-form-wrapper .wf-form-h2 label {
  padding-bottom: 0;
  margin-bottom: 0;
}
.wf-form-wrapper .wf-form-h3 {
  font-size: 1rem;
  display: block;
  width: 100%;
  padding: 0;
  border-left: 4px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  padding-left: 6px;
  padding-right: 8px;
  padding-bottom: 4px;
  margin: 0.3rem 1rem 1rem;
}
.wf-form-wrapper .wf-form-h3 label {
  padding-bottom: 0;
  margin-bottom: 0;
}
.wf-form-wrapper input [type="text"].form-control::-webkit-input-placeholder,
.wf-form-wrapper input [type="text"].form-control::-moz-placeholder {
  color: red;
}
.wf-form-wrapper .col-sm-2,
.wf-form-wrapper .col-sm-3,
.wf-form-wrapper .col-sm-4,
.wf-form-wrapper .col-sm-5,
.wf-form-wrapper .col-sm-6,
.wf-form-wrapper .col-md-2,
.wf-form-wrapper .col-md-3,
.wf-form-wrapper .col-md-4,
.wf-form-wrapper .col-md-5,
.wf-form-wrapper .col-md-6 {
  margin-bottom: 1rem;
}
.wf-form-checkbox {
  background: #E6F1F4;
  padding-bottom: 1rem;
  max-height: fit-content;
  border: 1px solid #D4D4D4;
}
.wf-form-checkbox #diff-address-checkbox {
  margin-left: 0.5rem;
}
#wf-diff-address-label {
  margin-top: 0;
}
#wf-diff-address-label span.optional-regular {
  font-size: 1rem;
}
/*-------------------- error banner */

.error-banner {
  position: absolute;
  max-width: 100%;
  top: 0;
  display: block;
  z-index: 999;
  width: 100%;
  background-color: #feb2b2;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
.error-banner .banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 96%;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: auto;
}
.error-banner .banner i.fa-exclamation-circle {
  display: block;
  padding-top: 5px;
  margin-right: 1rem;
}
.error-banner .banner span#wf-error-text {
  display: block;
  white-space: normal;
}
/*#region OP-2321*/

.card-left-ctnr.wfl-kendo-checkbox-no-label label.k-checkbox-label {
  display: none;
}
/*#endregion OP-2321*/

/*#region OP-3087*/

.hero-btn .prod-btn-inner .image-identification {
  background-size: 100%;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin: auto;
  -webkit-border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -moz-border-bottom-left-radius: 0.2rem;
  -moz-border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
/*#endregion OP-3087*/
/*#region Loan Hub Document Uploader*/
div.oa-loan-hub-applicant-div {
  padding-right: 1rem;
  display: block;
  align-content: center;
}
div.oa-loan-hub-applicant-div span.k-dropdownlist {
  width: fit-content;
  float: right;
}
.wf-msg-center .k-chat .k-alt .k-chat-bubble {
  border-color: #009ce1;
  background-color: #009ce1;
}
.wf-msg-center .k-avatar-solid-primary {
  border-color: #b4b4b4;
  background-color: #b4b4b4;
}
.wfh-chat-avatar-user.k-avatar-solid-primary {
  border-color: #559E54;
  background-color: #559E54;
}
.wfh-chat-avatar-1.k-avatar-solid-primary {
  border-color: #2161AB;
  background-color: #2161AB;
}
.wfh-chat-avatar-2.k-avatar-solid-primary {
  border-color: #9CED9C;
  background-color: #9CED9C;
}
.wfh-chat-avatar-3.k-avatar-solid-primary {
  border-color: #183BF0;
  background-color: #183BF0;
}
.wfh-chat-avatar-4.k-avatar-solid-primary {
  border-color: #0F1B57;
  background-color: #0F1B57;
}
.k-chat .k-message-time {
  font-size: 11px !important;
}
/*#endregion Loan Hub*/

/*#region Workflow Due Diligence*/

#wf-due-diligence-questions-answers {
  /*max-width: 67%;*/
  padding: 0;
  margin: auto;
}
/*#region Workflow Due Diligence*/

.grecaptcha-badge {
  z-index: 9999;
}
@media screen and (max-width: 768px) {
  .grecaptcha-badge {
    display: none;
  }
}
.wf-loan-template-dropdownlist {
  width: 100%;
  padding-left: 3px !important;
  padding-top: 9px !important;
}
.address-validate.state {
  position: relative;
}
.address-validate.state::after {
  content: "\2BC6";
  color: black;
  font-size: 12px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 1px;
  text-align: left;
  transition: ease-in-out 0.15s;
}
.address-validate.state:hover::after {
  background-color: #E6F1F4;
}