/*
    Layout v2.5 Mark 3

    Table of Contents

    1. Variables
    2. General Elements & Classes
    3. Page Structure
    4. Page General Containers
    5. Inputs
    6. Buttons
    7. Controls
    8. Pages
    9. Admin Console
    10. Utility classes

*/
/*
    1. Variables
*/
:root {
  /*colors*/
  /*gray scale*/
  --color-white-light: #f9fafb;
  --color-white-normal: #fff;
  --color-white-dark: #e5e7eb;
  --color-gray-light: #c2c2c2;
  --color-gray-light2: #e7e7e7;
  --color-gray-normal: #6b7280;
  --color-gray-dark: #4b5563;
  --color-black-light: #1f2937;
  --color-black-normal: #111827;
  --color-black-dark: #030712;
  /*client colors*/
  --color-primary-light: #499bdd;
  --color-primary-normal: #05273f;
  --color-primary-dark: #286090;
  --color-secondary-light: #ef4444;
  --color-secondary-normal: #dc2626;
  --color-secondary-dark: #b91c1c;
  --color-tertiary-light: #10b981;
  --color-tertiary-normal: #059669;
  --color-tertiary-dark: #047857;
  --color-quaternary-light: #fcd34d;
  --color-quaternary-normal: #ffca63;
  --color-quaternary-dark: #f59e0b;
  --color-link-before: #0055b8;
  /*font family*/
  --font-family: "Roboto", sans-serif;
  --font-family-alt: "Playfair", serif;
  /*fonts*/
  /*default font*/
  --font-size: 14px;
  --font-lineheight: 20px;
  --font-color: #333333;
  --font-weight: 400;
  /*input*/
  --font-size-input: 16px;
  --font-lineheight-input: 20px;
  --font-color-input: var(--color-black-light);
  --font-weight-input: 400;
  --font-family-input: var(--font-family);
  /*input label*/
  --font-size-input-label: 17px;
  --font-lineheight-input-label: 20px;
  --font-color-input-label: var(--font-color);
  --font-weight-input-label: 300;
  --font-family-input-label: var(--font-family);
  /*input label focus*/
  --font-size-input-label-focus: 14px;
  --font-lineheight-input-label-focus: 20px;
  --font-color-input-label-focus: var(--font-color);
  --font-weight-input-label-focus: 300;
  --font-family-input-label-focus: var(--font-family);
  --text-transform-input-label-focus: uppercase;
  /*label font*/
  --font-size-label: 16px;
  --font-lineheight-label: 20px;
  --font-color-label: var(--font-color);
  --font-weight-label: 500;
  --font-family-label: var(--font-family);
  /*page-header | h1 font*/
  --font-size-pageHeader: 30px;
  --font-lineheight-pageHeader: 30px;
  --font-color-pageHeader: #333333;
  --font-weight-pageHeader: 700;
  --font-family-pageHeader: var(--font-family-alt);
  /*page-section-header | h2 font*/
  --font-size-sectionHeader: 24px;
  --font-lineheight-sectionHeader: 24px;
  --font-color-sectionHeader: var(--color-primary-dark);
  --font-weight-sectionHeader: 500;
  --font-family-sectionHeader: var(--font-family-pageHeader);
  /*page-sub-section-header | h3 font*/
  --font-size-subSectionHeader: 20px;
  --font-lineheight-subSectionHeader: 20px;
  --font-color-subSectionHeader: var(--font-color-pageHeader);
  --font-weight-subSectionHeader: 400;
  --font-family-subSectionHeader: var(--font-family-pageHeader);
  /*page structure*/
  --working-page-width: 860px;
  /*control structure*/
  --control-width: 400px;
  --control-height: 40px;
  --horizontal-object-spacer: 20px;
  --section-gap: 40px;
  --object-gap: 10px;
  --control-width-half: calc(calc(var(--control-width) - var(--object-gap)) / 2);
  --border-radius: 4px;
  /*background colors*/
  --header-background: #fff;
  --layout-background: #fff;
  --footer-background: #606060;
  /*column structure*/
  --column-width: 66px;
  --column-spacer: 24px;
  --column-spacer-vertical: 40px;
  --column-spacer-half: calc(var(--column-spacer) / 2);
  --column-width-2: calc(calc(var(--column-width) * 2) + var(--column-spacer));
  --column-width-3: calc(calc(var(--column-width) * 3) + calc(var(--column-spacer) * 2));
  --column-width-4: calc(calc(var(--column-width) * 4) + calc(var(--column-spacer) * 3));
  --column-width-5: calc(calc(var(--column-width) * 5) + calc(var(--column-spacer) * 4));
  --column-width-6: calc(calc(var(--column-width) * 6) + calc(var(--column-spacer) * 5));
  --column-width-7: calc(calc(var(--column-width) * 7) + calc(var(--column-spacer) * 6));
  --column-width-8: calc(calc(var(--column-width) * 8) + calc(var(--column-spacer) * 7));
  --column-width-9: calc(calc(var(--column-width) * 9) + calc(var(--column-spacer) * 8));
  --column-width-10: calc(calc(var(--column-width) * 10) + calc(var(--column-spacer) * 9));
  --column-width-11: calc(calc(var(--column-width) * 11) + calc(var(--column-spacer) * 10));
  --column-width-12: 100%;
  /* space */
  --space-1: 1rem;
  --space-2: 2rem;
  --space-4: 4rem;
}

@media all and (max-device-width: 450px), all and (max-width: 450px) {
  :root {
    --control-width: 100%;
    --control-width-half: 100%;
  }
}

/*
working page width
*/
/*1056px*/
:root {
  --working-page-width: calc(calc(var(--column-width) * 12) + calc(var(--column-spacer) * 11));
}

/*
  1056px -> working with in actual pixels: 
  1080px -> 1056px + 48px -> working page width when 
      taking into account overall left/right 
      padding (standard spacer)

  we step down the working page width 2 columns until we hit the min width of column width 4
*/
@media all and (max-device-width: 1104px), all and (max-width: 1104px) {
  :root {
    --working-page-width: calc(calc(var(--column-width) * 9) + calc(var(--column-spacer) * 8));
  }
}

@media all and (max-device-width: 834px), all and (max-width: 834px) {
  :root {
    --working-page-width: calc(calc(var(--column-width) * 6) + calc(var(--column-spacer) * 5));
  }
}

@media all and (max-device-width: 540px), all and (max-width: 540px) {
  :root {
    --working-page-width: 100%;
    --column-width-2: 100%;
    --column-width-3: 100%;
    --column-width-4: 100%;
    --column-width-5: 100%;
    --column-width-6: 100%;
    --column-width-7: 100%;
    --column-width-8: 100%;
    --column-width-9: 100%;
    --column-width-10: 100%;
    --column-width-11: 100%;
    --column-width-12: 100%;
  }
}

/*
  2. General Elements & Classes
*/
/*
  generic elements
*/
html,
body {
  font-size: var(--font-size);
  line-height: var(--font-line-height);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-family: var(--font-family);
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
p,
label,
input,
select,
textarea,
form {
  margin-block: 0;
  padding: 0;
  padding-block: 0;
  width: 100%;
}

h1,
.h1 {
  font-size: var(--font-size-pageHeader);
  line-height: var(--font-lineheight-pageHeader);
  color: var(--font-color-pageHeader);
  font-weight: var(--font-weight-pageHeader);
  font-family: var(--font-family-pageHeader);
  margin: 0 0 0 0;
}

h2,
.h2 {
  font-size: var(--font-size-sectionHeader);
  line-height: var(--font-lineheight-sectionHeader);
  color: var(--color-primary-normal);
  font-weight: var(--font-weight-sectionHeader);
  font-family: var(--font-family);
  margin: 0 0 0 0;
}

h3,
.h3 {
  font-size: var(--font-size-subSectionHeader);
  line-height: var(--font-lineheight-subSectionHeader);
  color: var(--font-color-subSectionHeader);
  font-weight: var(--font-weight-subSectionHeader);
  font-family: var(--font-family);
  margin: 0 0 0 0;
}

h4,
.h4 {
  font-size: var(--font-size);
  line-height: var(--font-line-height);
  color: var(--font-color);
  font-weight: var(--font-weight-pageHeader);
  font-family: var(--font-family);
  margin: 0 0 0 0;
}

legend {
  display: none;
}

a {
  display: flex;
  align-items: center;
  color: var(--color-link-before);
  font-weight: 400;
}

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

label {
  font-size: var(--font-size-label);
  line-height: var(--font-lineheight-label);
  color: var(--font-color-label);
  font-weight: var(--font-weight-label);
  font-family: var(--font-family-label);
  display: inline;
}

.icheckbox_square-black,
.icheckbox_square-red,
.icheckbox_square-green,
.icheckbox_square-blue,
.icheckbox_square-aero,
.icheckbox_square-grey,
.icheckbox_square-orange,
.icheckbox_square-yellow,
.icheckbox_square-pink,
.icheckbox_square-purple {
  background-color: white;
}

.iradio_square-black,
.iradio_square-red,
.iradio_square-green,
.iradio_square-blue,
.iradio_square-aero,
.iradio_square-grey,
.iradio_square-orange,
.iradio_square-yellow,
.iradio_square-pink,
.iradio_square-purple {
  background-color: white;
  border-radius: 50%;
}

/*
  generic classes
*/
.page-text {
  /* display: flex; */
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.content-container .page-text {
  text-align: center;
}

.disclosure-text {
  font-size: 14px;
}

.disclosure-text > *,
.page-text > * {
  display: inline;
}

/*
  3. Page Structure
*/
/*parent layout class*/
.layout {
  background-color: var(--layout-background);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  /* gap: var(--section-gap); */
}

/* Remove whitespace to right  */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

/*main structure elements*/
header,
main {
  width: 100%;
  display: flex;
  margin: 0;
  padding: 0 20px;
}

footer {
  width: 100%;
  /* display: flex; */
  margin: 0;
  padding: 0 20px;
}

header {
  box-shadow: none;
  background-color: var(--header-background);
  z-index: 50;
  border-bottom: 2px solid var(--color-gray-light2);
  position: fixed;
}

main {
  flex-grow: 1;
  margin-bottom: auto;
  align-items: flex-start;
  margin-top: 12em;
}

footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: var(--color-primary-normal);
}

@media all and (max-device-width: 400px), all and (max-width: 400px) {
  header,
  main,
  footer {
    padding: 10px 5px;
  }
}

/*structure element containers*/
header > .layout-container,
main > .layout-container,
footer > .layout-container {
  width: var(--working-page-width);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 100px;
}

header > .layout-container,
footer > .layout-container {
  width: calc(var(--working-page-width) + 200px);
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  gap: var(--object-gap);
}

main > .layout-container > span {
  /*this is span that start the fivision_PageContent*/
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--section-gap);
}

footer > .layout-container {
  justify-content: space-between;
  font-size: 16px;
  align-items: flex-start;
  gap: 20px;
  border: none;
}

/*layout structure specific*/
/*header specific items*/
.header-logo > img {
  width: 300px;
  padding: 2rem 1rem;
}

.header-item-container {
  flex-grow: 1;
  display: flex;
  gap: var(--object-gap);
  align-items: center;
}

/* Remote Auth start */

.RemoteAuthNavContainer {
  display: flex;
  justify-content: space-evenly;
  padding-top: 1rem;
}

.RemoteAuthNavContainer > #pnlDirectionButtons,
.RemoteAuthNavContainer > #pnlRemoveAuthDeny {
  width: fit-content;
}

.RemoteAuthCBContainer {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.AgreementContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

/* Remote Auth end */

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  header > .layout-container {
    width: 100%;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 1em;
  }
}

/*main specific items*/
/*footer specific items*/
footer {
  text-align: left;
  padding: 5em;
}

.font-bold {
  font-weight: 700;
}

.underline {
  text-decoration: underline;
  color: white;
}

.w-full {
  width: 100%;
}

div.flex {
  display: inline-flex;
  padding-top: 1.5rem;
}

.footer_disclosures-menu li {
  padding-right: 10px;
  display: inline-flex;
}

.institution-copywrite {
  display: inline-flex;
  font-size: 14px;
}

.institution-copywrite div {
  padding: 0 2px;
}

.footer_disclosures-menu ul {
  padding: 2rem 0 0 0;
}

.footer_disclosures-menu li a {
  color: var(--color-white-normal);
  font-weight: 400;
  font-size: 18px;
}

#footer_menus-container {
  display: flex;
}

#footer_menus-container > div {
  width: 33%;
  margin: 5px;
}

#footer_disclosures-container {
  display: flex;
  padding-top: 3em;
  padding-left: 3.8em;
}

footer p {
  color: inherit;
}

footer ul {
  list-style-type: none;
}

footer .footer__first-nav li a {
  color: var(--color-white-normal);
  font-weight: 700;
  font-size: 18px;
}

#menu-footer-secondary-menu a {
  color: var(--color-white-normal);
  font-size: 18px;
}

.footer__headquarters {
  font-size: 18px;
}

.footer__headquarters a {
  color: var(--color-white-normal);
}

footer #footer_insured-equal-housing-images img {
  height: 45px;
  margin-right: 10px;
  width: auto;
}

footer #moblie-app-widget img {
  height: auto;
  width: 215px;
}

footer #social-links img {
  height: auto;
  margin-right: 20px;
  width: 35px;
}

#footer_cobrowsing-code-button-container {
  padding-top: 2rem;
}

.footer__cobrowsing-button {
  background: #5b5b5b;
  border: 0;
  color: var(--color-white-normal);
  height: 2rem;
}

.footer__cobrowsing-button:hover {
  border: 0;
}

@media (max-width: 768px) {
  .footer__cobrowsing-button {
    margin: 2rem 0;
  }

  #footer_disclosures-container {
    display: flex;
    padding-top: 0;
    padding-left: 0;
  }

  #footer_menus-container {
    display: flex;
    flex-direction: column;
    justify-content: left !important;
    align-content: left;
    /* padding-top: 3rem; */
  }

  #footer_menus-container > div {
    width: 100%;
  }

  .footer__first-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: left;
    padding: 0 !important;
  }

  .menu-footer-top-level-menu-container > ul,
  .menu-footer-secondary-menu-container > ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer_disclosures-container {
    display: flex;
    flex-direction: column !important;
  }

  #footer_disclosures-container > div {
    width: 100%;
    justify-content: center;
  }

  .footer__headquarters {
    margin-top: 0.5rem;
  }

  footer li {
    margin-bottom: 0.75rem;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  #social-links {
    margin-top: 1rem;
  }
}

.footer_insured-equal-housing-icons {
  object-fit: contain;
}

#footer_disclosures-and-copyright-container {
  width: 33%;
}

#footer_cobrowsing-code-button-container {
  display: flex;
  justify-content: center;
  width: 33%;
}

#footer_insured-equal-housing-text {
  display: flex;
  justify-content: left;
  width: 20%;
  font-size: 14px;
  font-weight: 400;
  padding-top: 1em;
}

#footer_insured-equal-housing-images {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  position: relative;
  width: 14%;
}

@media (max-width: 768px) {
  #footer_insured-equal-housing-images {
    margin-top: 1.5rem;
  }
}

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  footer > .layout-container {
    width: 100%;
    flex-direction: column;
  }

  .footer-item {
    width: 100%;
  }

  .footer-item.institution-copywrite {
    flex-wrap: wrap;
  }
}

/*
  4. Page Level Items
*/
.page-content,
.page-content > span[id*="IndividualHandler"] {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--section-gap);
}

.content-header-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--object-gap);
}

.content-header-text {
  /* display: flex; */
  gap: 5px;
}

.content-header-text > * {
  display: inline;
}

.content-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--object-gap);
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}

.section-container {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  width: 100%;
}

.section-header,
.subsection-header {
  border-bottom: 1px solid var(--color-primary-normal);
  margin-top: 2rem;
}

.subsection-header {
  border: none;
  margin-bottom: var(--object-gap);
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--object-gap);
}

.flex-column {
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  display: flex;
}

.fiviMultiInput {
  width: 100%;
  /* position: relative; */
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--object-gap);
}

.page-content .fiviPanel > .fiviMultiInput.fiviPanelContainer {
  flex-direction: column;
  gap: var(--section-gap);
}

.section-container .fiviPanel > .fiviMultiInput.fiviPanelContainer {
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

.flex-column .fiviPanel > .fiviMultiInput.fiviPanelContainer {
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

.navigation-other-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*
  Page Navigation
*/
.page-navigation-container,
.fiviPanelContainer div[align="center"]:has(span[id="btnOTPSendCode"]) {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  margin-bottom: 2.5rem;
}

.fiviPanelContainer div[align="center"]:has(span[id="btnOTPSendCode"]) {
  padding-top: 40px;
}

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  .page-navigation-container,
  .fiviPanelContainer div[align="center"]:has(span[id="btnOTPSendCode"]) {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .fiviPanelContainer div[align="center"]:has(span[id="btnOTPSendCode"]) {
    flex-direction: column-reverse;
  }

  .navigation-other-container > span {
    min-width: 125px;
    display: flex;
    justify-content: center;
  }
}

/*
  Accordions
*/
.panel-group {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: calc(var(--object-gap) / 2);
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-group .panel.panel-default {
  border: 1px solid var(--color-primary-normal);
  box-shadow: none;
  border: 4px solid var(--color-gray-light2);
  background-color: var(--color-white-normal);
}

.panel-group .panel-heading {
  background-color: transparent;
  background-image: none;
  border-radius: 4px;
}

.panel-heading.collapsed {
  background-color: var(--color-white-normal);
}

.panel-heading.collapsed + .collapsing {
  background-color: var(--color-white-normal);
}

.panel-title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-family: var(--font-family);
}

.panelArrow {
  color: var(--color-primary-dark);
}

.CursorPointer {
  cursor: pointer;
}

.panel-body {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
  padding: 0px 15px 10px 15px;
}

/*
  Thumbnails
*/
.thumbnail-stack-container {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
  height: 505px;
}

.thumbnail {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: var(--control-width);
  padding: 15px;
  gap: var(--object-gap);
  height: 100%;
  justify-content: flex-start;
  border: 4px solid var(--color-quaternary-normal);
  background-color: var(--color-white-normal);
  border-radius: 1.5rem;
  align-items: center;
  text-align: center;
}

.content-container > .thumbnail {
  height: 550px;
  padding-top: 2.5em;
}

.content-container > .thumbnail > .thumbnail-call-to-action {
  flex-grow: 1;
  margin-top: auto;
}

.thumbnail-icon {
  align-self: center;
  width: fit-content;
  font-size: 27px;
  color: var(--color-primary-normal);
  border: 2px solid var(--color-primary-normal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: var(--layout-background);
}

.thumbnail > .h4 {
  color: var(--color-primary-normal);
  text-decoration: underline;
}

.thumbnail > .disclosure-text.fill-align {
  text-align: justify;
}

.thumbnail > ul {
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 27px;
  list-style-type: none;
  text-align: left;
}

.thumbnail > ul > li:before {
  content: "- ";
  font-weight: 700;
}

.thumbnail-call-to-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*
  Buttons
*/
.button-primary,
.fiviIncomeControl .btn.SecondaryButton.MinorButton,
#addHousingDurationBtnPanel .btn.SecondaryButton.MinorButton,
.fiviBeneOwnership .btn.DefaultNextButton.MinorButton {
  background-color: var(--color-primary-normal);
  border: 1px solid var(--color-primary-normal);
  color: #fff !important;
  font-weight: 400;
  width: fit-content !important;
  min-width: 175px;
  font-size: 16px;
  border-radius: 2.75rem;
  display: block;
  text-align: center;
  font-weight: 700;
  line-height: 24px;
  padding: 13.3333px 53.3333px;
  cursor: pointer;
}

/* .button-primary:hover, */
.button-primary:active,
.button-primary:focus,
.button-primary:hover,
.omnibrowse-code-button:hover,
.omnibrowse-code-button:active,
.omnibrowse-code-button:focus,
.fiviIncomeControl .btn.SecondaryButton.MinorButton:hover,
.fiviIncomeControl .btn.SecondaryButton.MinorButton:active,
.fiviIncomeControl .btn.SecondaryButton.MinorButton:focus,
#addHousingDurationBtnPanel .btn.SecondaryButton.MinorButton:hover,
#addHousingDurationBtnPanel .btn.SecondaryButton.MinorButton:active,
#addHousingDurationBtnPanel .btn.SecondaryButton.MinorButton:focus,
.fiviBeneOwnership .btn.DefaultNextButton.MinorButton:hover,
.fiviBeneOwnership .btn.DefaultNextButton.MinorButton:active,
.fiviBeneOwnership .btn.DefaultNextButton.MinorButton:focus {
  /* background-color: var(--color-primary-dark);
  border: 1px solid var(--color-primary-dark); */
  text-decoration: none;
  background-color: var(--color-gray-light2) !important;
  border: 1px solid #c2c2c2;
  color: var(--color-primary-normal) !important;
}

.button-other {
  color: var(--color-primary-normal);
  background-color: transparent;
  font-weight: 700;
  line-height: 2.5rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  border: none;
}

#btnAdd > input,
#dlDocumentList > input {
  color: var(--color-white-normal);
  background-color: var(--color-link-before);
  font-weight: 700;
  line-height: 2.5rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  width: fit-content !important;
  min-width: 175px;
  font-size: 16px;
  border-radius: 2.75rem;
  padding: 0.6em 0.8em;
  text-decoration: none;
}

#btnAdd > input:hover,
#dlDocumentList > input:hover {
  background-color: var(--color-gray-light2);
  color: #0d0d0d;
}

.button-other:hover,
.button-other:active,
.button-other:focus {
  text-decoration: underline;
  /* border: 2px solid var(--color-gray-light); */
}

.button-primary:disabled,
.button-other:disabled {
  opacity: 75%;
}

#btnBackButton_SubmitButton,
#btnBack_SubmitButton {
  background-color: var(--color-white-normal);
  border: 2px solid #003764;
  color: #003764;
  border-radius: 2rem;
  padding: 0.5rem 2rem;
  line-height: 1.2rem;
  min-height: 50px;
  min-width: 175px;
  text-decoration: none;
}

#btnBackButton_SubmitButton:hover {
  border: 2px solid var(--color-gray-light);
}

#IndIncome_btnAddIncome > input:hover,
#dlDocumentList > .button-primary:hover {
  background-color: var(--color-gray-light2);
  border: 1px solid #c2c2c2;
  color: var(--color-primary-normal) !important;
}

.omnibrowse-code-button {
  color: #fff;
  background-color: #5b5b5b;
  height: 3rem;
  border-radius: 2.75rem;
  border: 0;
  line-height: 1.2rem;
  font-size: 1.125rem;
  padding: 0.5rem 1.5rem;
}

.omnibrowse-code-button:hover {
  border: 0;
  background: #fff;
  color: #003764;
}

#btnSaveButton {
  padding-top: 1em;
}

.button-link {
  width: fit-content !important;
  color: var(--color-primary-normal);
  font-weight: 600;
  font-size: 16px;
  border: none;
  background: transparent;
}

.button-link:hover,
.button-link:active,
.button-link:focus {
  text-decoration: underline;
}

.button-card {
  color: #fff;
  background-color: #052740;
  font-weight: 400 !important;
  line-height: 2.5rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  border: 2px solid var(--color-primary-normal);
  border-radius: 2.75rem;
  padding: 0.3em 0.5em;
  width: 9em !important;
  /* width:fit-content; */
}

.btn-container > .button-card {
  width: 12em !important;
  padding: 0.3em 0.7em !important;
}

.button-card:hover {
  border: 2px solid #c2c2c2;
}

.default-disclosures-link > a {
  display: inline;
}

.button-outline {
  color: var(--color-primary-normal) !important;
  background: #fff;
}

/*
checkbox/radio button containers
*/
.checkbox-container-column-single {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

.checkbox-container-column-single .fiviCheckBox,
.checkbox-seperated-label {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--object-gap);
}

.checkbox-seperated-label .fiviCheckBox {
  width: fit-content;
}

.checkbox-seperated-label label > * {
  display: inline;
}

.checkbox-container-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--object-gap);
}

.checkbox-container-row > .fiviCheckBox {
  width: var(--control-width);
}

.checkbox-container-row-compact {
  display: flex;
  flex-direction: row;
  gap: var(--object-gap);
}

.checkbox-container-row > .fiviCheckBox label,
.checkbox-container-row-compact > .fiviCheckBox label {
  font-weight: 400;
  text-indent: -3px;
}

.checkbox-toggle {
  margin-top: var(--column-spacer-half);
}

.checkbox-toggle > .fiviCheckBox {
  min-height: auto;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 0;
  width: fit-content;
  height: auto;
  margin: 0 0 0 0;
  & input,
  & > .icheckbox_square-blue {
    display: none;
  }
  & > label {
    display: inline-flex;
    margin: 0px;
    font-weight: normal;
    position: relative;
    justify-content: center;
    align-items: center;
    gap: 10px;
    &:before {
      content: "";
      margin: 0;
      width: 48px;
      border: none;
      border-radius: 40px;
      background-color: #bfbfbf;
      height: 28px;
      order: 2;
      cursor: pointer;
    }
    &:after {
      content: "";
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 3px solid #bfbfbf;
      background-color: white;
      z-index: 2;
      display: inline;
      cursor: pointer;
      position: absolute;
      right: 20px;
      transition: all 120ms transformease-in-out;
    }
  }
}

.checkbox-toggle > .fiviCheckBox:has(input:checked) > label {
  &:before {
    background-color: #0055b8;
  }
  &:after {
    background-color: white;
    border-color: #0055b8;
    right: 0;
    transition: all 120ms transformease-in-out;
  }
}

/*
Question/Answer Containers
*/
.question-answer-container {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  width: 100%;
}

.question-text {
  font-size: 16px;
  font-weight: 500;
}

/*
  controls specific
*/
/*Input*/
.fiviInput {
  display: flex;
  position: relative;
  padding-top: 20px;
  width: var(--control-width);
  margin-bottom: 5px;
}

.fiviTwoInput {
  gap: var(--object-gap);
}

.fiviLongInput {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--object-gap);
  flex-wrap: wrap;
}

.fiviCheckBox {
  padding-top: 0px;
  margin-bottom: 0;
}

.form-input-seperated-label .fiviInput {
  padding-top: 0;
}

/*the actual input*/
.form-control {
  width: 100% !important;
  height: 40px;
  margin: 0;
  padding: 0px 10px 0px 10px;
  background-color: white;
  color: var(--font-color-input);
  font-size: var(--font-size-input);
  font-family: var(--font-family-input);
  font-weight: var(--font-weight-input);
  line-height: var(--font-lineheight-input);
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  border-bottom: 1px solid var(--color-primary-normal);
  box-shadow: 0 4px 6px -6px var(--color-primary-normal);
}

.TwoControls {
  margin: 0;
  padding: 0 10px 0 10px;
  width: var(--control-width-half) !important;
}

/*label*/
.DefaultLabelClass {
  position: absolute;
  left: 16px;
  top: 31px;
  color: var(--font-color-input-label);
  font-size: var(--font-size-input-label);
  font-family: var(--font-family-input-label);
  font-weight: var(--font-weight-input-label);
  line-height: var(--font-lineheight-input-label);
  cursor: text;
  transition: all 0.2s ease-in-out;
  text-align: left;
  width: 100%;
  pointer-events: none;
}

.form-input-seperated-label {
  position: relative;
}

.FocusLabelClass,
.fiviTwoInput .DefaultLabelClass,
.form-input-seperated-label > .DefaultLabelClass {
  top: 0;
  left: 0;
  color: var(--font-color-input-label-focus);
  font-size: var(--font-size-input-label-focus);
  font-family: var(--font-family-input-label-focus);
  font-weight: var(--font-weight-input-label-focus);
  line-height: var(--font-lineheight-input-label-focus);
  text-transform: var(--text-transform-input-label-focus);
}

.form-input-seperated-label > .DefaultLabelClass {
  position: relative;
}

.form-input-seperated-label > label {
  max-width: var(--control-width);
}

/*control validator*/
.CtlValidator {
  position: absolute;
  top: 32px;
  left: 3px;
  font-weight: 700;
  z-index: 2;
  width: 10px;
  font-size: 18px;
}

.fiviInput.TwoControls > .CtlValidator {
  top: 1.6rem;
}

.fiviProductFundingItem .CtlValidator {
  top: 2.4rem;
}

/*tool tip*/
.fiviInput .DefaultTooltipClass,
.fiviMultiInput .DefaultTooltipClass {
  position: absolute;
  right: 16px;
  top: 31px;
  width: fit-content;
}

.tooltip-arrow {
  display: none;
}

.tooltip-inner {
  /* width: min-content; */
  max-width: 350px !important;
}

.tooltip.right {
  left: 0px !important;
  top: -3em !important;
}

/*

*/
/*
  Common Control Attributes
*/
.fiviCheckBox,
.fiviCheckBox > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  gap: var(--object-gap);
}

/*
  fiVISION_ProgressBar
*/
.progress-container {
  flex-grow: 1;
}

.journey-bar-icons {
  display: none;
}

.journey-bar {
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}

.journey-bar > tbody > tr {
  display: flex;
  gap: 10px;
}

.journey-bar > tbody > tr > td {
  border-top: none;
  padding: 0;
}

.journey-bar-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 50px;
}

.journey-bar-group > span {
  padding: 0 7px;
  font-size: 14px;
}

.journey-bar-group:after {
  content: " ";
  width: 100%;
  height: 10px;
  border-radius: 5px;
}

.journey-bar-group.previous-group:after {
  background-color: var(--color-primary-normal);
}

.journey-bar-group.current-group:after {
  background-color: var(--color-primary-dark);
}

.journey-bar-group.future-group:after {
  background-color: var(--color-primary-light);
}

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  .journey-bar {
    justify-content: center;
  }
}

/*
fiVISION_ShoppingCart
*/
#ShoppingCartIcon > .shoping-cart-icon {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

#ShoppingCartIcon > .shoping-cart-icon > .shopping-cart {
  background-color: transparent;
  padding: 0;
  height: 25px;
}

#shoppingCartModal .modal-header.DefaultModalHeaderClass {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  gap: var(--object-gap);
}

#shoppingCartModal .modal-header.DefaultModalHeaderClass > label {
  width: auto;
  flex-grow: 1;
}

#shoppingcartModal .modal-body.DefaultModalBodyClass {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--section-gap);
}

#shoppingcartModal .modal-body.DefaultModalBodyClass > br,
#shoppingcartModal .modal-body.DefaultModalBodyClass > hr {
  display: none;
}

#shoppingCartModal .modal-body.DefaultModalBodyClass > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 60px;
  height: fit-content !important;
  width: 100%;
}

#shoppingCartModal .modal-body.DefaultModalBodyClass > div > span.pull-right {
  float: none !important;
}

#shoppingCartModal .modal-body.DefaultModalBodyClass > div > span:first-of-type {
  flex-grow: 1;
}

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  #ShoppingCart {
    bottom: -40px;
  }

  .ShoppingCartIcon label {
    font-size: 14px;
  }
}

@media all and (max-device-width: 450px), all and (max-width: 450px) {
  #shoppingcartModal .modal-body.DefaultModalBodyClass {
    flex-direction: column;
    align-items: center;
  }
}

/*
  fiVISION_panel
*/
.fiviPanel {
  width: 100%;
}

.fiviPanel > .fiviPanelContainer {
  width: 100%;
}

/*
fiVISION_TextBoxV2
*/
.section-container.barcode-scan-container {
  width: 100%;
  display: none;
}

.section-container.barcode-scan-container > .fiviInput {
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}

.section-container.barcode-scan-container > .fiviInput > label#lblLicenseScan {
  margin: 0;
  transform: none;
  left: unset;
}

/*
Multi Input TextBoxV2
*/
.multi-select-fiviInput-container > .fiviInput {
  flex-direction: column;
}

.multi-select-fiviInput-container > .fiviInput > div:not(.MultiSelectTextboxAddButton, .yui3-widget) {
  margin-top: var(--object-gap);
  position: relative;
}

.multi-select-fiviInput-container .MultiSelectTextboxAddButton > input {
  margin-top: var(--object-gap);
}

.MultiSelectTextboxAddButton {
  text-align: left !important;
}

.multi-select-fiviInput-container > .fiviInput i.fa-trash {
  position: absolute;
  right: 5px;
  top: 5px;
}

@media all and (max-device-width: 750px), all and (max-width: 750px) {
  .section-container.barcode-scan-container {
    display: flex;
  }
}

/*
  fiVISION_ProductsAndServicesV2
*/
.product-group-header {
  margin-top: 2rem;
}

.fiviProdServControl {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--object-gap);
  flex-wrap: wrap;
}

.fiviProdServ > .fiviCheckBox,
.fiviProdServ > .Product_MoreInfo {
  margin-bottom: var(--object-gap);
  width: 100%;
  flex-wrap: wrap;
}

.fiviProdServ > .fiviCheckBox > label {
  max-width: 300px;
  text-indent: -3px;
}

.fiviProdServ > .fiviCheckBox > * {
  width: fit-content;
}

.fiviProdServ > .fiviCheckBox > div:last-of-type:not(.icheckbox_square-blue) {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.fiviProdServ > .fiviCheckBox a {
  float: none !important;
}

.fiviProdInnerPanel {
  display: flex !important;
  flex-direction: column;
  gap: var(--object-gap);
  margin-bottom: calc(var(--object-gap) + 5px);
}

.fiviProdInnerPanel:last-of-type {
  margin-bottom: 0px;
}

.fiviProdPanel {
  margin-left: 15px;
  /* display: flex; */
  /* flex-direction: column; */
}

.product-services-container .fiviProdServControl {
  flex-direction: row;
  position: relative;
}

.product-services-container .fiviProdServ {
  width: var(--control-width);
  border: 1px solid var(--color-primary-normal);
  background-color: var(--color-white-light);
  border-radius: 10px;
  padding: 15px;
}

.product-services-container .fiviInput {
  width: 100%;
  margin-bottom: var(--horizontal-object-spacer);
}

/*
  fiVISION_ProveIndividualLookup
*/
#pilProve {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
}

.fiviMultiInput.fiviProveIndividualLookup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--object-gap);
}

.proveErrorInfoDiv {
  text-align: center;
}

.fiviMultiInput.fiviProveIndividualLookup > #pilProve_divButtons,
.prove-previous-app > .ProveButtons {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--object-gap);
}

.prove-check-phone-image-container > img {
  max-width: 500px;
  width: 100%;
}

/*
fiVISION_AddressTextBoxV2
*/
.address-container {
  width: var(--control-width);
  display: flex;
  flex-wrap: wrap;
  gap: var(--object-gap);
  position: relative;
}

.address-container > .sub-header {
  max-width: var(--control-width-half);
}

.fiviSameAs {
  position: absolute;
  width: var(--control-width-half);
  right: 0;
  top: -10px;
}

.fiviSameAs > label {
  text-indent: -3px;
  font-weight: 500;
  font-size: 14px;
}

.address-container .CtlValidator,
.address-container .DefaultTooltipClass {
  top: 60px;
}

@media all and (max-device-width: 450px), all and (max-width: 450px) {
  .fiviSameAs {
    position: relative;
    top: 0;
  }

  .address-container .CtlValidator,
  .address-container .DefaultTooltipClass {
    top: 94px;
  }
}

/*
fiVISION_PhoneNumberTextBoxV2
*/
.fiviInput.fiviLongInput.fiviPhoneControl .DefaultTooltipClass {
  left: calc(var(--control-width-half) - 25px);
}

.fiviPhoneControl > .fiviCheckBox {
  border: none;
  box-shadow: none;
}

.fiviLongInput.fiviPhoneControl > .CtlValidator {
  left: 5px;
}

/*
fiVISION_EmploymentHistory
*/
#TopLvlEmplInfoPanel {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

#addRemoveEmplBtnPanel > center {
  display: flex;
  text-align: left;
}

/*
fiVISION_IndividualIncome
*/
.fiviIncomeControl .fiviMultiContainer {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

.fiviIncomeControl .fiviMultiContainer > div:last-of-type {
  width: 100%;
  text-align: left;
}

/*
fiVISION_IndividualHyperlinkList
*/
.individual-list-container {
  display: flex;
  flex-direction: column;
  width: var(--control-width);
  gap: var(--object-gap);
}

.individual-list-container > span,
.individual-list-container > span td {
  width: var(--control-width);
  display: block;
}

.individual-list-container > span td a {
  display: inline;
}

/*
fiVISION_HousingDurationHistory
*/
#TopLvlHousingDurationHistoryPanel {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

#TopLvlHousingDurationHistoryPanel .fiviMultiSeperator {
  margin-top: calc(var(--horizontal-object-spacer) / 2);
  margin-bottom: var(--horizontal-object-spacer);
}

#addHousingDurationBtnPanel > center {
  text-align: left;
}

.DefaultAddressVerifyingClass.fiviHousingHistHeadText {
  width: var(--control-width);
  display: block;
}

#TopLvlHousingDurationHistoryPanel .fiviMultiSeperator + .fiviMultiInput tbody.fiviMultiInput > tr:first-of-type {
  flex-basis: 100%;
}

@media all and (max-device-width: 450px), all and (max-width: 450px) {
  #TopLvlHousingDurationHistoryPanel tbody.fiviMultiInput > tr,
  #TopLvlHousingDurationHistoryPanel tbody.fiviMultiInput > tr > td {
    width: 100%;
    display: block;
  }
}

/*
fiVISION_HMDAQuestions
*/
.fiviHMDA {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--object-gap);
}

.fiviHMDA > div,
.fiviHMDAControl {
  width: var(--control-width);
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  padding-right: 20px;
}

.fiviHMDAControl > .fiviMultiInput,
.fiviHMDAControl > .fiviMultiInput > div:not(.fiviCheckBox) {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
  width: 100%;
}

.fiviHMDAControl .fiviCheckBox {
  width: 100%;
  gap: var(--object-gap);
}

.fiviHMDAControl .fiviCheckBox > label {
  width: 100% !important;
  font-weight: 400;
}

/*
fiVISION_ProductRelationships
*/
.fiviProductRelationship {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100vw;
  width: 100%;
}

.fiviProductRelationship td {
  padding: 8px 32px !important;
  margin: 32px 0;
  vertical-align: middle !important;
}

.fiviProductRelationship table {
  overflow-x: auto;
  white-space: nowrap;
  border: none;
  margin-bottom: 0;
}

.fiviProductRelationship tr:nth-of-type(1) > td {
  font-weight: bold;
  text-align: left !important;
  border: none;
}

.fiviProductRelationship td,
.fiviProductRelationship tr {
  border: none;
}

/*
fiVISION_IDAuthenticationQuestions
*/
.fiviIDAuth {
  display: flex;
  flex-direction: column;
}

.fiviIDAuth > span {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-label);
  font-size: var(--font-size-label);
  line-height: var(--font-lineheight-label);
  gap: var(--object-gap);
}

.fiviIDAuth > br {
  display: none;
}

.fiviIDAuth > div {
  margin-bottom: var(--horizontal-object-spacer);
}

.fiviIDAuth .AnswerCSS label {
  font-weight: 400;
  font-size: 16;
}

#IDAuthenticationQuestions tbody {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
}

/*
fiVISION_ProductFundingV2
*/
.fiviProductFunding {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  align-items: flex-start;
}

.fiviProductFundingItem {
  margin: 0;
}

.fiviProductFundingItem > .fiviInput {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--object-gap);
}

.fiviProductFundingItem > .fiviInput > label,
.fiviProductFundingItem > .fiviInput > .form-control {
  width: var(--control-width-half) !important;
}

.fiviFundingAmount {
  padding: 0;
  height: var(--control-height);
  display: flex;
  align-items: center;
  width: var(--control-width);
  justify-content: space-between;
  border-top: 1px solid var(--color-primary-normal);
}

.ProductTypes_Funding {
  display: none;
}

@media all and (max-device-width: 450px), all and (max-width: 450px) {
  .fiviProductFundingItem > .fiviInput {
    flex-direction: column;
    text-align: right;
  }

  .fiviProductFunding {
    align-items: flex-end;
  }
}

/*
fiVISION_ACH
*/
.fiviACHStatus {
  width: var(--control-width);
  display: block;
}

.fiviACHStatus > span {
  font-weight: normal !important;
}

.fiviACHcbCont {
  width: var(--control-width);
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.fiviACHControl > .fiviCheckBox {
  width: 100%;
}

/*
fiVISION_CreditCardV2
*/
.fiviCreditCardControl {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
}

.fiviCCCardInfo {
  position: relative;
}

.fiviCCCardInfo > .DefaultAddressVerifyingClass {
  position: absolute;
  text-align: right;
  width: var(--control-width);
  padding-right: 10px;
}

.fiviCCCardInfo .fiviTwoInput {
  gap: 0;
}

.fiviCCCardInfo .TwoControls {
  width: 33%;
  padding: 0 0 0 0;
}

.fiviCCCardInfo .form-control.TwoControls {
  padding: 0 10px 0 10px;
}

.fiviCCCardInfo .TwoControls .form-control {
  width: 100% !important;
}

.fiviCCCardInfo .TwoControls .DefaultTooltipClass {
  top: 12px;
}

#CreditCard_Month {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#CreditCard_Year {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

#CreditCard_CVV {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
fiVISION_ProductsAndServicesSelected
*/
.fiviProdServiceSelected > div {
  margin: 0 !important;
}

.fiviProdServiceSelected ul {
  margin: 0 !important;
  padding-left: 30px;
}

/*
fiVISION_LoanStatus
*/
#LoanStatus {
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  width: 100%;
}

#LoanStatus > div {
  width: 100%;
}

#LoanStatus table {
  width: 100%;
}

/*
fiVISION_DocumentListV2
*/
.fiviDocumentList {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
}

.fiviDocListBtn {
  display: flex;
  justify-content: center;
}

.fiviDocumentList .fiviCenterBtn {
  margin-bottom: 0;
}

.fiviDocumentList td {
  vertical-align: middle !important;
}

.fiviDocumentList tr:nth-of-type(1) > td {
  font-weight: bold;
  text-align: left !important;
  border: none;
}

.fiviDocumentList td,
.fiviDocumentList tr {
  border: none;
}

.fiviDocumentList .DefaultTooltipClass {
  position: relative;
  right: unset;
  top: 0.4rem;
}

.fiviDocumentList td br {
  display: none;
}

/*
fiVISION_BeneficialOwnership
*/
.fiviBeneOwnership {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--horizontal-object-spacer);
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100vw;
  width: 100%;
}

.fiviBeneOwnership .fiviCenterBtn {
  margin-bottom: 0;
}

.fiviBeneOwnership table {
  overflow-x: auto;
  white-space: nowrap;
  border: none;
}

.fiviBeneOwnership td {
  padding: 8px 32px !important;
  margin: 32px 0;
  vertical-align: middle !important;
  text-align: center !important;
}

.fiviBeneOwnership tr:nth-of-type(1) > td {
  font-weight: bold;
  border: none;
}

.fiviBeneOwnership td,
.fiviBeneOwnership tr {
  border: none;
}

.fiviBeneOwnership tr > td:first-of-type {
  text-align: left !important;
}

/*
  Page Specific
*/
/*
Default
*/
@media all and (max-device-width: 500px), all and (max-width: 500px) {
  .page-Default .what-you-need-container {
    display: none;
  }
}

/*
  Select Account
*/
.required-products,
.product-services-container {
  flex-direction: column;
}

.product-disclosure-text {
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
}

/*
Application Summary
*/
.summary-container {
  gap: var(--horizontal-object-spacer);
}

.summary-container > .fiviPanel {
  width: var(--control-width);
}

.summary-item {
  width: var(--control-width);
  display: flex;
  flex-direction: column;
  gap: var(--object-gap);
}

.summary-button {
  color: var(--color-primary-normal);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.summary-item h3 {
  display: flex;
  align-items: center;
  gap: var(--object-gap);
}

/*
Disclosures
*/
.page-Disclosures .flex-column {
  gap: var(--object-gap);
}

.page-Disclosures .sub-header {
  color: var(--color-primary-dark);
}

/*
Funding Method
*/
.funding-ach-container > img {
  width: var(--control-width);
}

/*
Approved Page
*/
.page-Approved .sub-header {
  color: var(--color-primary-dark);
}

/* Beneficiaries */

#addExistLink {
  margin-bottom: var(--object-gap);
  a {
    display: inline-flex;
  }
}

.beneficiary-type-container {
  display: flex;
  gap: 2rem;
  .iradio_square-blue {
    margin-right: 0;
  }
}

/*
  random stuff
*/
.fiviMultiSeperator {
  width: var(--control-width);
  margin-left: calc(calc(var(--control-width) + var(--object-gap)) / 2);
  height: 2px;
  background-color: var(--color-primary-normal);
  box-shadow: 0 0 3px rgba(102, 175, 233, 0.6);
  position: relative;
}

.fivi-subtle-seperator {
  width: 100%;
  border-bottom: 1px solid var(--color-gray-normal);
  opacity: 50%;
}

@media all and (max-device-width: 850px), all and (max-width: 850px) {
  .fiviMultiSeperator {
    margin-left: 0;
  }

  .content-container {
    padding: 1em;
  }
}

.fiviRemoveBtn {
  position: absolute;
  left: calc(50% - 11px);
  top: -14px;
  z-index: 2;
  background-color: white;
  color: var(--color-primary-normal);
}

.fiviRemoveBtn:active,
.fiviRemoveBtn:hover,
.fiviRemoveBtn:focus {
  color: var(--color-primary-dark);
}

.flexBreak,
.flex-break {
  flex-basis: 100%;
  height: 0;
}

.add-another-button-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.layout.AdminConsole {
  min-height: auto;
}

.layout.AdminConsole > header,
.layout.AdminConsole > footer {
  display: none;
}

.layout.AdminConsole > main {
  padding: 40px 20px;
  margin-top: 0;
}

.layout.AdminConsole > main > .layout-container {
  width: 100%;
  max-width: 980px;
}

/* Default Page CSS  */
.content-header-container.has-header-banner-below + .section-container-default.error-container {
  margin-top: var(--column-spacer-vertical);
}

.section-container-default,
.section-container-default > #IndividualHandler01 {
  display: flex;
  flex-direction: column;
  /* gap: var(--column-spacer-vertical); */
  width: 100%;
  padding: 0 var(--column-spacer-half);
}

/*
fiVISION_TextBoxV2
*/
.section-container-default.barcode-scan-container {
  width: 100%;
  display: none;
}

.section-container-default.barcode-scan-container > .fiviInput {
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}

.section-container-default.barcode-scan-container > .fiviInput > label#lblLicenseScan {
  margin: 0;
  transform: none;
  left: unset;
}

/*
flex classes
*/
.flex-row-default {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--column-spacer);
  flex-wrap: wrap;
}

.flex-column-default {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--column-spacer);
}

.flex-row-default.flex-align-center {
  justify-content: center;
}

@media all and (max-device-width: 1104px), all and (max-width: 1104px) {
  .flex-row-default.flex-align-start {
    justify-content: center;
  }

  .page-ApplicantNewInitial .flex-row-default.flex-align-start,
  .page-RemoteAuthJointOwnerDetails .flex-row-default.flex-align-start {
    justify-content: flex-start;
  }
}

.column-container > .fiviPanel,
.column-container > .fiviPanel:not("#pnlExistingIndividualList") > .fiviPanelContainer {
  width: fit-content;
  gap: var(--column-spacer);
}

.column-container.flex-column {
  flex-direction: column;
}

/*
set columns
*/
.column-container {
  /* max-width: var(--working-page-width); */
  margin: 0 auto;
  width: 100%;
}

.column-width-1 {
  width: var(--column-width);
}

.column-width-2 {
  width: var(--column-width-2);
}

.column-width-3 {
  width: var(--column-width-3);
}

.column-width-4 {
  width: var(--column-width-4);
}

.column-width-5 {
  max-width: var(--column-width-5);
  width: 100%;
}

.column-width-6 {
  max-width: var(--column-width-6);
  width: 100%;
}

.column-width-7 {
  max-width: var(--column-width-7);
  width: 100%;
}

.column-width-8 {
  max-width: var(--column-width-8);
  width: 100%;
}

.column-width-9 {
  max-width: var(--column-width-9);
  width: 100%;
}

.column-width-10 {
  max-width: var(--column-width-10);
  width: 100%;
}

.column-width-11 {
  max-width: var(--column-width-11);
  width: 100%;
}

.column-width-12 {
  width: 100%;
}

/*
Default
*/
/* .page-Default {
gap: 0;
} */
.default-content-start {
  padding: 9em 0;
  margin-bottom: -12em;
  background-image: linear-gradient(#eef9ff, #fff 89%);
  position: relative;
}

.default-content-start:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 18em);
  background: radial-gradient(172% 145% at top left, transparent 75%, white 25%);
}

.default-content-start-img {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  max-width: 50%;
  width: 50%;
  height: 484px;
  background-image: url("/_assets/layoutcontent/20024/25/EverydayEasyHeader.png");
  background-size: 1200px;
  flex-grow: 1;
  margin-bottom: 1px;
}

.default-content-start-img-business {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  max-width: 50%;
  width: 50%;
  height: 484px;
  background-image: url("/_assets/layoutcontent/20024/25/EverydayEasyHeader_Business.png");
  background-size: 1200px;
  flex-grow: 1;
  margin-bottom: 1px;
}

.default-content-start-img-mobile,
.default-content-start-img-mobile-business {
  display: none;
}

@media (max-width: 1250px) {
  .default-content-start {
    margin-top: 50px;
  }

  .flex-row-reverse {
    flex-wrap: wrap-reverse !important;
    margin-top: 100px !important;
  }

  .default-content-start-img,
  .default-content-start-img-business {
    display: none;
  }

  .default-start-card {
    margin-top: -9.5rem;
    margin-bottom: 4rem;
  }

  .default-content-start .card-container {
    display: flex;
    justify-content: center !important;
    align-self: center;
    padding-top: 50px;
  }

  .default-content-start-img-mobile {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    height: 500px;
    background-image: url("/_assets/layoutcontent/20024/25/EverydayEasyHeader.png");
    background-repeat: no-repeat;
    background-size: 100%;
    flex-grow: 1;
    z-index: 10;
    margin-top: -3.5em;
  }

  .default-content-start-img-mobile-business {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    height: 500px;
    background-image: url("/_assets/layoutcontent/20024/25/EverydayEasyHeader_Business.png");
    background-repeat: no-repeat;
    background-size: 100%;
    flex-grow: 1;
    z-index: 10;
    margin-top: -3.5em;
  }

  .default-content-start {
    background: #f1faff;
  }

  .default-content-start:before {
    background: none;
  }
}

.default-content-start > div {
  width: 100%;
  /* height: 100vh; */
  /* justify-content: flex-start !important; */
  gap: 0;
}

.default-content-start .card-container {
  width: 30%;
  min-width: calc(var(--column-width-6) + 76px);
  /* padding-right: var(--column-spacer-half); */
  display: flex;
  justify-content: flex-end;
  align-self: flex-start;
  padding-top: 50px;
}

.default-start-card {
  max-width: 90%;
  /* width: 100%; */
  background-color: rgb(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 2.5rem;
  padding: 10px 26px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  /* box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); */
  border: 2px solid var(--color-gray-light);
  backdrop-filter: blur(4px);
  gap: var(--column-spacer);

  & h1 {
    color: var(--color-solutions-blue);
    font-weight: 600;
    font-size: 42px;
    margin-top: -10px;
  }
}

.start-btn-container {
  display: flex;
  flex-direction: row;
}

.start-btn-container > label {
  width: 25%;
}

.start-btn-container > label:nth-child(2) {
  margin: 0 1em;
}

@media all and (max-device-width: 400px), all and (max-width: 400px) {
  .default-content-start {
    padding-top: 11em;
  }

  .default-start-card > h1 {
    font-size: 32px;
    margin: -5px -10px !important;
    text-wrap: nowrap;
  }

  .default-start-card {
    max-width: 80%;
  }

  .start-btn-container > label {
    margin: 0 0.1rem !important;
  }
}

@media all and (max-device-width: 315px), all and (max-width: 315px) {
  .start-btn-container {
    flex-direction: column;
  }
}

.btn-icon {
  fill: white !important;
  background: red;
  width: 30px;
  position: relative;
}

.svg-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.svg-button input {
  padding-left: 24px;
}

.svg-button::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 60%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}

.svg-business::before {
  background: url("/_assets/layoutcontent/20024/25/store-solid_white.svg") no-repeat;
  background-size: 20px;
}

.svg-personal::before {
  background: url("/_assets/layoutcontent/20024/25/user-regular_white.svg") no-repeat;
  background-size: 16px;
}

.svg-youth::before {
  background: url("/_assets/layoutcontent/20024/25/family-solid_white.svg") no-repeat;
  background-size: 24px;
}

@media all and (max-device-width: 540px), all and (max-width: 540px) {
  .button-card {
    width: 8em !important;
    padding: 0.1em 0.2em;
    font-size: 11px;
  }

  .svg-button::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
  }

  .svg-business::before {
    background-size: 14px;
    width: 14px;
    height: 14px;
  }

  .svg-personal::before {
    background-size: 12px;
    width: 12px;
    height: 12px;
  }

  .svg-youth::before {
    background-size: 16px;
    width: 16px;
    height: 16px;
  }
}

.default-start-card > #IndividualHandlerNew .default-start-new-applicant > .card-call-to-action {
  padding-bottom: 0;
}

#btnNonMember {
  font-weight: 400;
}

.default-start-new-applicant {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.default-start-new-applicant > .column-container {
  gap: var(--column-spacer);
}

#IndividualHandlerExisting > .card-call-to-action > span {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
}

/* #IndividualHandlerExisting > .card-call-to-action > span:after {
content: url("/_assets/layoutcontent/20035/2024/icon-right.svg");
height: 14px;
} */
@media all and (max-device-width: 834px), all and (max-width: 834px) {
  /* .default-content-start>div {
      justify-content: center !important;
  }
*/
  /* .default-content-start {
      padding: -20px 20px;
  } */
  /* .default-content-start .card-container {
      padding-right: 0px;
      justify-content: center;
      min-width: calc(var(--column-width-4));
      padding-top: 0;
  } */
  /* .default-start-card {
      max-width: 95%;
      padding: 28px 30px;
      gap: 20px;
      margin-top: -18rem;
  } */
  /* .default-start-new-applicant>.column-container {
      gap: 20px;
  }
*/
  /* .default-start-card .column-width-2 {
      width: 100%;
  } */
  /* .button-link {
      font-size: 14px;
  }
*/
  /* .flex-row-reverse {
      margin-top: 310px !important;
  }
*/
  /* .default-content-start-img {
      max-width: calc(var(--column-width-8) + 5px);
      max-height: 50%;
      min-width: 500px;
  } */
}

.default-content-banner {
  background-color: var(--color-white-normal);
  color: var(--color-white-normal);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--column-spacer);
  padding: 25px 0;
}

@media all and (max-device-width: 1030px), all and (max-width: 1030px) {
  .default-content-banner {
    padding: 0;
  }
}

.default-content-banner .h2 {
  background-color: var(--color-white-normal);
  line-height: 130%;
  border-radius: 2.5rem;
  padding: 0.5em;
}

.banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--column-spacer);
  background-color: var(--color-white-normal);
  color: black;
  border-radius: 2.5rem;
  margin-left: -150px;
  z-index: 2;
}

.banner-content > p {
  padding: 0 1em;
}

.banner-benefits-text {
  background-color: #408395;
  border-radius: var(--border-radius);
  padding: 2px 10px;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.banner-benefits-text > img {
  height: 15px;
  width: 15px;
}

.banner-content .page-text {
  width: 100%;
}

@media all and (max-device-width: 1443px), all and (max-width: 1443px) {
  .banner-content {
    /* max-width: var(--column-width-4); */
    max-width: var(--column-width-5);
    width: 100%;
  }
}

@media all and (max-device-width: 900px), all and (max-width: 900px) {
  .banner-content {
    /* max-width: var(--column-width-4); */
    max-width: var(--column-width-6);
    width: 100%;
    margin: 0;
  }

  .banner-content > .btn-container {
    justify-items: center;
    align-items: center;
    width: 100%;
    padding: 5% 25%;
  }

  .default-content-banner {
    padding-top: 20px;
    margin-top: -90px;
  }

  .banner-content-img,
  .banner-content-img-business {
    z-index: 30;
  }

  .banner-content-text {
    margin-top: -5em !important;
    z-index: 99;
  }

  .banner-content-text div {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
  }
}

@media all and (max-device-width: 834px), all and (max-width: 834px) {
  .default-content-banner {
    padding-top: 20px;
    margin-top: -140px;
  }

  .default-content-banner > div,
  .banner-content {
    gap: 16px;
  }

  .default-content-banner .h2 {
    font-size: 28px;
    text-align: center;
    width: 100%;
  }

  .default-content-banner .h1 br {
    display: none;
  }

  .banner-benefits-text {
    align-self: center;
  }
}

@media all and (max-device-width: 700px), all and (max-width: 700px) {
  .default-content-banner {
    margin-top: -200px;
  }
}

@media all and (max-device-width: 600px), all and (max-width: 600px) {
  .default-content-banner {
    margin-top: -230px;
  }
}

@media all and (max-device-width: 510px), all and (max-width: 510px) {
  .default-content-banner {
    margin-top: -310px;
  }
}

.default-content-other-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0px 20px 60px 20px;
}

.default-other-card {
  /* border: 3px solid var(--color-gray-light); */
  /* border-radius: var(--border-radius); */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding: 30px; */
  gap: var(--column-spacer);
  border-radius: 2.5rem;
  width: 240px;
  /* height: 10%; */
  /* margin: 80px; */
}

.card-image {
  text-align: center;
}

.card-image > img {
  width: 100%;
}

h3.card-title {
  font-size: 18px;
  text-align: center;
}

.default-other-card > .card-text {
  text-align: left;
  padding: 0 1rem;
}

.img-devices {
  height: 140px;
}

.img-youth {
  height: 160px;
}

.img-business {
  height: 170px;
}

.card-text {
  padding: 0;
}

@media all and (max-device-width: 1335px), all and (max-width: 1335px) {
  .default-other-card {
    width: 170px;
    /* padding: 20px 20px; */
  }

  .card-text {
    font-size: 14px;
  }
}

@media all and (max-device-width: 834px), all and (max-width: 834px) {
  .page-content.page-Default {
    margin-bottom: 0;
  }

  .default-content-other-options {
    padding: 24px 20px;
  }

  .default-content-other-options > div {
    gap: 20px;
  }

  /* .card-image > img {
  height: 40px;
} */
  .default-other-card {
    gap: 20px;
  }
}

.banner-content-img {
  background: #bfd5db;
  background-image: url("/_assets/layoutcontent/20024/25/cfcuBackground-1405421805-1024x683.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: left;
  padding: 165px;
  position: relative;
  width: 100%;
  background-size: cover;
  border-radius: 2.75rem;
}

.banner-content-img-business {
  background: #bfd5db;
  background-image: url("/_assets/layoutcontent/20024/25/BusinessPhoto.png");
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: left;
  padding: 165px;
  position: relative;
  width: 100%;
  background-size: cover;
  border-radius: 2.75rem;
}

.banner-content-text {
  padding: 1em;
}

.TruStageInsuranceProductName {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 15px;
}

.TruStageHeadline {
  font-weight: bold;
  padding-bottom: 10px;
}

.TruStageLongDescription {
  padding-top: 10px;
  border-top: 1px solid darkgray;
  margin-top: 10px;
}

.TruStageRealFootnote {
  font-size: 10px;
  line-height: 15px;
}

.TruStageOfferPanelClass-wrapper {
  background: #f2f2f2;
  padding: 10px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.TruStageProductPanel {
  margin-top: 15px;
  margin-bottom: 15px;
}

.TruStageOfferPanel {
  background: #f2f2f2;
  padding: 10px;
  border-radius: 20px;
}

.TruStageProductName {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 14px;
  padding: 15px;
  background: var(--color-primary-normal);
  color: #fff;
  height: 45px;
  font-weight: bold;
}

/* Utility classes */
.mt-neg-4 {
  margin-top: calc(var(--space-4) * -1);
}

.mt-neg-2 {
  margin-top: calc(var(--space-2) * -1);
}

.pt-1 {
  padding-top: var(--space-1);
}

.pb-1 {
  padding-bottom: var(--space-1);
}

.py-1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

.mb-1 {
  margin-bottom: 1rem;
}