:root {
  /* Color Palette */
  --var-primary-color: #d14600;
  --var-secondary-color: #003232;
  --var-tertiary-color: #00c8c8;

  --var-success-color: #00c8c8;
  --var-information-color: #99adad;
  --var-warning-color: #ed6c02;
  --var-error-color: #ee2339;

  --var-text-color: #201a1c;
  --var-page-background-color: #f5f5f0;

  --var-link-color: var(--var-secondary-color);
  --var-link-hover-color: var(--var-secondary-color);
  --var-link-underline-color: #00323266;
  --var-link-underline-hover-color: var(--var-secondary-color);

  --var-error-label-color: var(--var-text-color);

  --var-loading-background-color: rgb(255, 255, 255, 0.3);

  /* Font Family */
  --var-font-family-base: "DMSans-Regular", Helvetica, Arial, sans-serif;

  /* Font sizes */
  --var-font-size-larger: 18px;
  --var-font-size-base: 16px;
  --var-font-size-smaller: 14px;

  --var-font-size-h1: 36px;
  --var-font-size-h2: 30px;
  --var-font-size-h3: 26px;
  --var-font-size-h4: 22px;
  --var-font-size-h5: 20px;
  --var-font-size-h6: 18px;

  --var-line-height-base: 135%;

  --var-font-weight-title: 500;
  --var-font-weight-base: 300;
  --var-font-weight-bold: 600;

  --var-error-font-weight: 500;

  /* Logo */
  --var-logo-height: auto;
  --var-logo-width: 292px;

  /* Top navigation bar */
  --var-navigation-background-color: var(--var-secondary-color);
  --var-navigation-color: #ffffff;

  --var-navigation-arrow-colour: var(--var-tertiary-color);
  --var-navigation-arrow-background-color: var(
    --var-navigation-background-color
  );

  /* Side navigation bar */
  --var-side-navigation-background-color: var(--var-tertiary-color);
  --var-side-navigation-color: var(--var-secondary-color);

  /* Inputs */
  --var-input-background-color: #f9f9f6;
  --var-input-color: #201a1c;
  --var-input-border-radius: 4px;
  --var-input-border-color: #c7ced2;
  --var-input-border-width: 1px;
  --var-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  --var-input-placeholder-color: #201a1c;
  --var-input-light-placeholder-color: #7a8a94;

  --var-input-active-background-color: #f9f9f6;
  --var-input-active-border-color: var(--var-secondary-color);
  --var-input-active-box-shadow: none;

  --var-input-icon-color: var(--var-secondary-color);

  --var-input-padding: 10px 12px 6px 12px;

  /* Password Strength Indicator */
  --var-password-strength-indicator-label-color: #00000061;
  --var-password-invalid-label: #541313;
  --var-password-strength-weak-color: #541313;
  --var-password-strength-good-color: #5f2b01;
  --var-password-strength-strong-color: var(--var-secondary-color);

  --var-password-strength-label-font-weight: 400;
  --var-password-strength-result-font-weight: 700;

  --var-password-strength-indicator-font-size: var(--var-font-size-smaller);

  /* Selects */
  --var-select-background-color: var(--var-input-background-color);
  --var-select-color: var(--var-input-color);
  --var-select-border-radius: var(--var-input-border-radius);
  --var-select-border-color: var(--var-input-border-color);
  --var-select-border-width: var(--var-input-border-width);
  --var-select-box-shadow: var(--var-input-box-shadow);

  --var-select-active-border-color: var(--var-secondary-color);
  --var-select-active-box-shadow: none;

  --var-select-placeholder-color: var(--var-input-placeholder-color);

  --var-select-dropdown-background-color: var(--var-select-background-color);
  --var-select-dropdown-color: var(--var-select-color);
  --var-select-dropdown-border-radius: var(--var-select-border-radius);
  --var-select-dropdown-border-color: var(--var-select-border-color);
  --var-select-dropdown-border-width: var(--var-select-border-width);
  --var-select-dropdown-box-shadow: var(--var-select-box-shadow);

  --var-select-dropdown-active-background-color: var(--var-secondary-color);
  --var-select-dropdown-active-color: #ffffff;

  --var-select-dropdown-hover-background-color: #e4e4e1;
  --var-select-dropdown-hover-color: var(--var-input-color);

  /* Toggles */
  --var-toggle-border-color: var(--var-secondary-color);
  --var-toggle-border-width: var(--var-input-border-width);
  --var-toggle-background-color: #ffffff;
  --var-toggle-color: var(--var-secondary-color);

  --var-toggle-hover-background-color: #f2f4f4;
  --var-toggle-hover-color: var(--var-secondary-color);
  --var-toggle-hover-border-color: var(--var-toggle-border-color);

  --var-toggle-selected-background-color: var(--var-secondary-color);
  --var-toggle-selected-color: #ffffff;
  --var-toggle-selected-border-color: var(--var-secondary-color);

  --var-toggle-selected-hover-background-color: var(
    --var-toggle-hover-background-color
  );
  --var-toggle-selected-hover-color: var(--var-toggle-selected-hover-color);
  --var-toggle-selected-hover-border-color: var(
    --var-toggle-selected-border-color
  );

  /* Date picker */
  --var-datepicker-header-font-size: 12px;
  --var-datepicker-header-font-weight: 800;

  --var-datepicker-body-font-size: 12px;
  --var-datepicker-body-font-weight: 600;

  --var-datepicker-disabled-background-color: #e5ebeb;
  --var-datepicker-disabled-color: #989898;

  --var-datepicker-date-select-color: var(--var-secondary-color);
  --var-datepicker-date-select-box-shadow: 0 0 0 2px #000000;

  --var-datepicker-weekday-color: var(--var-secondary-color);
  --var-datepicker-date-color: var(--var-secondary-color);

  --var-datepicker-active-date-background-color: var(--var-primary-color);
  --var-datepicker-active-date-color: #ffffff;

  --var-datepicker-hover-date-background-color: var(--var-primary-color);
  --var-datepicker-hover-date-color: var(--var-secondary-color);
  --var-datepicker-hover-date-background-opacity: 0.06;

  --var-datepicker-next-prev-background-color: #ffffff;
  --var-datepicker-next-prev-button-color: var(--var-secondary-color);
  --var-datepicker-next-prev-border-color: var(--var-secondary-color);

  --var-datepicker-next-prev-disabled-background-color: var(
    --var-datepicker-disabled-background-color
  );
  --var-datepicker-next-prev-disabled-button-color: var(
    --var-datepicker-disabled-color
  );
  --var-datepicker-next-prev-disabled-border-color: var(
    --var-datepicker-disabled-background-color
  );

  /* Checkboxes */
  --var-checkbox-background-color: var(--var-input-background-color);
  --var-checkbox-border-color: var(--var-input-border-color);
  --var-checkbox-border-width: var(--var-input-border-width);
  --var-checkbox-border-radius: 2px;

  --var-checkbox-selected-background-color: var(--var-secondary-color);
  --var-checkbox-selected-border-color: var(--var-secondary-color);
  --var-checkbox-selected-color: #ffffff;

  /* Tooltips */
  --var-tooltip-icon-color: var(--var-secondary-color);
  --var-tooltip-color: #ffffff;
  --var-tooltip-background-color: var(--var-secondary-color);
  --var-tooltip-border-radius: 4px;
  --var-tooltip-font-size: 20px;

  /* Buttons */
  --var-button-primary-color: #ffffff;
  --var-button-primary-background-color: var(--var-primary-color);
  --var-button-primary-border-color: var(--var-primary-color);

  --var-button-primary-hover-color: #ffffff;
  --var-button-primary-hover-background-color: #c04203;
  --var-button-primary-hover-border-color: #c04203;

  --var-button-secondary-color: var(--var-secondary-color);
  --var-button-secondary-background-color: transparent;
  --var-button-secondary-border-color: var(--var-secondary-color);

  --var-button-secondary-hover-color: var(--var-secondary-color);
  --var-button-secondary-hover-background-color: #0032320d;
  --var-button-secondary-hover-border-color: var(--var-secondary-color);

  --var-button-padding: 10px 12px 8px 12px;

  /* Panels */
  --var-panel-border-color: rgba(0, 0, 0, 0.15);
  --var-panel-border-width: 0;
  --var-panel-border-radius: 2px;
  --var-panel-box-shadow: 3px 3px 5px 0px #00000014;
  --var-panel-background-color: #ffffff;

  /* Alerts */
  --var-error-alert-background-color: #fef4f5;
  --var-error-alert-color: #541313;
  --var-error-alert-border-color: var(--var-error-color);

  --var-information-alert-background-color: #f2f5f5;
  --var-information-alert-color: var(--var-text-color);
  --var-information-alert-border-color: var(--var-information-color);

  --var-warning-alert-background-color: #fef4f5;
  --var-warning-alert-color: #5f2b01;
  --var-warning-alert-border-color: var(--var-warning-color);

  --var-success-alert-background-color: #e5f9f9;
  --var-success-alert-color: var(--var-secondary-color);
  --var-success-alert-border-color: var(--var-success-color);

  /* Legend */
  --var-legend-border-bottom-color: #7a8a94;
  --var-legend-border-bottom-width: 0.5px;

  /* Footer */
  --var-footer-background-color: var(--var-secondary-color);
  --var-footer-text-color: #fff;
  --var-footer-padding: 40px 135px 40px 135px;
  --var-footer-text-font-size: 14px;
}
 
@font-face {
  font-family: "DMSans Regular";
  src: url("../../../assets/fonts/DMSans/DMSans-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../../../assets/material-icons-outlined.woff2") format("woff2");
}
 
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

/* Logo */
.header .logo.custom-logo img {
  width: var(--var-logo-width);
  height: var(--var-logo-height);
}

/* Navigation bar */
.header {
  background: var(--var-navigation-background-color);
  background-color: var(--var-navigation-background-color);
}

.step-wizard {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.step-wizard #hamburgerBar .sst__navItem .sst__navLink::before,
.step-wizard #progressBar .sst__navItem:not(.sst__last) .sst__navLink::after {
  background: var(--var-navigation-background-color);
  color: var(--var-navigation-arrow-colour);
}

/* Side Navigation */
.side-navigation > .sst__navMenu > .sst__navItem > .sst__navLink {
  background-color: var(--var-side-navigation-background-color);
  background: var(--var-side-navigation-background-color);
  color: var(--var-side-navigation-color) !important;
}

.side-navigation .sst__navDesc {
  color: var(--var-text-color);
}

/* Step wizard */
.step-wizard {
  background-color: var(--var-navigation-background-color);
  color: var(--var-navigation-color);
}

/* General */
body {
  background-color: var(--var-page-background-color) !important;
  color: var(--var-text-color);
  font-family: var(--var-font-family-base);
  font-size: var(--var-font-size-base);
  line-height: 21.6px;
  font-weight: var(--var-font-weight-base);
}

h1,
h2,
h3,
legend,
h4,
h5,
.side-navigation .sst__navLink,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--var-font-family-base);
}

.alert,
.pageInfo,
.addressInfo,
#resumeSavedApplication .errors {
  font-weight: var(--var-font-weight-title);
  font-size: var(--var-font-size-smaller);
}

/* Links */
a {
  color: var(--var-link-color);
}

a:hover,
a:focus {
  color: var(--var-link-hover-color);
}

#mainContent a,
#pagecontent a {
  text-decoration: underline;
  text-decoration-color: var(--var-link-underline-color);
}

#mainContent a:hover,
#pagecontent a:hover {
  text-decoration: underline;
  text-decoration-color: var(--var-link-underline-hover-color);
}

.addEntity,
.btn-default,
.payLater,
.sst__navLink {
  text-decoration: none !important;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6,
legend {
  color: var(--var-secondary-color);
}

/* Panels */
.panel,
.side-navigation > .sst__navDesc,
.side-navigation > .sst__navMenu > .sst__navItem {
  border: var(--var-panel-border-width) solid var(--var-panel-border-color);
  -webkit-box-shadow: var(--var-panel-box-shadow);
  box-shadow: var(--var-panel-box-shadow);
  border-radius: var(--var-panel-border-radius);
  background-color: var(--var-panel-background-color);
}

/* Inputs */
.form-horizontal .form-group .control-label {
  font-weight: var(--var-font-weight-base);
}

.addEntity,
.btn,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label,
.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label,
.payLater,
.paymentProceed,
.createIsaTransfer {
  font-size: var(--var-font-size-smaller);
  font-weight: var(--var-font-weight-base);
}

.form-control {
  background-color: var(--var-input-background-color);
  color: var(--var-input-color);
  border-radius: var(--var-input-border-radius);
  border: var(--var-input-border-width) solid var(--var-input-border-color);
  font-weight: var(--font-weight-base);
  font-size: var(--var-font-size-smaller);
  padding: var(--var-input-padding);
}

.form-control::placeholder,
.duet-date__input::placeholder {
  color: var(--var-input-placeholder-color);
  font-weight: var(--var-font-weight-base);
}

#securityDetails .form-control::placeholder {
  color: var(--var-input-light-placeholder-color);
  font-weight: var(--var-font-weight-base);
}

.form-control:focus {
  background-color: var(--var-input-active-background-color);
  color: var(--var-input-color);
  border: var(--var-input-border-width) solid
    var(--var-input-active-border-color);
  -webkit-box-shadow: var(--var-input-active-box-shadow);
  box-shadow: var(--var-input-active-box-shadow);
}

.form-horizontal
  .form-group.form-group-select.has-error
  div.bootstrap-select
  button,
.form-horizontal
  .form-group.form-group-yes-no
  div.sst__error
  .radio
  .yes-no-label {
  border-color: var(--var-error-color);
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: var(--var-error-color);
}

.has-error .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.has-error .control-label {
  color: var(--var-error-label-color);
}

.text-danger {
  color: var(--var-error-color) !important;
  font-weight: var(--var-error-font-weight);
}

.dropdown-toggle::after,
i#togglePassword,
.duet-date__toggle-icon {
  color: var(--var-input-icon-color);
}

/* Password Strength Indicator */
#psiDisplay {
  font-size: var(--var-password-strength-indicator-font-size);
}

.password-st strong {
  color: var(--var-password-strength-indicator-label-color);
  font-weight: var(--var-password-strength-label-font-weight);
}

#psiDisplay.weak .password-st {
  color: var(--var-password-strength-weak-color);
  font-weight: var(--var-password-strength-result-font-weight);
}

#psiDisplay.good .password-st {
  color: var(--var-password-strength-good-color);
  font-weight: var(--var-password-strength-result-font-weight);
}

#psiDisplay.strong .password-st {
  color: var(--var-password-strength-strong-color);
  font-weight: var(--var-password-strength-result-font-weight);
}

/* Date Picker */
.duet-date__select > :not(option[disabled=""]) {
  color: var(--var-datepicker-date-select-color);
}

.duet-date__select select:focus + .duet-date__select-label {
  box-shadow: var(--var-datepicker-date-select-box-shadow);
}

.duet-date__prev,
.duet-date__next {
  background: var(--var-datepicker-next-prev-background-color);
  color: var(--var-datepicker-next-prev-button-color);
  border: solid 1px var(--var-datepicker-next-prev-border-color);
}

.duet-date__prev:focus,
.duet-date__next:focus {
  box-shadow: none;
}

.duet-date__prev:disabled,
.duet-date__next:disabled {
  background: var(--var-datepicker-next-prev-disabled-background-color);
  color: var(--var-datepicker-next-prev-disabled-button-color);
  border: var(--var-datepicker-next-prev-disabled-border-color);
  opacity: 1;
}

.duet-date__day.is-outside,
.duet-date__day:not(.is-month),
.duet-date__day[aria-disabled="true"] {
  background-color: var(--var-datepicker-disabled-background-color);
  color: var(--var-datepicker-disabled-color);
  opacity: 1;
}

.duet-date__table {
  color: var(--var-datepicker-weekday-color);
}

.duet-date__day {
  color: var(--var-datepicker-date-color);
  font-size: var(--var-datepicker-body-font-size);
  font-weight: var(--var-datepicker-body-font-weight);
}

.duet-date__table-header {
  font-size: var(--var-datepicker-header-font-size);
  font-weight: var(--var-datepicker-header-font-weight);
}

.duet-date__day:active {
  color: var(--var-datepicker-active-date-color);
  background: var(--var-datepicker-active-date-background-color);
  box-shadow: none;
}

.duet-date__day[aria-pressed="true"],
.duet-date__day:focus {
  color: var(--var-datepicker-active-date-color);
  background: var(--var-datepicker-active-date-background-color);
}

.duet-date__day:hover::before,
.duet-date__day.is-today::before {
  background: var(--var-datepicker-hover-date-background-color);
  color: var(--var-datepicker-hover-date-background-color);
  opacity: var(--var-datepicker-hover-date-background-opacity);
}

.duet-date__input {
  background-color: var(--var-input-background-color);
  color: var(--var-input-color);
  border-radius: var(--var-input-border-radius);
  border: var(--var-input-border-width) solid var(--var-input-border-color);
}

.duet-date__input:focus {
  border: var(--var-input-border-width) solid
    var(--var-input-active-border-color);
  -webkit-box-shadow: var(--var-input-active-box-shadow);
  box-shadow: var(--var-input-active-box-shadow);
}

.duet-date__toggle {
  background: var(--var-input-background-color);
  border-bottom-right-radius: var(--var-input-border-radius);
  border-top-right-radius: var(--var-input-border-radius);
  box-shadow: none;
  -webkit-box-shadow: none;
}

.duet-date__toggle:focus {
  box-shadow: none;
}

/* Checkboxes */
.form-horizontal .form-group input[type="checkbox"]::after,
.form-horizontal .form-group .checkbox input[type="checkbox"]::after,
.form-horizontal .form-group .checkbox-inline input[type="checkbox"]::after {
  background-color: var(--var-checkbox-background-color);
  border: var(--var-checkbox-border-width) solid
    var(--var-checkbox-border-color);
  border-radius: var(--var-checkbox-border-radius);
}

.form-horizontal .form-group input[type="checkbox"]:checked::after,
.form-horizontal .form-group .checkbox input[type="checkbox"]:checked::after,
.form-horizontal
  .form-group
  .checkbox-inline
  input[type="checkbox"]:checked::after {
  background-color: var(--var-checkbox-selected-background-color);
  border-color: var(--var-checkbox-selected-border-color);
  color: var(--var-checkbox-selected-color);
}

.form-horizontal .form-group input[type="checkbox"]:focus::after,
.form-horizontal .form-group .checkbox input[type="checkbox"]:focus::after,
.form-horizontal
  .form-group
  .checkbox-inline
  input[type="checkbox"]:focus::after {
  border-color: var(--var-checkbox-selected-border-color);
}

/* Selects */
.bootstrap-select .btn.dropdown-toggle.btn-light {
  background-color: var(--var-select-background-color);
  color: var(--var-select-color);
  border-radius: var(--var-select-border-radius);
  border: var(--var-select-border-width) solid var(--var-select-border-color);
}

.bootstrap-select.show .btn.dropdown-toggle.btn-light {
  border: var(--var-select-border-width) solid
    var(--var-select-active-border-color);
  box-shadow: var(--var-select-active-box-shadow);
  -webkit-box-shadow: var(--var-select-active-box-shadow);
}

.dropdown-menu {
  background-color: var(--var-select-dropdown-background-color);
  color: var(--var-select-dropdown-color);
  border-radius: var(--var-select-dropdown-border-radius);
  border: var(--var-select-dropdown-border-width) solid
    var(--var-select-dropdown-border-color);
  -webkit-box-shadow: var(--var-select-dropdown-box-shadow);
  box-shadow: var(--var-select-dropdown-box-shadow);
}

.dropdown-menu > li > a {
  color: var(--var-select-dropdown-color);
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: var(--var-select-dropdown-active-background-color);
  color: var(--var-select-dropdown-active-color);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: var(--var-select-dropdown-hover-color);
  background-color: var(--var-select-dropdown-hover-background-color);
}

/* Toggles */
.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label {
  background-color: var(--var-toggle-background-color);
  color: var(--var-toggle-color);
  border: var(--var-toggle-border-width) solid var(--var-toggle-border-color);
}

.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label:hover {
  background-color: var(--var-toggle-selected-hover-background-color);
  color: var(--var-toggle-selected-hover-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-hover-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label {
  background-color: var(--var-toggle-selected-background-color);
  color: var(--var-toggle-selected-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:hover {
  background-color: var(--var-toggle-selected-background-color);
  color: var(--var-toggle-selected-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:active,
.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label:active,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .active.yes-no-label,
.form-horizontal .form-group.form-group-yes-no .radio .active.yes-no-label {
  background-color: var(--var-toggle-selected-background-color);
  color: var(--var-toggle-selected-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:active:hover,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  .yes-no-label:active:hover,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:active:focus,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  .yes-no-label:active:focus {
  background-color: var(--var-toggle-selected-background-color);
  color: var(--var-toggle-selected-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:active:focus,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  .yes-no-label:active:focus {
  background-color: var(--var-toggle-selected-background-color);
  color: var(--var-toggle-selected-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-border-color);
  box-shadow: none;
}

.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:focus
  ~ .yes-no-label {
  outline: none;
}

.btn-default:active,
.payLater:active,
.btn-default.active,
.active.payLater,
.open > .btn-default.dropdown-toggle,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  .open
  > input[type="radio"]:checked
  ~ .dropdown-toggle.yes-no-label,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  .open
  > .dropdown-toggle.yes-no-label,
.open > .dropdown-toggle.payLater {
  background-color: var(--var-toggle-selected-hover-background-color);
  color: var(--var-toggle-selected-hover-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-hover-border-color);
}

.addEntity:active,
.addEntity:hover,
addEntity:active:focus,
.addEntity:active:hover,
.btn-default:active:hover,
.payLater:active:hover,
.btn-default:active:focus,
.payLater:active:focus,
.btn-default:active.focus,
.payLater:active.focus,
.btn-default.active:hover,
.active.payLater:hover,
.addEntity:active:focus,
.addEntity:active:hover,
.btn-default.active:focus,
.active.payLater:focus,
.btn-default.active.focus,
.active.focus.payLater,
.open > .btn-default.dropdown-toggle:hover,
.open > .dropdown-toggle.payLater:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .dropdown-toggle.payLater:focus,
.open > .btn-default.dropdown-toggle.focus,
.open > .dropdown-toggle.focus.payLater {
  background-color: var(--var-toggle-selected-hover-background-color);
  color: var(--var-toggle-selected-hover-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-hover-border-color);
}

.addEntity:active,
.addEntity:hover,
addEntity:active:focus,
.addEntity:active:hover,
.btn-default:active:hover,
.payLater:active:hover,
.btn-default:active:focus,
.payLater:active:focus,
.btn-default:active.focus,
.payLater:active.focus,
.btn-default.active:hover,
.active.payLater:hover,
.addEntity:active:focus,
.addEntity:active:hover,
.btn-default.active:focus,
.active.payLater:focus,
.btn-default.active.focus,
.active.focus.payLater,
.open > .btn-default.dropdown-toggle:hover,
.open > .dropdown-toggle.payLater:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .dropdown-toggle.payLater:focus,
.open > .btn-default.dropdown-toggle.focus,
.open > .dropdown-toggle.focus.payLater {
  background-color: var(--var-toggle-selected-hover-background-color);
  color: var(--var-toggle-selected-hover-color);
  border: var(--var-toggle-border-width) solid
    var(--var-toggle-selected-hover-border-color);
}

.addEntity,
.btn-default,
.payLater {
  background-color: var(--var-button-secondary-background-color);
  color: var(--var-button-secondary-color);
  border-color: var(--var-button-secondary-border-color);
}

.btn-default:hover,
.payLater:hover {
  background-color: var(--var-button-secondary-hover-background-color);
  color: var(--var-button-secondary-hover-color);
  border-color: var(--var-button-secondary-hover-border-color);
}

/* Tooltips */
.form-horizontal .form-group .control-tooltip .fa-question-circle-o {
  color: var(--var-tooltip-icon-color);
  font-size: var(--var-tooltip-font-size);
}

.tooltip-inner {
  color: var(--var-tooltip-color);
  background-color: var(--var-tooltip-background-color);
  border-radius: var(--var-tooltip-border-radius);
  font-family: var(--var-font-family-base);
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--var-tooltip-background-color);
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: var(--var-tooltip-background-color);
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: var(--var-tooltip-background-color);
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: var(--var-tooltip-background-color);
}

/* Base font colors */
.exptext,
.formInfoText {
  color: var(--var-text-color);
  font-size: var(--var-font-size-smaller);
  line-height: var(--var-line-height-base);
  font-weight: var(--var-font-weight-base);
}

.form-horizontal .form-group .control-label .control-required {
  color: var(--var-error-color);
}

/* Buttons */
.btn-primary,
.btn-default {
  padding: var(--var-button-padding);
}

.btn-primary,
.paymentProceed,
.createIsaTransfer {
  color: var(--var-button-primary-color);
  background-color: var(--var-button-primary-background-color);
  border-color: var(--var-button-primary-border-color);
}

.btn-primary:hover,
.paymentProceed:hover,
.createIsaTransfer:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:focus,
.paymentProceed:focus,
.createIsaTransfer:focus,
.btn-primary.focus,
.focus.paymentProceed,
.focus.createIsaTransfer {
  color: var(--var-button-primary-hover-color);
  background-color: var(--var-button-primary-hover-background-color);
  border-color: var(--var-button-primary-hover-border-color);
}

.btn-light.focus,
.btn-light:focus {
  box-shadow: none;
}

.addressSearch {
  background-color: var(--var-secondary-color);
  color: var(--var-button-primary-color);
  border-color: var(--var-secondary-color);
}

.addressSearch:hover,
.addressSearch:hover,
.addressSearch:not(:disabled):not(.disabled):active {
  background-color: var(--var-secondary-color);
  color: var(--var-button-primary-color);
  border-color: var(--var-secondary-color);
}

.addressSearch:focus {
  background-color: var(--var-secondary-color);
  color: var(--var-button-primary-color);
  border-color: var(--var-secondary-color);
}

.addressSearch:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none;
}

/* Font sizes */
h1,
.h1 {
  font-size: var(--var-font-size-h1);
  font-weight: var(--var-font-weight-title);
}

.summarySection h1 {
  font-size: var(--var-font-size-h2);
  font-weight: var(--var-font-weight-title);
  color: var(--var-secondary-color);
}

.summarySection .summarySubSection h3,
.summarySection .summarySubSection legend {
  font-size: var(--var-font-size-h3);
  font-weight: var(--var-font-weight-title);
  color: var(--var-secondary-color);
}

.radio label,
.checkbox label {
  font-weight: var(--var-font-weight-base);
}

.bold-text {
  font-weight: var(--var-font-weight-bold);
}

.editLinks .fieldValue {
  font-size: var(--var-font-size-base);
}

/* Alerts */
.alert-danger,
#resumeSavedApplication .errors {
  background-color: var(--var-error-alert-background-color);
  color: var(--var-error-alert-color);
  border-color: var(--var-error-alert-border-color);
}

.alert-info,
.pageInfo,
.addressInfo {
  background-color: var(--var-information-alert-background-color);
  color: var(--var-information-alert-color);
  border-color: var(--var-information-alert-border-color);
}

/* Legend */
legend {
  border-bottom: var(--var-legend-border-bottom-width) solid
    var(--var-legend-border-bottom-color);
}

.panel .nav-tabs,
.side-navigation > .sst__navDesc .nav-tabs {
  background: var(--var-page-background-color);
}

/* Footer */
html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#pagecontent,
#headerContentWrapper,
#container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#customFooter {
  background: var(--var-footer-background-color);
  color: var(--var-footer-text-color);
  padding: var(--var-footer-padding);
}

#customFooter a {
  color: var(--var-footer-text-color);
}

#customFooter .col-md-3,
#customFooter .row {
  padding: 0;
  margin: 0;
}

#customerFooter .footer-text {
  font-size: var(--var-footer-text-font-size);
}

#customFooter img {
  padding: 0 0 5px 10px;
}

#customFooter p {
  font-weight: 400;
  line-height: 24px;
}

.external-link {
  font-size: 25px;
  padding-left: 5px;
  vertical-align: top;
}

/* Custom */

@media only screen and (max-width: 768px) {
  #customFooter {
    padding-left: 0;
  }
}

.btn:active,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .yes-no-label:active,
.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label:active,
.payLater:active,
.paymentProceed:active,
.createIsaTransfer:active,
.btn.active,
.form-horizontal
  .form-group.form-group-yes-no
  .radio
  input[type="radio"]:checked
  ~ .active.yes-no-label,
.form-horizontal .form-group.form-group-yes-no .radio .active.yes-no-label,
.active.payLater,
.active.paymentProceed,
.active.createIsaTransfer {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#branding {
  margin-left: 14px;
}

#citizenships #addRow,
#citizenships #removeRow {
  display: none;
}

.duet-date__cell {
  padding: 1px;
}

#confirm #cancelLink {
  display: none;
}

.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* Allow icon to toggle */
i#togglePassword {
  margin-left: -30px;
}

#securityDetails .control-label {
  padding-top: 0;
}

#hamburgerBar .panel-title a:hover,
#hamburgerBar .panel-title a:focus {
  color: var(--var-navigation-color);
}

/* Custom Icons */
.material-icons.help {
  margin-top: 4px;
  color: var(--var-tooltip-icon-color);
}

.alert::before,
.pageInfo::before,
.addressInfo::before,
#resumeSavedApplication .errors::before {
  font: normal normal normal 25px/1 "Material Icons";
  margin-top: -18px;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  color: var(--var-secondary-color);
}

.alert.alert-info::before,
.pageInfo::before,
.addressInfo::before,
#resumeSavedApplication .alert-info.errors::before,
#resumeSavedApplication .errors.pageInfo::before,
#resumeSavedApplication .errors.addressInfo::before {
  content: "info";
}

.alert.alert-danger::before,
.alert-danger.pageInfo::before,
.alert-danger.addressInfo::before,
#resumeSavedApplication .errors::before {
  content: "error";
  color: var(--var-error-color);
}

.step-wizard #progressBar .sst__navItem:not(.sst__last) .sst__navLink::after {
  font: normal normal normal 30px/1 "Material Icons";
  content: "chevron_right";
  padding: 0;
  margin-top: -16px;
  margin-right: 6px;
}

.dropdown-toggle::after {
  border: none;
  font: 35px/1 "Material Icons";
  content: "keyboard_arrow_down";
}

.bootstrap-select > .dropdown-toggle::after {
  margin-left: 0px;
  margin-right: -20px;
}

.dropup .dropdown-toggle::after {
  border: none;
  font: 35px/1 "Material Icons";
  content: "keyboard_arrow_up";
}

.fa-question-circle-o::before {
  font: normal normal normal 25px/1 "Material Icons";
  content: "help_outline";
  color: var(--var-tooltip-icon-color);
}

.fa-question-circle-o {
  margin-top: 4px;
}

.editLinks .fieldValue a::before {
  font: normal normal normal 25px/1 "Material Icons";
  content: "edit";
}

.step-wizard #hamburgerBar .sst__navItem .sst__navLink::before {
  font: normal normal normal 30px/1 "Material Icons";
  content: "chevron_right";
  padding: 0;
  margin-top: -16px;
  margin-right: 6px;
  rotate: 90deg;
  height: auto;
  margin-left: -30px;
}

.menu {
  font-size: 25px;
  margin-top: -5px;
}

#internalIndex_cancel {
  display: none;
}

#loadingDialogBox .modal-body {
  text-align: center;
}

#loadingDialogBox .modal-body img {
  width: 50px;
  height: auto;
}

#loadingSpinner,
#loadingDialogBox {
  background: var(--var-loading-background-color) !important;
}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 5000;
  overflow: hidden;
}

#loadingSpinner img {
  width: 50px;
}

span.modal-expText {
  padding-top: 15px;
  display: block;
}

#introduction #applicantTypeDiv {
  display: none;
}

#existingCustomerCriteriaFailMsg {
  margin-top: -30px;
}

#employmentDetails #sst__formField_employment_jobTitle, 
#confirm #employmentSubSection .fieldRow:nth-child(4) {
  display: none;
}

#personalDetails .pageInfo {
  display: none;
}

#confirm .errors {
  background-color: var(--var-error-alert-background-color);
  color: var(--var-error-alert-color);
  border: 1px solid var(--var-error-alert-border-color);
  font-weight: var(--var-font-weight-title);
  font-size: var(--var-font-size-smaller);
  padding: 15px;
  border-radius: 4px;
}

#confirm .errors::before {
  content: "error";
  color: var(--var-error-color);
  font: 25px / 1 "Material Icons";
  margin-top: -18px;
  background: 0 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  display: inline-block;
}

#confirm .errors:before {
  margin-right: 5px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 6px;
  top: 8px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #confirm .errors:before  {
    display: none;
  }
}

#introduction #existingCustomer #sst__formField_existingCustomer_isExistingCustomer .control-label {
  margin-bottom: 15px;
  width: 100%;
  max-width: unset;
}
    
@media only screen and (max-width: 767px) {
  #introduction #existingCustomer #sst__formField_existingCustomer_isExistingCustomer .radio {
    width: 40%
  }
}
    
@media only screen and (max-width: 575px) {
  #introduction #existingCustomer #sst__formField_existingCustomer_isExistingCustomer .radio {
    width: 100px
  }
}

#introduction .entryarea {
  max-width: unset;
}
    
#introduction #applicantType_label {
  width: 200px;
  max-width: unset;
}
    
#introduction #applicantType_label+.sst__staticText {
  width: 100px;
  max-width: unset;
}
    
@media only screen and (max-width: 767px) {
  #introduction #applicantType_label+.sst__staticText  {
    padding-top: 0px;
  }
}
    
@media only screen and (max-width: 299px) {
  #introduction #existingCustomer .radio {
    padding-bottom: 10px;
  }
  #introduction #existingCustomer .radio:nth-child(2n) {
    padding-left: 0px;
  }
  
  #introduction #existingCustomer .radio:nth-child(2n+1) {
    padding-right: 0px;
  }
}

@media only screen and (min-width:992px) {
  #introduction #existingCustomer .radio {
    width: 35%;
  }
}

#introduction fieldset {
  padding-bottom: 40px;
  margin-bottom: 0px;
  margin-top: 0px;
}

#introduction fieldset legend {
  margin-bottom: 16px;
  padding-bottom: 8px;
}

#introduction .intro.to_apply ul.list {
  margin-bottom: inherit;
}

#introduction .you_will_need_section {
  margin-bottom: inherit;
  padding-bottom: 48px;
}

#introduction #singleRequiredTerms #sst__formField_terms_requiredTerm1, 
#introduction #singleRequiredTerms #sst__formField_terms_requiredTerm2 {
  margin-bottom: inherit;
}

#introduction .intro.to_apply ~br {
  display: none;
}

#introduction #existingCustomer #sst__formField_existingCustomer_isExistingCustomer .control-label {
  margin-bottom: 16px;
  padding-top: 0px;
}

#introduction #existingCustomer {
  margin-bottom: 0px
}

#introduction #sst__formField_existingCustomer_isExistingCustomer {
  margin-bottom: 0px
}

#introduction #existingCustomerCriteriaFailMsg {
  margin-top: 0px;
}

#introduction fieldset:has(#existingCustomer) {
  padding-bottom: 48px;
}

#introduction #existingCustomerCriteriaFailMsg {
  margin-top: -40px;
  margin-bottom: 48px;
}

#introduction #requiredTerms .list {
  margin-bottom: 16px;
}

#introduction #requiredTerms p {
  margin-bottom: inherit;
}

@media (min-width: 768px) {
  #introduction .form-horizontal .form-group.form-group-checkbox .checkbox {
    padding-top: 0px;
  }
}

@media (min-width: 768px) {
  #introduction .form-horizontal .form-group.form-group-checkbox label {
    padding-top: 0px;
  }
}

#introduction .form-horizontal .checkbox {
  margin-bottom: 16px;
}

#introduction .form-horizontal .checkbox label { 
  padding-top: 9px;
  padding-bottom: 9px;
}

#introduction h1 {
  margin-top: 26px;;
  padding-top: 10px;
  margin-bottom: 40px;
}

.form-horizontal .form-group.form-group-yes-no .radio .yes-no-label {
  line-height: 22px;
}

#pdfButton li a {
  background: var(--var-button-primary-background-color);
  border: 2px solid var(--var-button-primary-border-color);
  color: var(--var-button-primary-color);
  padding: 0 25px;
  text-decoration: none;
  border-radius: 4px;
  width: auto;
}

#pdfButton li a:hover {
   text-decoration: none;
   background: var(--var-button-primary-hover-background-color);
   border: 2px solid var(--var-button-primary-hover-border-color);
}

@media only screen and (max-width: 992px) {
	.tabs-dropdown-wrapper .dropdown .dropdown-toggle {
		height: 35px;
	}

	.tabs-dropdown-wrapper .dropdown .dropdown-toggle:after {
		transform: translate(52px, -28px);
	}

	.tabs-dropdown-wrapper #dropdown-text {
		font-weight: 400;
		display: block;
	}

	.tabs-dropdown-wrapper .dropdown .dropdown-toggle .caret {
		display: none;
	}

	.tabs-dropdown-wrapper .dropdown {
		width: 100%;
	}

	.tabs-dropdown-wrapper .dropdown:focus-visible,
	.tabs-dropdown-wrapper .dropdown button:focus-visible {
		outline: none !important;
	}
}

#pdfButton {
  margin-top: -14px;
  padding: 0;
}

#termsSection > div.summarySubSection > div.hiddenForPrinting > div > ul > li:nth-child(5) {
  display: none;
}