#pageInstructional { font-size:1.1em !important; }

#appForm{
    padding-top: 2.5rem;
}

/* General Tags */

fieldset {  
	border: 0;
	margin: 0;
	padding: 0;
 }

ol li, ul li, ol li ul li { 
	list-style:disc; 
	margin: 1rem 0; 
	padding:0; 
}
ol li { 
	list-style:decimal; 
}
ol.lowerAlpha li { 
	list-style-type:lower-alpha; 
}

/* Print */
#printLogo, 
.printOnly { 
	display:none; 
}

/* Accessibility Treatment */
#skipToMain { 
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	font-weight: bold;
}

/* 	======   GENERIC CONTENT 	=========
	=====================================*/

#mainBody {
	background-color: #FFF;
	border: 1px solid #86888A;
	padding-top: 3.75rem;
}

@media only screen and (max-width: 959px) {
	#mainTitleContent, 
	#mainContent,
	#disclaimerText{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}


@media only screen and (max-width: 767px) {
	#mainTitleContent, 
	#mainContent,
	#disclaimerText{
		padding-left: 1.5625rem;
		padding-right: 1.5625rem;
	}
	#mainBody {
		padding-top: 3.125rem;
	}
}

#mainSection {
	float: left;
	overflow: visible;
}

/* HEADER */
#header { 
	width:100%; 
	float:left !important; 
	margin: 2.5rem 0;
}
#header #logo { 
	float:left;
	margin: 0;
	position:relative; 
}

@media only screen and (max-width: 767px){
	#header #logo { 
		float: none;
		text-align: center;
	}
}

#header #top-links {
    float: right;
}

#header ol, #header ul, #header ul li {
    list-style: none !important;
}

#header #top-links a {
    border-right: 1px solid #86888A;
    color: #383B3E;
    text-decoration: none;
    display: block;
}

#header #top-links a.no-border {
    border: 0;
}



/* list information on file */
#information-on-file-Help .contentContainer  h6 {
	margin-left:-14px; 
}


/* FOOTER */
.footer-logo img {
	max-width: 4.93125rem;
}
.footer-wrapper {
	color: #FFF;
	display: flex;
}

.footer-item:not(:last-child){
	margin-right: 10%;
}

.footer-item:first-child {
	margin-right: 1.25rem;
}

.footer-item:last-child {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
}


@media only screen and (min-width: 768px) {
	html[lang="fr"] #copyrightFooter {
		max-width: 42%;
	}
	.footer-item a:not(:last-child){
		margin-right: 5%;
	}
}

@media only screen and (max-width: 959px) {
	.footer-wrapper {
		flex-wrap: wrap;
	}
	.footer-item:first-child{
		flex-basis: 100%;
		margin-bottom: 0.85rem;
	}
	
}

@media only screen and (max-width: 767px) {
	.footer-wrapper {
		flex-direction: column;
		justify-content: center;
	}

	.footer-item:last-child {
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-item:not(:first-child):not(:last-child),
	.footer-item a:not(:last-child){
		margin-bottom: 0.75rem;
	}
	.footer-item:first-child{
		margin-bottom: 2.5rem;
	}

	.footer-item:not(:last-child),
	.footer-item:first-child {
		margin-right: 0;
	}
}

/* 	=====   COMMON ELEMENTS		=========
	=====================================*/

/* Bottom Notes */
.section-separator hr{
	border-top: 1px solid #86888A;
}
.note { 
	background-color:#efefef; 
	border:1px solid #d7d7d7; 
	clear:both; 
	float: left;
	width:100%; 
}
.note .notebody { 
	margin: 12px; 
	font-size: 1.1em; 
}
.note .notebody h4 { 
	margin-bottom: 0.5em; 
} 

/* Form Notes */
.optionalNote{
	float:right;
	color:#000;
	margin-top:0.5px;
	padding-right: 10px;
	font-size: x-small;
	font-weight:normal !important;
	text-align: right;
	width: 90%;
}
.printableNote { 
	color: #999999;
	margin-right: 10px; 
}
.printableNote p {
	float: right;
}
.formNote { 
	clear: both;
	margin: 0px; 
	}
.formNote p { 
	margin: 0px; 
}
.relevantNotes{	
	margin: 10px; 
	clear: both;
}
.instructionalText{
	padding: 5px 0 0 9px;
}
.disclaimer {
	padding: 0 20px 10px 20px;
}

/* Errors */
.hiddenError {	
	display: none !important; 
}
#mainSection .visibleError {
	color: #D40139;
	clear: both;
	float: none; 
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 3px 0px 2px 28px;
	display: block !important;
	width: auto;	
}

#mainSection  .visibleError#errorsOnPage {
	background: none;
	border: 2px solid #D40139;
	margin: 10px 12px 8px 13px;
	padding: 10px 0;	
	clear: both;
}
#mainSection .visibleError#errorsOnPage .globalError {
	color: #D40139;
	font-size: 1.1em;
	padding: 0px 0px 0px 33px;
	position: relative;
	top: 0px;
	left: -12px;
	min-height: 30px;
}

/* Separators */
#mainSection .seperator { 
	float:left; 
	width:100%; 
}

/* Buttons */
.ButtonContainer{ 
	float: left; 
	margin-bottom: 20px; 
	width:100%;
}

.ButtonContainer::after{
	clear: both;
	display: table;
	content: "";
}

.ButtonContainer .ExitFlowButtons, 
.ButtonContainer .PrimaryButton,
.ButtonContainer .PrimaryFlowButtons,
.ButtonContainer .PrimaryFlowButtons .SecondaryButton { 
	float: left;
	display: inline; 
	margin: 0px;
}
.ButtonContainer .PrintFlowButtons { 
	float: left; 
	display: inline; 
	margin-left: 30%; 
}
.ButtonContainer .PrimaryFlowButtons { 
	float: right; 
}

@media only screen and (max-width: 767px) {
	.ButtonContainer,
	.ButtonContainer .ExitFlowButtons, 
	.ButtonContainer .PrimaryButton,
	.ButtonContainer .PrimaryFlowButtons,
	.ButtonContainer .PrimaryFlowButtons .SecondaryButton,
	.ButtonContainer .PrintFlowButtons {
		float: none;
		display: block;
	}

	.PrimaryFlowButtons + .ExitFlowButtons{
		margin-top: 0.625rem;
	}
}

.ButtonContainer .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .SecondaryButton INPUT,
.ButtonContainer .ExitFlowButtons .SecondaryButton INPUT,
.ButtonContainer .PrintFlowButtons .SecondaryButton INPUT {
	background-color: #808080;
	border: 1px solid #000;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 4px 4px;
	margin: 0px 5px;
	float: none;
	overflow:visible;
	font-weight: bold;
} 
.ButtonContainer .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .PrimaryButton INPUT { 
	background-color: #AF0B1C;
	margin-right: 0px;
} 
.ButtonContainer .ExitFlowButtons .SecondaryButton INPUT { 
	margin-left: 0px; 
}

/* Icons and Text */
#assistanceLinks {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#assistanceLinks a {
	display: flex;
	border-bottom: none;
	text-decoration: none;
}
#assistanceLinks a span.icon + span {
	border-bottom: 1px solid transparent;
}

#assistanceLinks a:hover span.icon + span{
	border-bottom: 1px solid #C41F3E;
}

#assistanceLinks a:hover span.icon{
	border-bottom: none;
}

#assistanceLinks a span.icon{
	color: #C41F3E;
	font-size: 1.5rem;
	line-height: 1;
	display: inline-block;
}

#assistanceLinks a span.icon + span{
	margin-left: 0.5rem;
}

@media only screen and (max-width: 959px){
	#assistanceLinks {
		flex-direction: column;
	}
	#assistanceLinks a:not(:last-child){
		margin-bottom: 1.875rem;
	}
}

.inlineHelp, .inlineHelpLink, .inlineHelpLinkTextOnly { 
	float: left; 
	padding-left: 5px; 
	overflow: hidden; 
}

.inlineHelpLinkTextOnly .help {
	background: none;
}
	
#updateOcclabel1,#updateOcclabel2, #EMP1updateOcclabel1, #EMP1updateOcclabel2{
	float:left !important;
}

#updateoccuPair .FieldContainer, #EMP1updateoccuPair .FieldContainer{
    width: 100%!important;
}

/* Currency|Percent Sign */
.currencyEN { 
	float: left; 
	margin-left: -9px; 
	z-index: 1;
}
.currencyFR, 
.percentSign { float:left; 
	margin-left:0px; 
	padding-right:3px; 
}

/* Tables */
.tableField { 
	float: left; 
	margin: 10px 0px; 
	width: 100%; 
}
.tableHeader { 
	font-weight: 700; 
	padding: 0px 10px; 
}
.tableData{	
	padding:5px 10px; 
}
.tableGrid { 
	width:100%; 
	padding: 0px 0px; 
	border-collapse: collapse; 
	border:1px solid #c2c2c2;
}
.tableGrid td { 
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	text-align: center; 
	padding:2px; 
	text-align:left; 
	padding:5px 10px; 
}

.topRowHeading { 
	font-weight: 700; 
	border-top: 1px solid #c2c2c2; 
	height:20px; 
}
.topRowHeadingNormal { 
	border-top: 1px solid #c2c2c2; 
	height: 20px; 
}
.altRow {
	background-color:#efefef;
}

/* Forms */

.SecondaryField { 
	float: left; 
	margin: 0; 
	padding: 0;
}

.TwoColumnLayout .SecondaryField { 
	width: 38%; 
}

.SecondaryField .fieldLabel { 
	width: 25%;
}	


.SecondaryField .labelledField { 
	width: 70%; 
}


.labelledField div.optional { 
	padding: 0px 0px 0px 10px; 
}

.TwoColumnLayout {
	position: relative;
}

#primaryapplicant {
	width:60%;
	float:left;
}

.coapplicantlayout {
	width:40%;
	float:left;
}


.coapplicantlayout .labelledField { 
	width: 90%!important; 
	padding-left:15px; 
}

.coapplicantlayout .accessibleText, 
.coapplicantlayout .fieldLabel, 
.coapplicantlayout label { 
	width: 1px !important; 
	overflow: hidden !important;
}
.coapplicantlayout .sectionHeader { 
	padding-left:25px !important; 
}
	
/* Form Inputs */
.dayInput, 
.monthSelect, 
.yearInput, 
.monthInput,
.SinInput, 
.AreaCode, 
.PhoneNumber, 
.expensesInput { 
	float: left; 
	margin-right: 5px; 
}
.dayInput, 
.yearInput.indent, 
.monthInput.indent, 
.SinInput, 
.AreaCode, 
.expensesInput { 
	padding-left: 10px; 
}

	
/* Radio Buttons */
.radioInput, .checkboxInput { 
	float: left; 
	margin: 0px 10px 0px 0px; 
}
.SecondaryField .radioInput INPUT, 
.SecondaryField .checkboxInput INPUT { 
	margin: 2px 5px 0 0; 
	width: 10px !important; 
}
.checkboxInput{
	padding:0 0 10px 0; 
	clear:both;
}	
	

	
/* 	===== GENERIC SECTION LAYOUTS	=====
	=====================================*/
.primaryHeader{
	background:#F5EEC0 none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	display:block !important;
	font-weight:bold !important;
	padding:10px 10px;
	font-size:1.1em;
}
.secondaryHeader{
	background-color: white; 
	padding-bottom: 0px; 
	margin-bottom: 0px
}
.sectionHeader{
	left:25%;
	padding-top: 5px; 
	padding-left: 20px;
	padding-bottom: 0px; 
	margin-bottom: 0px;
}
.headerLink { 
	font-weight: bold; 
	padding-left: 10px; 
}

.valueLabelSet, 
.SingleColumnLayout, 
.TwoColumnLayout,
.valueLabelSetSignOn {
	float: none;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0px 0px 20px 0px; 
	clear: both;
	font-size: 1rem;
}
.valueLabelSet, 
.SingleColumnLayout, 
.TwoColumnLayout { 
	width: 100%; 
}
.valueLabelSetSignOn { 
	width: 70%; 
}
.valueLabelRow { 
	clear: both; 
	overflow: hidden; 
	width: 100%;
}
.valueLabelRow P { 
	padding: 0px 10px; 
}
.valueLabel, 
.valueLabelIndent, 
.labelValue { 
	float: left; 
	padding: 10px 0px; 
	width: 40%; 
}
.labelValue { 
	width: 60%; 
}
.valueLabel .valueLabelContent, 
.valueLabelIndent .valueLabelContent, 
.labelValue .labelValueContent, 
.labelValueContainer .labelValueContent{ 
	padding: 0px 10px; 
}
.valueLabelIndent .valueLabelContent { 
	padding-left: 25px; 
}
.labelValueContainer { 
	float: right; 
	padding: 10px 0px; 
	width: 60%; 
}

.valueSubLabel { 
	clear: both; 
	padding: 10px 0px; 
	width: 100%; 
}
.valueSubLabel p { 
	margin: 0; 
}
.valueLabelBottomBorder { 
	border-bottom: solid 2px #EFEFEF; 
}

/* 	=====    PAGE SPECIFIC 		=========
	=====================================*/

/* ***** Getting-Started Products ***** */

#contentHeader.relevant { 
	float: left; 
	width: 100%; 
	clear: both; 
}


#ProductContainer, #PreFilledApplication{ margin-bottom: 20px; width: 100%; }
#ProductContainer .valueLabel { width: 23em; }
#ProductContainer .labelValueContainer .labelValue { width: auto; }
#ProductContainer .labelValue .productHeader .prodName { font-weight: 700; }
#ProductContainer .labelValue .productHeader .prodName p { font-weight: normal; }
#ProductContainer .labelValue .prodDesc { padding-top: 10px; }
#ProductContainer .labelValue .productHeader .prodInfo { margin-left: 15px; }
#ProductContainer .labelValue .productLinks { margin-top: 5px; margin-bottom: 10px; }
#ProductContainer .labelValue .productLinks LI { margin: 0px; }
#PreFilledApplication .valueLabelRow P { margin: 1em 0; }
#PreFilledApplication .valueLabelRow .valueLabel { font-weight: bold; width: 100%; }
#PreFilledApplication .valueLabelRow .labelValueContainer { float: left; padding: 0px 0px 10px 0px; width: 100%; }
#PreFilledApplication .valueLabelRow .labelValueContainer .radioInput { padding-right: 4em; }
	


/* Getting-Started Qualifications */
#qualifications .valueLabel, #qualifications .valueLabelIndent { width: auto; }
#qualifications .labelValueContainer { width: 22%; text-align: right; }
#qualifications .labelValue { padding: 0px 5px; width: auto; }
#qualifications .visibleError { margin-left: 15px; }
#qualifications .relevantNotes p { margin-bottom: 2em; }
.QualificationsOptional{
	color:#999999;
	font-size:x-small;
	font-weight:normal !important;
	float:left;
}

/* Getting-Started Required Information */
#RequiredInformation.valueLabelSet { 
	border: 1px solid #aaaaaa; 
	background-color: #dddddd; 
}
#RequiredInformation .valueLabelRow FIELDSET { 
	padding: 10px 10px; width: auto; 
}

/* Getting-Started Additional Information */
#AdditionalInformation.valueLabelSet { 
	border: none; 
	width: 100%;
}

		
#AdditionalInformation fieldset { 
	margin: 0 0 0.5rem;
}
#AdditionalInformation p { 
	margin: 0.5rem 0px;
}


/*Qualification secondary questions*/
.valueLabelRow#thirdParty, 
.valueLabelRow#personalUse, 
.valueLabelRow#ageOfMajority, 
.valueLabelRow#soleSigningAuth,
.valueLabelRow#ownedSoley, 
.valueLabelRow#qualifiedGuarantor { 
	display:none; 
}
	
/* ***** Step1 ***** */
	

.maskSINumberHide, .maskSINumberShow {
	display:none;
}  

	
.postsignedon #personalDetails, 
.postsignedon #homeAddressInformation, 
.postsignedon #contactInformation,
.postsignedon #employmentDetails,
.postsignedon #incomeExpenses,
.postsignedon #CoApplicantSection,
.postsignedon #Expenses { 
	display:none; 
}
	
.postsignedon  #personalDetails FIELDSET .relevantNotes {
	display: none;
}

	
.TwoColumnLayout .SecondaryField .optionalNote { 
	padding: 5px;
}

/* ***** Step2 ***** */
#minInvestmentAmount { 
	display: inline-block; 
}
	 

/* ***** Summary ***** */
.summaryBlock .detailsBlock {  
	width: 100%; 
}
.summaryBlock .sectionTitle { 
	border-bottom: solid 1px; 
	float: left; 
	padding-top: 15px; 
	padding-bottom: 5px; 
	width: 100%; 
}
.summaryBlock .twoColumns .column { 
	float: left; 
	width: 50%; 
	word-wrap: break-word; 
}
.summaryBlock .fourColumns .column { 
	float: left; 
	width: 25%; 
	word-wrap: break-word; 
}
.summaryBlock .summaryFooter{ 
	font-size: 1rem; 
	color: #999999; 
}
.summaryBlock .summaryFooter .editLink { 
	padding: 0; 
}
.summaryBlock .editLink, 
.summaryblock .removeLink { 
	font-weight: normal; 
	padding: 0 0 0 15px; 
}
.summaryBlock #Title, 
.summaryBlock #CoAppTitle,
.summaryBlock #FirstName, 
.summaryBlock #MiddleInitial,
.summaryBlock #DOBDay, 
.summaryBlock #DOBMonth,
.summaryBlock #HomeAreaCode, 
.summaryBlock #WorkAreaCode, 
.summaryBlock #PrevAreaCode,
.summaryBlock #ACH1AreaCode, 
.summaryBlock #ACH2AreaCode, 
.summaryBlock #ACH3AreaCode, 
	
.summaryBlock #CoAppFirstName, 
.summaryBlock #CoAppBirthDay, 
.summaryBlock #CoAppBirthMonth, 
.summaryBlock #MortgageReqDay, 
.summaryBlock #MortgageReqMonth, 
.summaryBlock #LawyerAreaCode, 
.summaryBlock #LawyerFaxAreaCode,
.summaryBlock #ACH1BirthDay, 
.summaryBlock #ACH1BirthMonth ,
.summaryBlock #ACH2BirthDay, 
.summaryBlock #ACH2BirthMonth,
.summaryBlock #ACH3BirthDay, 
.summaryBlock #ACH3BirthMonth,
		
.summaryBlock #YearsAtHomeAddress, 
.summaryBlock #MonthsAtHomeAddress,
.summaryBlock #RepaymentTerm, 
.summaryBlock #RepaymentBasis,

.summaryBlock #HomeAddress1, 
.summaryBlock #HomeCity, 
.summaryBlock #HomePostalCode,
.summaryBlock #PrevAddress1, 
.summaryBlock #PrevCity, 
.summaryBlock #PrevPostalCode,	
.summaryBlock #PropertyAddress1, 
.summaryBlock #PropertyCity, 
.summaryBlock #PropertyPostalCode, 
.summaryBlock #LawyerAddress1, 
.summaryBlock #LawyerCity, 
.summaryBlock #LawyerPostalCode,
.summaryBlock #BusAddress1, 
.summaryBlock #BusCity, 
.summaryBlock #BusPostalCode,
.summaryBlock #WorkAddress1, 
.summaryBlock #WorkCity, 
.summaryBlock #WorkPostalCode,
		
.summaryBlock #HomeProvince, 
.summaryBlock #PrevProvince, 
.summaryBlock #PropertyProvince, 
.summaryBlock #LawyerProvince, 
.summaryBlock #BusProvince, 
.summaryBlock #WorkProvince,
.summaryBlock #WorkTelephone, 
.summaryBlock #WorkExt,
		
.summaryBlock #EMP1BusAddress1, 
.summaryBlock #EMP1BusCity,
.summaryBlock #EMP2BusAddress1, 
.summaryBlock #EMP2BusCity,
.summaryBlock #EMP3BusAddress1, 
.summaryBlock #EMP3BusCity,
.summaryBlock #EMP4BusAddress1, 
.summaryBlock #EMP4BusCity,
.summaryBlock #EMP5BusAddress1, 
.summaryBlock #EMP5BusCity,
.summaryBlock #EMP6BusAddress1, 
.summaryBlock #EMP6BusCity,
.summaryBlock #EMP7BusAddress1, 
.summaryBlock #EMP7BusCity,
.summaryBlock #EMP8BusAddress1, 
.summaryBlock #EMP8BusCity,
.summaryBlock #EMP9BusAddress1, 
.summaryBlock #EMP9BusCity,
.summaryBlock #EMP10BusAddress1, 
.summaryBlock #EMP10BusCity,
.summaryBlock #EMP1StartDay, 
.summaryBlock #EMP1StartMonth,
.summaryBlock #EMP2StartDay, 
.summaryBlock #EMP2StartMonth,
.summaryBlock #EMP3StartDay, 
.summaryBlock #EMP3StartMonth,
.summaryBlock #EMP4StartDay, 
.summaryBlock #EMP4StartMonth,
.summaryBlock #EMP5StartDay, 
.summaryBlock #EMP5StartMonth,
.summaryBlock #EMP6StartDay, 
.summaryBlock #EMP6StartMonth,
.summaryBlock #EMP7StartDay, 
.summaryBlock #EMP7StartMonth,
.summaryBlock #EMP8StartDay, 
.summaryBlock #EMPStartMonth,
.summaryBlock #EMP9StartDay, 
.summaryBlock #EMP9StartMonth,
.summaryBlock #EMP10StartDay, 
.summaryBlock #EMP10StartMonth, 
.summaryBlock #BankruptcyDay, 
.summaryBlock #BankruptcyMonth,
		
.summaryBlock #MovedToHomeYear, 
.summaryBlock #MovedToHomeMonth,
.summaryBlock #BusFaxAreaCode, 
.summaryBlock #BusFaxTelephone,
.summaryBlock #BusOperationYears, 
.summaryBlock #BusOperationMonths,
.summaryBlock #EmploymentDurationYears, 
.summaryBlock #EmploymentDurationMonths,
.summaryBlock #LFYEMonth, 
.summaryBlock #LFYEDay, 
.summaryBlock #LFYEYear,
.summaryBlock #BusAreaCode, 
.summaryBlock #BusTelephone { 
	float: left; 
	padding-right:1rem; 
}
		
.summaryBlock #HomeAddress1, 
.summaryBlock #HomeCity,
.summaryBlock #PrevAddress1, 
.summaryBlock #PrevCity,
.summaryBlock #PropertyAddress1, 
.summaryBlock #PropertyCity,
.summaryBlock #LawyerAddress1, 
.summaryBlock #LawyerCity,
.summaryBlock #BusAddress1, 
.summaryBlock #BusCity,
.summaryBlock #WorkAddress1, 
.summaryBlock #WorkCity { 
	clear:left; 
}
		
#INC10.detailsBlock, 
#INC2.detailsBlock, 
#INC3.detailsBlock,
#INC4.detailsBlock, 
#INC5.detailsBlock, 
#INC6.detailsBlock,
#INC7.detailsBlock, 
#INC8.detailsBlock, 
#INC9.detailsBlock,
#ASS10.detailsBlock,
 #ASS2.detailsBlock, 
 #ASS3.detailsBlock,
#ASS4.detailsBlock, 
#ASS5.detailsBlock, 
#ASS6.detailsBlock,
#ASS7.detailsBlock, 
#ASS8.detailsBlock, 
#ASS9.detailsBlock,
#LIA10.detailsBlock, 
#LIA2.detailsBlock, 
#LIA3.detailsBlock,
#LIA4.detailsBlock, 
#LIA5.detailsBlock, 
#LIA6.detailsBlock,
#LIA7.detailsBlock, 
#LIA8.detailsBlock, 
#LIA9.detailsBlock { 
	border-top: solid 2px #EFEFEF; 
}
		
.summaryBlock #totalMonthlyIncomeRow .sectionTitle,
.summaryBlock #totalAssetRow .sectionTitle ,
.summaryBlock #totalLiabilityRow .sectionTitle  { 
	display: none; 
}
.summaryBlock #monthlyPaymentsHeader { 
	font-weight: bold; 
}

	
/* ***** Terms & Conditions ***** */
#termsContainer .formNote { 
	padding: 10px 10px 15px; 
}
#termsContainer .printableNote P { 
	margin-top: 5px; 
	margin-bottom: 5px; 
}
#termsMain.valueLabelRow, 
#termsFooter.valueLabelRow { 
	padding-bottom: 15px; 
}
#termsMain.valueLabelRow #termsMainContentCC { 
	padding: 0px 10px; 
	font-size:1rem;
}
#termsMain.valueLabelRow #termsMainContent { 
	padding: 0px 10px;
}
#termsMain.valueLabelRow #terms-scroll-container { 
	border: 1px solid #CCCCCC; 
}
#termsMain.valueLabelRow .scrollableContent { 
	overflow-y: auto; 
	overflow-x: hidden; 
	height: 200px; 
	padding: 10px; 
}
#termsMain.valueLabelRow #terms-scroll-content { 
	width:90%;  
}
#termsMain.valueLabelRow #terms-scroll-content ol li { 
	margin-left: 10px; 
}
#termsMain.valueLabelRow #terms-scroll-content ul.specialBullet li { 
	list-style:none; 
}

#termsFooter #termsList { 
	padding: 0px 10px 1em; 
}
#termsFooter #termsList OL.lowerAlpha { 
	margin-left: 23px; 
}
#termsFooter #termsAgreement { 
	padding: 10px; 
	overflow:hidden; 
}
#termsFooter #termsAgreement FIELDSET { 
	border: 1px solid #CCCCCC; 
}
#termsFooter #termsAgreement FIELDSET LEGEND { 
	font-weight: normal; 
	padding: 0px 5px; 
}

#termsFooter #termsAndConditionsFieldContainer { 
	float:left; 
	width: 30%; 
}
#termsFooter #termsAndConditionsInfoContainer { 
	width: auto; 
}
#termsFooter #termsAndConditionsFieldContainer .fieldLabelPair,
#termsFooter #termsAndConditionsInfoContainer DIV { 
	padding: 5px 10px; 
}

body #termsFooter #termsRead, body.termsRead #termsFooter #termsNotRead { 
	display: none;  
}
body.termsRead #termsFooter #termsRead { 
	display: block; 
}

	
/* ***** Confirmation ***** */
.confirmationBlock {
	padding:10px 0;
}
#confirmationBlock .valueLabelRow {
	padding-left:15px;
}
#confirmationBlock .valueLabelRow  .confirmationNextSteps{ 
	padding-left: 0; 
}
#confirmationBlock .valueLabel { 
	font-weight: 700; 
	padding: 5px 0px; 
	width: 25%;
}
#confirmationBlock .labelValue{ 
	padding: 5px 0px; 
	width: auto;
}
#confirmationBlock .valueLabelRow.confirmationNextSteps .valueLabel { 
	padding-top: 15px; 
	padding-bottom: 0px; 
	padding-left: 15px; 
}
#confirmationBlock .valueLabelRow.confirmationNextSteps .labelValue { 
	clear: both; 
	padding-left: 15px; 
}
#confirmationBlock .valueLabelRow.confirmationNextSteps .labelValue ul { 
	margin-left: 15px; 
	padding-top: 0px; 
}

/* ***** Full Page Error ***** */
#mainSection.fullPageError #errorsOnPage { 
	margin-bottom: 4rem; 
}
/*  *************************************************************************
*	Product Specific CSS												*
*************************************************************************/

	
/*	***** MORTGAGE ***** */
#mort #thirdParty.valueLabelRow, #mortgage #thirdParty.valueLabelRow {
	display:block;
}

#MortgageSelection .labelledField {
	width:50%;
}
#MortgageSelection .fieldLabel { 
	width:100%;
}
#MortgageSelection .fieldLabel label{
	text-align:left;
}

#MortgageSelection .FieldContainer {
	width:95%;
	padding-left:30px;
	padding-top:15px;
}
#MortgageSelection .checkboxInput {
	float:left;
	clear:none;
	width:45%;
}
#MortgageSelection .checkboxOther {
	padding-left:30px;
	padding-top:0px;
}
#MortgageSelection #MortgageSelectionOther-row.fieldLabelPair {
	padding-top:0px;
}

#personalDetails #primaryapplicant .sectionHeader, 
#Expenses #primaryapplicant .sectionHeader { 
	padding-left:168px!important;
}

#bankruptcyApplicant .bankruptcyText {
	float:left;
	padding-right:20px;
	width:555px;
}
INPUT#TotalAmtOwing, 
INPUT#TotalMonthlyPayment, 
INPUT#CoAppTotalAmtOwing, 
INPUT#CoAppMonthlyPayment { 
	text-align: left; 
	border: none; 
}

/*mortgage summary*/
#mortgage-comments #Comments {
	overflow-y: auto; 
	overflow-x: hidden; 
	height: 100px;  
}
	
	
	
/*	***** LLC ***** */

#AnnualIncome .radioInput { 
	margin-bottom: 5px; 
	text-align: left; 
}
	
		
/* Step 2 */
#EMP1SelfEmployed, 
#EMP2SelfEmployed, 
#EMP3SelfEmployed, 
#EMP4SelfEmployed, 
#EMP5SelfEmployed, 
#EMP6SelfEmployed, 
#EMP7SelfEmployed, 
#EMP8SelfEmployed, 
#EMP9SelfEmployed, 
#EMP10SelfEmployed, 
#EMP10 .relevantNotes { 
	display: none; 
}
#otherIncome .relevantNotes p { 
	margin: 0 10px; 
}

/* Step 3 */

#otherAssets .currencyFR, 
#otherLiabilities .currencyFR { 
	padding-right:0px;
	float:right;
}
#otherAssets .currencyFR {
	padding:0px;
}

		
/* Summary page */
#prodDetailsSummary .valueLabelRow .sectionTitle {
	display:none;
}

/* Extendible fields in step 2 and 3 of LLC */
.addMore { 
	margin: 0px 10px; 
	padding: 5px 0px; 
}
		

/* 	======   MODIFIERS 		 	=========
=====================================*/
.hide {	
	display: none !important; 
}
.showInline { 
	display: inline !important; 
}
.showBlock { 
	display: block !important; 
}
.invisible { 
	visibility: hidden !important; 
}
.legalText { 
	font-size: 0.85rem; 
	color: #666666; 
}
.emphasizedText { 
	font-weight:bold; 
}

.phoneNum { 
	white-space: nowrap; 
}  
.greyText { 
	color: #999999 !important; 
}
.readOnly { 
	border: none; 
}
.disabledSelect { 
	background-color: #E5E5E5; 
} 
.hideBRate{
	display:none;
}

/***** added margin to tableGrid for cc-getting-started table */
.leftColHeading  {
	font-weight:bold;
	height:45px;
	padding-left:2px;
	text-align:center;
	border-left: 1px solid #C2C2C2;
}

.topBorder {
	border-top: 1px solid #C2C2C2;
}

#updateOcclabel2, #EMP1updateOcclabel2 {
	display:none;
}

	
/* Martinus' CSS */
.errorMsgContainer { 
	border:1px solid #c41f3e; 
	clear:both; 
	display:block; 
	margin:0 12px 20px 13px; 
}
.errorMsgContent { 
	left:-12px; 
	min-height:30px; 
	padding:10px 0 10px 33px; 
	position:relative; top:0; 
}
.errorMessage { 
	color:#c41f3e; 
}

/* Mortgage Summary: Mortgage Details - no header */
#mortgageDetailsPreamble .detailsBlock .sectionTitle { 
	border: none; 
	padding-top:0; 
	padding-bottom:0;
}
#mortgageDetailsPreamble .detailsBlock .sectionTitle .valueLabel { 
	padding-bottom:0; 
}

/* LLC & Mortgage GS: Thirdparty */
#llc-pl #thirdParty,
#llc-pc #thirdParty,
#llc-plc #thirdParty,
#llc-hp #thirdParty,
#llc-elc #thirdParty,
#llc-pesp #thirdParty {
	display:block;
}

/* afp-error.html */
#GlobalErrorButtons { 
	display: none; 
}
#GlobalErrorButton { 
	display: none; 
}
#visibile { 
	display: inline !important; 
}

/* mort-mort-fr step 2 */
#MortgageDetails .hasHelp { 
	width:200px !important; 
}

/* mortgage-mortgage gs dropdown */
#mortgageDetails .fieldLabel { 
	width:33% !important; 
}

/* mortgage-mortgage step 2 - applicant sectionHeader */
#primaryapplicant .sectionHeader { 
	padding-left:168px !important; 
}
input#CoAppPLC { 
	margin-top:12px; 
}

/* mort-mort Date of Discharge */
.summaryBlock #BankruptcyDay.column, 
.summaryBlock #BankruptcyMonth.column, 
.summaryBlock #BankruptcyYear.column { 
	width:auto !important; 
}

/* mortgage-mortgage Length of Employment */
.summaryBlock #EmploymentDurationYears { 
	padding-right: 0em !important; 
}

/* rrsp Start Date of Recurring Contributions */
.summaryBlock #RecurringStartDay, 
.summaryBlock #RecurringStartMonth, 
.summaryBlock #RecurringStartYear { 
	float:left !important; 
}


/* Last name fix for llc */
.summaryBlock #LastName, .summaryBlock #MiddleName { 
	float:left !important; 
}


#qualifications #ExistingRRSP .labelValueContainer, 
#qualifications #ExistingTFSA .labelValueContainer { 
	width: 26% !important; 
}


/* Mortgage confirmation page list fix */
#contentMort, #contentMortgage { 
	width: 650px !important; 
}


/* Mortgage summary column fix */
#mortgage-mortgage .summaryBlock .fourColumns .column, 
#mortgage .summaryBlock .fourColumns .column,
#mortgage-mortgage .summaryBlock .twoColumns .column, 
#mortgage .summaryBlock .twoColumns .column { 
	border-bottom: 1px solid white; 
}

		
.summaryBlock .valueLabelRow .labelValue #Title {
	padding-right:0px;
}
.summaryBlock .valueLabelRow .labelValue #Title.hasVal {
	padding-right:5px;
}

#employmentDetails #selfEmployedField {
	float:none;
}

#CallBox {
	display:none;
}
#agreeCheckBoxNote {
	padding-left:20px;
}

.emphasized{
	font-weight: bold;
}


/* header styles */


.formPrologue {
    background-color: #F6EFE6;
    border: 1px solid #FFD364;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
	display: flex;
	align-items: flex-start;
}

.formPrologue .occupation-error { 
    position: relative;
    color: #606366;
    margin-left: 0.625rem;
    max-width: 100%;
    line-height: 1.625;
    padding: 0;
    font-size: 0.875rem;
}

.formPrologue img {
	margin-top: 0.125rem;
}

/*FORM INPUTS*/
/* HTML Selectbox */
.form-field-container{
    margin-bottom: 1.25rem;
}

select.inputField {
    background-color: #FFF;
    min-height: 48px;
    background-image: url(/content/dam/cibc-public-assets/development/apply/img/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px!important;
    border: 1px solid #86888A;
    border-radius: 1px;
    font-family: Whitney-Book-Pro;
    color: #383b3e;
    font-size: 1rem;
}

select.disabled,
select:hover.disabled  {
    background-color: #DDD;
}

/* INPUT FIELD SIZES */
input.inputField,
.multiError input.inputField,
select.inputField,
input.totalValue {
	min-height: 48px;
    border-radius: 1px;
    border: 1px solid #86888A;
    font-size: 1rem;
    line-height: 1.625;
    color: #333333;
    padding: 10px 15px;
    margin-bottom: 0;
}

input.inputField:hover,
.multiError input.inputField:hover,
select.inputField:hover {
    border: 1px solid #383B3E;
}

input.inputField:active,
.multiError input.inputField:active,
input.inputField:focus,
.multiError input.inputField:focus,
select.inputField:active,
select.inputField:focus {
	border: 2px solid #383B3E;
    background-color: #FAFAFA;
}

input.inputField:focus-visible,
.multiError input.inputField:focus-visible, 
select.inputField:focus-visible {
    outline: none;
}

.multiError .inputField .error,
.error .inputField,
.multiError select.inputField .error,
.error select.inputField  { 
    border-radius: 1px;
    border: 1px solid #8B1D41;
    background-color: rgb(245, 227, 232, 0.5);
}

.inputField.maskedField { 
    letter-spacing:0.1em; 
    text-transform:uppercase; 
}

label, 
fieldset legend{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: normal;
    margin-bottom: 5px;
    color: #383B3E;
    font-family: Whitney-Medium-Pro;
    background: transparent;
}


.label__optional {
    font-family: Whitney-Book-Pro;
    /*font-size: .875rem;*/
    /*line-height: 2.125;*/
    color: #606366;
    float: right;
}
.label__optional::after{
    display: table;
    clear: both;
    content: "";
}

.label__optional.no-float{
	float: none;
}

.label__optional.no-float::after{
    content: none;
    display: inline;
}

.label__optional.no-float.space-between {
    margin-left: 0.25rem;
}

label {
    font-size: 1rem;
    line-height: 1.625;
    color: #383B3E;
    font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
.error label, 
.error label.error {
	color: #383B3E;
}

.label-wrapper {
    position: relative;
    display: flex;
    margin-bottom: 5px;
}


.label-wrapper label {
    display: inline-block;
    margin-bottom: 0;
}

.label-wrapper label.inline {
    display: inline;
    padding-bottom: 0;
}

.label-wrapper::after {
	clear: both;
	content: " ";
	display: table;
}

.label-wrapper .optional {
    font-family: Whitney-Book-Pro;
    font-size: .875rem;
    line-height: 1.875;
    color: #383B3E;
    float: right;
    display: inline-block;
    margin-bottom: 0;
}
.label-wrapper .optional::after{
    display: table;
    clear: both;
    content: "";
}

.label-wrapper .label-align.to-bottom {
    display: flex;
    align-items: flex-end;
}

.label-wrapper.inline {
    display: block;
}

.legend-wrapper.legend-inline{
    display: block;
    margin-bottom: 0.3125rem;
}

.legend-wrapper legend{
    padding: 0;
    margin: 0;
    width: auto;
}

.legend-wrapper .legend{
    display: inline;
    font-size: 1rem;
    line-height: 1.625;
    font-weight: normal;
    font-family: Whitney-Medium-Pro;
    color: #383B3E;
}

.help-text-form {
    font-family: Whitney-Book-Pro;
    font-size: 0.875rem!important;
    line-height: 1.625;
    color: #383B3E;
    margin-bottom: 0px;
}

/* checkboxes & radiobuttons*/

.controls {
    display: flex;
    align-items: center; 
    margin-bottom: 20px;
	margin-top: 20px;
    cursor: default;
    user-select: none;
    position: relative;
    padding-left: 26px;
}

.block-controls {
    display: flex;
    margin-bottom: 20px;
    cursor: default;
    user-select: none;
    position: relative;
}

.inline-controls {
    display: flex;
    width: 100%;
    align-items: center;
}

/*checkbox*/
.controls input[type="checkbox"] + label {
    position: relative;
    height: 100%;
    margin: 0 0 0 10px;
    cursor: pointer;
    display: inline-block;
    font-family: Whitney-Book-Pro;
    font-size: 16px;
    line-height: 1.625;
    color: #333333;
}

.controls input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.controls input[type="checkbox"]+label::before {
    position: absolute;
    border: 2px solid #86888A;
    height: 24px;
    width: 24px;
    border-radius: 2px;
    top: 2px;
    left: -35px;
    background-color: #FFF;
    content: " ";
    min-height: initial;
    box-sizing: border-box;
}

.controls input[type="checkbox"]+label::after {
    content: " ";
    left: -26px;
    top: 6px;
    width: 7px;
    height: 14px;
    border: solid #86888A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg) skewX(10deg);
    -ms-transform: rotate(45deg) skewX(10deg);
    transform: rotate(45deg) skewX(10deg);
    position: absolute;
    display: none;
    box-sizing: border-box;
}

.controls input[type="checkbox"]:checked+label::before {
    border: 2px solid #383B3E;
    background-color: #383B3E;
} 

.controls input[type="checkbox"]:checked+label::after {
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    display: block;
}

.controls:hover input[type="checkbox"]+label::after {
    display: block;
}

.controls input[type="checkbox"]:focus{
    outline: none;
}

.keyboard-tabbing input[type="checkbox"]:focus+label::before {
    outline: 2px solid transparent !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #383b3e !important;
}

/* radiobuttons */

.block-controls input[type="radio"],
.inline-controls input[type="radio"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #86888A;
    background-color: #FFF;  
    padding: 3.2px;
    margin: 1px 0 0 0;
    appearance: none;
    background-clip: content-box;
    cursor: pointer;
    min-height: initial;
    min-width: 24px;
    box-sizing: border-box;
}

.inline-controls input[type="radio"] {
    flex: 0 0 24px;
    margin: 0;
}

.block-controls input[type="radio"]+label,
.inline-controls input[type="radio"]+label {
    display: inline;
    vertical-align: top;
    margin: 0 0 0 10px;
}

.inline-controls input[type="radio"] + label:not(:last-child) {
    margin-right: 1.25rem;
}

.block-controls input[type="radio"]:hover,
.block-controls input[type="radio"]:focus,
.inline-controls input[type="radio"]:hover,
.inline-controls input[type="radio"]:focus{
    background-color: #86888A;
}

.block-controls input[type="radio"]:focus,
.inline-controls input[type="radio"]:focus{
    outline: none;
}

.block-controls input[type="radio"]:checked,
.inline-controls input[type="radio"]:checked {
    background-color: #383B3E;
    border: 2px solid #383B3E;
}


.keyboard-tabbing .block-controls input[type="radio"]:focus,
.keyboard-tabbing .inline-controls input[type="radio"]:focus { 
    outline: 2px solid transparent !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #383b3e !important;
}
/* end checkboxes & radiobuttons*/

.errorMsg { 
    display: none;
    position: relative;
    color: #8B1D41;
    margin-left: 30px;
    max-width: 100%;
    line-height: 1.625;
    padding: 5px 10px 5px 0;
    font-size: 0.875rem;
}

.errorMsg:before {
    content: "\e642";
    font-family: 'icomoon' !important;
    margin-right: 6px;
    font-size: 1.125rem;
    line-height: 1;
    position: absolute;
    left: -26px;
    top: 7px;
}

.error .error.errorMsg, 
.error.errorMsg {
    display: inline-block;
}

/* End FORM INPUTS */

/* GLOBAL MESSAGES */

#globalErrorWrapper {
    display: none;
    background-color: #FAF1F3;
    border: 1px solid #EFBBCC;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
}

#globalErrorWrapper #ecifGlobalError { 
    position: relative;
    color: #606366;
    margin-left: 1.875rem;
    max-width: 100%;
    line-height: 1.625;
    padding: 5px 10px 5px 0;
    font-size: 0.875rem;
}

#globalErrorWrapper #ecifGlobalError::before{
    color: #8B1D41;
    content: "\e642";
    font-family: 'icomoon' !important;
    margin-right: 0.875rem;
    font-size: 1.125rem;
    line-height: 1;
    position: absolute;
    left: -26px;
    top: 7px;
}

.prepop-success-wrapper {
    padding: 0.9375rem;
    position: relative;
    border: 1px solid #BBBCBC;
    margin-bottom: 2.5rem;
}
.prepop-success-wrapper .closeLink{
    top: 10px;
    right: 10px;
    position: absolute;
}

.prepop-success-wrapper .closeLink a{
    color: #666666;
    font-weight: normal;
    font-size: 30px;
    line-height: 0.7;
}

.prepop-success-wrapper .closeLink a:hover{
    border-bottom: none;
}

.prepop-success-wrapper .successMsg{
    margin-top: 0.875rem;
    padding-right: 1.25rem;
}

/* EDIT LINKS*/
.appSectionTitle .editLink { 
    float:right; 
    text-align:right;
}

.editLink a { 
    display: inline-block;
    text-decoration:none; 
    border-bottom: none;
}
.editLink a:hover { 
	text-decoration: none; 
    border-bottom: none;
}

.editLink a:hover span.icon + span{
	border-bottom: 1px solid #C41F3E;
}

.editLink a:hover span.icon{
	border-bottom: none;
}

.editLink a span.icon{
	color: #C41F3E;
	font-size: 1.5rem;
	line-height: 1;
	display: inline-block;
}

.editLink a span.icon + span{
	margin-left: 0.25rem;
}

@media only screen and (max-width: 767px){
    .editLink.expanded {
        padding-left: 0!important;
    }
}

/* SUMMARY */

.summarySection .appSectionRow { 
    padding-left:0; 
}
.summarySection .appSectionRow { 
    margin: 0 -36px; 
    padding: 0 !important; 
}
.summarySection .twoColumn { 
    width:38%; 
}
.summarySection.lastSection { 
    border-bottom:none; 
    padding-bottom:0; 
}
.summaryHeader { 
	font-weight:400; 
	font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
}
.summaryHeader.partOfSection { 
    border-bottom:none; 
}
.summaryContainer.summaryHeader {
    margin-bottom: 1.25rem!important;
}

.summary { 
	display: inline-block; 
	font-weight: 350; 
	font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
}
.fieldSummary { 
    font-weight: 325; 
    font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}

.summary { 
    padding:0; 
}
.summaryContainer,
.summaryGroupContainer { 
    clear:left; 
    float:left; 
    margin-bottom: 1.25rem;
}

.summaryGroupContainer .fieldSummary,
.summaryGroupContainer .fieldName.summary { 
    padding-bottom: 8px; 
}
.summaryGroupContainer .fieldSummary { 
    display:block; 
    clear:left; 
}
.summarySectionContainer { 
    padding: 3.125rem 2.5rem 1.875rem; 
    background-color: #F2F3F2;
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .summarySectionContainer { 
        padding: 2.5rem 1.5625rem 1.25rem;
    }
}

/* T&C */

#termsHelpInfo { 
    float:left; 
    width:100%; 
}
#termsHelpInfo .instructions { 
    float:left; 
}
#termsHelpInfo .printableNote { 
    float:right; 
}

.summaryContainer, 
.summaryGroupContainer { 
    width:100%; 
}

#termsAndConditionsContainer {
	box-sizing: border-box;
}

#termsAndConditionsContainer .appSectionRow {
	padding: 0;
	margin-bottom: 10px;
}

#termsAndConditionsContainer .emphasizedText {
	font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif !important; 
	font-weight: 400;
}

#termsAndConditionsContainer,
#termsAndConditionsContainer ul li,
#termsAndConditionsContainer ol li{
	font-size: 1rem!important;
} 

.terms-bullet-wrapper{
	display: flex;
	position: relative;
}
.terms-bullet-wrapper ul li,
.terms-bullet-wrapper ol li {
    margin: 0 0 0.625rem 0;
}

.terms-bullet-wrapper .numberBullet {
    margin-right: 0.5rem;
}

.bulletContent ol.lowerAlpha {
	padding: 0;
	line-height: 1rem;
    margin-top: -0.25rem;
}

@media only screen and (max-width: 767px) {
    .bulletContent ol.lowerAlpha {
        margin-top: 0;
    }
}

.bulletContent ol.lowerAlpha ul {
	margin-left: 10px;
}

.bulletContent ol.lowerAlpha ul.typeCircle {
	padding-left: 2px;
}

.bulletContent ol.lowerAlpha ul.typeCircle li {
	margin-left: 5px;
}


#termsAndConditionsContainer h3,
#termsAndConditionsContainer p {
	margin-bottom: 20px;
}

#termsAndConditionsContainer #termsAndConditionsAgreeContainer {
	margin-top: 20px;
	margin-bottom: 0;
}

#termsAndConditionsAgreeContainer a.print-agreement {
	font-size: 100%;
}

#termsMain.valueLabelRow {
	padding-bottom: 10px;
}

.quebec-info-block {
	position: relative;
}
.quebec-info-block img {
	position: absolute;
	top: 2px;
	left: 0;
	width: 1.25rem;
}

.quebec-info-block p {
	margin-left: 24px;
	font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif !important; 
	font-weight: 350;
}

/* regular accordion */


.custom-accordion .accordion-section {
    border-top:  1px solid #bbbcbc;
    border-bottom: 0;
}

.custom-accordion .accordion-section:last-of-type {
    border-bottom:  1px solid #bbbcbc;
}

.custom-accordion .accordion-icon {
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    width: 16px;
    height: 16px;
    background-image: url("/content/dam/cibc-public-assets/development/apply/img/chevron-down.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-accordion .accordion-trigger[aria-expanded="true"] .accordion-icon {
    background-image: url("/content/dam/cibc-public-assets/development/apply/img/chevron-up.svg");
}

.custom-accordion .accordion-content[aria-hidden="true"] {
    display: none !important;
}
.custom-accordion .accordion-content {
    padding: 0 10px 15px 10px;
}
.custom-accordion .accordion-trigger {
    background-color: transparent;
    display: block;
    position: relative;
    width: 100%;
    font-size: 16px;
    border: none;
    line-height: 1.25;
    color: #383b3e;
    padding: 0 30px 0 10px;
    margin:  15px 0;
    text-align: left;
}

.custom-accordion .accordion-trigger[aria-expanded="true"] {
    padding: 0 30px 0 7px;
    border-left: 3px solid #c41f3e;
    text-decoration: none;
    color: #c41f3e;
}

.custom-accordion .accordion-trigger .accordion-title {
    text-align: left;   
    width:  auto; 
}

.custom-accordion .accordion-trigger .accordion-title::-moz-focus-inner {
    border: 0;
}

/* end regular accordion */

/*   inner accordion   */

@media only screen and (min-width: 768px) { 
    .inner-accordion .inner-accordion-trigger{
        display: none;
    }

}

@media only screen and (max-width: 767px) {
    /* hidden by default */
    .inner-accordion .inner-accordion-trigger{
        display: none;
    }
     /*show when Quebec province is selected for home address */
    .quebec .inner-accordion .inner-accordion-trigger{
        display: block;
    }

    .inner-accordion .inner-accordion-tab {
        border-top:  0;
        border-bottom: 0;
    }
    
    .inner-accordion .inner-accordion-tab:last-of-type {
        border-bottom:  0;
    }

    .quebec .inner-accordion .inner-accordion-tab {
        border-top:  1px solid #bbbcbc;
        border-bottom: 0;
    }

    .quebec .inner-accordion .inner-accordion-tab:last-of-type {
        border-bottom:  1px solid #bbbcbc;
    }

    .inner-accordion .inner-accordion-content {
        padding-top: 24px;
    }

    .inner-accordion .inner-accordion-icon {
        border: solid #af0b1c;
        border-width: 0 1px 1px 0;
        height: 8px;
        width: 8px;
        pointer-events: none;
        position: absolute;
        right: 32px;
        top: 50%;
        transform: translateY(-60%) rotate(35deg) skewX(160deg);
        
    }

    .inner-accordion .inner-accordion-trigger[aria-expanded="true"] .inner-accordion-icon{
        transform: translateY(-50%) rotate(-135deg);
    }

    .inner-accordion .inner-accordion-content {
        padding:  0;
    }

    .quebec .inner-accordion .inner-accordion-content {
        padding:  10px 20px 25px 30px
    }

    .inner-accordion .inner-accordion-content[aria-hidden="true"]{
        display:  none;
    }

    .inner-accordion .inner-accordion-trigger {
        background-color: transparent;
        position: relative;
        width: 100%;
        font-size: 18px;
        border: none;
        line-height: 1.5;
        color: #383b3e;
        padding:  0 50px 10px 20px;
        margin:  10px 0 0 10px;
    }


    .inner-accordion .inner-accordion-title {
        text-align: left;   
        width:  auto; 
    }

    .inner-accordion .inner-accordion-trigger[aria-expanded="true"] {
        padding: 0 50px 0 16px;
        border-left: 4px solid #c41f3e;
        text-decoration: none;
        color: #c41f3e;
    }

}

/* end inner accordion*/

/* tabs to accordion */
.tabs-to-accordion {
    position: relative;
}
 /* by default - hidden */
.tabs-to-accordion .tab-controls,
.quebec-info-block,
.quebec-inline,
.quebec-list,
#termsAndConditionsAgreeContainer .quebec-label{
	display: none;
}
 /* show when Quebec province is selected for home address */
.quebec .tabs-to-accordion .tab-controls,
.quebec .quebec-info-block,
.quebec #termsAndConditionsAgreeContainer .quebec-label {
	display: block;
}

.quebec .quebec-list {
    display: list-item;
}

.quebec .quebec-inline {
    display: inline;
}


.tabs-to-accordion .tab-controls .tab-nav {
    font-size: 0;
}


.tabs-to-accordion .tab-link{
    display: inline-block;
    width: 50%;
    margin-left: 0;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0);
    color: #86888A;
    border-bottom: 1px solid #BBBCBC;
    border-left: 0;
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.tabs-to-accordion .tab-link:hover {
	cursor: pointer;
}

.tabs-to-accordion .tab-link.active {
    color: #c41f3e;
    font-weight: 400;
    border-bottom: 1px solid #c41f3e;
    box-shadow: 0 -3px 0 #c41f3e inset;
    -webkit-box-shadow: 0 -3px 0 #c41f3e inset;
    -moz-box-shadow: 0 -3px 0 #c41f3e inset;
}


.tabs-to-accordion .tab-controls {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0;
}
.tabs-to-accordion .inner-accordion{
     padding: 0;
}

.tabs-to-accordion .panel {
    width: 100%;
    float: none;
}
.tabs-to-accordion .panel[aria-hidden="true"]{
    display: none;
}
@media only screen and (max-width: 767px) {
    .tabs-to-accordion .tab-controls{
        display: none!important;
    }
}

/*tabs to accordion*/

/*tooltip*/
.tooltip-wrapper {
    float: right;
    position: relative;
    width: 18px;
    height: 18px;
    top: 5px;
    left: 0;
}

.tooltip-wrapper.tooltip-inline {
    float: none;
    display: inline-block;
    position: relative;
    top: 3px;
    white-space: normal;
    margin-left: 5px;
}

.label-align.to-bottom .tooltip-wrapper.tooltip-inline {
    top: 0;
    margin-bottom: 5px;
}

.tooltip-wrapper.tooltip-inline.label-align.to-bottom{
    padding-bottom: 5px;
}

.tooltip-wrapper button.tooltip-launcher {
    font-size: 1.125rem;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.tooltip-wrapper button.tooltip-launcher:hover {
    background-color: transparent;
}

.tooltip-wrapper button.tooltip-launcher span.icon {
    color: #383B3E;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.tooltip-wrapper button.tooltip-launcher[aria-expanded="false"] span.icon::before {
    content: "\e953";
}

.tooltip-wrapper button.tooltip-launcher[aria-expanded="true"] span.icon::before,
.tooltip-wrapper button.tooltip-launcher[aria-expanded="false"]:hover span.icon::before,
.tooltip-wrapper button.tooltip-launcher[aria-expanded="false"]:focus span.icon::before {
    content: "\e60e";
}

.tooltip-wrapper .tooltip-popup {
    border: 1px solid #BBBCBC;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
    position: absolute;
    width: 400px;
    bottom: 28px; 
    z-index: 1000; 
    background-color: transparent; 
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    transition:opacity .5s linear;
    margin-left: 4px;
}

.tooltip-wrapper .tooltip-popup.visible {
    opacity: 1;
    transition:opacity .5s linear;
}

.tooltip-wrapper .tooltip-popup .middle{
    background-color: #fff; 
}

.tooltip-wrapper .tooltip-popup .tooltip-popup-content {
    padding: 20px 40px 20px 20px;
    display: inline-block;
}
.tooltip-wrapper .tooltip-popup p, 
.tooltip-wrapper .tooltip-popup li{
    font-size: .8125rem;
    margin-bottom: 0 !important;
    line-height: 1.3rem;
 }

.tooltip-wrapper button.tooltip-close {
    color: #606366;
    right: 8px;
    top: 8px;
    position: absolute;
    background-color: transparent;
    padding: 2px;
}

.tooltip-wrapper button.tooltip-close:hover{
    border-bottom: 0;
}

.tooltip-wrapper button.tooltip-close span {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
 }

.tooltip-wrapper .tooltip-popup .bottom {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    z-index: 100;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    box-shadow: -3px -3px 0 2px #fff, 1px 1px 4px 0 #ddd;
    background-color: #fff;
    bottom: -6px;
}

.tooltip-wrapper .tooltip-popup.posLeft {
    transform: translateX(-95%);
}

.tooltip-wrapper .tooltip-popup.posRight {
    transform: translateX(-7%);
}
.tooltip-wrapper .tooltip-popup.posLeft .bottom {
    left: 95%;
}

.tooltip-wrapper .tooltip-popup.posRight .bottom {
    left: 7%;
}

.inline-controls input[type="radio"] + label:last-of-type {
    margin-right: 0;
}

.inline-controls div.tooltip-wrapper.tooltip-inline {
    top: 0;
}


@media (max-width: 767px){
    .tooltip-wrapper .tooltip-popup {
        width: 280px;
    }
    .tooltip-wrapper button.tooltip-close {
        width: auto;
    }

}
/*end tooltip*/

/*  Confirmation */
#confirmationContainer h2 .icon{
    color: #C41F3E;
    width: 1.5rem;
    font-size: 1.625rem;
    line-height: 1.3846;
    margin-right: 0.25rem;
}

#message {
    margin-top: 2.5rem;
}

#message h2 {
    margin-bottom: 2.5rem;
}

#message .confirmation-documents {
    margin-top: 2.5rem;
}

#message ul {
    margin-bottom: 2.5rem;
    padding-left: 1.25rem;
}

#message ul.no-margin-bottom {
    margin-bottom: 0;
}

#message ul li {
    list-style-type: disc;
    list-style-position: inside;
}

#returnLink, #returnLinkRaC {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}


#returnLink a.inlineLink,
#returnLinkRaC a.inlineLink {
    position: relative;
    border-bottom: none;
}

#returnLink a img,
#returnLinkRaC a img{
    width: 1rem;
    position: absolute;
    top: 0.125rem;
    left: 0;
}

#returnLink a img + span,
#returnLinkRaC a img + span {
    margin-left: 1.25rem;
}

/* Bottom links Confirmation page*/
.bottom-links {
    margin-top: 2.5rem;
    margin-bottom: 3.75rem;
}
.bottom-links::after {
    clear: both;
    display: table;
    content: " ";
}

.bottom-links #printContainer {
    display: block;
    float: left;
}

.bottom-links #secureAppLink {
    float: right;
}

.bottom-links a {
    border-bottom: none;
    text-decoration: none;
}
.bottom-links a span.icon {
    color: #C41F3E;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
}

.bottom-links a span.icon + span {
    margin-left: 0.25rem;
}

.bottom-links a:hover span.icon + span {
    border-bottom: 1px solid #C41F3E;
}

@media only screen and (max-width: 767px) {
    .bottom-links #printContainer,
    .bottom-links #secureAppLink {
        float: none;
        display: block;
    }
    .bottom-links #printContainer {
        margin-right: 0;
        margin-bottom: 1.25rem;
    }
}

/* new AEM styling */
.cibc-acc-links {/* for accessibility, it should not be there */
	display: none!important;
}

/* Modal */
.reveal-modal h2,
.reveal-modal h4 {
    margin-bottom: 1.25rem;
}

.reveal-modal .ButtonContainer {
    margin-top: 1.625rem;
}

.reveal-modal .ExitFlowButtons {
    padding-top: 0.6875rem;
}

@media only screen and (max-width: 767px) {
    .reveal-modal .ExitFlowButtons {
        text-align: center;
    }
}