.pension-accordion {
	border-top:				3px solid var(--grey);
	padding-top:			30px;
}
.pension-accordion h2,
.pension-accordion nav span a {
	line-height:			26.66px;
	font-size:				22px;
	color:					var(--default-text);
	font-family:			var(--semibold);
	display:				none;
	padding-bottom:			8px;
}
.pension-accordion nav span a:hover{ 
	color:					var(--primary);
}
.pension-accordion nav {
	display:				flex;
	flex-direction:			row;
	justify-content:		space-between;
	position:				relative;
	z-index:				2;
}
.pension-accordion nav > a {
	display:				block;
	width:					29px;
	height:					18px;
	overflow:				hidden;
	position:				relative;
	cursor:					pointer;
	order:					2;
}
.pension-accordion nav > span {
	order:					1;
	width:					calc( 100% - 49px );
}
.pension-accordion nav > a span {
	position:				absolute;
	left:					-180px;
	top:					0;
}
.pension-accordion nav > a svg {
	width:					29px;
	height:					18px;
	display:				block;
}
.pension-accordion nav > a path {
	stroke:					var(--sky-blue);
	stroke-width:			4;
	stroke-linecap:			round;
	stroke-linejoin:		round;
	fill:					none;
}
.pension-accordion nav > input:checked ~ span {
	position:				relative;
}
.pension-accordion nav > input:checked ~ span a {
	display:				block;
	cursor:					pointer;
}
.pension-accordion section {
	display:				none;
	position:				relative;
	padding-top:			15px;
}
.pension-accordion section h2 {
	position:				absolute;
	left:					-5000%;
	top:					0;
}
.pension-accordion .section-content{
	font-size:				14px;
	font-weight:			400;
	line-height:			22.40px;
}
.pension-accordion .bordered {
	border-top:				1px var(--another-grey) solid;
	border-bottom:			1px var(--another-grey) solid;
	padding-left:			25px;
	padding-right:			25px;
	padding-top:			7px;
	padding-bottom:			7px; 
}
.pension-accordion .bordered h3,
.pension-accordion .bordered h4 {
	font-size:				21px;
	font-family:			var(--bold);
	line-height:			31.50px;
}
.pension-accordion .bordered h3 {
	padding-bottom:			20px;
}
.pension-accordion .bordered h4 span {
	font-family:			var(--normal);
}
.pension-accordion .bordered p {
	font-size:				16px;
	line-height:			24px;
}
.pension-accordion input[id^="policy-dashboard"]:checked		~ nav > span > a[for^="policy-dashboard"] {display:block;}
.pension-accordion input[id^="deferred-statement"]:checked		~ nav > span > a[for^="deferred-statement"] {display:block;}
.pension-accordion input[id^="beneficiaries"]:checked			~ nav > span > a[for^="beneficiaries"] {display:block;}
.pension-accordion input[id^="transfer-value"]:checked			~ nav > span > a[for^="transfer-value"] {display:block;}
.pension-accordion input[id^="retirement-illustration"]:checked	~ nav > span > a[for^="retirement-illustration"] {display:block;}
.pension-accordion input[id^="documents"]:checked				~ nav > span > a[for^="documents"] {display:block;}

.pension-accordion input[id^="policy-dashboard"]:checked		~ section[id^="content-policy-dashboard"] {display:block;}
.pension-accordion input[id^="deferred-statement"]:checked		~ section[id^="content-deferred-statement"] {display:block;}
.pension-accordion input[id^="beneficiaries"]:checked			~ section[id^="content-beneficiaries"] {display:block;}
.pension-accordion input[id^="transfer-value"]:checked			~ section[id^="content-transfer-value"] {display:block;}
.pension-accordion input[id^="retirement-illustration"]:checked	~ section[id^="content-retirement-illustration"] {display:block;}
.pension-accordion input[id^="documents"]:checked				~ section[id^="content-documents"] {display:block;}

.pension-accordion > input[type="radio"] {
	display:			none;
}
.pension-accordion > nav input[type="checkbox"] {
	display:			none;
}

.deferred-carousel,
.transfer-carousel,
.calculator-carousel {
	padding-top:		20px;
	width:				100%;
}
.deferred-carousel input[type="checkbox"],
.transfer-carousel input[type="checkbox"],
.calculator-carousel input[type="checkbox"] {
	display:			none;
}
.deferred-item,
.transfer-item,
.calculator-item {
	margin-bottom:		20px;
}
.deferred-item label,
.transfer-item label,
.calculator-item label {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: var(--another-grey);
	border-radius: 7px;
	line-height: 58px;
	cursor: pointer;
}
.deferred-item label span,
.transfer-item label span,
.calculator-item label span {
	line-height:		58px;
	display:			block;
	width:				calc( 100% - 49px );
	padding-left:		24px;
	font-size:			18px;
	font-family:		var(--semibold);
}
.deferred-item h3:hover label span,
.transfer-item h3:hover label span,
.calculator-item h3:hover label span {
	color: var(--light-blue);
}

.deferred-item label svg,
.transfer-item label svg,
.calculator-item label svg {
	display:			block;
	width:				28px;
	height:				17px;
	display:			block;
	margin-right:		24px;
	position:			relative;
	top:				19px;
}
.deferred-item label path,
.transfer-item label path,
.calculator-item label path {
	stroke:				var(--mono);
	stroke-width:		4;
	stroke-linecap:		round;
	stroke-linejoin:	round;
	fill:				none;
}
.deferred-item h3:hover label path,
.transfer-item h3:hover label path,
.calculator-item h3:hover label path {
	stroke: var(--light-blue);
}
.deferred-item-inner,
.transfer-item-inner,
.calculator-item-inner {
	display:			none;
	background:			var(--another-grey);
	padding:			20px 24px;
	border-radius:		0 0 19px 19px;
	line-height:		1.4;
}
.transfer-item dl {
	border-radius:10px;
	padding:15px;
	display:flex;
	flex-direction:column;
}
.transfer-item dt {
	border-top:1px solid var(--line);
	padding-top:13px;
	margin-top:13px;
}
.transfer-item dt:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0;
}
.transfer-item dd {
	font-family:var(--semibold);
}
.deferred-item-inner p,
.transfer-item-inner p,
.calculator-item-inner p {
	padding-bottom:10px;
}
.deferred-carousel input:checked ~ .deferred-item-inner,
.transfer-carousel input:checked ~ .transfer-item-inner{display:block;}
.deferred-carousel input:checked ~ h3 label,
.transfer-carousel input:checked ~ h3 label {border-radius:7px 7px 0 0;}
.deferred-carousel input:checked ~ h3 label svg,
.transfer-carousel input:checked ~ h3 label svg{transform:rotate(180deg);}
.deferred-carousel input:checked ~ h3 label path,
.transfer-carousel input:checked ~ h3 label path{stroke:var(--secondary);}
.transfer-sublist {
	padding-left:20px;
}
.transfer-sublist li {
	list-style: disc;
}
.transfer-item-inner h4,
.calculator-item-inner h4 {
	color: var(--mono);
	font-family: var(--semibold);
	line-height: 1.5;
	padding-bottom: 8px;
	padding-top: 10px;
	font-size: 18px;
}
.transfer-item-inner h5 {
	font-family:var(--semibold);
	font-size:16px;
}
.transfer-item-inner strong {
	font-family:var(--semibold);
	font-weight:normal;
}
.transfer-sublist a {
	text-decoration:underline;
	color:var(--mono);
}
.transfer-sublist a:hover {
	color:black;
}
section[id^="content-documents"] .section-content {
	margin-bottom:		20px;
}
#content-transfer-value .section-content p {
	padding-bottom:10px;
}
.document-list {
	position:			relative;
	display:			flex;
	flex-direction:		column;
	border-radius:		19px;
	line-height:		58px;
	padding:			24px 24px;
}
.document-item {
	border-top:			1px solid var(--line-lighter);
	padding:			13px 0;
}
.document-item:first-child {
	border-top:			0;
	padding-top:		0;
}
.document-item h3 {
	line-height:		24px;
	font-size:			16px;
	font-family:		var(--regular);
	font-weight:		normal;
}
.document-item .btn-secondary {
	background:			var(--secondary);
	color:				var(--charcoal);
	padding:			8px 12px;
	font-size:			12px;
	font-family:		var(--semibold);
	line-height:		18px;
	word-break:			break-word;
	box-shadow:			0px 0px 7px rgba(0, 0, 0, 0.25);
	border-radius:		5px;
	text-align:			center;
	gap:				10px;
	display:			inline-flex;
	width:				87px;
}
.document-item .btn-secondary:hover {
	background:			var(--default);
	color:				var(--sky-blue);
}
.document-item form {
	display:			flex;
	justify-content:	space-between;
}
.calculator-content {
	padding-top:		20px;
}
.calculator {
	position:			relative;
	background:			var(--another-grey);
	border-radius:		19px;
	padding:			24px 24px;
	margin-bottom:		24px;
}
.calculator h3 {
	font-size:			30px;
	line-height:		45px;
	color:				var(--light-blue);
	font-family:		var(--semibold);
}
.calculator form {
}
.calculator label,
.calculator .label {
	display:			block;
	font-size:			18px;
	line-height:		27px;
	font-family:		var(--medium);
	padding-bottom:		8px;
	padding-top:		10px;
}
.calculator input[type="text"] {
	display:			block;
	border:				0;
	border-radius:		5px;
	background:			var(--default);
	text-align:			center;
	line-height:		33px;
	font-size:			16px;
	color:				var(--mono);
	font-family:		var(--regular);
}
.calculator input[type="text"]::-webkit-input-placeholder {
	opacity:1;
}
.calculator input[type="text"]::-moz-input-placeholder {
	opacity:1;
}
.calculator input[type="text"]::-ms-input-placeholder {
	opacity:1;
}
.calculator input[type="text"]::-moz-placeholder {
	opacity:1;
}
.calculator .radios {}
.calculator .form-controls {
	display:		flex;
	flex-direction:	row;
	gap:			30px;
}
.calculator .form-controls {
	padding-top:20px;
}
.calculator .btn-primary{
	background:			var(--sky-blue);
	font-family:		var(--semibold);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	color:				var(--default);
	font-size:			15px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	padding:			0;
	display:			inline-block;
	transition:			all 0.2s ease;
	width:				120px;
}
.calculator .btn-secondary{
	background:			var(--secondary);
	font-family:		var(--semibold);
	color:				var(--charcoal);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	font-size:			15px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	padding:			0;
	display:			inline-block;
	transition:			all 0.2s ease;
	width:				120px;
}
.calculator .btn-primary:hover{
	background:			var(--default);
	color:				var(--sky-blue);
}
.calculator .btn-secondary:hover{
	background:			var(--sky-blue);
	color:				var(--default);
}

.calculator-inner {
	display:		flex;
	gap:			16px;
	flex-direction:	row;
	padding-top:	24px;
	flex-wrap:		wrap;
	background:		var(--secondary);
	padding:		15px;
	border-radius:	15px;
}
.calculator-output .output-block {
	width:			calc( 50% - 8px );
	max-width:		calc( 50% - 8px );
	min-width:		calc( 50% - 8px );
	text-align:		center;
	background:		var(--default);
	padding:		8px;
	border-radius:	15px;
}
.calculator-output #content-comment-tooltip {
	background:		transparent;
	padding:0;
}
.calculator-output h4 {
	font-weight:	normal;
	font-size:		14px;
	line-height:	22.40px;
}
.calculator-output p {
	font-size:		16px;
	line-height:	25.60px;
	font-family:	var(--semibold);
}
.pre-notes-text {
	/*padding-top:	10px;*/
}
.calculator-output .pre-notes-text {
	font-size:		12px;
	line-height:	16px;
	text-align: left;
	font-family:var(--regular);
}
.calculator-carousel input:checked ~ .calculator-item-inner{display:block;}
.calculator-carousel input:checked ~ h3 label {border-radius:7px 7px 0 0;}
.calculator-carousel input:checked ~ h3 label svg{transform:rotate(180deg);}
.calculator-carousel input:checked ~ h3 label path{stroke:var(--secondary);}

.output-block .tooltip {
	position:relative;
	top:1px;
	margin-left:2px;
	cursor:pointer;
}
.output-block .tooltip svg {
	cursor:pointer;
}
.output-block .tooltip-text{
	display:none;
}
.calculator-output > input {
	display:none;
}
.calculator-output > input[id^="pension-start-tooltip"]:checked			~ .calculator-inner .output-block[id^="content-pension-start-tooltip"]		.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="retirement-date-tooltip"]:checked		~ .calculator-inner .output-block[id^="content-retirement-date-tooltip"]	.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="annual-income-tooltip"]:checked			~ .calculator-inner .output-block[id^="content-annual-income-tooltip"]		.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="tax-free-lump-sum-tooltip"]:checked		~ .calculator-inner .output-block[id^="content-tax-free-lump-sum-tooltip"]	.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="lifetime-allowance-tooltip"]:checked	~ .calculator-inner .output-block[id^="content-lifetime-allowance-tooltip"]	.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="monthly-income-tooltip"]:checked		~ .calculator-inner .output-block[id^="content-monthly-income-tooltip"]		.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}
.calculator-output > input[id^="pension-on-death-tooltip"]:checked		~ .calculator-inner .output-block[id^="content-pension-on-death-tooltip"]	.tooltip-text{display:block;background:var(--default);padding:8px;border-radius:5px;}

.slider-markers {
	display:			flex;
	width:				100%;
	justify-content:	space-between;
}
.slider-markers span {
	display:			block;
	text-align:			center;
}
#LumpSumMinimumValue,
#LumpSumMaximumValue {
	display:			inline;
}
.beneficiary-controls {
	display:		none;
}
.beneficiaries-list {
	border-bottom:	1px solid #cdcdcd;
	padding-top:	20px;
	display:		flex;
	flex-direction:	column;
	margin-bottom:	12px;
}
.beneficiaries-list > li {
	border-radius:	0;
	line-height:	58px;
	padding:		15px 24px;
	margin-bottom:	10px;
	border-top:		1px solid #cdcdcd;
}
.beneficiary {
	opacity:		1;
	transition:		opacity 1s ease-out;
}
.beneficiaries-list .display-line {
	display:		flex;
	gap:			10px;
}
.beneficiaries-list .form-container {
/*	display:		none;*/
}
.beneficiaries-list .opened .form-container {
	display:		block;
}
.beneficiaries-list .display-line .their-name{
	border-left:	1px solid var(--mono);
}
.beneficiaries-list .display-line .their-name,
.beneficiaries-list .display-line .their-share {
	height:			30px;
	line-height:	30px;
}
.beneficiaries-list .display-line .their-name {
	width:			calc( 100% - 29px - 50px - 20px );
	padding:		0 15px;
}
.beneficiaries-list .display-line .their-share {
	width:			50px;
	text-align:		center;
}
.beneficiaries-list .display-line .btn {
	width:			29px;
	box-shadow:		none;
}

.beneficiaries-list .display-line .btn svg {
	width:				29px;
	height:				18px;
	display:			block;
}
.beneficiaries-list .display-line .btn path {
	stroke:				var(--mono);
	stroke-width:		4;
	stroke-linecap:		round;
	stroke-linejoin:	round;
	fill:				none;
}
.beneficiaries-list .new-beneficiary .display-line .add-beneficiary {
	background:			transparent;
	border-radius:		0;
	box-shadow:			unset;
}
.beneficiaries-list .opened .display-line .btn svg {
	transform:			rotate(180deg);
}
.beneficiaries-list .opened .display-line .btn path {
	stroke:				var(--secondary);
}
.beneficiaries-list .opened .form-container {
	padding-top:		8px;
}
.beneficiaries-list .new-beneficiary {
	background:var(--grey);
}
.beneficiary .form-controls,
.new-beneficiary .form-controls {
	display:			flex;
	justify-content:	space-between;
	padding-top:		30px;
}
.beneficiary .label,
.new-beneficiary .label {
	padding-top:		20px;
	display:			block;
	line-height:		16px;
	font-size:			13px;
	color:				var(--default-text);
	padding-left:		5px;
	width:				100%;
	font-family:		var(--light);
	padding-bottom:		3px;
}
.beneficiary label input,
.beneficiary label textarea,
.beneficiary label select,
.new-beneficiary label input,
.new-beneficiary label textarea,
.new-beneficiary label select {
	display:			block;
	background:			var(--default);
	border-radius:		5px;
	color:				var(--default-text);
	padding:			0 5px;
	line-height:		30px;
	font-size:			13px;
	border:				0;
	width:				100%;
	font-family:		var(--medium);
	min-height:			30px;
}
.beneficiary label textarea,
.new-beneficiary label textarea {
	padding-top:6px;
	padding-bottom:6px;
	line-height:20px;
}
.beneficiary label select option[value=""],
.new-beneficiary label select option[value=""]{
	color:				var(--default-text);
}
.save-beneficiary,
.add-beneficiary,
.delete-beneficiary{
	font-family:		var(--normal);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	font-size:			15px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	padding:			0;
	display:			inline-block;
	transition:			all 0.2s ease;
	width:				120px;
	background:			var(--sky-blue);
	color:				var(--default);
}
.delete-beneficiary {
	background:			var(--secondary);
	color:				var(--charcoal);
}
.add-beneficiary {
	width:				70px;
}
.save-beneficiary:hover,
.add-beneficiary:hover,
.delete-beneficiary:hover{
	background:			var(--secondary);
	color:				var(--charcoal);
}
.delete-beneficiary:hover{
	background:			var(--sky-blue);
	color:				var(--default);
}
.btn-arrow[data-sort="asc"] svg {
	transform:			rotate(0deg);
}

.btn-arrow[data-sort="desc"] svg {
	transform:			rotate(180deg);
}

.form-container .error-text {
	display:			none;
	line-height:		16px;
	font-size:			13px;
}
.form-container .error .error-text {
	display:			block;
	padding:			5px;
	color:				var(--red);
}
.delete-confirmation {
	display:			none;
}
.show-delete .delete-confirmation {
	display:			block;
	background:			var(--default);
	border-radius:		5px;
	margin-top:			15px;
	padding:			25px 15px;
}
.delete-confirmation p {
	line-height:		18px;
	font-size:			15px;
	font-family:		var(--semibold);
	padding-bottom:		15px;
	text-align:			center;
}
.delete-options {
	display:			flex;
	flex-direction:		row;
	gap:				18px;
	justify-content:	center;
}
.delete-options .cancel-delete {
	font-family:		var(--normal);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	font-size:			15px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	padding:			0;
	display:			inline-block;
	transition:			all 0.2s ease;
	width:				120px;
	background:			var(--sky-blue);
	color:				var(--default);
}
.delete-options .cancel-delete:hover {
	background:			var(--secondary);
	color:				var(--charcoal);
}
.delete-options .confirm-delete {
	font-family:		var(--normal);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	font-size:			15px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	padding:			0;
	display:			inline-block;
	transition:			all 0.2s ease;
	width:				120px;
	background:			var(--secondary);
	color:				var(--charcoal);
}
.delete-options .confirm-delete:hover {
	background:			var(--sky-blue);
	color:				var(--default);
}
.error-box {
	display:			none;
}
.error-box.shown {
	display:			block;
	padding:			25px 0 20px;
}
.error-box p {
	color:				var(--red);
	line-height:		18px;
	font-size:			15px;
	font-family:		var(--semibold);
	padding-bottom:		15px;
	text-align:			center;
}
.beneficiary.deleted {
	opacity:			0;
	transform:			scale(0.95);
}

#retirement-age,
#calculated-amount {
	display:			block;
	text-align:			center;
	padding-bottom:		15px;
}
.pension-accordion section .section-content > .bordered {
	margin-top:			30px;
	margin-bottom:		30px;
	padding:			25px 24px;
	border-top:			2px var(--another-grey) solid;
	border-bottom:		2px var(--another-grey) solid;
}
.pension-accordion section .section-content > .bordered p {
	font-size:			16px;
	line-height:		24px;
}

.pension-accordion section .section-content > .bordered p strong {
	font-family:		var(--bold);
	font-size:			21px;
	font-weight:		normal;
}
.pension-accordion section .section-content > .bordered p strong.date {
	font-size:			16px;
}
.pension-accordion section .section-content {
	margin:				0 auto;
	padding:			15px 0;
	line-height:		18px;
}
.pension-accordion section .section-content h4{
	font-family: 		var(--semibold);
	padding:			8px 0 10px;
}
#content-deferred-statement h3 {
	padding:			40px 40px 15px 0;
}
#content-deferred-statement p {
	padding-bottom:		10px;
}
#content-deferred-statement-notes h3 {
	padding:			40px 0 0 0;
}

@media all and (min-width:890px) {
	.pension-accordion {
		padding-top:	0;
		position:		relative;
		border-top:		3px solid transparent;
	}
	.pension-accordion:before {
		/*border-top:		3px solid var(--grey);
		content:		"";
		position:		absolute;
		left:			-3000%;
		right:			-3000%;*/

		background:		var(--grey);
		height:			4px;
		position:		absolute;
		top:			0;
		left:			-5000%;
		right:			-5000%;
		content:		"";
		box-shadow:		0px 4px 4px 0px #0000000D;

	}
	.flexed {
		display:		flex;
		flex-direction:	row;
	}
	.flexed label,
	.flexed .label {
		width:50%;
	}
	.flexed input:first-of-type {
		width:50%;
	}
	.pension-accordion nav > label {
		display:		none;
	}
	.pension-accordion nav span {
		width:			100%;
		display:		flex;
		gap:			10px;
		text-align:		center;
		justify-content:space-between;
	}
	.pension-accordion nav span a {
		display:		flex;
		background:		var(--another-blue);
		border-radius:	0 0 15px 15px;
		font-family:	var(--normal);
		font-size:		16px;
		line-height:	20px;
		padding:		10px 8px;
		font-weight:	normal;
		/*width:			calc( ( 100% - 50px - 160px ) / 5 );*/
		width:			100%;
		height:			53px;
		justify-content:center;
		align-items:	center;
		text-align:		center;
		cursor:			pointer;
	}
	.pension-accordion nav span label:hover {
		background:		var(--light-blue);
		color:			white;
	}
	.pension-accordion section h2 {
		position:		relative;
		left:			unset;
		top:			unset;
		text-align:		center;
		padding-top:	40px;
		padding-bottom:	25px;
		display:		block;
	}
	.pension-accordion section .section-content {
		margin:			0 auto;
		padding:		15px 0;
		line-height:	18px;
	}
	.pension-accordion section .section-content h4{
		font-weight:		var(--bold);
		padding:			8px 0 10px;
		font-size:			21px;
	}
	.pension-accordion #content-policy-dashboard .section-content p{
		padding-bottom:		10px;
		line-height:		1.5em;
		font-size:			16px;
	}
	.pension-accordion #content-policy-dashboard h3,
	.pension-accordion #content-deferred-statement h3 {
		font-family:		var(--semibold);
		font-size:			21px;
		text-align:			center;
	}
	.pension-accordion #content-deferred-statement-notes h3 {
		text-align:			left;
	}
	.pension-accordion input[id^="policy-dashboard"]:checked		~ nav > span > a[for^="policy-dashboard"] {display:flex;background:var(--secondary);color:var(--mono);}
	.pension-accordion input[id^="deferred-statement"]:checked		~ nav > span > a[for^="deferred-statement"] {display:flex;background:var(--secondary);color:var(--mono);}
	.pension-accordion input[id^="beneficiaries"]:checked			~ nav > span > a[for^="beneficiaries"] {display:flex;background:var(--secondary);color:var(--mono);}
	.pension-accordion input[id^="transfer-value"]:checked			~ nav > span > a[for^="transfer-value"] {display:flex;background:var(--secondary);color:var(--mono);}
	.pension-accordion input[id^="retirement-illustration"]:checked	~ nav > span > a[for^="retirement-illustration"] {display:flex;background:var(--secondary);color:var(--mono);}
	.pension-accordion input[id^="documents"]:checked				~ nav > span > a[for^="documents"] {display:flex;background:var(--secondary);color:var(--mono);}

	.pension-accordion input:checked ~ nav > span > a:hover{
		background:var(--light-blue);
		color:var(--default);
	}

	.beneficiaries-list .display-line {
		display:			none;
	}
	.beneficiary-controls {
		display:			flex;
		gap:				10px;
		justify-content:	space-between;
		flex-direction:		row;
		flex-wrap:			nowrap;
		position:			relative;
		padding-left:		24px;
		padding-right:		24px;
		text-align:			center;
		padding-top:		20px;
	}
	.beneficiaries-list .form-container,
	.beneficiaries-list .opened .form-container {
		display:			flex;
		gap:				10px;
		justify-content:	space-between;
		flex-direction:		row;
		flex-wrap:			nowrap;
		position:			relative;
	}
	/*.beneficiaries-list .form-container label {
		width:				calc( calc( 100% - 50px - 160px ) / 5 );
	}*/
	.beneficiaries-list .form-container label:nth-child(1) {
		width:				calc( calc( 100% - 110px ) * 0.25 );
	}
	.beneficiaries-list .form-container label:nth-child(2) {
		width:				calc( calc( 100% - 110px ) * 0.45 );
	}
	.beneficiaries-list .form-container label:nth-child(3) {
		width:				calc( calc( 100% - 110px ) * 0.2 );
	}
	.beneficiaries-list .form-container label:nth-child(4) {
		width:				calc( calc( 100% - 110px ) * 0.15 );
	}
	.beneficiaries-list .form-container .save-beneficiary {
		order:				1;
		width:				70px;
	}
	.beneficiaries-list .form-container .delete-beneficiary {
		order:				2;
		width:				70px;
	}
	.beneficiaries-list .form-container .label {
		display:			none;
	}
	.beneficiary-controls .btn {
		width:				calc( calc( 100% - 50px - 160px - 48px ) / 5 );
		text-align:			left;
		box-shadow:			none;
		padding:			0 5px;
	}
	.beneficiary-controls .btn.sort-nothing {
		width:				160px;
	}
	.beneficiary-controls .btn:nth-child(1) {
		width:				calc( calc( 100% - 110px ) * 0.25 );
	}
	.beneficiary-controls .btn:nth-child(2) {
		width:				calc( calc( 100% - 110px ) * 0.45 );
	}
	.beneficiary-controls .btn:nth-child(3) {
		width:				calc( calc( 100% - 110px ) * 0.2 );
	}
	.beneficiary-controls .btn:nth-child(4) {
		width:				calc( calc( 100% - 110px ) * 0.15 );
	}
	.beneficiary-controls .btn svg {
		width: 16px;
		height: 16px;
		position:relative;
		top:3px;
	}
	.beneficiary-controls .btn path {
		fill: var(--line-lighter);
	}
	.beneficiary-controls .btn[data-sort="asc"] path:first-child {
		fill: var(--blue-1);
	}
	.beneficiary-controls .btn[data-sort="asc"] path:last-child {
		fill: var(--line-lighter);
	}
	.beneficiary-controls .btn[data-sort="desc"] path:first-child {
		fill: var(--blue-1);
	}
	.beneficiary-controls .btn[data-sort="desc"] path:last-child {
		fill: var(--line-lighter);
	}
	.sort-nothing {
		width:				120px;
	}
	.beneficiary .form-controls,
	.new-beneficiary .form-controls {
		padding-top:		0;
		width:				160px;
		gap:				20px;
	}

	.calculator-content-inner {
		display:			flex;
		justify-content:	space-between;
		gap:				40px;
		flex-wrap:			wrap;
	}
	.calculator{
		width:calc(50% - 20px);
	}
	.calculator-output{
		width:calc(50% - 20px);
	}
}
.pension-accordion .section-content {
	padding-bottom:20px;
}
.pension-accordion .section-content h3 {
	font-family: var(--bold);
	padding:40px 40px 15px;
	font-size:24px;
}
.pension-accordion .section-content .transfer-dl {
	display:flex;
	flex-direction:row;
	padding:0;
	border-top:1px solid var(--medium-navy-blue);
	margin-bottom:20px;
	flex-wrap:wrap;
}
.pension-accordion .section-content .transfer-dl dt {
	width: calc( 100% - 120px );
	padding:8px 0 8px 40px;
	border-bottom:1px solid var(--medium-navy-blue);
}
.pension-accordion .section-content .transfer-dl dd {
	width:120px;
	padding:8px 40px 8px 0;
	border-bottom:1px solid var(--medium-navy-blue);
	font-family:var(--semibold);
}