/*
 * The legacy pages' inline styles, as classes, so the pages carry no style
 * attributes (the Content-Security-Policy allows the site's own stylesheets
 * only). Each rule names the legacy markup it replaces; values come from
 * tokens.css.
 */

[hidden] {
	display: none !important;
}

/* Every page's heading: font-size:18px;font-weight:bold;margin-bottom:15px */
.page-heading {
	font-size: var(--font-size-18);
	font-weight: bold;
	margin-bottom: var(--space-15);
}

/* Each plan's section on the election summary. */
.summary-plan-heading {
	font-size: var(--font-size-16);
	font-weight: bold;
	margin-top: var(--space-20);
	margin-bottom: var(--space-10);
}

.bold {
	font-weight: bold;
}

/* The grey form panels: background-color:#e4e3e0;margin-top:15px */
.form-well {
	background-color: var(--color-well);
	margin-top: var(--space-15);
}

.scroll-well {
	overflow: auto;
}

/* step-three-both.php line 178 */
.step3-both-well {
	height: var(--size-275);
}

.full-row {
	float: left;
	width: 100%;
}

.float-left {
	float: left;
}

/* The Back and Next row: float:left;width:100%;margin-top:20px (30px on step two and choose-beneficiaries) */
.button-row {
	float: left;
	width: 100%;
	margin-top: var(--space-20);
}

form[data-step-two] .button-row,
.button-row-wide {
	float: left;
	width: 100%;
	margin-top: var(--space-30);
}

.radio-cell {
	float: left;
	width: var(--size-40);
}

.big-radio {
	margin-top: var(--space-0);
	width: var(--size-20);
	height: var(--size-20);
	border-radius: var(--radius-8);
}

.small-radio {
	margin-top: var(--space-0);
	width: var(--size-16);
	height: var(--size-16);
	border-radius: var(--radius-8);
}

.radio-label {
	cursor: pointer;
	margin-bottom: var(--space-0);
}

.radio-label.normal {
	font-weight: normal;
}

.checkbox-text {
	float: left;
	width: 90%;
	margin-left: var(--space-10);
}

.option-gap {
	margin-top: var(--space-15);
}

.style-group-gap {
	margin-top: var(--space-25);
}

.choice-row {
	margin-bottom: var(--space-6);
}

/* Sign-in page (index.php lines 254 to 316) */
.ebook-column {
	margin-top: var(--space-20);
	text-align: center;
}

.ebook-link {
	text-align: center;
}

.ebook-image {
	width: 100%;
	border: var(--border-1) solid var(--color-black);
}

.ebook-caption {
	font-size: var(--font-size-11);
	padding-left: var(--space-20);
	padding-right: var(--space-20);
	margin-bottom: var(--space-20);
}

.small-print {
	font-size: var(--font-size-12);
}

.assisted-note {
	font-size: var(--font-size-12);
	line-height: var(--line-height-14);
}

/* The schedule a call dialog (step-three.php lines 218 to 242) */
.call-row {
	margin-top: var(--space-20);
}

.call-row-last {
	margin-bottom: var(--space-20);
}

/* Step four (step-four-easy.php line 167, step-four-build.php lines 455 to 678) */
.easy-heading {
	margin-bottom: var(--space-20);
	font-size: var(--font-size-15);
	color: var(--color-black);
}

.fund-heading-first {
	margin-bottom: var(--space-10);
}

.fund-heading {
	margin-top: var(--space-10);
	margin-bottom: var(--space-10);
}

.fund-row {
	margin-bottom: var(--space-15);
}

.allocation,
.allocation-total {
	width: var(--size-50);
}

.allocation-total {
	color: var(--color-gray-total);
}

.allocation-total.total-wrong {
	color: var(--color-red);
}

.total-row {
	margin-top: var(--space-30);
	margin-bottom: var(--space-30);
}

/* Step five and the election summary (step-five.php line 267, election-summary.php lines 99 to 186) */
.summary-fundname {
	float: left;
	width: var(--size-320);
	text-align: right;
	margin-right: var(--space-20);
	padding-top: var(--space-4);
}

.summary-beneficiary-headline {
	float: left;
	width: 100%;
	background-color: var(--color-blue);
	box-sizing: border-box;
	padding: var(--space-10);
	color: var(--color-white);
	margin-bottom: var(--space-20);
}

.summary-name-cell {
	float: left;
	margin-right: var(--space-40);
}

.narrow-input {
	max-width: var(--size-200);
}

/* Marital status (marital-status.php lines 145 to 151) */
.married-message {
	max-width: var(--size-550);
}

.image-back {
	vertical-align: top;
	margin-right: var(--space-15);
	margin-left: var(--space-neg-5);
}

/* Choose beneficiaries */
.custom-percent {
	width: var(--size-60);
}

.add-row {
	margin-top: var(--space-20);
}

/* The call center bar (templates/header.php lines 211 to 222) */
.callcenter-bar {
	float: left;
	width: 100%;
	background-color: var(--color-gray-8c);
	padding-top: var(--space-6);
	padding-bottom: var(--space-6);
	margin-bottom: var(--space-20);
}

.callcenter-number {
	float: left;
	color: var(--color-white);
	padding-top: var(--space-4);
}

.callcenter-logout-link {
	display: block;
}

.callcenter-logout {
	float: right;
	background-color: var(--color-orange);
	color: var(--color-white);
	border-radius: var(--radius-6);
	padding: var(--space-6) var(--space-16);
}

.banner {
	width: 100%;
}

.steps-label {
	margin-right: var(--space-8);
}

/* The footer (templates/footer.php lines 27 to 49, 54 to 71) */
.footer-block {
	margin-top: var(--space-40);
	margin-bottom: var(--space-20);
}

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

.underline-link {
	text-decoration: underline;
}

.footer-separator {
	margin-left: var(--space-10);
	margin-right: var(--space-10);
}

.modal-header-plain {
	border-bottom: 0;
}

.modal-footer-centered {
	text-align: center;
	border-top: 0;
}

.disclaimer-link {
	color: var(--color-rust);
}

/* The call center page (call-center-login.php lines 51 to 71) */
.callcenter-box {
	width: var(--size-320);
	margin: 0 auto;
	text-align: center;
}

.callcenter-logo-row {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: var(--space-30);
	margin-bottom: var(--space-30);
}

.callcenter-logo {
	width: var(--size-200);
}

.callcenter-form {
	margin-top: var(--space-0);
	margin-bottom: var(--space-20);
}

.callcenter-input-row {
	margin-top: var(--space-10);
}

.callcenter-input {
	text-align: center;
	border: var(--border-1) solid var(--color-gray-e5);
}

.callcenter-button-row {
	margin-top: var(--space-20);
	margin-bottom: var(--space-40);
}

/* The legacy page named a stylesheet that was not on the server (ops/header.php line 44); the button takes the site's blue. */
.voya-btn {
	background-color: var(--color-blue);
	width: var(--size-120);
	color: var(--color-white);
	height: var(--size-35);
	text-transform: uppercase;
	border: none;
}