/* -*- coding: utf-8 -*- */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  background: #fff;
  overflow-x: auto;
  width: 100%;
}

body {
  /* background: #fafafa; */
  background: #fff;
  padding-bottom: 20px;
  font-size: 15px;
}

html.site-notifications body {
  padding-bottom: 60px;
}

strong {
  font-family: 'MuseoSans500Regular'
}

.id_spousal-file_proof_of_age .help,
.id_choices-file_proof_of_age .help {
  float: left;
}

.s3direct a.file-link:hover {
  text-decoration: none;
}

.s3direct .file-remove {
  clear: none;
  margin: 0 0 0 10px;
}

.table.no-margin {
  margin-bottom: 5px;
}

.container {
  padding: 0;
  background: #fff;
  /* border-left: 1px solid #DBDBD6;
  border-right: 1px solid #DBDBD6; */
}

.container>.container {
  background: none;
  border-left: none;
  border-right: none;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

.navbar>.container {
  box-shadow: 0px 3px 4px -3px #b1b0a7;
  min-height: 80px;
  border-top: 1px solid #e7e7e4;
}

.nav.navbar-nav.navbar-right {
  margin-top: 13px;
}

.nav.navbar-nav.navbar-right a {
  color: var(--nav-bar-link-colour);
}

.nav.navbar-nav.navbar-right a:hover,
.nav.navbar-nav.navbar-right a:focus {
  background: none;
  text-decoration: underline;
}

.navbar-brand>img {
  padding-left: 15px;
}

.navbar-brand {
  padding: 10px;
  height: auto;
  margin-left: 0 !important;
}

.navbar-brand>img {
  max-width: 350px;
}

.navbar-brand {
  position: relative;
}

/* To get date to display in all caps */
.hasDatepicker {
  text-transform: uppercase;
}

body.fr .navbar-brand:before {
  content: '';
  width: 184px;
  height: 63px;
  background-size: contain;
  display: block;
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 18px;
}

.btn-cobrowse-header {
  background-color: var(--cobrowsing-button-colour);
  border: none;
  font-size: 14px;
  border-radius: 7px;
  box-shadow: 1px 1px 2px 0px #888;
  color: #fff;
  border-color: var(--cobrowsing-button-hover-colour);
  ;
  margin-top: -10px;
  margin-bottom: 10px;
  margin-right: 20px;
  float: right;
}

.btn-cobrowse-header:hover {
  background-color: #2e6da4;
  color: #fff;
}

.btn-cobrowse-start {
  background-color: #fff;
  font-size: 14px;
  color: #333;
  border-color: #ccc;
  padding-left: 40px;
  padding-right: 40px;
}

.btn-cobrowse-start:hover {
  background-color: #2e6da4;
  color: #fff;
}

.cobrowse_align {
  text-align: center;
  padding: 10px;
}


/* Progress Bar */
#progress {
  display: flex;
  height: 44px;
  margin: 75px auto 0;
  background: var(--progress-item-incomplete-colour);
}

#progress .progress-heading {
  align-items: center;
  background: var(--progress-item-complete-colour);
  color: #fff;
  display: flex;
  flex: 0 1 40px;
  font-size: 13px;
  justify-content: left;
  line-height: 100%;
  padding-left: 10px;
  border-right: 1px solid #CCC;
  max-width: 80px;
}

#progress .progress-item:nth-child(2) {
  padding-left: 10px;
}

#progress .progress-item {
  box-sizing: border-box;
  flex: 1 0 0;
  height: 44px;
  justify-content: center;
  padding-left: 25px;
  position: relative;
}


#progress .progress-item .step-holder {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  height: 100%;
  width: 100%;

}

#progress .progress-item.current .step-label {
  font-size: 19px;
}

#progress .progress-item .step-label {
  position: relative;
  display: flex;
  text-align: left;
  line-height: 100%;
  font-size: 13px;
  font-weight: 700;
  padding-right: 5px;
  align-items: center;
}

#progress .progress-item .step {
  position: relative;
  background: var(--progress-step-incomplete-colour) 0% 0% no-repeat padding-box;
  padding: 1px 8px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: var(--progress-step-font-colour);
  display: inline-block;
  margin-right: 10px;

}

#progress .progress-item.current {
  background: var(--progress-item-current-colour);
  color: #fff;
}

#progress .progress-item.complete {
  background: var(--progress-item-complete-colour);
  color: #fff;
}

#progress .progress-item.current .step {
  background: var(--progress-step-current-colour);
}

#progress .progress-item.complete .step {
  background: var(--progress-step-complete-colour);
}

#progress .progress-item.complete:after {
  color: var(--progress-item-complete-colour);
}

/* #progress .progress-item.current:after {
  color: var(--progress-item-current-colour);
} */
#progress .progress-item.show-pointer {
  cursor: pointer;
}

#progress .progress-item.show-pointer:hover {
  background: var(--progress-item-hover-colour);
}

#progress .progress-item.show-pointer:hover::after {
  color: var(--progress-item-hover-colour);
}

/* Arrow */
#progress .progress-item:before,
#progress .progress-item::after {
  content: "";
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  position: absolute;
  top: 0;
}

#progress .progress-item:before {
  border-left: 15px solid #e7e7e4;
  right: -15px;
  z-index: 10;
}

#progress .progress-item::after {
  border-left: 15px solid #CCC;
  position: absolute;
  right: -16px;
  z-index: 9;
}

#progress .progress-item.current::before,
#progress .progress-item.complete:hover::before,
#progress .progress-item.complete:active::before {
  border-left: 15px solid var(--progress-item-hover-colour);
}

#progress .progress-item.complete::before {
  border-left: 15px solid var(--progress-item-complete-colour);
}

#progress .progress-heading {
  padding: 0 10px;
  width: 80px;
}

#progress .progress-item {
  flex: 1 0 auto;
  justify-content: left;
  max-width: calc((100% - 80px) / 6)
    /* A small adjustment allows long step names to fit */
}


#progress .progress-item.current {
  max-width: calc(((100% - 80px) / 6) + 60px)
    /* A small adjustment allows long step names to fit */
}

body.fr #progress .progress-item.current {
  max-width: calc(((100% - 80px) / 6) + 80px)
    /* A small adjustment allows long step names to fit */
}

.app-indicator {
  padding-left: 3%;
  padding-right: 3%;
  margin: 10px 0px 10px;
  color: var(--app-indicator-colour);
}

#progress .progress-item:before {
  border-left: 15px solid var(--progress-item-incomplete-colour);
  right: -15px;
  z-index: 10;
}

#progress .progress-item::after {
  border-left: 15px solid #CCC;
  position: absolute;
  right: -16px;
  z-index: 9;
}

#progress .progress-item.current::before,
#progress .progress-item.complete:hover::before,
#progress .progress-item.complete:active::before {
  border-left: 15px solid var(--progress-item-current-colour);
}

#progress .progress-item.complete::before {
  border-left: 15px solid var(--progress-item-complete-colour);
}

#progress .progress-item:last-of-type::before,
#progress .progress-item:last-of-type::after {
  content: none;
}


@media (min-width: 1200px) {

  #progress .progress-heading,
  #progress .progress-item,
  #progress .progress-item::after,
  #progress {
    height: 54px;
  }

  /* Arrow */
  #progress .progress-item:before,
  #progress .progress-item:after {
    content: "";
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    position: absolute;
    top: 0;
  }

  #progress .progress-item:before {
    border-left: 15px solid var(--progress-item-incomplete-colour);
    right: -15px;
    z-index: 10;
  }

  #progress .progress-item:after {
    border-left: 15px solid #CCC;
    position: absolute;
    right: -16px;
    z-index: 9;
  }

  #progress .progress-item.current::before,
  #progress .progress-item.complete:hover::before,
  #progress .progress-item.complete:active::before {
    border-left: 15px solid var(--progress-item-hover-colour);
  }

  #progress .progress-item.complete::before {
    border-left: 15px solid var(--progress-item-complete-colour);
  }

  #progress .progress-item.complete.disabled:hover::before {
    border-left: 15px solid var(--progress-item-complete-colour);
  }

  #progress .progress-heading {
    padding: 0 10px;
    width: 80px;
  }

  #progress .progress-item {
    flex: 1 0 auto;
    justify-content: left;
    max-width: calc((100% - 80px) / 6)
      /* A small adjustment allows long step names to fit */
  }

  #progress .progress-item .step-holder {
    justify-content: left;
  }

  #progress .progress-item.current {
    max-width: calc(((100% - 80px) / 6) + 60px)
      /* A small adjustment allows long step names to fit */
  }

  body.fr #progress .progress-item.current {
    max-width: calc(((100% - 80px) / 6) + 80px)
      /* A small adjustment allows long step names to fit */
  }
}

/* Homepage */
#front-header {
  /* margin: 75px 0 0 0; */
  padding: 50px 60px 20px;
  background: #0096db;
  /* border-radius: 0px 36px 0px 0px; */
  position: relative;
  /* box-shadow: 0 2px 2px -2px #555; */
  /* min-height: 390px; */
  min-height: 440px;

  font-size: 36px;
  color: #fff;
}

#front-header .lead-in {
  font-size: 37px;
  font-family: 'MuseoSans100Regular';
  padding-left: 10px;
}

#front-header .thin {
  font-size: 28px;
  font-family: 'MuseoSans100Regular';
  position: relative;
  top: -17px;
  text-transform: uppercase;
}

#front-header .lead-in strong {
  font-family: 'MuseoSans500Regular';
}

#front-header .app-title {
  font-family: 'MuseoSans500Regular';
  font-size: 60px;
  line-height: 100%;
}

#front-header .header-main {
  color: white;
}

/* Owner Graphic*/
form[data-role="add_owner"] {
  background: var(--add-owner-banner-en);
  padding-top: 25%;
  background-size: contain;
}

body.fr form[action="/fr/add_owner/"] {
  background: var(--add-owner-banner-fr);
  padding-top: 25%;
  background-size: contain;
}

/* Forms */
fieldset {
  background: var(--fieldset-background-colour) 0% 0% no-repeat padding-box;
  margin: 10px 0 10px;
  padding: 10px 3%;
}

h3.section-title {
  margin-top: 26px;
  /* padding-left: 3%; */
}

.section-instructions__title,
.section-suffix__title {
  font-weight: bolder;
  padding-bottom: 5px;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 1.1em;
}

.section-instructions__content,
.section-suffix__content {
  padding-left: 3%;
  padding-bottom: 20px;
  padding-right: 3%;
}

.section-suffix {
  margin-top: 20px;
}

.fieldWrapper {
  width: 33%;
  display: inline-block;
  vertical-align: top;
}

.nested-fieldset {
  width: 90%;
  padding: 20px 0 20px 50px;
  margin: 10px 50px;
  border: 2px groove #b1b0a7;
}

.nested-fieldWrapper {
  width: 90%;
  display: inline-block;
  vertical-align: top;
}

.fieldWrapper.id_verify_email {
  width: 66%;
}

.fieldWrapper.id_verify_email input {
  width: 47.5%;
}

.fieldWrapper.investment-instructions-dynamic-form .numeric100 {
  padding-right: 0px;
}

.fieldWrapper.full-width {
  width: 100%;
  position: relative;
}

.fieldWrapper>label {
  color: #000;
  font-weight: bold;
}

.fieldLegend {
  display: none;
}

/* Vertical stack for country of residence */
div.id_flag_ca_tax_resident,
div.id_flag_us_tax_resident,
div.id_flag_other_tax_resident,
div.id_joint_fatca-flag_ca_tax_resident,
div.id_joint_fatca-flag_us_tax_resident,
div.id_joint_fatca-flag_other_tax_resident {
  display: block !important;
}

.resOptions {
  padding-left: 30px;
}

.fieldItem {
  display: inline-block;
  vertical-align: top;
  padding-right: 7px;
  padding-bottom: 7px;
}

#compound-interest .fieldItem,
#simple-interest .fieldItem,
#three-ladder .fieldItem,
#five-ladder .fieldItem {
  vertical-align: unset;
}

.fieldItem.full-width {
  width: 90%;
  position: relative;
}

.fieldItem.full-width .download-information,
.upload-file,
.send-form-directly-flag {
  margin: 25px 0 0 7%;
}

.fieldItem.fee_option {
  min-width: 130px;
}

.fieldItem.fee_option select {
  max-width: 90%;
}

#relinquishing-inst p.relinq-intro {
  font-style: italic;
}

#relinquishing-inst p.relinq-important {
  font-style: italic;
  font-weight: bold;
}

#relinquishing-inst a.delete-row {
  cursor: pointer;
}

.relinquishinginstall_set-0-relinquishing_funds_set-add-row,
.relinquishinginstall_set-1-relinquishing_funds_set-add-row,
.relinquishinginstall_set-2-relinquishing_funds_set-add-row,
.relinquishinginstall_set-3-relinquishing_funds_set-add-row,
.relinquishinginstall_set-4-relinquishing_funds_set-add-row {
  display: inline-block;
  background: var(--relinq-funds-add-row-colour);
  color: #fff;
  border-radius: 3px;
  padding: 9px 14px;
}

.relinquishinginstall_set-0-relinquishing_funds_set-dynamic-form a,
.relinquishinginstall_set-1-relinquishing_funds_set-dynamic-form a,
.relinquishinginstall_set-2-relinquishing_funds_set-dynamic-form a,
.relinquishinginstall_set-3-relinquishing_funds_set-dynamic-form a,
.relinquishinginstall_set-4-relinquishing_funds_set-dynamic-form a {
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  width: 90px;
  margin-top: 24px;
  text-align: center;
  background: var(--relinq-funds-delete-row-colour);
  color: #fff;
}

.relinquishinginstall_set-0-relinquishing_funds_set-dynamic-form a:hover,
.relinquishinginstall_set-1-relinquishing_funds_set-dynamic-form a:hover,
.relinquishinginstall_set-2-relinquishing_funds_set-dynamic-form a:hover,
.relinquishinginstall_set-3-relinquishing_funds_set-dynamic-form a:hover,
.relinquishinginstall_set-4-relinquishing_funds_set-dynamic-form a:hover {
  cursor: pointer;
}

#owner-date-of-birth {
  display: none;
}

#id_primary-0-share_percentage,
#id_primary-1-share_percentage,
#id_primary-2-share_percentage,
#id_primary-3-share_percentage,
#id_primary-4-share_percentage,
#id_contingent-0-share_percentage,
#id_contingent-1-share_percentage,
#id_contingent-2-share_percentage,
#id_contingent-3-share_percentage,
#id_contingent-4-share_percentage,
#id_relinquishing-funds-0-initial_pct,
#id_relinquishing-funds-1-initial_pct,
#id_relinquishing-funds-2-initial_pct,
#id_relinquishing-funds-3-initial_pct,
#id_relinquishing-funds-4-initial_pct {
  width: 75px;
}

#relinquishing-inst .relinquishing-inst-dynamic-form {
  border-bottom: 1px dashed #333;
  padding-bottom: 15px;
}

#relinquishing-inst .relinquishing-inst-dynamic-form:last-of-type {
  border-bottom: none;
}

#relinquishing-inst .relinquishing-inst-dynamic-form .delete-row {
  float: right;
}

#compound-interest a.delete-row,
a.add-row,
#simple-interest a.delete-row,
a.add-row {
  cursor: pointer;
}

.form-control {
  width: auto;
  display: inline-block;
}

.form-group label {
  display: block;
  margin: 0;
}

.form-group label.checkbox-label {
  display: inline-block;
  max-width: 88%;
}

.fieldItem.send-form-directly-flag label {
  vertical-align: middle;
}

.id_needs-needs_confirmation label,
.id_disclosure-accessed_documents label,
.id_recurring_pad_bank-same_pad label,
.id_withdrawals_pad_bank-same_pad label,
.id_withdrawals_pad_bank-flag_banking_information_on_file label{
  display: inline-block;
  padding-left: 26px;
}

.id_needs-needs_confirmation input,
.id_disclosure-accessed_documents input,
.id_recurring_pad_bank-same_pad input,
.id_withdrawals_pad_bank-same_pad input,
.id_withdrawals_pad_bank-flag_banking_information_on_file input {
  position: absolute !important;
  left: 0;
  top: -5px !important;
}

.fieldWrapper.id_redeem_choices {
  width: 100%;
  position: relative;
}

.error ul li input {
  box-shadow: 0px 0px 3px 0px #FF4136;
}

.error input[type="checkbox"] {
  box-shadow: 0px 0px 3px 0px #FF4136;
}

.form-group ul li {
  list-style: none;
}

.form-group div {
  list-style: none;
}

.form-group {
  margin-bottom: 12px;
  padding-right: 3%;
}

a {
  color: var(--nav-bar-link-colour);
}

/* Input Styling */
select {
  /*Set appearance for Safari*/
  -webkit-appearance: menulist-button;
  height: 31px;
  margin-top: 3px;
  max-width: 100%;
  width: 100%;
  /*max-width: 80%;*/
}

input,
textarea {
  border: 1px solid #b1b0a7;
  margin-top: 3px;
  border-radius: 5px;
  padding: 4px 2px;

}

textarea.pefp-text {
  width: 100%;
  height: 80px;
}

input[type="text"],
input[type="number"] {
  box-shadow: 1px 1px 3px 0px #b1b0a7 inset;
}

input:focus {
  outline: none;
  box-shadow: 0 0 5px 0px rgb(59, 153, 252);
}

select[disabled] {
  background-color: #e7e7e4;
  color: #555;
  border: 1px solid #ddddd9;
}

#relinquishing-inst input[disabled] {
  background-color: #e7e7e4;
  color: #555;
  border: 1px solid #ddddd9;
  cursor: not-allowed;
}

select#id_language_pref,
select#id_preferred_language,
select#id_rdsp-agency-language_pref {
  max-width: 92px !important;
}

select#id_app_type {
  width:auto;
}

/* select#id_annuitant-relationship_to_owner {
  width: 31%;
} */

select[dtype="percent-dollar-option"],
select#id_split-option-percent_dollar,
select#id_percent_dollar {
  width: 50px !important;
}

input[type=radio][disabled]:before {
  content: '';
  background: rgba(231, 231, 228, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 46px;
  left: -1px;
}

input[type=checkbox][disabled]:before {
  content: '';
  background: rgba(231, 231, 228, 0.5);
  width: 70%;
  height: 100%;
  position: absolute;
  left: -5px;
}

input[type="radio"] {
  background: var(--check-sprite-round-icon);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  height: 23px;
  width: 23px;
  border: 0;
  position: relative;
  top: 6px;
}

input[type="radio"]:checked {
  background-position: 0% 0%;
}

input[type="checkbox"] {
  background: var(--check-sprite-icon);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  height: 23px;
  width: 23px;
  border: 0;
  position: relative;
  top: 6px;
}

input[type="checkbox"]:checked {
  background-position: 0% 0%;
}

input[type="radio"][name*="gender"][value="M"]:after {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--male-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  right: 19px;
  top: -15px;
}

input[type="radio"][name*="gender"][value="F"]:after {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--female-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  right: 19px;
  top: -15px;
}

input[type="radio"][name="advisor_meeting_type"][value="in person"]:after,
td.in-person:before {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--in-person-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  right: 19px;
  top: -15px;
}

input[type="radio"][name="advisor_meeting_type"][value="nftf"]:after,
td.non-face-to-face:before {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--non-ftf-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  right: 19px;
  top: -15px;
}

.fieldWrapper input[type="text"] {
  width: 100%;
}

.fieldWrapper input[type="email"] {
  width: 100%;
}

.fieldWrapper input#id_verify_email {
  width: 47.6% !important;
}

/* .fieldWrapper #id_single_pad_amount, */
.fieldWrapper #id_recurring_amount,
.fieldWrapper #id_other_company_transfer_amount,
.fieldWrapper #id_tfsa_transfer_amount {
  width: 47.5% !important;
}

/* Specific form styling */
.id_spousal_type {
  width: 100%;
  display: block;
}

.id_flag_retirement_income,
.id_flag_swp {
  width: 100%;
}

/* Initial Deposit */
.id_former_spouse_first_name,
.id_former_spouse_middle_initial,
.id_former_spouse_last_name {
  position: relative;
  padding-top: 22px;
}

/* .id_single_pad_amount, */
.id_recurring_amount,
.id_tfsa_transfer_amount,
.id_other_company_transfer_amount {
  width: 66%;
}

#relinquishing-funds .fieldWrapper,
#relinquishing-funds .nested-fieldWrapper {
  width: 100%;
}

.digital-warning {
  display: none;
}

#blue-box {
  background: var(--submit-banner-colour);
  min-height: 75px;
}

#blue-box.docusign {
  width: 100%;
  float: left;
  margin-top: 10px;
}

#blue-box input ,
#blue-box a[data-role="button"] {
  float: right;
  margin-top: 20px;
  margin-right: 5%;
}

#blue-box a:not([data-role="button"]) {
  float: right;
  margin-top: 31px;
  margin-right: 5%;
  color: var(--go-back-font-colour);
  text-decoration: none;
}

a.go-back {
  color: var(--other-heading-font-colour);
}

#blue-box button {
  float: left;
  margin-top: 31px;
  margin-left: 5%;
  color: var(--go-back-font-colour);
  text-decoration: none;
  background-color: transparent;
  border: transparent;
}

button.disc-docs-btn {
  color: var(--go-back-font-colour);
}

/* Footer */
footer.footer {
  background: #333;
  color: #fff;
  padding-bottom: 12px;
}

.top-footer {
  border-bottom: 1px solid #777;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.top-footer .top-footer-link {
  padding-right: 20px;
  display: inline;

}

.top-footer .top-footer-link a {
  color: #fff;
}

.main-footer {
  padding: 20px;
}

.main-footer .footer-section {
  font-size: 15px;
}

.main-footer a {
  color: #FFF;
  text-decoration: underline
}

.bottom-footer {
  padding: 5px 20px;
}

.footer-trademark {
  padding-bottom: 10px;
}

.social {
  margin-top: -10px;
}

.social ul {
  display: flex;
}

body.fr .col-xs-3.footer-logo:before {
  content: '';
  background: url(../img/white-logo-fr.png) #333 no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.social-links {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.social a:hover {
  text-decoration: none;
}

.navbar-header {
  width: 100%;
  background: #fff;
}

.main-container {
  margin-top: 80px;
}

.login-btn {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  margin-left: 20px;
}

.intro {
  padding-top: 12px;
  /* padding-left: 3% */
}

.alternative_texts {
  padding-top: 12px;
  display: none;
}

.add-row {
  display: inline-block;
  color: var(--submit-button-hover-font-colour);
  background: var(--add-row-colour);
  border-color: #4cae4c;
  padding: 9px 14px;
  border-radius: 3px;
}

.add-row:hover {
  color: #00496A;
  background: var(--add-row-colour);
  border-color: #398439;
  text-decoration: none;
}

.add-row:focus {
  color: #00496A;
  background: var(--add-row-colour);
}

.delete-row {
  color: #fff;
  background: var(--delete-row-colour);
  border-color: #d43f3a;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  width: 90px;
  margin-top: 24px;
  text-align: center;
}

.delete-row:hover {
  color: #fff;
  background: var(--delete-row-colour);
  border-color: #ac2925;
  text-decoration: none;
}

.delete-row:active {
  background: var(--delete-row-colour);
}

.required {
  color: var(--required-field-indicator-colour);
}

.page-intro {
  margin-top: 20px;
  /* padding-left:3%; */
}

/* Docusign Info */
#esignature,
#page-de-signatures {
  background: none;
}

#esignature .fieldWrapper,
#page-de-signatures .fieldWrapper {
  width: 100%;
  position: relative;
}

.id_pin {
  margin-top: 1em;
}

.id_pin,
.id_advisor_email {
  background: var(--fieldset-background-colour);
  padding: 1em;
}

.id_embedded,
.id_pin,
.id_advisor_email {
  border-bottom: 1px solid #b1b0a7;
  padding-bottom: 1em;
}

.id_advisor_email {
  display: grid;
  grid-template: "a" auto
    "c" auto
    "b" auto
    "d" auto;
}

label[for="id_advisor_email"] {
  grid-area: a;
}

#id_advisor_email {
  grid-area: b;
}

.help {
  grid-area: c;
}

.change-email-panel {
  grid-area: d;
}

#id_embedded {
  padding: 0;
}

#id_embedded label[for="id_embedded_0"] {
  margin-bottom: 72px;
}

.id_embedded p.help {
  position: absolute;
  left: 0;
  top: 40px;
}

.id_advisor_email p.help {
  float: left;
  margin-top: 8px;
}

input#id_advisor_email {
  width: 240px;
  background: #e7e7e4;
  cursor: not-allowed;
}

select#id_advisor_email {
  width: 350px;
  margin-left: 10px;
}

.change-email-panel {
  clear: both;
  margin: 15px 0 0;
}

.submit-wrapper.loading,
.submit-wrapper-lg.loading {
  display: inline-block;
  position: relative;
}

.submit-wrapper.loading::after {
  content: "";
  background-image: var(--loading-indicator);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  height: 30px;
  position: absolute;
  right: -35px;
  top: 0px;
  width: 30px;
}

.submit-wrapper-lg.loading::after {
  content: "";
  background-image: var(--loading-indicator);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  height: 30px;
  position: absolute;
  right: -40px;
  top: 10px;
  width: 30px;
}

h3.section-title.politically-exposed,
h3.section-title.joint-politically-exposed,
h3.section-title.third-party-interests {
  display: none !important;
}

.pefp-intro ol,
.pefp-intro ul {
  margin: 0 0 0 5px;
  padding: 0;
}

.pefp-intro .form_prefix_footer {
  margin: 10px 0 0 -10px;
  font-size: large;
}

.pefp-intro ol.pefp-sensitive-positions {
  list-style-type: none;
}

.pefp-intro ol.pefp-sensitive-positions>li::marker {
  content: counter(list-item, lower-alpha) ") ";
}

.pefp-intro p.header,
.pefp-intro ol.pefp-sensitive-positions li ul {
  margin-bottom: 3px;
}

.id_owner_pefp_details,
.id_joint_owner_pefp_details {
  width: 75%;
}

.id_flag_owner,
.id_flag_joint_owner {
  width: 20%;
}

.fieldWrapper.id_source_of_funds,
.fieldWrapper.id_source_of_wealth,
.fieldWrapper.id_source_funds_other_description,
.fieldWrapper.id_source_wealth_other_description {
  display: block;
  margin: 10px 0;
  width: 100%;
}

.fieldWrapper.id_source_funds_other_description,
.fieldWrapper.id_source_wealth_other_description {
  margin-left: 40px;
}

.fieldWrapper.id_source_of_wealth label,
.fieldWrapper.id_source_of_funds label {
  display: block;
}

.fieldWrapper.id_source_of_funds #id_source_of_funds {
  margin: 0;
}

.fieldWrapper.id_source_of_funds #id_source_of_funds li,
.fieldWrapper.id_source_of_wealth #id_source_of_wealth li,
.fieldWrapper.id_source_of_funds #id_source_of_funds div,
.fieldWrapper.id_source_of_wealth #id_source_of_wealth div {
  display: inline-block;
  padding-right: 20px;
}

.fieldWrapper.id_source_of_funds #id_source_of_funds li:last-child,
.fieldWrapper.id_source_of_funds #id_source_of_funds div:last-child {
  padding-right: 0;
}

#id_pin {
  width: 150px;
}

/* Products Page End */

.fieldWrapper.form-group.id_annuitant-preferred_phone,
.fieldWrapper.form-group.id_annuitant-alternate_phone,
.fieldWrapper.form-group.id_annuitant-email,
.fieldWrapper.form-group.id_annuitant-verify_email,
.fieldWrapper.form-group.id_annuitant-lg_first_name,
.fieldWrapper.form-group.id_annuitant-lg_middle_initial,
.fieldWrapper.form-group.id_annuitant-lg_last_name,
.fieldWrapper.form-group.id_annuitant-lg_preferred_phone,
.fieldWrapper.form-group.id_annuitant-lg_email {
  width: 33%;
}

.fieldWrapper.form-group.id_annuitant-lg_alternate_phone {
  width: 66%;
}

.fieldWrapper.form-group.id_annuitant-lg_alternate_phone #id_annuitant-lg_alternate_phone {
  width: 47.65%;
}

/*.fieldWrapper.form-group.id_annuitant-preferred_phone {
  width: 50%;
}

.fieldWrapper.form-group.id_annuitant-alternate_phone {
  width: 25%;
  margin-left: -17%;
}

.fieldWrapper.form-group.id_annuitant-email {
  width: 50%;
}

.fieldWrapper.form-group.id_annuitant-verify_email {
  width: 25%;
  margin-left: -17%;
}

.fieldWrapper.form-group.id_annuitant-lg_first_name {
  width: 50%;
}

.fieldWrapper.form-group.id_annuitant-lg_middle_initial {
  width: 25%;
  margin-left: -17%;
}

.fieldWrapper.form-group.id_annuitant-lg_last_name {
  width: 25%;
  margin-left: 8%;
}

.fieldWrapper.form-group.id_annuitant-lg_preferred_phone {
  width: 25%;
}
.fieldWrapper.form-group.id_annuitant-lg_alternate_phone {
  width: 25%;
  margin-left: 8%;
}

.fieldWrapper.form-group.id_annuitant-lg_email {
   width: 50%;
}*/

.fieldWrapper.form-group.id_annuitant-verify_email label,
.fieldWrapper.form-group.id_annuitant-lg_verify_email label {
  white-space: nowrap;
}

.id_annuitant-lg_email p.help {
  margin-top: 5px;
}

.fieldWrapper.form-group.id_annuitant-lg_verify_email {
  width: 33%;
  /*width: 25%;
  margin-left: -17%;*/
}

/*.id_annuitant-lg_email p.help {
  width: 200%;
}*/

.id_annuitant-relationship_to_owner p.help {
  display: none;
  margin-top: 20px;
}



/* Products Page End */

/* Beneficiaries Page */

#add_contingent_bene+h3.section-title {
  display: none !important;
}

#contingent {
  margin-top: 0;
  border-top: 0;
}

.primary-dynamic-form:not(:first-of-type),
.contingent-dynamic-form:not(:first-of-type) {
  border-top: 1px dashed #333;
  padding-top: 15px;
  margin-top: 8px;
}

#beneficiaries .fieldItem:nth-child(-n+2),
#beneficiaries .fieldItem:nth-child(4) {
  width: 19%;
}

#beneficiaries .fieldItem:nth-child(3) {
  width: 25%;
}

#beneficiaries .fieldWrapper {
  padding-right: 0px;
}

#beneficiaries .delete-row {
  display: block;
}

/* Beneficiaries Page End */

/* Initial Deposit Page */

fieldset.total-investment-type {
  border-bottom: none;
  margin-top: 0;
  border-top: none;
}

fieldset#relinquishing-funds {
  border-top: none;
  margin-top: 0;
}

.fieldWrapper.id_relinquishing-inst-transfer_type {
  width: 100%;
}

.fieldWrapper.id_spouse_description {
  width: 100%;
}

input[type="checkbox"][name*="send_form_directly_flag"] {
  margin-left: 40px;
}

h4.download-step,
h4.upload-step {
  position: relative;
  padding-left: 35px;
}

h4.download-step span {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--download-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  left: 0;
  top: -15px;
}

h4.upload-step span {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--upload-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  left: 0;
  top: -15px;
}

input[type="checkbox"][name*="send_form_directly_flag"]:after {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--mailbox-icon);
  background-size: 75%;
  position: absolute;
  display: inline-block;
  right: 19px;
  top: -15px;
}

.investment-instructions-dynamic-form:not(:first-of-type) {
  border-top: 1px dashed #333;
  padding-top: 15px;
  margin-top: 8px;
}

#relinquishing-inst .fieldWrapper-formset {
  width: 33%;
}

#relinquishing-inst .fieldWrapper-formset.full-width {
  width: 100% !important;
}

#relinquishing-inst .nested-fieldWrapper .fieldWrapper-formset {
  width: 28% !important;
}

#relinquishing-inst .nested-fieldWrapper .hidden-input-div {
  display: none !important;
}

.nested-fieldset>.nested-fieldWrapper {
  width: 94% !important;
  padding-bottom: 12px;
  border-bottom: 1px dashed #333;
}

.nested-fieldset>.nested-fieldWrapper:last-of-type {
  border-bottom: 0;
}

#relinquishing-inst .nested-fieldset input[type="number"],
#relinquishing-inst .nested-fieldset input.numeric {
  width: 115px !important;
}

#relinquishing-inst .full-width input[type="radio"],
#id_relinquishinginstall_set-0-send_form_directly_flag {
  width: 23px !important;
}

form#deposits fieldset#investment-instructions div.investment-instructions-dynamic-form .fieldWrapper-formset.fieldItem[data-field=fee_option] {
  max-width: 340px;
}

/**** Initial Deposit > GIC **/
#gic_header.drawer {
  position: fixed;
  top: 0;
  right: -100%;
  /* closed by default*/
  height: 100vh;
  min-height: -webkit-fill-available;
  width: auto;
  z-index: 1100;
}

#gic_header.drawer:not(.animation) {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

#gic_header.drawer.closed {
  right: -100%;
}

#gic_header.drawer.open {
  right: 0;
}

.warning-panel [data-role="closeBtn"],
.gic-threshold-warning div[data-role="closeBtn"],
#gic_header.drawer div[data-role="closeBtn"] {
  border: 1px solid #000;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  height: 30px;
  padding: 5px;
  position: absolute;
  right: 10px;
  text-align: center;
  transition: background-color, 0.3s;
  top: 10px;
  width: 30px;
}

.warning-panel [data-role="closeBtn"]:hover,
.gic-threshold-warning div[data-role="closeBtn"]:hover,
#gic_header.drawer div[data-role="closeBtn"]:hover {
  background-color: rgba(190, 0, 0, 0.1)
}

div[data-id="gic-rates"] {
  display: flex;
  flex-direction: row;
}

div[data-id="gic-rates"].vertical {
  flex-direction: column;
  min-height: 400px;
  width: 100%;
  height: 90%;
}

:not(.collapsing)>div[data-id="gic-rates"].vertical {
  overflow-y: auto;
}

.gic-row {
  background: transparent;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.gic-item {
  padding: 8px;
  text-align: center;
}

.gic-row .gic-item:nth-child(even) {
  background-color: #F9F9F9;
}

.gic-row .gic-item:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}

div[data-id="gic-rates"].vertical .gic-row {
  /* border-bottom:1px solid #F9F9F9; */
  display: flex;
  flex-direction: row;
  flex: auto;
}

#gic_header.drawer div[data-id="gic-rates"].vertical .gic-row {
  flex: 1 0 0
}

div[data-id="gic-rates"].vertical .gic-row .gic-item:nth-child(even) {
  background-color: #F9F9F9;
}

div[data-id="gic-rates"].vertical .gic-row .gic-item {
  flex: 1 0 0;
  border-bottom: none 0 transparent;
  text-align: center;
}

div[data-id="gic-rates"].vertical .gic-row .gic-item[data-role="header"] {
  width: 200px;
}

div[data-id="gic-rates"].vertical .gic-row .gic-item:not(:last-child),
#gic_header.drawer div[data-id="gic-rates"].vertical .gic-row .gic-item {
  border-right: 1px solid #E9E9E9;
}

.gic-row:first-child .gic-item,
.gic-row .gic-item:first-child {
  font-weight: bold;
}


.section-title button[data-role="rate-toggle"] {
  color: #0a425a;
  background-color: #aab300;
  border-radius: 3px;
  font-size: 16px;
  margin-left: 10px;
  padding: 9px 14px;
}

.section-title button[data-role="rate-toggle"]:hover {
  color: #fff;
  background-color: #9ba300;
}

.section-title button[data-role="rate-toggle"].disabled {
  color: #c9caa2;
}

.section-title button[data-role="rate-toggle"] span[data-label="closed"] {
  display: inline;
}

.section-title button[data-role="rate-toggle"] span[data-label="open"] {
  display: none;
}

.section-title button[data-role="rate-toggle"][data-state="open"] span[data-label="closed"] {
  display: none;
}

.section-title button[data-role="rate-toggle"][data-state="open"] span[data-label="open"] {
  display: inline;
}

#gic_header.drawer {
  transition: right 0.4s;
}

#gic_header.drawer.animation[data-direction="open"] {
  right: 0;
}

#gic_header.drawer.animation[data-direction="closed"] {
  right: -100%;
}


html.mobile #gic_header.drawer {
  background: #f3f3f3;
  height: 100%;
  transition: left 0.4s;
  width: 100%;
}

html.mobile #gic_header.drawer.animation[data-direction="open"] {
  left: -10px;
}

html.mobile #gic_header.drawer.animation[data-direction="closed"] {
  left: -100%;
}

html.mobile #gic_header.drawer:not(.collapsing) {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

html.mobile #gic_header.drawer {
  left: -100%;
}

html.mobile #gic_header.drawer.open {
  left: -10px;
}

html.mobile .gic_toggle_div {
  margin: 0;
}

[data-role="gic-rate-toggle"] {
  background-color: #FFF;
  border: 2px solid #005C84;
  border-radius: 50%;
  color: #0096db;
  display: inline-block;
  font-size: 16px;
  height: 26px;
  line-height: 24px;
  margin: 0 15px 0 5px;
  position: relative;
  text-align: center;
  transition: color 0.4s, background-color 0.4s, border 0.4s;
  top: -10px;
  width: 26px;
}

[data-role="gic-rate-toggle"]:hover {
  background-color: #0096db;
  border: 2px solid rgb(103, 169, 172);
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
}

.ladder-term {
  line-height: 35px;
}

#gic-options .fieldWrapper {
  margin-right: 10px;
  width: auto;
}

#gic-options .fieldWrapper label {
  min-width: 110px;
}

div[data-role='simple_interest_payout_wrapper'] {
  margin-top: 10px;
}

div[data-role='simple_interest_payout_wrapper'] .id_gic-options-simple_interest_frequency {
  width: 100%;
}

#id_gic-options-simple_interest_frequency {
  display: flex;
  padding: 0;
}

.fieldWrapper.id_gic-options-simple_interest_frequency {
  width: 100%;
}

#id_gic-options-simple_interest_frequency li {
  flex: 0 1 auto;
  display: flex;
  margin-right: 20px;
}

.fieldWrapper[class*="id_daily-interest-daily_interest_"] {
  padding-left: 2px;
  padding-right: 0;
  width: auto;
}

#bank-account-details-third-party input[disabled],
#recurring_pad_bank_third_party input[disabled] {
  background-color: #e7e7e4;
  color: #555;
  border: 1px solid #ddddd9;
  cursor: not-allowed;
}

/**** Initial Deposit > GIC End **/

/* Initial Deposit Page End */

/* Recurring PAD (Deposit) Page */

.recurring_pad_funds-dynamic-form:not(:first-of-type),
.scheduled_switches-dynamic-form:not(:first-of-type) {
  border-top: 1px dashed #333;
  padding-top: 15px;
  margin-top: 8px;
}

#recurring_pad_bank,
#withdrawals_pad_bank {
  border-top: 1px dashed #333;
  margin-top: 25px;
  padding-top: 15px;
}

.gic-threshold-warning {
  /* background-color: rgb(253, 239, 218); */
  background-color: rgb(247, 242, 184);
  border: 1px solid rgb(150, 140, 5);
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 20px 60px 10px 20px;
  position: relative;
  width: 100%;
}

.gic-threshold-warning div[data-role="closeBtn"] {
  font-size: 10px;
  height: 20px;
  line-height: 10px;
  width: 20px;
}

input.warning {
  border: 1px solid #D4C733;
}

/* Recurring PAD (Deposit) Page End */

h3.section-title.fatca,
h3.section-title.joint-fatca {
  display: none !important;
}

fieldset.verification-of-owner,
fieldset.joint-verification-of-owner {
  border-bottom: none;
}

fieldset.fatca,
fieldset.joint-fatca {
  margin-top: 0;
  border-top: none;
}

/* Owner */
/* .id_app_type {
  width: 100% !important;
}
*/

#id_app_type {
  padding: 0;
  margin-top: 3px;
}

.id_download_button {
  margin-top: 5px;
  width: 65% !important
}

#download_rdsp_guide {
  width: fit-content;
  color: #fff;
  cursor: pointer;
}
.input-with-icon-end {
  position: relative;
  display: flex;
  align-items: center;
}

.input-icon {
  position: absolute;
  right: 10px;
  top: 12px;
  /* Place the icon at the end of the input */
  color: #666;
  cursor: pointer;
  /* Add a pointer cursor for better UX */
}

.input-with-icon-end input {
  padding-right: 30px;
  /* Adjust to prevent overlapping with the icon */
  width: 100%;
  /* Match bootstrap form-control height if needed */
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-with-icon-end i {
  font-size: 16px;
}
#id_app_type li,
#id_app_type div,
#id_third_party_interest_flag div {
  display: inline-block;
  padding: 3px;
}

div#id_gender,
div#id_joint_gender,
div#id_joint-gender,
div#id_plan_beneficiaries-gender,
div#id_annuitant-gender,
div#id_spousal-gender,
div#id_third_party_interest_flag,
div#id_source_of_funds,
div#id_source_of_wealth {
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

div#id_advisor_meeting_type {
  display: block;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

#id_third_party_interest_flag li,
#id_flag_owner li,
#id_flag_joint_owner li,
#id_third_party_interest_flag div,
#id_flag_owner div,
#id_flag_joint_owner div {
  display: inline-block;
}

#id_third_party_interest_flag li:last-of-type,
#id_flag_owner li:last-of-type,
#id_flag_joint_owner li:last-of-type,
#id_third_party_interest_flag div:last-of-type,
#id_flag_owner div:last-of-type,
#id_flag_joint_owner div:last-of-type {
  margin-left: 15px;
}

span.hover-text {
  color: #005C84;
}

.id_newsletter_optin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.id_newsletter_optin label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.id_newsletter_optin input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding-right: 40px;
}

.id_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.id_confirmation label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 88%;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 15px;
}

.id_confirmation input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding-right: 20px;
  float: left;
}

.id_confirmation .help {
  order: 2;
  margin-top: 10px;
}

.consent_confirmed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.consent_confirmed label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 88%;
  top: 3px;
  position: relative;
}

.consent_confirmed input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  margin-right: 10px;
  top: 0;
}

/* Product Selection Page */
.id_annuitant-annuitant_flag {
  width: 100%;
  clear: both;
}

#id_annuitant-annuitant_flag {
  padding-right: 30px;
}

.id_annuitant-annuitant_flag p.help {
  margin: 10px 0 0;
}

.id_succ_annuitant-sannuitant_flag {
  width: 100%;
  clear: both;
}

#id_succ_annuitant-sannuitant_flag {
  padding-right: 30px;
}

.id_successor-sowner_flag {
  width: 100%;
  clear: both;
}

#id_successor-sowner_flag {
  padding-right: 30px;
}

.id_choices-file_proof_of_age,
.id_spousal-file_proof_of_age {
  width: 100%;
}

#filters {
  padding: 1%;
  margin-bottom: 10px;
}

.fieldWrapper.form-group.id_lg_annuitant-email p.help {
  width: 100%;
}

.id_annuitant_address-canadian_resident {
  display: none;
}

.id_joint_address-canadian_resident {
  display: none;
}

.gif100only {
  display: none
}

.disabled--link {
  display: none;
}

.cp30-link,
.gif75-link,
.gif100-link,
.info_folder-link,
.fund_facts-link,
.rdsp_trust_agreement-link,
.fund-facts {
  list-style-type: none;
}

#disclosure ul.documents {
  padding: 0;
}

#disclosure ul.documents li:not(:first-child) {
  margin-top: 10px;
}

.info_folder-link a,
.rdsp_trust_agreement-link a,
.fund_facts-link a {
  margin-left: 40px;
}

.cp30-link a:hover,
.gif75-link a:hover,
.gif100-link a:hover,
.info_folder-link a:hover,
.rdsp_trust_agreement-link a:hover,
.fund_facts-link a:hover,
.fund-facts a:hover {
  text-decoration: none;
}

/* Product selection fileupload css */
.inputfile {
  /* visibility: hidden etc. wont work */
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile:focus+label {
  /* keyboard navigation */
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
  pointer-events: none;
}

.file-upload-wrap {
  display: inline-block;
  border: 1px solid #b1b0a7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 3px 0 5px;
  padding: 3px 10px 3px 3px;
  white-space: nowrap;
}

.file-upload-wrap input {
  background: #fff;
  padding: 3px 15px;
  margin: 0 10px 0 0;
  font-weight: bold;
}

/* modal dialogue */
#modal {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

#modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

#modal-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  padding: 40px;
  background: white;
  width: 540px;
  border-radius: 10px;
}

#modal-close {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  padding: 1px;
  background: #eee;
  border-radius: 50%;
  width: 25px;
  text-align: center;
}

#modal.wide #modal-card {
  overflow: auto;
  width: 90%;
}

/* Error Handling */

ul.site-messages {
  list-style-type: none;
  margin: 0 auto;
}

p.site-message {
  background-color: transparent;
  margin: 0 auto;
  padding: 20px 80px;
}

.site-message-wrapper.error {
  background: #f2dede;
  color: #A94442;
  padding: 15px;
  border-radius: 5px;
  margin-top: 6px;
  list-style: none;
}

.site-message-wrapper.info {
  background: #fcf8e3;
  padding: 15px;
  border-radius: 5px;
  margin-top: 6px;
  list-style: none;
}

#disclosure.error, 
.error input,
.error select,
.error textarea {
  border: 1px solid #FF4136;
}

#disclosure.error {
  box-shadow: 1px 1px 2px 2px #a9444263;
}

.errorlist {
  list-style: none;
  font-size: 11px;
  padding-left: 0px;
}

.errorlist li {
  background-color: #F4EAE9;
  background-image: linear-gradient(to bottom, #F4F5F4 0, #F4EAE9 33%, #F3DADA 100%);
  color: #A94442;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
}

div.site-notifications {
  bottom: 0;
  background-color: rgba(102, 102, 102, 0.4);
  padding-top: 1px;
  position: fixed;
  width: 100%;
  z-index: 99;
}

.site-notification,
.targeted-messages,
.site-messages {
  background-color: transparent;
  margin: auto;
}

.site-notification,
.targeted-messages {
  padding: 20px;
}

.site-notification {
  align-items: center;
  display: flex;
  padding-right: 100px;
}

.notification-body {
  flex: 1 0 auto;
  max-width: 100%;
}

.notification-body:not(:first-child) {
  margin-top: 10px;
}

/* .gic-accent{
  background-image:url('/static/img/GIC-EN-icon.png');
  background-size: 180px 180px;
  color : rgb(10, 66, 90);
  height: 180px;
  padding: 48px 0;
  position: absolute;
  right: -10px;
  text-align:center;
  top: 30px;
  width: 180px;
} */

.inner_pages {
  margin: 0;
}

a.sort-link {
  color: #fff;
  text-decoration: underline;
}

.hidden {
  display: none;
}

.soft-disable{
  cursor: pointer;
  pointer-events: none;
  opacity: 0.7;
}

#add-owner #confirm-submit-wrapper{
  align-items: center;
  background-color: rgba(0,0,0,0.7);
  display:flex;
  height: 100%;
  justify-content: center;
  left:50%;
  position:fixed;  
  top:50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index:10005;
}

#add-owner #confirm-submit{
  background-color: #F9F9F9;
  border:1px solid #bbb;
  border-radius: 10px;
  box-sizing: border-box;
  max-width: 550px;
  padding:20px;
  text-align: center;
}

#add-owner #confirmation-controls{
  display: flex;
  justify-content: space-between;
  width:100%;
}

#unlicensed-thank-you{
  background-color: #cfe4ff;
  border: 1px solid #00537A;
  border-radius: 5px;
  margin: 20px auto 40px auto;
  padding: 20px 0;
  text-align: center;
  width:90%
}

/* ====================================
   Mobile
   ==================================== */

.mobileOnlyTextBreak {
  display: none;
}

/* ====================================
   MEDIA QUERIES
   ==================================== */

@media(max-width: 1200px) {

  #progress .progress-heading,
  #progress .progress-item,
  #progress .progress-item::after,
  #progress {
    height: 54px;
  }

  #progress .progress-item:before,
  #progress .progress-item::after {
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
  }

  #beneficiaries .fieldItem:nth-child(-n+2),
  #beneficiaries .fieldItem:nth-child(4) {
    width: 28%;
  }

  #beneficiaries .fieldItem:nth-child(3) {
    width: 30%;
  }

  /* Applications dashboard overflow is now scrollable with a macOS fix to show scrollable bar */
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

  #applications_dashboard_scrollable {
    overflow: scroll;
  }

  .hidden-lg {
    display: none;
  }

  #progress .progress-heading {
    padding: 10px 5px;
    width: min-content;
  }

  html:not(.mobile) fieldset[data-role="gic-rates-wrapper"] {
    padding: 5px;
  }

  html:not(.mobile) .gic-item {
    padding: 2px;
  }
}


/* Tablet styling for input fields */

@media(max-width: 992px) {
  .fieldWrapper.full-width {
    width: 100% !important;
  }

  .fieldWrapper,
  .fieldWrapper.id_verify_email {
    width: 49.5% !important;
  }

  .fieldWrapper.id_verify_email input {
    width: 100%;
  }

  .fieldWrapper input#id_verify_email {
    width: 100% !important;
  }

  /* Product Selections page */
  .fieldWrapper.id_annuitant-annuitant_flag {
    display: block !important;
  }

  select#id_annuitant-relationship_to_owner {
    width: 100%;
  }

  .fieldWrapper.form-group.id_annuitant-preferred_phone,
  .fieldWrapper.form-group.id_annuitant-alternate_phone,
  .fieldWrapper.form-group.id_annuitant-email,
  .fieldWrapper.form-group.id_annuitant-verify_email,
  .fieldWrapper.form-group.id_annuitant-lg_first_name,
  .fieldWrapper.form-group.id_annuitant-lg_middle_initial,
  .fieldWrapper.form-group.id_annuitant-lg_last_name,
  .fieldWrapper.form-group.id_annuitant-lg_preferred_phone,
  .fieldWrapper.form-group.id_annuitant-lg_email {
    width: 49.5%;
  }

  .fieldWrapper.form-group.id_annuitant-lg_alternate_phone {
    width: 100% !important;
  }

  .fieldWrapper.form-group.id_annuitant-lg_alternate_phone #id_annuitant-lg_alternate_phone {
    width: 47.9% !important;
  }

  /* Beneficaries page */
  #beneficiaries .fieldItem:nth-child(-n+2),
  #beneficiaries .fieldItem:nth-child(4) {
    width: 30%;
  }

  #beneficiaries .fieldItem:nth-child(3) {
    width: 38%;
  }

  /* Initial Deposit page */
  .fieldWrapper #id_single_pad_amount,
  .fieldWrapper #id_other_company_transfer_amount,
  .fieldWrapper #id_tfsa_transfer_amount {
    width: 100% !important;
  }

  #relinquishing-inst .fieldWrapper-formset {
    width: 49.5% !important;
  }

  #relinquishing-inst .nested-fieldWrapper .fieldWrapper-formset {
    width: 26% !important;
  }

  #relinquishing-inst .nested-fieldset {
    width: 100%;
    padding: 20px;
    margin: 10px;
  }

  /* Mobile Styling */
  .mobileOnlyTextBreak {
    display: inherit;
  }

  #front-header {
    text-align: center;
  }

  .navbar-collapse {
    border-bottom: 1px solid #eee;
  }

  .mobileOnlyAlignCenter {
    text-align: center !important;
  }

  #mobileWrapper {
    text-align: center;
  }

  #mobileWrapper li {
    text-align: left;
  }

  .mobileListItems {
    margin: 0 auto;
    display: inline-block;
  }
}

/* navbar styles for mobile */

@media(max-width: 767px) {

  .navbar-toggle .icon-bar {
    background-color: #00537A;
  }

  #navbar-right-collapse {
    max-height: 340px;
    /* margin-left: -38%;*/
    padding-left: 5%;
  }

  .nav.navbar-nav.navbar-right {
    margin-top: 40px;
  }

  .navbar-toggle {
    position: absolute;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #00537A;
    cursor: pointer;
    border-radius: 4px;
    top: 0;
    right: 10px;
  }

  .nav>li {
    position: relative;
    display: block;
    text-align: right;
  }

  .navbar-nav>li>a {
    line-height: 16px;
    white-space: nowrap;
    font-size: 12px;
  }

  #logout-mobile {
    display: inline;
    margin-left: -9%;
  }

  #logout-desktop {
    display: none;
  }

  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #ccc;
    padding-left: -5px;
    margin-left: 40%;
  }

  .navbar-collapse.in {
    overflow-y: unset;
  }
}

@media(min-width: 768px) {
  .body {
    padding-top: 80px;
  }

  #logout-mobile {
    display: none;
  }

  #logout-desktop {
    display: inline;
  }
}


.el-policy-add-button-wrapper {
    display: flex;           
    justify-content: flex-end; 
    width: 100%;            
    min-height: 10px;        
    overflow: visible;      
    visibility: visible;     
    margin-top: 10px;                   
    margin-bottom: 0px;               
    padding-right: 40px;  
    padding-bottom: 0px;             
}

.id_el_policy_contract_number_2 {
    display: none; 
}

#additional-el-policy-fields {
    display: none !important; 
}

.fieldWrapper.form-group.id_add_el_policy_button {
    display: none !important;
}

.fieldWrapper.form-group.id_el_policy_contract_number_2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 365px !important; 
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px !important;
    margin-bottom: 0;
    float: none !important;
    clear: both !important;
}

.el-policy-input-and-button-group {
    display: flex;                   
    flex-direction: column;          
    justify-content: flex-end;       
    align-items: flex-end;           
    width: 100%;                     
    margin: 0;                       
    padding: 0;                      
}

.fieldWrapper.form-group.id_el_policy_contract_number_2 label {
    display: block;          
    text-align: left;        
    width: 100%;             
    margin-bottom: 5px;      
    margin-right: 0;         
    white-space: normal;     
    vertical-align: top;     
}

.fieldWrapper.form-group.id_el_policy_contract_number_2 input[type="text"] {
    width: 100%;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

.delete-row.button {
    vertical-align: middle;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 0;
    align-self: flex-end; 
}

#initial-deposits>div.fieldWrapper.form-group.id_flag_transfer_from_other>p {
  margin-left: 25px;
}

#id_flag_transfer_from_other {
  top: -10px;
}

#initial-deposits>div.fieldWrapper.form-group.id_flag_transfer_from_other>label {
  max-width: 86%;
}

legend.gic_legend {
  color: transparent !important;
  margin: 0 !important;
  border: 0 !important;
}

#empire-transfer-options {
  display: flex;
  flex-direction: column-reverse;
}

legend.gic_legend {
  color: transparent !important;
  margin: 0 !important;
  border: 0 !important;
}

.id_advisory_fee {
  display: block;
  width: 100%;
  padding-top: 12px;
}

#corp-owner>div>.fieldWrapper-formset {
  width: 30%;
}

.delete-row {
  display: block;
}

.corp-owner-dynamic-form,
.signing-authority-dynamic-form {
  border-bottom: 2px dashed #000;
  margin: 10px 0px;
  padding: 10px 0px;
}

.corp-owner-dynamic-form>.resOptions>div {
  width: 30%;
}

.id_corp-entity-bind-binding_other {
  margin-left: 10px;
  margin-top: 5px;
}

.signing-authority-dynamic-form>.full-width .contact_form_label {
  display: block;
  width: 100%;
}

.signing-authority-dynamic-form> :not(.full-width) {
  width: 30%;
}

.signing-authority-dynamic-form {
  border-bottom: 2px dashed #000;
  margin: 10px 0px;
  padding: 10px 0px;
}

div[data-field="fund_name"] {
  max-width: 40%;
}

div[data-field="is_minor"] {
  margin-top: 15px;
}

.no-print-html {
  display: none;
}

@media print {
  /* Hide these elements when printing or generating the PDF */
  .no-print {
      display: none;
  }

  /* If you want to ensure certain elements are visible during PDF generation */
  .print-only {
      display: block;
  }
}

.blue-text {
  color: #005C84;
}

.grey-background-privacy-consent {
  background-color: #DFE3E7;
}

.padding-10 {
  padding: 10px;
}

.form-wrapper-privacy {
  width: 100%;
}

.field-wrapper-privacy {
  display: flex;
  margin-bottom: 15px;
}

.field-label-privacy {
  flex: 1; /* Takes 30% space */
  padding-right: 10px; /* Adds some space between the label and input */
  text-align: left; /* Aligns the label to the left */
}

.field-input-privacy {
  flex: 2; /* Takes 70% space */
}
.field-input-privacy input {
  width: 100%;
}

#id_flag_rdsp_deposit_including {
  display: flex;
  flex-direction: row;
  padding-inline: 10px;
}
#id_flag_rdsp_deposit_including div {
  padding-inline: 10px;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip-wrapper .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 4px;

  /* Positioning */
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;

  /* Transition */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-wrapper:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

input[readonly] {
  background-color: transparent; /* Light gray, similar to disabled fields */
  color: black; /* Gray text color */
  border-color: #ced4da; /* Match the border of disabled fields */
  cursor: not-allowed; /* Disabled cursor style */
}

select[readonly], input[type="checkbox"][readonly] {
  pointer-events: none; /* Prevent interaction */
  background-color: transparent; /* Match disabled appearance */
  color: black;
  border-color: #ced4da;
  cursor: not-allowed; /* Indicate non-interactive field */
}

input[type="checkbox"][readonly] {
  opacity: 0.5; /* Dim to match disabled appearance */
}