:root {
	/* client variables */
	/* client colors */

	/* client font */
	--font-size: 16px;
	--font-family-pri: "Montserrat", sans-serif;
	--font-family-alt: "Overpass", sans-serif;
	--font-family: var(--font-family-pri);
	--font-color-label: #424b59;
	--font-color: #5a656c;
	--ecu-background-gray: #e7f5f4;
	--ecu-blue: #005a95;
	--ecu-blue2: #027abc;
	--ecu-light-gray: #f3faf9;
	--ecu-light-moss: #a7c253;
	--ecu-lilac: #c8a2c6;
	--ecu-marigold: #f89023;
	--ecu-pumpkin: #d55928;
	--ecu-pumpkin-dark: #c63d27;
	--ecu-purple: #2e353f;
	--ecu-robins-egg: #88d0c7;
	--ecu-rust: #c73c23;
	--ecu-slate: #2f353f;
	--ecu-sunshine: #ffef5f;
	--ecu-white: #edeae2;

	--fiviInput-width: 400px;
	--fiviInput-width-half: calc(calc(var(--fiviInput-width) - var(--column-spacer)) / 2);
	--fiviInput-width-double: calc(calc(var(--fiviInput-width) * 2) + var(--column-spacer));
	--fiviInput-width-partial-main: var(--column-width-3);
	--fiviInput-width-partial-alt: var(--column-width-3);

	--input-height: 40px;
	--input-focusLabel-offset: calc(var(--input-height) + var(--gap-vertical-25));
	--input-marginTop-forLabelFocusSpace: calc(var(--input-focusLabel-fontSize) + var(--gap-vertical-25));

	--font-size-input: 1rem;
}

@media all and (max-device-width: 475px), all and (max-width: 475px) {
	/*
        @426px+24px+2px = 475px
        - any column width > 2 goes to 100%
    */
	:root {
		--column-width-3: 100%;
		--column-width-4: 100%;
		--column-width-5: 100%;
        --fiviInput-width: 100%;
		--fiviInput-width-half: calc(50% - calc(var(--column-spacer) / 2));
	}
}

/*
    General Elements/Classes
*/

html,
body {
	font-family: var(--font-family);
}

h1,
.h1 {
	font-size: 2.375rem;
	line-height: 48px;
	color: var(--font-color-label);
	font-weight: 600;
	font-family: var(--font-family);
	text-align: left;
}

h2,
.h2 {
	font-size: var(--font-size-h2);
	line-height: var(--font-lineheight-h2);
	color: var(--font-color-h2);
	font-weight: var(--font-weight-h2);
	font-family: var(--font-family);
}

h3,
.h3 {
	font-size: 1rem;
	line-height: 1.125rem;
	color: #424b59;
	font-weight: 600;
	font-family: var(--font-family);
	text-transform: uppercase;
}

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

a {
	color: #337ab7;
	font-weight: 400;
	text-decoration: none;
	&:hover {
		text-decoration: underline;
		color: var(--color-primary-dark);
	}
}

.divider::before {
	background-color: var(--color-gray-dark);
}

.horizontal-divider {
	border-color: var(--color-gray-dark);
}

.vertical-divider {
	border-color: var(--color-gray-dark);
}

/*
    Layout
*/

.layout {
	background-color: white;
}

/*
    Header Styling
*/

header {
	border-bottom: 2px solid #d5dde3;
	height: 135px;
	& .header-logo {
		width: 170px;
	}
}

@media (max-device-width: 836px), (max-width: 836px) {
	header {
		& > .layout-container {
			flex-direction: column;
			justify-content: center;
			gap: var(--gap-horizontal-50);
		}
	}
}

@media all and (max-device-width: 475px), all and (max-width: 475px) {
	header {
		& .header-logo {
			max-width: 160px;
		}
	}
}

/*
    main
*/

main > .layout-container {
	outline: none;
	max-width: var(--column-width-10);
}

/*
    Footer Styling
*/

footer {
	background-color: white;
	padding-left: 0;
	padding-right: 0;
	& > .layout-container {
		max-width: 100%;
		& > .footer-top-row {
			width: 100%;
			padding: 24px var(--gap-horizontal);
			border-top: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			justify-content: center;
			align-items: center;
			& > a {
				transition: all 0.1s ease;
				color: #027abc;
				font-weight: 300;
				text-decoration: none;
				background-color: rgba(0, 0, 0, 0);
				font-size: 0.875rem;
				text-transform: uppercase;
				font-family: var(--font-family-alt);
				&:hover,
				&:active,
				&:focus {
					text-decoration: underline;
				}
			}
		}
		& > .footer-middle-row {
			padding: 24px var(--gap-horizontal);
			max-width: 82rem;
			width: calc(100% - 4rem);
			padding: 2rem 0;
			gap: 2rem;
			margin: 0 auto;
			flex-wrap: nowrap;
			& > .footer-middle-logos {
				gap: 4.5rem;
				min-width: 410px;
				& > .footer-middle-logo-address {
					gap: 1rem;
					flex-wrap: nowrap;
					justify-content: space-between;
					& > img {
						max-width: 170px;
					}
					& > .footer-address-routing {
						width: fit-content;
						gap: 1.5rem;
						& > .page-text {
							width: fit-content;
							font-size: 1rem;
							text-align: center;
							display: flex;
							align-items: center;
							justify-content: center;
							line-height: 1.5;
							gap: 5px;
							& > i {
								font-size: 1.2rem;
								color: #005a95;
							}
						}
					}
				}
				& > .footer-eho-ncua {
					& > img:first-of-type {
						width: 4rem;
					}
					& > img:last-of-type {
						width: 5.5rem;
					}
				}
			}
			& > .footer-middle-about,
			& > .footer-middle-services,
			& > .footer-middle-support {
				max-width: 240px;
				width: 100%;
				padding: 1rem 0 0.875rem 1rem;
				border-left: 1px solid #e0e0e0;
				gap: 0.5rem;
				line-height: 1.5;
				& > .footer-title {
					font-size: 0.75rem;
					color: #2d3640;
					font-weight: 400;
					margin-bottom: 0.575rem;
				}
				& > .footer-link {
					border-left: 0.5rem solid rgba(0, 0, 0, 0);
					padding: 0.125rem 0.25rem 0.125rem 0.5rem;
					margin-left: -1rem;
					margin-right: -0.25rem;
					color: #2d3640;
					font-weight: 400;
					letter-spacing: 0.5;
					font-size: 1rem;
					font-family: var(--font-family-alt);
					&:hover,
					&:focus,
					&:active {
						border-left-color: #005a95;
						color: #005a95;
						text-decoration: none;
					}
				}
			}
		}
		& > .footer-bottow-row {
			border-top: 1px solid #e0e0e0;
			color: #515257;
			& > .footer-bottom-container {
				max-width: 82rem;
				width: calc(100% - 4rem);
				margin: 0 auto;
				padding: 2rem 0;
				gap: 1.5rem 2rem;
				font-size: 0.75rem;
				text-transform: uppercase;
				align-items: center;
				flex-wrap: nowrap;
				& > .footer-copyright {
					font-size: 0.75rem;
					color: #515257;
					width: auto;
				}
				& > .footer-policy-links {
					width: auto;
					gap: 1rem;
					justify-content: center;
					& > a {
						color: #515257;
						&:active,
						&:hover,
						&:focus {
							color: #005a95;
						}
					}
				}
				& > .footer-social-media {
					width: auto;
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					gap: 1rem;
					text-transform: uppercase;
					& > a {
						display: grid;
						place-items: center;
						width: 36px;
						height: 36px;
						background: rgba(194, 191, 195, 0.5);
						border-radius: 80px;
						transition: all 200ms ease;
						& > i {
							color: #005a95;
							font-size: 0.875rem;
						}
					}
				}
			}
		}
		& > .footer-application-number {
			text-align: center;
			font-size: 0.75rem;
			color: #515257;
		}
	}
}

@media all and (max-device-width: 990px), all and (max-width: 990px) {
	footer {
		& > .layout-container {
			& > .footer-middle-row {
				& > .footer-middle-logos {
					flex-direction: column;
					min-width: 300px;
					gap: 1rem;
					& > .footer-middle-logo-address {
						flex-direction: column;
						align-items: center;
						& > .footer-address-routing {
							justify-content: center;
							align-items: center;
						}
					}
					& > .footer-eho-ncua {
						align-items: center;
						justify-content: center;
					}
				}
			}
			& > .footer-bottow-row > .footer-bottom-container {
				flex-direction: column;
				& > .footer-copyright {
					text-align: center;
				}
			}
		}
	}
}

@media all and (max-device-width: 820px), all and (max-width: 820px) {
	footer {
		& > .layout-container {
			& > .footer-middle-row {
				flex-direction: column;
				& > .footer-middle-about,
				& > .footer-middle-services,
				& > .footer-middle-support {
					max-width: 100%;
					border-left: none;
					border-bottom: 1px solid #e0e0e0;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					padding: 0;
					gap: 0.5rem 1rem;
					& > .footer-title {
						width: 100%;
						padding-left: 0;
						margin-left: 0;
						text-align: center;
					}
					& > .footer-link {
						margin-left: 0;
						padding-left: 0;
						border-left: none;
						&:hover,
						&:focus,
						&:active {
							color: #005a95;
							text-decoration: none;
						}
					}
				}
				& > .footer-middle-support {
					border-bottom: none;
				}
			}
			& > .footer-top-row {
				flex-direction: column;
				gap: 1rem;
				& > a {
					text-align: left;
					width: 130px;
					line-height: 1.5;
				}
			}
		}
	}
}

/*
    Page General Containers
*/

.page-navigation-container {
	margin-top: 0;
	padding-top: var(--gap-vertical-200);
	border-top: none;
	flex-direction: column;
	gap: var(--gap-vertical);
	& > .navigation-forward-container {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		&:has(.back-button) {
			justify-content: space-between;
		}
	}
	& .navigation-other-container {
		width: 100%;
		justify-content: space-between;
		& .button-link {
			padding: 0 10px;
		}
	}
}

.header-container {
	text-align: left;
}

.section-header {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 600;
	color: #424b59;
	text-transform: none;
	letter-spacing: unset;
	&:after {
		display: none;
	}
}

.page-text {
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: 1.5;
}

.page-text.disclosure-text {
	font-size: 0.825rem;
	line-height: 1.5;
}

.address-container {
	width: 100vw;
	max-width: 100%;
}

.margin-left-radio-button-width {
	margin-left: 2rem;
	width: calc(100% - 2rem);
	& > .fiviTextBox {
		width: 100% !important;
	}
}

/*
    Buttons
*/

.button-primary,
.status-center-page .button-primary {
	background-color: var(--ecu-blue);
	font-family: var(--font-family-alt);
	border: 1px solid transparent;
	border-radius: 0.5rem;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 12px 20px;
	text-transform: none;
	text-shadow: none;
	transition: 0.25s ease;
	width: 200px;
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		background-color: var(--ecu-blue2);
		font-weight: 400;
		color: white;
	}
}

.button-other,
.status-center-page .button-other,
.status-center-page .btn-primary,
.status-center-page .btn-default {
	background-color: var(--ecu-white);
	font-family: var(--font-family-alt);
	border: 1px solid transparent;
	border-radius: 0.5rem;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 12px 20px;
	text-transform: none;
	text-shadow: none;
	transition: 0.25s ease;
	width: 200px;
	height: auto;
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		background-color: var(--ecu-blue2);
		font-weight: 400;
		color: white;
	}
}

.status-center-page .btn-primary {
	box-shadow: none;
	text-shadow: none;
}

.button-link,
.status-center-page .button-link {
	color: #337ab7;
	line-height: 1.5;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 2px;
	cursor: pointer;
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		color: #337ab7;
		font-weight: 500;
		text-decoration: underline;
	}
}

/*
    Inputs/Labels
*/

input.DefaultCBControlClassV3,
input.DefaultRBControlClassV3 {
	accent-color: var(--ecu-blue);
	&:hover {
		accent-color: var(--ecu-blue2);
	}
}

input.DefaultRBControlClassV3 + label,
label.DefaultCBLabelClass {
	font-size: 0.875rem;
	font-weight: 600;
}

input.form-control,
select.form-control {
	color: var(--font-color);
	border: 1px solid #cacaca;
	font-family: var(--font-family-input);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-weight: 400;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	&:focus,
	&:active {
		outline: 0;
		border: 1px solid #8a8a8a;
		background-color: #fefefe;
		box-shadow: 0 0 5px #cacaca;
		transition:
			box-shadow 0.5s,
			border-color 0.25s ease-in-out;
	}
	&:disabled {
		background-color: var(--color-gray-light);
	}
}

label.FocusLabelClass {
	letter-spacing: 1.5px;
}

.fivisionpopover .popover-content {
	font-size: 0.75rem;
}

.fiviControl.fiviTextBox,
.fiviControl.fiviInput:has(> .fiviControl.fiviTextBox),
.fiviNumericTextBox {
	& .DefaultTooltipClass {
		top: calc(var(--input-marginTop-forLabelFocusSpace) + 10px);
	}
}

.external-label {
	font-size: 1.125rem;
	font-weight: 400;
}

/*
    Components
*/

.fiviControl.fiviTextBox {
	& label.DefaultLabelClass {
		font-weight: var(--font-weight-label);
		font-size: 1.125rem;
		top: calc(var(--input-marginTop-forLabelFocusSpace) + 2px);
	}
	& label.FocusLabelClass {
		font-weight: 700;
		font-size: 0.75rem;
		letter-spacing: 1.5px;
	}
	& .fiviWriteOnlyEditButton,
	& .fiviControlActionsContainer .fiviLinkButton {
		font-weight: 600;
		color: var(--color-secondary-dark);
		&:hover,
		&:active,
		&:focus {
			text-decoration: underline;
			border-color: transparent;
		}
	}
	& > .fiviValueLabelContainer {
		font-family: var(--font-family-input);
	}
	& .autocomplete-items {
		width: 100%;
	}
}

@media (max-device-width: 440px), (max-width: 440px) {
	.fiviDateTextBox > .fiviTextBox,
	.fiviIdTypeState > .fiviDropDown,
	.fiviEmailTextBox > .fiviTextBox,
	.fiviParentControl.fiviEmailTextBox,
	.fiviPhoneControl,
	.fiviPhoneControl > .fiviTextBox,
	.fiviEmpHistInputContainer > .fiviMultiInput > div > .fiviTextBox {
		width: 100% !important;
	}
}

.fiviControl.fiviDropDown {
	&:has(option[value=""]:checked) {
		& label.DefaultLabelClass {
			font-weight: var(--font-weight-label);
			font-size: 1.125rem;
			top: calc(var(--input-marginTop-forLabelFocusSpace) + 2px) !important;
		}
		& label.FocusLabelClass {
			font-weight: 300;
			font-size: 1.125rem;
			letter-spacing: 1.5px;
		}
	}
}

.fiviAddressControl,
.fiviAddressInputs {
	flex-direction: row;
	flex-wrap: wrap;
}

.fiviAddressControl {
	gap: var(--gap-horizontal-50);
}

.fiviAddressControl .fiviCheckBox {
	position: relative;
	width: 100vw;
	max-width: 100%;
}

.fiviAddressControl .fiviBtnContainer {
	& .fiviBtnContainer {
		& button {
			font-weight: 600;
			color: var(--color-secondary-dark);
			&:active,
			&:hover,
			&:focus {
				text-decoration: underline;
				border-color: transparent;
			}
		}
	}
}

.fiviAddressValidation > label {
    text-align: left;
}

.fiviAddressManualEntryContainer {
	display: flex;
	flex-direction: column;
	gap: var(--gap-vertical-75);
	width: 100vw;
	max-width: 100%;
	& > center {
		text-align: left;
		font-size: calc(var(--font-size) - 2px);
		line-height: var(--font-lineheight);
		font-weight: 500;
		margin-bottom: var(--gap-horizontal-50);
	}
	& .fiviAddressManualInputsContainer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--column-spacer);
		width: 100vw;
		max-width: 100%;
        & > .fiviAddressManualEntryClass {
            display: flex;
            max-width: var(--fiviInput-width);
            width: 100vw;
        }
		& > .fiviTwoInput {
			width: 100%;
			max-width: var(--fiviInput-width);
			gap: var(--column-spacer);
			display: flex;
			flex-direction: row;
			& > .fiviControl {
				max-width: var(--fiviInput-width-half);
				& > .fiviLabelContainer > .DefaultLabelClass {
					font-weight: 700;
					font-size: 0.75rem;
					letter-spacing: 1.5px;
					height: var(--input-focusLabel-fontSize);
					top: 0 !important;
					left: 0;
					text-transform: uppercase;
                    text-wrap: nowrap;
                    white-space: nowrap;
				}
			}
		}
	}
}

.fiviPhoneControl {
	flex-wrap: wrap;
	& .fiviPhoneTextBoxSMSOptionsContainer {
		display: flex;
		flex-direction: column;
		gap: var(--gap-horizontal-50);
		& .fiviPhoneTextBoxConsentLanguageSpan {
			font-size: 0.875rem;
			line-height: 1.5;
		}
		& .fiviPhoneTextBoxSMSOptInOptOutRBWrapper {
			display: flex;
			gap: var(--gap-horizontal);
			& > .fiviRadioButton {
				width: fit-content;
			}
		}
	}
}

.fiviProdServControl {
	margin-top: 0.5rem;
	& > .product-services-default-mode-container {
		& .fiviProductServicesFilterBar {
			flex-direction: column;
			gap: var(--gap-vertical-75);
		}
		& .fiviProdGroup {
			gap: 1rem 1.5rem;
			& .fiviProdServ {
				min-width: 380px;
				width: 380px;
				max-width: 320px;
				min-height: 300px;
				position: relative;
				padding: 1rem;
				border-radius: 0;
				transition: none;
				background-color: white;
				z-index: 10;
				display: flex;
				flex-direction: column;
				gap: 15px;
				align-self: flex-start;
				&:has(> .fiviRadioButton input:checked) {
					background-color: white;
				}
				& .fiviCheckBox {
					& > input {
						order: unset;
						margin-left: unset;
					}
					& > label {
						font-size: 1rem;
					}
				}
				& .fiviProductAdditionalOptions {
					& .fiviTextBox,
                    & .fiviDateTextBox, 
                    & .fiviNumericTextBox {
						max-width: 100%;
					}
					&:before {
						display: none;
					}
				}
			}
		}
	}
	& fiviProductDisplay {
	}
}

@media (max-device-width: 440px), (max-width: 440px) {
	.fiviProdServControl {
		& > .product-services-default-mode-container {
			& .fiviProdGroup {
				& .fiviProdServ {
					width: 100%;
					min-width: auto;
				}
			}
		}
	}
}

.fiviProductFundingItem,
.fiviFundingAmount {
	border: none;
	& .fiviFundingInput > label {
		border-right: none;
	}
}

.fiviDisclosureList {
	& .DisclosureLinkV3 {
		color: var(--color-primary-dark);
	}
}

.fiviIDAuthentication {
	& .fiviIDAuthSubmitAnswerContainer {
		border-color: var(--color-gray-dark);
	}
}

.fiviCCInfo > span:nth-of-type(2) {
	&:before {
		color: var(--font-color-label);
	}
}

.fiviOTP {
	.fiviOTPButtonContainer {
		border-color: var(--color-gray-dark);
	}
}

.journey-bar {
	& .journey-bar-group.current-group:after {
		background-color: var(--ecu-light-moss);
	}
	& .journey-bar-group.future-group:after {
		background-color: color-mix(in srgb, var(--ecu-blue) 40%, transparent);
	}
	& .journey-bar-group.previous-group:after {
		background-color: color-mix(in srgb, var(--ecu-blue) 75%, transparent);
	}
}

@media (max-device-width: 875px), (max-width: 875px) {
	.journey-bar-group > span {
		display: inline;
	}
}

@media all and (max-device-width: 836px), all and (max-width: 836px) {
	.journey-bar-group > span {
		display: none;
	}
}

.fiviDocumentList table > tbody > tr,
.fiviDocumentList table > thead > tr {
	border-color: var(--color-gray-dark);
}

.fiviIndividualDetails > div > span:first-of-type > label {
	font-size: 1rem;
}

.fiviIndividualDetails > div > div > label {
	font-weight: 500;
}

.fiviProductsAndServicesSelected > div > ul {
	font-size: 1rem;
	& b {
		font-weight: 500;
	}
}

.individual-details-additional {
	display: flex;
	flex-direction: column;
	gap: var(--gap-horizontal-50);
	& > label {
		font-weight: 500;
	}
	& > .fiviLabelContainer > label {
		font-weight: 400;
		margin-left: var(--gap-horizontal-25);
	}
}

.fiviLinkHistory > a {
	font-size: 1rem;
}

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

.fiviAlloy > div {
	display: flex;
	flex-direction: column;
	gap: var(--gap-vertical);
}

/*
    Page Specific
*/

.page-Default-Content {
	& .header-container > .h1 {
		font-size: 38px;
		font-weight: 600;
		line-height: 48px;
		text-align: center;
	}
	& .section-header {
		font-size: 1.125rem;
	}
	& .what-you-need-container,
	& .what-you-need-popover-container {
		align-self: center;
	}
	.what-you-need {
		list-style-type: none;
		margin-left: 1rem;
		margin-top: 0.5rem;
		padding-left: 0;
		& > li {
			font-size: 1rem;
			line-height: 1.5;
			margin: 0;
			&:before {
				font-family: "FontAwesome";
				content: "\f00c";
				color: var(--ecu-blue);
				margin-right: 0.5rem;
				font-size: 1.125rem;
			}
		}
	}
	& .what-you-need-popover-container {
		display: none;
		& > h2 > .button-link {
			letter-spacing: 2px;
			font-weight: 500;
			font-size: 1.125rem;
			&:hover,
			&:active,
			&:focus {
				text-decoration: none;
				color: var(--ecu-blue);
			}
		}
	}
	.thumbnail {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 25px;
		min-width: 320px;
		width: 320px;
		max-width: 320px;
		height: 300px;
		padding: 28px 28px 45px 28px;
		border: 1px solid #c2bfc3;
		border-radius: 0;
		background-color: var(--ecu-blue);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
		text-align: center;
		& > h2 {
			font-size: 1.5rem;
			line-height: 1.25;
			font-weight: 700;
			color: var(--ecu-light-moss);
			text-align: center;
			width: 100%;
		}
		& > .page-text {
			text-align: center;
			font-size: 1rem;
			line-height: 1.5;
			font-weight: 500;
			color: #fff;
		}
		& .thumbnail-call-to-action {
			margin-top: 0;
			justify-content: center;
			height: auto;
		}
		& .fiviIndividualButton > label {
			color: white;
		}
		& .fiviBtnContainer:after {
			display: none;
		}
		& .button-primary {
			background-color: var(--ecu-white);
			color: #1e262e;
		}
	}
}

@media (max-device-width: 656px), (max-width: 656px) {
	.page-Default-Content {
		& .what-you-need-container {
			display: none;
		}
		& .what-you-need-popover-container {
			display: block;
			& .what-you-need {
				display: block;
			}
		}
	}
}

.page-SelectAccount {
	& #accordion.product-services-container {
		row-gap: var(--gap-vertical-25);
		& > .product-service-container {
			outline-color: #045a94;
			outline-width: 1px;
			background-color: #e7eef5;
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
			&:hover {
				background-color: #e7eef5;
			}
			& > .product-service-heading {
				font-size: 1rem;
				text-transform: none;
				color: var(--font-color-h3);
				height: calc(44px - 1rem);
				padding: 0 0.5rem;
				&:after {
					color: var(--font-color-h3);
				}
			}
			& > .product-service-content {
				padding: 0 0.5rem;
			}
			&:has(.product-service-content.expanded) {
				background-color: #e7eef5;
				outline: 1px solid #045a94;
				& > .product-service-heading {
					padding: 0 0.5rem;
				}

				&:hover {
					background-color: #e7eef5;
				}
			}
		}
	}
}

.page-FundingMethod {
	& .funding-method-container {
		& > .fiviPanel {
			& .fiviRadioButton {
				& input {
					& + label {
						border-color: var(--ecu-white);
						&:hover,
						&:active,
						&:focus {
							border-color: var(--ecu-blue);
						}
					}
					&:checked + label {
						border-color: var(--ecu-blue);
						background-color: var(--ecu-white);
					}
				}
			}
		}
	}
	& .funding-detail {
		border-color: var(--ecu-white);
		& .section-header {
			font-size: 1.25rem;
			display: flex;
			flex-direction: column-reverse;
		}
	}
}

/*
    Status Center Overrides
*/

.status-center-page {
	& input.form-control,
	& select.form-control {
		color: var(--font-color-input);
		border-color: var(--color-gray-dark);
		font-family: var(--font-family-input);
	}
	& .DefaultLabelClassV3 {
		font-family: var(--font-family-label) !important;
		color: var(--font-color-label) !important;
		margin-left: 0 !important;
	}
	& .V3SummaryHeader > #topNav > ul > .nav-item > a {
		color: var(--color-primary-normal) !important;
		fill: var(--color-primary-normal) !important;
	}
	& .V3SummaryHeader > #topNav > ul > .nav-item.active {
		border-color: var(--color-secondary-normal);
		& > a {
			color: var(--color-secondary-normal) !important;
			fill: var(--color-secondary-normal) !important;
		}
	}
	& .V3SummaryHeader > #topNav > ul > .nav-item .badge {
		background-color: var(--color-secondary-normal);
	}
	& .h1,
	& .h2,
	& .h3,
	& .h4,
	& h1,
	& h2,
	& h3,
	& h4 {
		color: var(--color-primary-normal);
		font-family: var(--font-family-h1);
	}
	& .V3SummaryControl .container-fluid > div > .task {
		border-color: var(--color-secondary-normal);
	}
	& article .task:hover {
		background-color: var(--color-gray-light);
	}
	& .V3SummaryControl .container-fluid > div > .task .task-title {
		color: var(--color-primary-normal);
	}
	& .V3SummaryControl .container-fluid > div > .task > .task-icon {
		fill: var(--color-secondary-normal);
	}
}

.fiviProdServ:has(.fiviTooltipContainer) {
	& .fiviTooltipText {
		right: -100px;
	}
}

@media all and (max-device-width: 475px), all and (max-width: 475px) {
	.fiviProdServ:has(.fiviTooltipContainer) {
		& .fiviTooltipText {
			right: -50px;
		}
	}
}

.fiviTooltipContainer {
	position: relative;
	width: fit-content;
	height: fit-content;
	position: absolute;
	right: 5px;
	top: calc(calc(var(--input-height) * 0.5) + var(--input-marginTop-forLabelFocusSpace) - 10px);
}

.DefaultTooltipClass {
	+ span[role="tooltip"] {
		visibility: hidden;
		position: absolute;
		background: black;
		opacity: 0.9;
		color: white;
		padding: 0.5rem;
		border-radius: 0.25rem;
		transition: visibility 0.25s;
		z-index: 2;
		max-width: 250px;
		width: 200px;
		box-shadow:
			rgba(0, 0, 0, 0.19) 0px 10px 20px,
			rgba(0, 0, 0, 0.23) 0px 6px 6px;
		right: 0;
		top: 25px;
		&:hover,
		&:focus {
			visibility: visible;
		}
	}
	&:hover,
	&:focus {
		+ span[role="tooltip"] {
			visibility: visible;
		}
	}
}

@media all and (max-device-width: 475px), all and (max-width: 475px) {
	.DefaultTooltipClass {
	}
}

.fiviControl.fiviCheckBox,
.fiviCheckBox,
.fiviControl.fiviRadioButton,
.fiviRadioButton {
	& .fiviTooltipContainer {
		position: relative;
		top: unset;
	}
}

.fiviLinkHistory:has(.fiviTooltipContainer) {
	padding-right: 25px;
	position: relative;
	& > .fiviTooltipContainer {
		position: absolute;
		right: 0;
		top: -2px;
	}
}