:root {
	/* client variables */
	/* client colors */
	--color-primary-blue: #002f87;
	--color-primary-yellow: #ffc62f;

	/* client font */
	--font-size: 14px;
	--font-family-pri: "Arial", sans-serif;
	--font-family-alt: "Arial", sans-serif;
	--font-family: var(--font-family-pri);

	/*Referenced variables */
	--color-primary-dark: var(--color-primary-blue);
	--color-primary-normal: var(--color-primary-blue);
	--color-secondary-normal: var(--color-primary-blue);
	--font-color-h1: var(--color-primary-blue);
	--font-color-h2: var(--color-primary-blue);
	--font-color-h3: var(--color-primary-blue);
}

/*
    General Elements/Classes
*/

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

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

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-h2);
}

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

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-h4);
}

a {
	color: var(--color-primary-normal);
	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);
}

.loader {
	border: 16px solid var(--color-primary-blue);
	border-top: 16px solid var(--color-primary-yellow);
}

/*
    Layout
*/

.layout {
	background-color: #fff;
}

/*
    Header Styling
*/

header {
	border-bottom: 2px solid var(--color-gray-dark);
	& .header-logo {
		width: 150px;
	}
}

@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 {
			width: 150px;
		}
	}
}

/*
    Footer Styling
*/
footer {
	background-color: var(--color-primary-blue);
	display: flex;
	flex-direction: column;
	padding: 3em 3em 1em 3em;
	color: #fff;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	width: 100%;

	a,
	h3 {
		color: #fff;
		font-weight: 500;
	}
	:hover,
	:visited {
		color: var(--color-primary-yellow);
		text-decoration: none;
		transition: all 0.25s ease-in-out;
	}
}

.footer-1,
.footer-2,
.footer-3 {
	max-width: 1296px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

/*Footer - top row */
.footer-1 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.footer-logo img {
	width: 130px;
}

.contact-links {
	display: flex;
	text-transform: uppercase;
	white-space: nowrap;
	align-items: center;
}

.link-container {
	display: flex;
	height: 50px;
	align-items: flex-end;
}

.follow-us {
	padding-left: 5px;
}

.follow-us h3 {
	position: relative;
	padding-left: 10px;
}

.follow-us h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.09em;
	width: 0.5px;
	height: 1em;
	background: #fff;
}

.footer-socials ul {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.footer-socials .social-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px; /* size of the circle */
	height: 33px;
}

.footer-socials .social-icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--color-primary-yellow);
	z-index: 0;
	transition: background 0.2s;
}

.footer-socials .social-icon img {
	position: relative;
	width: 20px;
	height: 20px;
	z-index: 1;
}

/* Footer - Middle row  */

.footer-2 {
	padding-bottom: 1.25em;
	border-bottom: solid 2px var(--color-primary-yellow);
}

.nthTier-1.footerNav {
	display: flex;
	justify-content: center;
	gap: 0;
	list-style: none;
	padding-left: 0;
	text-transform: uppercase;
	font-size: 14px;
	flex-wrap: wrap;
}

.nthTier-1.footerNav li {
	position: relative;
	padding: 0 1em;
}

.nthTier-1.footerNav li:not(:last-child)::after {
	content: "|";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 1em;
}

.nthTier-1.footerNav li:last-child {
	padding-right: 0;
}

a.no-link {
	cursor: default;
	color: #fff;
	&:hover {
		color: var(--color-primary-yellow) !important;
		text-decoration: none;
		transition: all 0.25s ease-in-out;
	}
}

/* Footer - Bottom row */
.footer-3 {
	display: flex;
	justify-content: space-between;
	padding-top: 1.5em;
	width: 100%;
	flex-wrap: wrap;
}

.footer-copywrite {
	display: flex;
}

.footer-copywrite .fiviLabelContainer {
	align-self: flex-end;
}

.footer-copywrite .no-wrap {
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: normal;
	justify-content: center;
	align-items: flex-end;
	padding: 0 1em;
}

.footer-copywrite .fiviNewLine {
	display: none !important;
}

.ncua-logos {
	display: flex;
	align-items: center;
	gap: 25px;
}

.ncua-logos img:first-child {
	width: 48px;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
}

.ncua-logos img:last-child {
	width: 87px;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
}

.footer-application-number {
	display: flex;
	justify-content: center;
	color: #fff;
	padding-top: 3em;

	.fiviLabelContainer {
		padding-left: 5px;
	}
}

@media (max-width: 739px) {
	.footer-1,
	.contact-links {
		flex-direction: column;
	}
	.contact-us {
		font-size: 15px;
	}
	.follow-us {
		display: none;
	}

	.footerNav {
		line-height: 2;
	}

	.footer-logo {
		text-align: center;
	}

	.footer-3,
	.contact-links {
		justify-content: center;
	}

	.footer-copywrite {
		padding-bottom: 1.5em;
	}

	.footer-copywrite .no-wrap {
		flex-wrap: wrap;
	}
}

@media (max-width: 600px) {
	.footer-copywrite .no-wrap {
		font-size: 12px;
	}
	.footer-copywrite .no-wrap > div:last-child {
		margin-top: 4px;
		text-align: center;
	}
}

/*
    Page General Containers
*/

.page-navigation-container {
	margin-top: 0;
	padding-top: var(--gap-vertical-200);
	border-top: solid 1px var(--color-gray-dark);
}

.section-header {
	font-size: 16px;
	&:after {
		background-color: var(--color-gray-dark);
	}
}

/*
    Buttons
*/

button {
	text-transform: capitalize !important;
}

.button-primary,
.status-center-page .button-primary {
	background-color: var(--color-primary-yellow);
	border: 2px solid var(--color-primary-yellow);
	color: var(--color-primary-blue);
	font-weight: 600;
	border-radius: 50px;
	text-transform: capitalize;
	padding: 0 15px;

	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled),
	&:visited {
		background-color: transparent;
		color: var(--color-primary-normal);
		font-weight: 600;
	}
}

.button-other,
.status-center-page .button-other,
.status-center-page .btn-primary,
.status-center-page .btn-default,
.fiviCheckOrder .fiviPrimBtn {
	background-color: transparent !important;
	border-color: var(--color-secondary-normal) !important;
	color: var(--color-secondary-normal) !important;
	border-radius: 50px;
	padding: 20px 15px;
	text-transform: capitalize;

	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		border-color: var(--color-primary-yellow) !important;
		color: var(--color-primary-normal) !important;
		background-color: transparent !important;
	}
}

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

.button-link,
.status-center-page .button-link {
	color: var(--color-primary-normal);
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		color: var(--color-primary-dark);
	}
}

.fiviIndividualHyperlinkList {
	& button {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
			color: var(--color-primary-blue);
		}
	}
}

/* Add space between name and action */
.fiviIndividualHyperlinkList .fiviIndividualHyperlinkListBtnContainer {
	padding-right: 5px;
}

/* Check Order Button */

.fiviCheckOrder {
	width: 100%;
	text-align: center;
	padding-top: 1em;

	.fiviPrimBtn {
		font-size: 14px;
		font-weight: 600;
		border: 2px solid var(--color-secondary-normal);
		padding: 15px;
		max-width: var(--fiviInput-width);
		min-width: var(--column-width-2);
		width: fit-content;
	}
}

/*
    Inputs/Labels
*/

input.DefaultCBControlClassV3,
input.DefaultRBControlClassV3 {
	accent-color: var(--color-primary-normal);
	&:hover {
		accent-color: var(--color-primary-dark);
	}
}

input.form-control,
select.form-control {
	color: var(--font-color-input);
	border-color: var(--color-gray-dark);
	font-family: var(--font-family-input);
	&:focus,
	&:active {
		border-color: var(--color-primary-normal);
	}
	&:disabled {
		background-color: var(--color-gray-light);
	}
}

/*
    Components
*/

.fiviControl.fiviTextBox {
	& label.DefaultLabelClass {
		font-weight: var(--font-weight-label);
	}
	& label.FocusLabelClass {
		font-weight: 600;
	}
	& .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);
	}
}

.fiviControl.fiviDropDown {
	&:has(option[value=""]:checked) {
		& label.DefaultLabelClass {
			font-weight: var(--font-weight-label);
		}
	}
}

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

.fiviProdServControl {
	& .fiviProdGroup,
	& .fiviServGroup {
		& > .fiviProductDisplay {
			border-color: var(--color-gray-dark);
			line-height: 1.25;

			&:has(> .fiviRadioButton input:checked) {
				background-color: var(--color-gray-normal);
			}
		}

		.fiviProductDisplay div:has(li) {
			line-height: 1.5;
		}
	}
}

.fiviDisclosureList {
	& .DisclosureLinkV3 {
		color: var(--color-primary-dark);
	}
	& .DisclosureLinkV3:hover {
		text-decoration: none;
	}
}

.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(--color-primary-normal);
	}
	& .journey-bar-group.future-group:after {
		background-color: color-mix(in srgb, var(--color-primary-normal) 10%, transparent);
	}
	& .journey-bar-group.previous-group:after {
		background-color: color-mix(in srgb, var(--color-primary-normal) 66%, 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);
}

/*
    Page Specific
*/

.page-Default-Content {
	& .lets-get-started-container {
		border-color: var(--color-primary-blue);
		background: var(--color-primary-blue);
		border-radius: 15px;
	}
	& .default-thumbnail-container {
		flex-direction: column;
		width: auto;
		max-width: var(--column-width-10);
		color: #fff !important;

		& > .thumbnail {
			background-color: var(--color-primary-blue);
			border-color: var(--color-gray-dark);
			color: #fff;
			border-radius: 15px;
			align-items: flex-start;
		}
	}
}

& .top-blocks {
	& h2,
	h3,
	.page-text,
	ul {
		color: #fff;
	}
}
.button-link {
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		color: var(--color-primary-blue);
		text-decoration: none;
	}
}

.thumbnail-call-to-action:has(> input),
.thumbnail-call-to-action:has(> span) {
	width: fit-content;
	border-radius: 50px;
	padding: 25px 0em;
}

.default-thumbnail-container .thumbnail-call-to-action:has(> span) {
	min-width: 200px;
}

.thumbnail-call-to-action span:has(label) {
	color: #fff;
	text-align: center;
}

.thumbnail-call-to-action .button-primary {
	margin: 1em 0;

	&:hover {
		background: #fff !important;
	}
}

.page-Default-Content {
	& .thumbnail-call-to-action {
		& .fiviBtnContainer:after,
		& .arrow-right:after {
			content: none;
		}
	}
}

#whatYouNeedPopover .page-text,
#whatYouNeedPopover ul {
	color: var(--color-primary-blue) !important;
}

.page-SelectAccount {
	& .product-services-container {
		& > .product-service-container {
			outline-color: var(--color-gray-dark);
			&:hover {
				background-color: var(--color-gray-light);
			}
			& > .product-service-heading {
				font-size: var(--font-size-h3);
				color: var(--font-color-h3);
				&:after {
					color: var(--font-color-h3);
				}
			}
			&:has(.product-service-content.expanded) {
				&:hover {
					background-color: transparent;
				}
			}
		}
	}

	#psRequiredSavings .fiviProductAdditionalOptions:before {
		display: none;
	}
}

.page-ApplicantInformation {
	.label-punctuation::after {
		content: "!";
	}
}

.page-FundingMethod {
	& .funding-method-container {
		& > .fiviPanel {
			& .fiviRadioButton {
				& input {
					& + label {
						border-color: var(--color-gray-dark);
						&:hover,
						&:active,
						&:focus {
							color: var(--color-primary-normal);
							border-color: var(--color-primary-normal);
						}
					}
					&:checked + label {
						color: var(--color-primary-dark);
						border-color: var(--color-primary-dark);
						background-color: var(--color-gray-light);
					}
				}
			}
		}
	}
	& .funding-detail {
		border-color: var(--color-gray-dark);
	}
}

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

/*
    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);
	}
}

/* Pages */

/* Default */

.lets-get-started-container .h2:has(.fivilabelcontainer) {
	gap: 0 !important;
	margin-right: 5px !important;
	white-space: nowrap;
}

.lets-get-started-container .h2 > .fivilabelcontainer {
	margin-left: 5px;
}

.lets-get-started-container .DefaultTooltipClass {
	margin-left: 7px;
}

.fiviPhoneTextBoxConsentLanguageWrapper {
	display: flex;
}

.fiviPhoneTextBoxSMSOptInOptOutRBWrapper {
	display: flex;
	padding: var(--gap-vertical-25);
	gap: var(--gap-vertical-25);
}

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

.page-ApplicantInformation,
.page-JointOwner {
	.fiviControl.fiviDropDown.fiviInput span {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.fiviControl.fiviInput.fiviTextBox .DefaultTooltipClass {
		position: absolute;
		right: 19px;
		top: 40px;
	}
}

/* Funding Method */

.funding-certification {
	margin-top: -1em;
}

/* Adjust Phone control - for tooltips */

.fiviPhoneControl:has(> .fiviTextBox + .fiviTextBox + .fiviRadioButton) {
	.DefaultTooltipClass {
		position: absolute;
		left: 90%;
		top: 50% !important;
	}

	/* Phone number textbox length */
	& > .fiviTextBox:first-child {
		max-width: calc(60% - var(--column-spacer));
	}

	/* Phone type dropdown length */
	& > .fiviTextBox:nth-child(2) {
		max-width: calc(25% - var(--column-spacer));
	}

	& > .fiviRadioButton {
		max-width: calc(15% - (var(--column-spacer) * 0.25));
		margin-top: var(--input-marginTop-forLabelFocusSpace);
		height: var(--input-height);
		display: flex;
	}
}

/* Responsive adjustments */
@media all and (max-device-width: 850px), all and (max-width: 850px) {
	.fiviPhoneControl:has(> .fiviTextBox + .fiviTextBox + .fiviRadioButton) {
		flex-wrap: wrap;
		gap: calc(var(--column-spacer) * 0.75);

		& > .fiviTextBox:first-child {
			max-width: 100%;
		}

		& > .fiviTextBox:nth-child(2) {
			max-width: calc(70% - var(--column-spacer));
		}

		& > .fiviRadioButton {
			max-width: calc(30% - var(--column-spacer));
		}
	}
}

@media all and (max-device-width: 475px), all and (max-width: 475px) {
	.fiviPhoneControl {
		flex-wrap: wrap;
		gap: calc(var(--column-spacer) * 0.75);
	}

	.fiviPhoneControl:has(> .fiviTextBox + .fiviTextBox) {
		& > .fiviTextBox:first-child,
		& > .fiviTextBox:nth-child(2) {
			max-width: 100%;
		}
	}

	.fiviPhoneControl:has(> .fiviTextBox + .fiviTextBox + .fiviRadioButton) {
		& > .fiviTextBox:first-child,
		& > .fiviTextBox:nth-child(2) {
			max-width: 100%;
		}

		& > .fiviRadioButton {
			max-width: 100%;
			margin-top: 0;
			height: auto;
		}
	}
}

/* One Time Passcode  */

.fiviOTP {
	& .fiviOTPDestination:has(select) {
		& > .fiviRadioButton {
			width: 100%;
			max-width: var(--column-width-3);
		}
	}
}

@media (max-device-width: 836px), (max-width: 836px) {
	.fiviOTP {
		& .fiviOTPDestination:has(select) {
			& > .fiviRadioButton {
				max-width: var(--column-width-2);
			}
		}
	}
}

/* Account Draws */

/*
    Account Draws
*/
.page-AccountDraws {
	& .fiviProductServices > div div {
		padding: 0 !important;
	}

	& .product-services-productService-mode-container {
		display: flex;
		flex-direction: column;
		width: 100vw;
		max-width: 100%;
		gap: var(--gap-vertical-150);
	}

	& .product-service-product-container {
		display: flex;
		flex-direction: column;
		width: 100vw;
		max-width: var(--fiviInput-width);
		gap: var(--gap-vertical-75);
	}

	& > .product-service-product-header-container {
	}

	& > .product-service-services-container {
		padding: 0 !important;
	}

	& .fiviProductServiceProductModificationsWrapper {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: var(--gap-vertical-50);
		& > div:has(> .fiviDropDown) {
			display: flex;
			flex-direction: column;
			width: 100%;
			gap: var(--gap-vertical-25);
			position: relative;
		}

		& .fiviDropDown {
			margin-bottom: 0;
			& > label.FocusLabelClass {
				padding-top: 2px;
				padding-left: 5px;
			}
		}

		& .fiviBtnContainer {
			width: 100%;
			display: flex;
			justify-content: center;

			& button {
				position: relative;
				left: unset;
				border: none;
				display: flex;
				gap: 2px;
				font-size: 14px;
				font-weight: 500;
				text-transform: uppercase;
				color: var(--color-primary-blue);
				background: none;
				transition: color 0.3s ease;

				&:hover {
					color: #333333;
				}

				&:before {
					content: "[";
				}

				&:after {
					content: "]";
				}
			}
		}

		& .button-link {
			padding: 0px 5px;
			font-weight: 400;
			min-width: fit-content;
		}
	}
}

.product-service-content.expanded {
	overflow: visible;
}

.page-ApplicantInformation,
.page-JointOwner {
	.fiviControl.fiviDropDown.fiviInput .fiviTooltipContainer {
		width: fit-content;
		height: fit-content;
		position: absolute;
		right: 5px;
		top: calc(calc(var(--input-height) * 0.5) + var(--input-marginTop-forLabelFocusSpace) - 10px);
	}
	.fiviControl.fiviDropDown.fiviInput .DefaultTooltipClass:has(+ span[role="tooltip"]),
	.fiviControl.fiviInput.fiviTextBox .DefaultTooltipClass:has(+ span[role="tooltip"]) {
		position: static;
	}
}

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

.DefaultTooltipClass:has(+ span[role="tooltip"]) {
	position: static;
	+ 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;
	}
	& .DefaultTooltipClass {
		position: static;
	}
}

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

.fiviPhoneControl:has(> .fiviTextBox + .fiviTextBox + .fiviRadioButton) {
	.DefaultTooltipClass:has(+ span[role="tooltip"]) {
		position: static;
	}
}