.ri-calculator {
	display: flex;
	flex: 1 0 auto;
	height: 100%;
}

.cal-right-side {
	padding: 50px 32px 50px 50px;
	align-self: center;
	width: 630px;
}

#tooltipContent-ricalc-tooltip img:active,#tooltipContent-ricalc-tooltip img:focus,
#tooltipContent-ricalc-tooltip.tool-tip-content.active img, #tooltipContent-ricalc-tooltip-2.tool-tip-content.active img{
	content:url("../../../../../content/dam/workplace/icons/tooltip-active.svg");
}
#ri-plan-title,#ri-inv-plan-title{
	font-family: Nimbus Sans Novus Bold;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.43;
	letter-spacing: 0.02px;
	text-align: center;
	color: #3b4b59;
}

.ri-withdrawl-tooltip{
	background-color: transparent !important;
}

.ri-withdrawl-tooltip .common-modal-close{
	padding: 0;
}

.ri-mobile-tooltip.active,.ricalc-mobile-tooltip.active{
	content:url("../../../../../content/dam/workplace/icons/tooltip-active.svg");
}

#eligible-balance-for-calculator{
	font-family: Nimbus Sans Novus Bold;
}

#cal-monthly-income .multi-fund-page{
	margin-bottom: 0px;
}

#est-invest-amount{
	height: 156px;
}

#cal-invest-amount .cal-box{
	padding-bottom: 0px;
}

#cal-invest-amount  .est-tile{
	padding-top: 24px;
	padding-bottom: 24px;
}

@media (min-width: 979px) and (max-width: 1250px) {
	.cal-right-side {
		padding: 50px 10% 50px 50px;
	}
	.input-header{
		margin: 0 0 8px;
	}
}

.cal-right-side .header {
	font-family: Nimbus Sans Novus Regular;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.02px;
	text-align: center;
	color: #3b4b59;
	margin-bottom: 4px;
}

.input-header {
	margin: 0 0 4px;

}

.input-header p {
	font-family: Nimbus Sans Novus Regular;
	letter-spacing: 0.03px;
	text-align: center;
	color: #3b4b59;
	font-size: 24px;
	margin: 0;
}

.cal-right-side .cal-box {
	border: solid 1px #bec3c8;
	padding: 24px 93px 25px;
}

.cal-right-side .cal-box .header {
	font-family: "Nimbus Sans Regular";
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	font-size: 24px;
	padding-bottom: 0px;
}

.cal-right-side .cal-box .header .default-text {
	font-family: "Nimbus Sans Regular";
	margin-bottom: 8px;
}
.disclaimer-container span#estimate-disclaimer p:first-child {
    display: inherit;
    margin-bottom: 0px;
}
.footnotes-container span#estimate-disclaimer p:first-child {
	display: inherit;
	margin-bottom: 0px;
}

.cal-right-side .cal-box .calculate-btn {
	margin-left: 8px;
}

.cal-right-side .cal-box .calculate-btn button {
	font-size: 16px;
	padding: 9px 16px 10px;
	height: 40px;
	font-family: Nimbus Sans Novus Bold;
	border: none;
}

.cal-right-side .cal-box input {
	flex-grow: 0;
	font-family: Nimbus Sans Novus Regular;
	font-size: 18px;
	line-height: 1.22;
	letter-spacing: 0.02px;
	text-align: left;
	color: #3b4b59 !important;
	padding: 7px 0 7px 12px !important;
}

@media (max-width: 767px) {
	.est-tile{
		margin-top: 16px!important;
	}
	.cal-right-side .cal-box input {
		width: 100% !important;
	}
	.calculator-body {
		width: 100% !important;
	}
	#cal-monthly-income .cal-box{
		padding: 24px 16px;
	}
	#cal-invest-amount .cal-right-side .cal-box input{
		margin-left: 0px;
	}
	.input-header p{
		font-family: Nimbus Sans Novus Regular;
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.02px;
		text-align: center;
		color: #3b4b59;
		margin: 0 0 8px;
	}
	#cal-monthly-income .cal-box input{
		width: 126px;
	}
	.disclaimer-container{
		width: 100% !important;
	}
	.footnotes-container{
		width: 100% !important;
	}
	.btn-investment button .active{
		text-align: center!important;
	}
}
.cal-right-side .cal-box input, input:focus
.cal-right-side .cal-box input.active {
	color: #086ea1;
}

#cal-monthly-income .cal-box input{
	margin-left: 2px;
	width: 134px;
}
@media (max-width: 480px)  {
	#cal-monthly-income .cal-box input{
		margin-left: 0px;
		margin-bottom: 8px;
		align-self: flex-end;
	}

	.cal-right-side .cal-box .ri-calc-flex {
		flex-direction: column;
	}

	.cal-right-side .cal-box .calculate-btn {
		margin-left: 0px;
	}

	.cal-right-side .cal-box .calculate-btn button {
		width: 100%;
	}
}
.cal-right-side .cal-box input, input:focus {
	outline-offset: unset;
	outline: none;
	color: #086ea1;
	box-shadow: none;
	width: 149px;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-left: 35px;
	padding: 0;
	border-radius: 4px;
	border: solid 1px #7c8790;
	background-color: #fff;
}

.cal-right-side .cal-box .ri-calc-flex{
	display: flex;
}

.calculator-body {
	text-align: center;
	width: 548px;
}

.calculator-body .cal-box div div{
	display: block;
}
.calculator-header-text,
.calculator-header-text .default-text,
.modal-asp {
	display: inline ;
}

.modal-asp .container {
	width: auto;
}

.modal-asp button:not(.common-modal-ok) {
	color: #086ea1;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border: none;
	background: white;
	padding:0;
}

.common-modal-ok:hover {
	background-color: #054C70;
}

.cal-right-side .disclaimer-container p {
	font-size: 14px;
	line-height: 1.29;
	margin-bottom: 0;
	display: inline;
}
.cal-right-side .footnotes-container p {
	font-size: 14px;
	line-height: 1.29;
	margin-bottom: 0;
	display: inline;
}
.cal-right-side .modal-text {
	font-size: 14px;
	text-decoration: underline;
}

.cal-right-side .modal-text:hover {
	font-size: 14px;
	text-decoration: underline;
}

a.link {
	text-decoration: underline;
}

#dollar-btn .arrow:after {
	margin-top: 330px;
}

.dollar-arrow:after,.monthly-arrow:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0,0,0,0);
	border-left-color: #002f48;
	border-width: 25px;
	margin-left: -31px;
	margin-top: 261px;
}

.est-tile {
	background-color: #f4f5f6;
	text-align: center;
	padding: 20px;
	margin-top: 8px;
}

#cal-monthly-income .est-tile{
	padding: 24px 16px;
}

.est-tile-header p {
	height: 24px;
	flex-grow: 0;
	margin: 8px 0;
	font-family: Nimbus Sans Novus Regular;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: 0.02px;
	text-align: center;
	color: #3b4b59;

}

.est-amount-symbol-decimal {
	font-family: "Nimbus Sans Light";
	font-size: 60px;
	line-height: 1.25;
	color: #4f4f4f;
}

.est-amount {
	font-size: 48px;
	line-height: 1.14;
	letter-spacing: 0.07px;
	text-align: center;
	color: #3b4b59;
	font-family: Nimbus Sans Novus Regular;
}

.est-amount-container .est-fetched-amount {
	font-size: 56px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.est-amount-container .est-fetched-amount {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	.common-modal.modal.in.ri-withdrawl-tooltip {
		display: block;
		height: fit-content;
		overflow-y: auto;
		position: absolute;
	}

	.modal-open { overflow-y: auto; }

	.ri-withdrawl-tooltip .cross-icon{
		margin-right: -25px;
		padding-right: 8px;
		margin-top: -16px;
		padding-top: 8px}


	.est-amount-container .est-fetched-amount {
		font-size: 40px;
	}
}

.est-amount-container{
	font-family: 'Nimbus Sans Novus Regular' !important;
	font-size: 56px;
	line-height: 1.14;
	letter-spacing: 0.07px;
	text-align: center;
	color: #3b4b59;
}

.input-tax-disclaimer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.input-tax-disclaimer p {
	height: 20px;
	font-family: Nimbus Sans Novus Regular;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.02px;
	text-align: center;
	color: #3b4b59;
    margin: 11px 3px 8px 0px;
}

.est-tax-disclaimer {
	font-family: "Nimbus Sans Light";
	font-size: 18px;
	color: #4a4a4a;
}

.disclaimer {
	line-height: 1.29;
	display: inline;
}

.disclaimer-container {
	width: 548px;
	border-top: solid 1px #d8d8d8;
	margin-top: 20px;
	padding-top: 10px;
	font-family: "Nimbus Sans Novus Regular";
	font-size: 14px;
	color: #4f4f4f;
}
.footnotes-container.before-est{
	margin-top: 0;
	padding-top: 0;
	max-height: 0;
}
.footnotes-container {
	width: 548px;
	margin-top: 20px;
	padding-top: 10px;
	font-family: "Nimbus Sans Novus Regular";
	font-size: 14px;
	color: #3b4b59;
	line-height: 20px;
	text-align: center;
}

@media (min-width: 979px) {

	#tooltipContent-ricalc-tooltip-2 img:hover,#tooltipContent-ricalc-tooltip img:hover{
		content:url("../../../../../content/dam/workplace/icons/tooltip-active.svg");
	}

	.footnotes-container {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0px;
		padding-top: 8px;
	}

	.disclaimer-container.after-est{
		margin-top: 24px;
	}
	.disclaimer-container{
		margin-top: 16px;
		padding-top: 16px;
	}
}
button[disabled], button[disabled]:hover {
	background-color: #929ba3;
	border: none;
}

.difference-message {
	font-family: "Nimbus Sans Light";
	font-size: 20px;
	color: #044361;
	text-align: center;
	line-height: 1.2;
	margin-top: 20px;
}

.error-container {
	flex-grow: 0;
	padding: 24px;
	border: solid 1px #dd3636;
	background-color: rgba(221, 54, 54, 0.1);
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.error-msg {
	flex-grow: 0;
	margin: 0 0 0 16px;
	font-family: Nimbus Sans Novus Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.02px;
	text-align: left;
	color: #3b4b59;
}

.error-msg > p {
	margin: 0px;
	font-family: Nimbus Sans Novus Regular;
	font-size: 18px;
	line-height: 24px;
}

.error-icon {
	content: url("../../../../../etc.clientlibs/workplace-mpi/clientlibs/clientlib-site/resources/error-info.svg");
	align-self: baseline;
	margin-top: 5px;
}
.cross-icon {
	content: url("../../../../../etc.clientlibs/workplace-mpi/clientlibs/clientlib-site/resources/cross-button.svg");
	align-self: baseline;
}

.error-msg > p > a {
	text-decoration: underline;
	color: #086ea1
}

@media (max-width: 979px) {
	.error-msg {
		font-size: 16px;
	}

	.error-msg > p {
		margin: 0px;
		font-size: 16px;
		line-height: 1.5;
	}
}

@media (min-width: 990px) {
	.cross-icon:hover {
		content: url("../../../../../etc.clientlibs/workplace-mpi/clientlibs/clientlib-site/resources/close-hover.svg");
	}
	.error-icon {
		align-self: center;
		margin-top: 0px;
	}
}

@media (max-width: 767px) {

	.cal-right-side {
		padding: 40px 20px;
		border-bottom: solid 1px #d8d8d8;
		width: 100%;
	}
	.arrow-container {
		display: none;
	}
	.dollar-arrow:after {
		margin-top: -22px;
		margin-left: 45%;
		transform: rotate(90deg);
	}
	.monthly-arrow:after {
		margin-top: -22px;
		margin-left: 45%;
		transform: rotate(90deg);
	}
	.input-header {
	    margin: 0px auto;

	}
	.est-tile-header p {
		font-family: Nimbus Sans Novus Regular;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.02px;
		text-align: center;
		color: #3b4b59;}
}
#monthly-income-input{
	margin-left: 0px;
}
@media (min-width: 768px) and (max-width: 979px) {
	#cal-monthly-income.multifund-plan .cal-box input{
		margin-left: 12px!important;
	}
	.calculator-body{
	width: 370px;
	}

	.icon-calculator{
		margin-top: 116px ;
	}

	#monthly-income-input{
		margin-left: 30px!important;
	}

	.disclaimer-container {
		width:350px;
	}
	.footnotes-container {
		width:350px;
		margin-top: 8px;
		padding-top: 0px;
	}
	.disclaimer-container{
		margin-top: 24px;
		padding-top: 16px;
	}
	.cal-right-side .cal-box {
		padding: 24px 16px;
		border-radius: 4px;
		border: solid 1px #bec3c8;
	}

	.columns-container.ri-calc-band-section{
		border-bottom: 1px solid #d3d7da;
	}

.cal-right-side .cal-box input, input:focus{
		width: 113px!important;
		height: 40px;
		flex-grow: 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 12px;
		padding: 0 12px;
		object-fit: contain;
	}
	.cal-right-side {
		padding: 40px 15px;
		border-bottom: solid 1px #d8d8d8;
		width: 100%;
	}
	.dollar-arrow:after,.monthly-arrow:after {
		margin-top: 318px;
		margin-left: -3%;
		transform: rotate(0deg);
	}
	.cal-right-side .header{
		margin-bottom: 8px;
	}
	.input-header p{
		Margin: 0 0 8px;
		font-family: Nimbus Sans Novus Regular;
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.02px;
		text-align: center;
		color: #3b4b59;
	}
	#cal-monthly-income .cal-right-side .cal-box .calculate-btn button{
		width: 187px;
	}
	#monthly-income-calculate-btn.calculate-btn button{
		font-family: Nimbus Sans Novus Bold;
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: 0.02px;
		text-align: left;
	}
	.est-tile{
		margin-top:16px;
	}
	.est-tile-header p{
		font-size: 16px;
	}
	.est-amount{
		font-size: 36px;
		line-height: 1.22;
		letter-spacing: 0.04px;
		text-align: center;
	}
	.est-amount-container{
		font-size: 36px;
	}
	#investment-amount-input.multifund-plan,#monthly-income-input.multifund-plan{
		width: 300px!important;
	}
	.multifund-plan #monthly-income-input{
		margin-left: 36px!important;
	}
	#multifund-monthly-income-calculate-btn button{
		width: 187px;
		padding-left: 8px;
		padding-right: 8px;
	}
}
.calculate-btn button[disabled]{
	background-color: #929ba3 !important;
	color: #d3d7da !important;
	opacity: 1;
}
.multifund-common-modal{
	display:none;
}
#monthly-income-input{
	margin-left: 20px;
	width: 134px;

}

@media (min-width: 768px) and (max-width: 800px) and (orientation: portrait){
	.cal-lef-side{
		width: 375px;
	}
	.calculator-body{
		width: 350px;
	}
	#monthly-income-input{
		width: 98px;
	}
	#investment-amount-input{
		width: 90px;
	}
}
@media (width:  1024px) and (orientation: landscape){
	.calculator-body{
		width: 483px;
	}
	.disclaimer-container{
		width: 483px;
	}
	.footnotes-container{
		width: 483px;
	}
	#investment-amount-input{
		width: 96px;
	}
	#cal-invest-amount .cal-box{
		padding-left: 68px;
		padding-right: 68px;
	}
}

/*multi-fund styles*/

#cal-monthly-income.multifund-plan .cal-box input.multifund-plan{
	width: 319px;
	margin: 0 0 0 19px;
}
.multifund-plan#monthly-income-input{
	width: 319px;
	margin: 0 0 0 19px;
}
#cal-monthly-income.multifund-plan #monthly-income-calculate-btn,#cal-invest-amount.multifund-plan #invest-amount-calculate-btn{
	display: none;
}

.multifund-plan #est-invest-amount{
	height: auto;
	padding-bottom: 24px;
}

.multifund-plan .multifund-choose-an-inv{
	display: block;
}
.multifund-choose-an-inv{
	display: none;
}

.choose-an-inv-btn{
	background-color: #086EA1;
	border: 1px solid #086EA1;
	padding: 10px 20px 11px 20px;
	border-radius: 4px;
	width: 257px;
	height: 40px;
	border: none;
}
.choose-an-inv-btn[disabled] span.modal-text-button {
	color: #d3d7da;
}
.choose-an-inv-btn span.modal-text-button,.choose-an-inv-btn span.modal-text-button:hover{
	font-family: Nimbus Sans Novus Bold;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
}
.choose-an-inv-btn[disabled] span.modal-text-button:hover{
	color: #d3d7da;
	cursor: not-allowed;
}
.choose-an-inv-btn:hover{
	border: none;
	background-color: #054C70;
	height: 40px;
}
.add-margin{
	margin-top:16px;
}

@media (max-width: 767px){
	.disclaimer-container{
		margin-top: 24px;
		padding-top: 16px;
	}
.footnotes-container{
	margin-top: 8px;
	padding-top: 0px;
	max-height: 100% ;
}
p.ri-calc-tooltip-content{
	margin-bottom: 0;
	height: auto ;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.02px;
	color: #3b4b59;
}}