body{
	overflow-x:hidden;
}


.calc-form-elm-container {width:255px; margin:16px;}
.calc-form-elm-container-inner {position:relative; height:28px;}

.calc-label {font-weight:700; font-size:13px; margin-left:-1px; line-height:16px;}

.calc-label-container {position:relative; margin-bottom:4px;}

.text-input {
	position:absolute;
	top:0;
	left:34px;
	width:187px;
	text-align:center;
	font-weight:700;	
	font-size:15px;
	color:#666;
	height:30px;
	border:0;
	margin:0;
	padding:0;
    height:33.5px;
}

.sr-only{
	color:#000;
}
.main-full-width{width:100%;}
#bar-graph{width:100%!important}

.dollar-watermark {position:absolute;top:6px;left:42px;z-index:20;font-size:20px;color:#bbb;}
.percent-watermark {position:absolute;top:3px;right:95px;z-index:99;font-size:18px;font-weight:700px;color:#3f3f3f;}

.text-input:focus {background-color:#ffffcc;}
/*.text-input::selection {background:#ffff99;  WebKit/Blink Browsers }*/
/*.text-input::-moz-selection {background:#ffff99;  Gecko Browsers }*/

.y-point {margin-bottom:34px;}

a.incr:link, a.incr:visited, a.incr:hover, a.incr:active {
	right:0;
}

a.decr:link, a.decr:visited, a.decr:hover, a.decr:active {
	left:0;
}

a.incrDecrButton:link, a.incrDecrButton:visited, a.incrDecrButton:hover, a.incrDecrButton:active {
	display:inline-block; position:absolute; top:0; text-align:center; text-decoration:none; padding: 4px 4px 1px 4px;
}

a.incrDecrButton:link, a.incrDecrButton:visited {color:#c3c3c3; background-color:#f8f8f8;}
a.incrDecrButton:hover, a.incrDecrButton:active {color:#f8f8f8; background-color:#c3c3c3;}
a.incrDecrButton > i {font-size:24px;}

.error {font-weight:700; color:#CC0000; font-size:11px; margin-bottom:8px; display:none;}

a.calc-tooltip:link, a.calc-tooltip:visited, a.calc-tooltip:hover, a.calc-tooltip:active {
	display:inline-block;
	position:absolute;
	top:-3px;
	right:0px;
	font-size:13px;
	line-height:17px;
    padding: 1px 5px;
	text-decoration:none;
    opacity: 1;
}

a.calc-tooltip:link, a.calc-tooltip:visited, a.calc-tooltip:active  {
	color:#ffffff;
	background-color:#01b0db;
}

a.calc-tooltip:hover  {
	color:#01b0db;
	background-color:#ffffff;
}

#calculator-left {position:relative; z-index:50; float:left; height:516px; background-color:#e2e2e2;}
#calculator-right {position:relative; z-index:6; float:right;background-color:#E2E2E2;padding:0;}

#bar-graph {
	display:block;
	position:relative;
	z-index:10;
	width:100%;
	height:350px;
	background-color:#e2e2e2;
	overflow-x: hidden;
}

#x-axis {
	position:absolute;
	top:35px;
	right:0;
	z-index:15;
	width:100%;
	height:300px;
	text-align:center;
	background: transparent repeat-x 0 6px;

}

#y-axis {
	position:absolute;
	top:35px;
	width:40px;
	height:288px;
	color:#253b39;
	font-size:14px;
	font-weight:700;
	text-align:center;
	border-right:1px solid #88c522;
	padding-top:4px;
}

#calc-action-btn-container {
	position:absolute;
	top:8px;
	right:0px;
	width:304px;
	height:28px;
	background-color:#2c5557;
	color:#fff;
	text-align:center;
	padding-top:3px;
}

.calc-action-icon {
	color:#85a3a6;
	font-size:18px !important;
	margin-right:2px;
}

.calc-action-btn-divider {
	font-size:13px;
	font-weight:700;
	color:#fff;
	padding-right:10px;
	padding-left:8px;
}

a.calc-action-btn:link, a.calc-action-btn:visited, a.calc-action-btn:hover, a.calc-action-btn:active {
	font-size:12px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	position:relative;
	bottom:3px;
}

a.calc-action-btn:hover {
	color:#e7e7e7;
}
.hdr-icon-calculator-fullwidth-lime{
	background:#94C947 0 0 no-repeat;
}
#noSavingsMsg {
	position:absolute;
	display:none;
	width:400px;
	height:100px;
	top:137px;
	left:120px;
	z-index:100;
	color:#cc3333;
	font-size:16px; 
	font-weight:bold;
}

.amt-display-block-outer{width:50%!important}
.amt-display-block-outer {
	position:absolute;
	top:366px;
	width:296px;
	height:166px;
	background:#2c5557 repeat top left;
	text-align:center;
}

.amt-display-block-header {
	font-size:22px;
	line-height:24px;
	font-weight:700;
	color:#fff;
	padding:16px 0 12px 0;
}

.amt-display-block-inner {
	font-size:36px;
	font-weight:700;
	padding:8px 0 16px 0;
	color:#cede54;
	background-color:#2c5557;
}

.display-tax-savings {
	left:-15px;
}

.display-hsa-savings {
	right:0;
}

/* animation elements */

.bar-container {height:295px; display:inline-block; position:relative;}

a.bar:link, a.bar:visited, a.bar:hover, a.bar:active {
	display:block;
	position:absolute;
	left:0;
	background-color:#73a7a2;
	height:5px;
	overflow:visible !important;
}

a.bar:hover {background-color:#2c5557;z-index:99;}

a.bar > span {
	position:absolute;
	display:none;
	top:-43px;
	width:100px;
	height:42px;
	color:#ffffff;
	background: transparent no-repeat 50% 0;
	text-align:center;
	font-size:13px;
	font-weight:700;
	line-height:35px;
}

a.bar:hover > span {display:block;}

.bar-year {position:absolute; bottom:0; left:0; color:#253b39; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:700;}

.bar-1 {width:10px;bottom:8px;}
.bar-2 {width:12px;bottom:8px;}
.bar-3 {width:16px;bottom:8px;}
.bar-4 {width:21px;bottom:8px;}
.bar-5 {width:37px;bottom:8px;}
.bar-6 {width:70px;bottom:8px;}

.tooltip-bar-1 {left:-45px;}
.tooltip-bar-2 {left:-44px;}
.tooltip-bar-3 {left:-42px;}
.tooltip-bar-4 {left:-39px;}
.tooltip-bar-5 {left:-31px;}
.tooltip-bar-6 {left:-13px;}

.bar-container-1 {width:14px; margin-left:3px;}
.bar-container-2 {width:17px; margin-left:3px;}
.bar-container-3 {width:18px; margin-left:7px;}
.bar-container-4 {width:21px; margin-left:12px;}
.bar-container-5 {width:39px; margin-left:10px;}
.bar-container-6 {width:70px; margin-left:14px;}

.bar-year-1 {width:10px; height:10px; bottom:-9px; font-size:9px; line-height:10px;}
.bar-year-2 {width:12px; height:12px; bottom:-10px; font-size:10px; line-height:12px;}
.bar-year-3 {width:16px; height:14px; bottom:-12px; font-size:11px; line-height:14px;}
.bar-year-4 {width:21px; height:14px; bottom:-12px; font-size:12px; line-height:14px;}
.bar-year-5 {width:37px; height:14px; bottom:-12px; font-size:13px; line-height:14px;}
.bar-year-6 {width:70px; height:16px; bottom:-12px; font-size:14px; line-height:16px;}

#calculator-left > div > div.calc-form-elm-container:nth-child(2) a:hover.tooltip span{
    bottom:20px;
}

/*@media only screen and (min-width:992px) and (max-width:1199px){

}*/

@media only screen and (max-width:992px){
	
	.amt-display-block-outer{
	position:relative!important;
	width:100%!important;
	top:0!important;
	left:0px!important;
	
	}

	.amt-display-block-outer{
		background:#2c5557;
	}

	.standard-tertiary-blue{
		margin:0;
		margin-top:10px;
	}
	
	.calc-form-elm-container{
		margin-left:auto!important;
		margin-right:auto!important;
		}
		
	#calc-action-btn-container{
		min-width:262px!important;
		right:0px!important;
		width:100%!important;
		top:0!important;
	}
	/* .margin-top-lg{3.5em!important} */
	body.container{padding-right:0;padding-left:0;}
	#calculator-right{padding-right:0;padding-left:0;}
	#y-axis{left:0!important;}
	#x-axis{padding-right:10px;}
	
	
	.amt-display-block-header{
		padding:0!important;
		padding-top:3px!important;
		font-size:15px!important;
		line-height:14px!important;
	}
	.amt-display-block-outer{
		height:auto!important;
	}
	.amt-display-block-inner{
		padding:0!important;
		font-size:19px!important;
	}
	
	}
	
	
@media only screen and (max-width: 480px){
	
	.amt-display-block-header{
		font-size:11px!important;
	}
	#savings-calulator-section > div > div > div > div > p.margin-top-lg{
		position:relative;
		top:63px;
		font-size:11px;
		
	}	
	
	}

#x-axis{left:40px;padding-right:52px;}

.tax-savings-container{
	position:relative;
	}
.amt-display-block-outer{
	top:0!important;
	float:left;
	}
.main-interior-secondary {
	padding-left:0!important;
	padding-right:0!important;
}
	
.main-interior-primary-full-width{
	padding-left:1em!important;
	padding-right:1em!important;
}
	

/*Responsive*/
@media only screen and (max-width: 479px) {
	
	#y-axis{
		width:37px;
	}
	#x-axis{
		left:37px;
	}
	
	.calc-action-btn-divider,#calc-action-btn-container > i.fa.fa-print.calc-action-icon, #btnPrintCalcResults{
		display:none;
	}

	.bar-1 {width:5px;bottom:8px;}
	.bar-2 {width:6px;bottom:8px;}
	.bar-3 {width:9px;bottom:8px;}
	.bar-4 {width:13px;bottom:8px;}
	.bar-5 {width:18px;bottom:8px;}
	.bar-6 {width:35px;bottom:8px;}
	
    .bar-container-1 {width:1px; margin-left:6px;}
	.bar-container-2 {width:4px; margin-left:4px;}
	.bar-container-3 {width:5px; margin-left:6px;}
	.bar-container-4 {width:3px; margin-left:11px;}
	.bar-container-5 {width:9px; margin-left:12px;}
	.bar-container-6 {width:33px; margin-left:9px;}
	
	.bar-year-1 {width:5px; height:10px; bottom:-9px; font-size:6px; line-height:10px;}
	.bar-year-2 {width:6px; height:12px; bottom:-10px; font-size:8px; line-height:12px;}
	.bar-year-3 {width:11px; height:14px; bottom:-12px; font-size:9px; line-height:14px;}
	.bar-year-4 {width:12px; height:14px; bottom:-12px; font-size:11px; line-height:14px;}
	.bar-year-5 {width:16px; height:14px; bottom:-12px; font-size:13px; line-height:14px;}
	.bar-year-6 {width:35px; height:16px; bottom:-12px; font-size:14px; line-height:16px;}
	
	body.container{overflow-x:hidden;}
	
	}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#savings-calulator-section > div > div > div > div > p.margin-top-lg{
		position:relative;
		top:-85px;
	}	
	
	.bar-1 {width:11px;bottom:8px;}
	.bar-2 {width:13px;bottom:8px;}
	.bar-3 {width:16px;bottom:8px;}
	.bar-4 {width:21px;bottom:8px;}
	.bar-5 {width:35px;bottom:8px;}
	.bar-6 {width:70px;bottom:8px;}
	
    .bar-container-1 {width:7px; margin-left:6px;}
	.bar-container-2 {width:8px; margin-left:8px;}
	.bar-container-3 {width:14px; margin-left:5px;}
	.bar-container-4 {width:12px; margin-left:14px;}
	.bar-container-5 {width:31px; margin-left:9px;}
	.bar-container-6 {width:70px; margin-left:10px;}
	
	.bar-year-1 {width:11px; height:10px; bottom:-9px; font-size:9px; line-height:10px;}
	.bar-year-2 {width:12px; height:12px; bottom:-10px; font-size:10px; line-height:12px;}
	.bar-year-3 {width:14px; height:14px; bottom:-12px; font-size:10px; line-height:14px;}
	.bar-year-4 {width:21px; height:14px; bottom:-12px; font-size:11px; line-height:14px;}
	.bar-year-5 {width:35px; height:14px; bottom:-12px; font-size:13px; line-height:14px;}
	.bar-year-6 {width:70px; height:16px; bottom:-12px; font-size:14px; line-height:16px;}
	
	body.container{overflow-x:hidden;}
	
	}
@media only screen and (min-width: 768px) and (max-width: 991px) {

#savings-calulator-section > div > div > div > div > p.margin-top-lg{
	position:relative;
	top:-46px;
}


}