/***************** Participant Site Specific - Common to all screen sizes  ****************/

ol.numbered li {
	padding: 0.25em 0em;
}

.heading4 td{
	color:black;
	font-weight:bold;
	font-size:14px;
	padding: 0.5em 0em 0.5em 0.2em;
}

.hidden {
	display:none;
}

#content .highlight-links a:not(.button):not(.active-link):not([href^="mailto:"]) {	
	color: #0066FF;
}

/*********Deferral Calculator******/

div.css-form.deferral-calculator .row {
	display: block;
	padding: 1rem 0rem;
}

div.css-form.deferral-calculator .row .column.inline-msg {
	color: red;
}

div.css-form.deferral-calculator .row.msg {
	padding: 0rem;
	color: red;
}

div.css-form.deferral-calculator #deferral-calculator-option {
	padding: 0px 1px;
}

div.css-form.deferral-calculator .inline-input {
	text-align: right;	
}

div.css-form.deferral-calculator .result-field {
	color: #13392b; 
}

div.css-form.deferral-calculator .result-field input {
	border: 2px solid #13392b;
	color: transparent;
	cursor: none;
	text-shadow: 0 0 0 black;
}

/**************Flex Containers***********************************/
.flex-container2 {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-around;
	gap: 20px;	
	padding: 20px 0;
}

.flex-container2 .tier1 {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(154, 192, 4, 0.4);
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 20px;
	text-align: center;
	width: 300px;
	border-radius: 5px;
	background-color: rgba(54, 18, 46, .09);
}

.flex-container2 .tier1 .header {
	font-weight: bold;
	font-size: 14px;
}

.flex-container2 .tier1 .footer {
	font-size: 12px;
	font-style: italic;
}

.flex-container2 .tier1 .negative {
	color: red;
}

.bene-change {
	color: #B00000;
}

.manual-enrollment {
	padding-left: 130px;
}

.beneficiary-field {
	text-align : left;
}