#calculator #taxSavingAmount {
	display: none;
}


#calculator .no-padding-side {
	padding-left: 0;
	padding-right: 0;
}

#calculator .small-padding-sides{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

#calculator .no-margin-sides {
	margin-right: 0;
	margin-left: 0;
}

#calculator .small-margin-bottom {
	margin-bottom: 0.625rem;
}


#calculator .display-inline {
	display: inline;
}

#calculator .button, a.button {
	padding: 10px 20px;
}


#calculator .controls-wrapper {
	padding: 20px;
	border: 1px solid #86888A;
	border-radius: 1px;
}

#calculator .controls-wrapper .controls {
	margin-bottom: 0;
}

#calculator .controls-wrapper.disabled {
	border: 1px solid #B5B5B5;
}

#calculator .controls-wrapper.disabled input[type="checkbox"]+label {
	color: #B5B5B5;
}

#calculator .controls-wrapper.disabled input[type='checkbox']+label:before {
	border: 1px solid #B5B5B5;
	background-color: #fff;
}


#calculator .controls-wrapper.disabled .controls:hover input[type="checkbox"]+label::after {
	display: none;
}


#calculator .showResult button {
	width: 100%;
}

#calculator .circle {
	width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 14px;
    line-height: 20px;
}

#calculator .circle-tooltip {
	width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

#calculator .tooltipText{
	font-size: 0.874rem;
	line-height: 1.5;
}

#calculator .result .left {
	background-color: #E1EAF7;
	padding: 30px 20px;
}

#calculator .result .left .offer-ribbon-secondary {
	font-size: 14px;
	line-height: 23px;
	padding: 6px 15px 7px 8px;
}

#calculator .result .left .icon-success {
	color: #d40139;
}

#calculator .result .left .rrif-tooltip-wrapper {
	display: none;
	margin-left: 5px;
	top: 3px;
}

#calculator .rrif-tooltip-wrapper .tooltip-popup .tooltip-popup-content {
	text-align: left;
}

#calculator .text1 {
	font-size: 26px;
	line-height: 36px;
}

#calculator .text2 {
	font-size: 20px;
	line-height: 30px;
}

#calculator .text3 {
	font-size: 14px;
	line-height: 23px;
}

#calculator .text4 {
	font-size: 16px;
	line-height: 26px;
}

#calculator .text5 {
	font-size: 18px;
	line-height: 28px;
}

#calculator .footnote,
#calculator .footnote1,
#calculator .footnote2 {
	top: -1em;
}


#calculator .result .right {
	background-color: #F2F3F2;
	padding: 60px 0 0 30px;
}

#calculator .result .right .text1 {
	margin-bottom: 12px;
}

#calculator .result .right.initial .maturity,
#calculator .result .right.initial .oriInv,
#calculator .result .right.initial .estEarnedInt,
#calculator .result .right.initial .estTaxSaving {
	color: #86888A;
}

#calculator .circle.yCon {
	background-color: #8B1D41;
}

#calculator .circle.sInt {
	background-color: #0767A8;
}

#calculator .highcharts-axis-title {
	font-family: Whitney-Semibld-Pro;
	font-size: 14px;
	color: #333333;
}

#calculator .gicDetails p {
	margin-bottom: 0;
}

#calculator .gicDetails p.add-margin-bottom {
	margin-bottom: 20px;
}


#calculator a.inlineLink {
	color: #333333;
}

#calculator a.inlineLink:hover {
	color: #c41f3e;
}


#calculator .investNowLink {
	border: none;
    margin-top: 15px;
    width: 185px;
    height: 48px;
    line-height: 48px;
    padding: 0;
}

.diffTerms {
	padding-bottom: 30px;
}

.diffTerms .termWrapper {
	padding: 20px 15px;
	background-color: #F2F3F2;
} 

.diffTerms a,
.diffTerms a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.diffTerms .btnSwitch {
	line-height: 89px;
}

.diffTerms .newPostedRate1 {
	display: none;
}

#utilsPanel {
	padding-top: 24px;
}

#utilsPanel a:not(:last-child) {
    margin-right: 44px;
}	

#utilsPanel a {
    display: inline-block;
    border-bottom: 0;
    position: relative;
    font-size: 16px;
    color: #383B3E;
    height: 20px;
}

#utilsPanel a:hover span {
	color: #C41F3E;
	text-decoration: none;
	border-bottom: 1px solid #C41F3E;
}


#utilsPanel .icon {
	margin-right: 8px;
	font-size: 20px;
	color: #C41F3E;
	vertical-align: text-top;
}


#calculator button.link-style {
	background-color: transparent;
	padding: 0px;
	margin: 0;
	min-height: 0px;
	width: auto;
	color: #8B1D41;
	margin-top: 20px;
}

#calculator button.link-style span {
	display: inline;
}

#calculator button.link-style:hover  {
	color: #C41F3E;
	
}

#calculator button.link-style .link-content{
	border-bottom: 1px solid transparent;
}

#calculator button.link-style:hover .link-content{
	border-bottom: 1px solid #C41F3E;
}


#calculator #showTableLink {
	margin-bottom: 20px;
	text-align: left;
}

#calculator #showTableLink .inline-arrow {
    margin-left: 7px;
    display: inline;
}

#calculator #showTableLink .icon-arrow-up {
	vertical-align: bottom;
}

#calculator #showTableLink .icon-arrow-down {
	vertical-align: top;
}

.graphSection {
	padding-top: 20px;
}

#graphTable {
	display: none;
	border: none;
    width: 100%;
    border-spacing: 0;
}

#graphTable th {
	font-family: Whitney-Semibld-Pro;
	background-color: #DDDDDD;
	font-size: 16px;
    line-height: 26px;
    padding: 9px 10px;
    color: #333;
}

#graphTable td {
	font-size: 16px;
    line-height: 26px;
    padding: 9px 10px;
    border-bottom: 1px solid #B5B5B5;
    background-color: #fff;
    color: #333;
}

#graphTable tr.alt td {
	background-color: #F2F3F2;
}

#clearDataModal h1,
#clearDataModal p {
    margin-bottom: 1.25rem;
}

#clearDataModal #clearDataModal-content {
    padding-left: 40px;
    padding-right: 40px;
}

#clearDataModal #clearDataModal-content button {
	float: left;
	min-width: 7.25rem;
	display: inline-block;
}

#clearDataModal #clearDataModal-content button + button {
	float: right;
}

#gicAd2 {
	display: none;
}

@media only screen and (max-width:1024px) and (min-width:768px) {


	#clearDataBtn {
		line-height: 48px;
	}



	#calculator .checkboxWrapper .columns:first-child {
		padding-right: 0.625rem;
	}

	#calculator .checkboxWrapper .columns:last-child {
		padding-left: 0.625rem;
	}

	.gicDetails {
		padding-top: 30px;
	}

	.graphSection {
		padding-top: 20px;
	}
}



@media only screen and (max-width:767px) {
	#utilsPanel a {
		display: block;
		
	}

	#utilsPanel a:not(:last-child) {
		margin-bottom: 20px;
	}

	.newTermBlock {
		display: none !important;
	}

	#calculator .result .left {
		height: auto;
	}

	#calculator .result .right {
		padding: 30px;
		height: auto;
	}

	#calculator .investNowLink { 
		font-size: 16px;
	}

	.diffTerms {
		display: none !important;
	}

	#calculator .showResult button {
		font-size: 16px;
		height: 48px;
	}

	#calculator .gicDetails {
		margin-top: 50px;
	}

	.gicDetails {
		padding-top: 30px;
	}

	.graphSection {
		padding-top: 20px;
	}
}

/* Print css */

@media print and (max-width: 1024px) {
@page {
    size: 12in 14.5in;
    margin-right: 0!important;
    padding-right: 0!important;
}

.highcharts-container,
	.highcharts-container svg {
	page-break-before: avoid;
}

.graphSection {
	padding-top: 20px;
}

.main-content-wrapper {
	position: absolute;
	left: 0;
	width: 98%;
}

	.highcharts-container svg {
	width: 80% !important;
}

#rs-simplify-retirement .container-img-wrapper .margins-padding {
	text-align: left !important;
}

#rs-simplify-retirement1 .container-img {
	padding-left:0;
}

#rs-simplify-retirement {
	height: 346px;
}

#rs-simplify-retirement .callout-inner {
	height: 236px !important;
}

.html5,
.featurebannercontainer,
.terms-wrapper {
	width: 92%;
}

#rs-simplify-retirement,
#rs-meet-with-us,
#rs-simplify-retirement1 {
	width: 92%;
	margin: 0;
}

#rs-simplify-retirement1 {
	width: 95%;
	margin: 0 0 0 -2%;
}

html[lang="fr"] #rs-simplify-retirement1 {
	width: 92%;
}

html[lang="fr"] #rs-simplify-retirement1 .large-4 {
	width: 31%;
}

.banner-bg {
	margin-top: -45px;
}

html[lang="fr"] .banner-bg {
	margin-top: -53px;
}

.showTableLink {
	margin-top: 20px;
}

#rs-simplify-retirement1 .container-img .image-positioning {
	margin: 0 auto;
	width: 80px !important;
}
}

@media print and (max-width:767px) {
.featurebannercontainer img  {
	display: none !important;
}

	.highcharts-container,
	.highcharts-container svg {
	width: 120% !important;

}

#rs-simplify-retirement1 .container-img {
	padding: 0;
}
}

@media print {
@page {
    size: 12in 14.5in;
    margin-right: 0!important;
    padding-right: 0!important;
}

div {
	max-height: 99%;
}

body {
	-webkit-print-color-adjust: exact!important;
	color-adjust: exact;
}

.highcharts-container svg {
	width: 80% !important;
}

.featurebannercontainer .banner-image  {
	display: none !important;
}

#gicAd1 .container-img {
	background: url("/content/dam/cibc-public-assets/personal-banking/investment/investment-calculators/gic-calculator/images/stack-of-cash-450x250.svg") !important;
	-webkit-print-color-adjust: exact!important;

	margin-bottom: 0px;
	height: 286px;
	width: 532px;
	left: 0px;
	top: 0px;
}

#gicAd2 .container-img {
	background: url("/content/dam/global-assets/illustrations/teal-background/objects/safety-and-protection-450x250.svg") !important;
	-webkit-print-color-adjust: exact!important;

	margin-bottom: 0px;
	height: 286px;
	width: 532px;
	left: 0px;
	top: 0px;
}

#calculator .result .left .icon {
    color: #d40139 !important;
}


.meet-with-us i {
	color: #c41f3e !important;
	border-bottom: none !important;
}

#kampyleButtonContainer,
.diffTerms,
#printBtn,
#hideFromPrint,
#gicAd1 .image-positioning,
#gicAd2 .image-positioning,
    .featurebannercontainer .callout-title-allcaps {
	display: none !important;
}

#calculator .graph-wrapper{
	overflow: auto;
}

#graphTable th {
	background-color: #DDDDDD!important;
	-webkit-print-color-adjust: exact!important;
}

#graphTable tr.alt td {
	background-color: #F2F3F2!important;
	-webkit-print-color-adjust: exact!important;
}

#calculator .circle.yCon {
	background-color: #8B1D41!important;
	-webkit-print-color-adjust: exact!important;
}

#calculator .circle.sInt {
	background-color: #0767A8!important;
	-webkit-print-color-adjust: exact!important;
}

#calculator .result .left .offer-ribbon-secondary {
	background: #005377 !important;
	-webkit-print-color-adjust: exact!important;
	color: white !important;
}

#calculator .result {
	border: 1px solid #333;
}

#calculator .result .left {
   border-right: 1px solid #333;
}

	.input-format {
		display: none !important;
	}

	.showResult {
		display: none;
	}

	.large-8.large-offset-2,
	.terms-content-wrapper .large-8 {
		width: 83%;
	padding-left: 14%;
	}

	.banner-bg {
		min-height: 0 !important;
		height: 100px !important;
		padding: 0 !important;
	}

	.banner-bg .columns.has-content {
		height: 150px !important;
		min-height: 0 !important;
		width: 97%;
	left: -5%;
	}

	html[lang="fr"] .banner-bg .columns.has-content {
		height: 160px !important;
	}

	.banner-bg .columns.has-image {
		display: none !important;
	}

}