@charset "utf-8";

div.results,
div.results * {
	box-sizing: border-box;
}

.float-left-clear{width:100%;float:left;position:relative;clear:both;}


div.results {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	*/
}
div.results .down-payment-amount {
	color: #333;
	text-align: left;
	font: 700 24px/32px "Montserrat", sans-serif;
	position: relative;
}
div.results .results2 {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ced4d5;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	width: 100%;
	position: relative;
	overflow: hidden;
}
div.results .purchase-price-and-rates {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .affordability-max-purchase-price {
	background: linear-gradient(
		180deg,
		rgba(0, 81, 46, 1) 0%,
		rgba(29, 135, 90, 1) 100%
	);
	padding: 28px 8px 28px 8px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	*/
	width: 100%;
	position: relative;
}
div.results .frame-26 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .icon {
	/*flex-shrink: 0;*/
	position: relative;
	overflow: visible;
}
div.results .icon40 {
	position: relative;top:-4px;left:0;width:40px;height:40px;border:0;
	overflow: visible;
}
div.results .frame-30 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .down-payment-amount2,
div.results .results-bold-center-white-16{
	color: #fff;
	text-align: center;
	font: 700 16px/24px "Montserrat", sans-serif;
	position: relative;
}
div.results .down-payment-amount3,
div.results .results-bold-center-white-36 {
	color: #fff;
	text-align: center;
	font: 700 36px "Montserrat", sans-serif;
	position: relative;
}
div.results .button {
	background: #fff;
	padding: 8px 16px 8px 16px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .button-name,
div.results .results-bold-center-green-14 {
	color: #1d875a;
	text-align: center;
	font: 700 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .affordability-payment-and-rates {
	background: #fff;
	border-style: solid;
	border-color: #ced4d5;
	/*border-width: 0px 1px 1px 1px;*/
	border-width: 0px 0px 1px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 0px;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	*/
	width: 500px;
	position: relative;
}
div.results .mortgage-payment {
	border-style: solid;
	border-color: #ced4d5;
	/*border-width: 0px 1px 0px 1px;*/
	border-width: 0px 1px 0px 0px;
	padding: 16px 8px 16px 8px;
	/*
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	*/
	position: relative;
}
div.results .frame-23 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .frame-25 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .monthly-payment {
	color: #333;
	text-align: center;
	font: 700 16px/24px "Montserrat", sans-serif;
	position: relative;
	align-self: stretch;
}
div.results .frame-22 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results ._9-999 {
	color: #1d875a;
	text-align: center;
	font: 700 24px/32px "Montserrat", sans-serif;
	position: relative;
}
div.results .based-on-a-mortgage-of-99-999-999 {
	color: #333;
	text-align: center;
	font: 400 14px/21px "Montserrat", sans-serif;
	position: relative;
	width: 157px;
}
#content-parent div.results a.change {
	color: #1d875a;
	text-align: center;
	font: 400 14px/21px "Montserrat", sans-serif;
	text-decoration: underline !important;
	position: relative;
}
div.results .rate-and-term {
	border-style: solid;
	border-color: #ced4d5;
	border-width: 0px 1px 0px 0px;
	padding: 16px 8px 16px 8px;
	/*
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	*/
	position: relative;
}
div.results .frame-232 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .rate-and-term2 {
	color: #333;
	text-align: center;
	font: 700 16px/24px "Montserrat", sans-serif;
	position: relative;
}
div.results ._5-year-variable-over-25-years {
	color: #333;
	text-align: center;
	font: 400 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .toggle {
	background: #fff;
	padding: 16px 0px 0px 0px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .down-payment-amount4 {
	color: #333;
	text-align: center;
	font: 700 16px/24px "Montserrat", sans-serif;
	position: relative;
	/*
	align-self: stretch;
	*/
}
div.results .toggle-mortgage {
	background: #fff;
	border-radius: 60px;
	padding: 8px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	*/
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
}
div.results .button2 {
	background: #1d875a;
	border-radius: 49px;
	padding: 8px 12px 8px 12px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .button-name2 {
	color: #fff;
	text-align: center;
	font: 700 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .button3 {
	background: #fff;
	border-radius: 49px;
	padding: 8px 12px 8px 12px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .button-name3 {
	color: #333;
	text-align: center;
	font: 700 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .mortgage-details {
	border-radius: 0px 0px 10px 10px;
	border-style: solid;
	border-color: #ced4d5;
	border-width: 0;

	padding: 32px 21px 16px 21px;
	/*
	display: flex;
	flex-direction: row;
	gap: 267px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .frame-773 {
	padding: 0px 0px 8px 0px;
	/*
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	*/
	position: relative;
}
div.results .frame-780 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .frame-799 {
	/*flex-shrink: 0;*/
	width: 200px;
	height: 200px;
	position: relative;
}
div.results .group-773 {
	position: absolute;
	inset: 0;
}
div.results .mask-group {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: visible;
}
div.results .group-774 {
	position: absolute;
	inset: 0;
}
div.results .down-payment-amount5 {
	color: #333;
	text-align: center;
	font: 400 14px/21px "Montserrat", sans-serif;
	position: absolute;
	left: 44px;
	top: 90.69px;
	width: 113px;
}
div.results .down-payment-amount6 {
	color: #333;
	text-align: center;
	font: 700 18px/22px "Montserrat", sans-serif;
	position: absolute;
	left: 44.88px;
	top: 68px;
	width: 110px;
}
div.results .down-payment-amount6 span{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
div.results .frame-803 {
	padding: 16px 0px 0px 0px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .frame-7802 {
	border-radius: 8px;
	padding: 4px 8px 4px 8px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	*/
	width: 308px;
	position: relative;
}
div.results .frame-785 {
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	position: relative;
}
div.results .ellipse-2,
div.results .circle-green-16px{
	background: #1d875a;
	border-radius: 50%;
	/*
	flex-shrink: 0;
	*/
	width: 16px;
	height: 16px;
	position: relative;
	margin-right:3px;
	float:right;
}

#resultBody table .legend-row td{height:24px;}
#resultBody table .legend-label{width:190px !important;}
#resultBody table .legend-value{width:130px !important;}
#resultBody table .legend-label span.down-payment-amount7{width:24ex !important;display:inline-block;}
#resultBody table .legend-value span.down-payment-amount8{width:20ex !important;display:inline-block;}

#resultBody table#toolsResultChartLegendTable .legend-value{width:80px !important;}
#resultBody table#toolsResultChartLegendTable .legend-value span.down-payment-amount8{width:10ex !important;display:inline-block;}

@media screen and (max-width: 780px){
	#resultBody table .legend-label,
	#resultBody table .legend-value,
	#resultBody table .legend-label span.down-payment-amount7,
	#resultBody table .legend-value span.down-payment-amount8{width:auto !important;}
}

@media screen and (min-width: 700px) and (max-width: 750px){
	#resultBody table .legend-label,
	#resultBody table .legend-value,
	#resultBody table .legend-label span.down-payment-amount7,
	#resultBody table .legend-value span.down-payment-amount8{width:auto !important;
		/*text-align:left !important;*/
	}
	span.mobile-break{display:inline-block;clear:left;}
}

div.results .down-payment-amount7,
div.results .results-bold-left-gray-14{
	color: #333;
	text-align: left;
	font: 700 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .down-payment-amount8,
div.results .results-regular-right-gray-14{
	color: #333;
	text-align: right;
	font: 400 14px/21px "Montserrat", sans-serif;
	position: relative;
}
div.results .frame-7852 {
	padding: 4px 8px 4px 8px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	*/
	width: 308px;
	position: relative;
}
div.results .ellipse-22,
div.results .circle-gray-16px{
	background: #e2e2e2;
	border-radius: 50%;
	/*
	flex-shrink: 0;
	*/
	width: 16px;
	height: 16px;
	position: relative;
	margin-right:3px;
	float:right;
	/*
	text-align:right;
	float:right;
	*/
}
td.alignCenter div.alignCenter{margin:0 auto;}
div.results .line-6 {
	border-style: solid;
	border-color: #ced4d5;
	border-width: 1px 0 0 0;
	/*
	align-self: stretch;
	flex-shrink: 0;
	*/
	height: 0px;
	position: relative;
}
div.results .frame-786 {
	padding: 4px 8px 4px 8px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	*/
	width: 308px;
	position: relative;
}
div.results .umbrella-icon {
	/*flex-shrink: 0;*/
	position: relative;
	overflow: visible;
}
div.results .disclaimer {
	padding: 8px 20px 0px 20px;
	/*
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	*/
	width: 500px;
	position: relative;
}
div.results .disclaimer-body {
	color: #434345;
	text-align: left;
	font: 400 11px "Montserrat", sans-serif;
	position: relative;
	/*flex: 1;*/
}

div.calcLeft{height:auto;}
#expensesWrapper.jsToggleOpened{max-height:442px;}
#debtWrapper.jsToggleOpened{max-height:528px;}
#informationWrapper{margin-bottom:1.5em;}