/*===========================================
	DEFAULT FORM STYLES
===========================================*/
label {
	font-family: 'Default-Bold';
	display: block;
	text-align: left;
	width: 100%;
	font-size: 0.8em;
}
	
input, textarea, select {
	font-family: 'Default-Regular';
	color: #495057;
	height: 40px;
	border: 1px solid #BFBFBF;
	background: #F9F9F9;
	width: 100%;
	font-size: 14px;
	padding: 0;
	padding-left: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0 10px 0;
	box-sizing: border-box;
}
	select {
		padding: 3px 2px;
	}
	input:focus, textarea:focus , select:focus {
		border-color: #CCC;
		outline: 0;
	}
	
	input.required{
		background: url("/asset-general-images/required_star.png");
		background-position: right;
		background-repeat: no-repeat;
	}


/*===========================================
	FORM VALIDATION
===========================================*/
.FormValidationErrorNotification .SectionContentNote {
	background: #fab8b3;
	padding: 10px;
	border-left: 5px solid #912323;
	margin-bottom: 10px;
	font-size: 0.8em;
}


/*===========================================
	CHECKBOX FONT AWESOME ICONS
===========================================*/
.CheckboxContainer {
	display: inline-block;
	cursor: pointer;
}
	.CheckboxContainer .CheckboxContent {
		font-size: 0.9em;
		line-height: 1.5em;
	}
	.CheckboxContainer .CheckboxIcon {
		vertical-align: middle;
		font-size: 1.5em;
		margin-right: 6px;
	}
		.CheckboxContainer .CheckboxIcon.fal {
			color: #EAEAEA;
		}
		.CheckboxContainer .CheckboxIcon.fas {
			color: #8cc63f;
		}


	
.checkbox-item {
	display: flex;
	flex-wrap: wrap;
}	
	.checkbox-item .checkbox-icon {
		width: 30px;
		margin-right: 10px;		
		display: flex;
		justify-content: left;
		align-items: center;
		cursor: pointer;
	}
		.checkbox-item .checkbox-icon i {
			font-size: 20px;
		}
	.checkbox-item .checkbox-description {
		width: calc(100% - 40px);
	}
		.checkbox-item .checkbox-description i.red-text {
			color: #FF0000;
		}
		

/*===========================================
	DEFAULT PAGE FORM
===========================================*/
.DefaultPageForm {
	position: relative;
    margin-bottom: 20px;
	/*background: #FFF;*/
}
	.DefaultPageForm.NarrowForm {
		width: 600px;
	}
	
	
	/*	Header Text */
	.DefaultPageForm h2 {
		margin-bottom: 10px;
	}
	
	/*	Headers 	*/
	.DefaultPageForm .SectionHeader {
		border: 1px solid #086788;
		background: #086788;
		color: #FFF;
		padding: 20px 10px;
		margin-bottom: 10px;
	}
	
	.DefaultPageForm .SectionContent {
		padding: 0 0 20px 0;
	}
		.DefaultPageForm .SectionContent.GreyBackground {
			padding: 20px;
			margin-bottom: 20px;
			border: 1px solid #DfDfDf;
			background-color: #f6f6f6;
		}
	
	/*	Inputs 	*/
	.DefaultPageForm .SectionContent label {
		font-size: 0.8em;
		font-weight: 400;
		color: #696969;
	}
		.DefaultPageForm .SectionContent label.SmallText {
			font-size: 0.6em;
			font-weight: 400;
			color: #696969;
		}
	
	.DefaultPageForm .SectionContent .InputPadding {
		margin: 5px 0 10px 0;
	}
	
	.DefaultPageForm .SectionContent input, 
	.DefaultPageForm .SectionContent select {
		font-family: 'Default-Regular',sans-serif,Arial,'Hiragino Sans GB','Microsoft YaHei';
		color: #495057;
		height: 40px;
		border: 1px solid #BFBFBF;
		background: #F9F9F9;
		width: 100%;
		font-size: 14px;
		padding: 0;
		padding-left: 15px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin: 5px 0 10px 0;
	}
	
	/*	Layout */
	.DefaultPageForm .SectionContent ul.ListedItems {
		padding-bottom: 1em;
	}
	.DefaultPageForm .SectionContent ul {
		margin-left: 20px;
	}
		.DefaultPageForm .SectionContent ul.ListedItems li {
			padding-bottom: 0.25em;
		}
		.DefaultPageForm .SectionContent ul li {
			font-size: 0.8em;
			list-style-type: disc;
			padding-left: 10px;
			padding-bottom: 1em;
		}
			.DefaultPageForm .SectionContent ul li a {
				color: #54595F;
			}
		
	.DefaultPageForm .SectionContent p {
		font-size: 0.8em;
		margin-bottom: 30px;
	}
		.DefaultPageForm .SectionContent p a {
			color: #666666;
			text-decoration: none
		}
			.DefaultPageForm .SectionContent p a:hover {
				color: #666666;
			}
			
	.DefaultPageForm .SectionContent .SectionBreak {
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid #BFBFBF;
	}
	
	
	/*	Radio Button Inline Select */
	.DefaultPageForm .SectionContent .RadioButtonSelectorFlex {
		display: flex;
		border: 1px solid #DEDEDE;
		background: #F7F7F7;
		padding: 5px 0;
		margin-bottom: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 0.9em;
	}
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneHalf_Margin {
			float: left;
			width: calc(49.5% - 2px);
			margin: 0 1% 10px 0;
		}
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneHalf_Margin:nth-child(2n), 
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneHalf_Margin:last-child {
				margin-right: 0;
			}
		
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneThird_Margin {
			float: left;
			width: calc(32% - 2px);
			margin: 0 1% 10px 0;
		}
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneThird_Margin:nth-child(3n), 
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.FlexOneThird_Margin:last-child {
				margin-right: 0;
			}
		
		
		
		
		
		
		.DefaultPageForm .SectionContent .RadioButtonSelectorVerticleMiddle {
			margin: auto;
			display: flex;
			justify-content: center;
			flex-direction: column;
			height: 100%;
			text-align: left;
			width: 100%;
		}
			.DefaultPageForm .SectionContent .RadioButtonSelectorVerticleMiddle.CenterContent {
				text-align: center;
			}
		
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex .IconFlexItem {
			flex-basis: 40px;
		}
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex .IconFlexItem i {
				padding-top: 2px;
				color: #DEDEDE;
			}
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex .DisplayNameFlexItem {
			flex-basis: calc(100% - 50px);
			margin-right: 10px;
			min-height: 40px;
		}
		
		/*	Validation Error */
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.ValidateError {
			border: 1px solid #912323;
			background: #fab8b3;
		}
			.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.ValidateError .IconFlexItem i {
				color: #912323;
			}
		
		
		/*	Hover Status 	*/
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex:hover {
			border: 1px solid #5892a6;
			background: #F1F1F1;
			cursor: pointer;
		}
		
		/*	Active Status 	*/
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.Active {
			border: 1px solid #086788;
			background: #daf6ff;
		}
		.DefaultPageForm .SectionContent .RadioButtonSelectorFlex.Active .IconFlexItem i {
			color: #086788;
		}
		
	
	/*.DefaultPageForm .SectionContent .SelectTab {
		border: 1px solid #DEDEDE;
		line-height: 48px;
		margin-bottom: 10px;
		background: #F7F7F7;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 0.9em;
	}
		.DefaultPageForm .SectionContent .SelectTab i {
			display: inline-block;
			padding: 0 5px 0 10px;
			color: #DEDEDE;
		}
		.DefaultPageForm .SectionContent .SelectTab .SelectName {
			display: inline-block;
		}
		
		.DefaultPageForm .SectionContent .SelectTab:hover {
			border: 1px solid #86718a;
			background: #F1F1F1;
			cursor: pointer;
		}
		
		.DefaultPageForm .SectionContent .SelectTab.Active {
			border: 1px solid #86718a;
			background: #F1F1F1;
		}
			.DefaultPageForm .SectionContent .SelectTab.Active i {
				color: #86718a;
			}
	
	
	/*	Section   */
	.SectionContentNote {
		background: #9ed0e1;
		padding: 10px;
		border-left: 5px solid #086788;
		margin-bottom: 10px;
		font-size: 0.8em;
	}
	
	
	
	
	/*	Radio Button Select */
	.DefaultPageForm .RadioButtonContainer {
		margin: 0 0 10px 0;
	}
		.DefaultPageForm .RadioButtonContainer label {
			margin-bottom: 5px;
		}
			.DefaultPageForm .RadioButtonContainer label.ValidationError {
				color: red;
			}
		
		
		/*	Full Width */
		.DefaultPageForm .RadioButtonContainer .FlexFullWidth_NoMargin {
			flex-basis: calc(100% - 12px);
			margin: 0 0 10px 0;
			background: #F9F9F9;
			border: 1px solid #BFBFBF;
		}
		
		
		/*	Halfes */
		.DefaultPageForm .RadioButtonContainer .FlexOneHalf_Margin {
			flex-basis: calc(49.5% - 12px);
			margin: 0 1% 10px 0;
			background: #F9F9F9;
			border: 1px solid #BFBFBF;
		}
			.DefaultPageForm .RadioButtonContainer .FlexOneHalf_Margin:nth-child(2n), 
			.DefaultPageForm .RadioButtonContainer .FlexOneHalf_Margin:last-child {
				margin: 0 0 10px 0;
			}
		
		
		/*	Thirds */
		.DefaultPageForm .RadioButtonContainer .FlexOneThird_Margin {
			flex-basis: calc(32.66% - 12px);
			margin: 0 1% 10px 0;
			background: #F9F9F9;
			border: 1px solid #BFBFBF;
		}
			.DefaultPageForm .RadioButtonContainer .FlexOneThird_Margin:nth-child(3n), 
			.DefaultPageForm .RadioButtonContainer .FlexOneThird_Margin:last-child {
				flex-basis: calc(32.68% - 12px);
				margin: 0 0 10px 0;
			}
		
		
		/*	Quarters */
		.DefaultPageForm .RadioButtonContainer .FlexOneQuarter_Margin {
			flex-basis: calc(24.25% - 12px);
			margin: 0 1% 10px 0;
			background: #F9F9F9;
			border: 1px solid #BFBFBF;
		}
			.DefaultPageForm .RadioButtonContainer .FlexOneQuarter_Margin:nth-child(4n), 
			.DefaultPageForm .RadioButtonContainer .FlexOneQuarter_Margin:last-child {
				margin: 0 0 10px 0;
			}
			
			/*	Hover Effect */
			.DefaultPageForm .RadioButtonContainer .RadioButtonOption:hover {
				background: #F1F1F1;
			}
			
			/*	Validation Error */
			.DefaultPageForm .RadioButtonContainer .RadioButtonOption.ValidationError {
				border: 1px solid red;
			}
			
			.DefaultPageForm .FormValidationError {
				background: #FF0000;
				color: #FFF;
				text-align: center;
				font-size: 0.8em;
				padding: 10px;
				margin-bottom: 10px;
			}
			
		.DefaultPageForm .RadioButtonContainer .RadioButtonOption {
			display: flex;
			min-height: 30px;
			padding: 10px 5px;
			font-size: 0.8em;
			text-align: center;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}
			.DefaultPageForm .RadioButtonContainer .RadioButtonOption.Active {
				color: #FFF;
				background: #086788;
			}
			
			
	/* Individual Radio Button */
	.DefaultPageForm .SectionContent .InputContainer span.RadioButtonSelector {
		display: flex;
		min-height: 30px;
		margin: 0 0 20px 0;
		padding: 10px 5px;
		font-size: 0.8em;
		text-align: center;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		text-transform: none;
		border: 1px solid #BFBFBF;
		background: #F9F9F9;
	}
		.DefaultPageForm .SectionContent .InputContainer span.RadioButtonSelector.Active {
			border: 1px solid #086788;
			background: #086788;
			color: #FFF;
		}
	
	
	/*	Application Documents Upload 	*/		
	.DefaultPageForm .SectionContent input[type='file'] {
		display: none;
	}
		.DefaultPageForm .SectionContent .CustomUploadFile {
			display: inline-block;
			cursor: pointer;
			min-width: 80px;
			font-size: 16px;
			padding: 14px 0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-align: center;
			background-color: #086788;
			border: none;
			color: #FFF;
			font-size: 0.8em;
			margin: 20px 0;
		}
		.DefaultPageForm .SectionContent .CustomUploadFile.FullHeight {
			padding: 12px 0;
		}
	
	.DefaultPageForm .SectionContent .ResponseMessage {
			color: #004fb6;
			font-weight: 700;
			padding: 10px 0;
		}
		
		.DefaultPageForm .SectionContent .UploadDocument {
			padding: 20px;
			text-align: center;
			border: 1px dashed #DEDEDE;
			margin-bottom: 20px;
		}	
			
			/*	Proof of life container	*/
			.DefaultPageForm .SectionContent .ProofOfLifeContainer .UploadDocument {
				background: #ebecf1;
			}
				.DefaultPageForm .SectionContent .ProofOfLifeContainer .UploadDocument .MissingImage img {
					width: 100%;
				}
			
			/*	Proof of identity container	*/
			.DefaultPageForm .SectionContent .IdentityVerificationContainer .UploadDocument {
				background: #ebecf1;
			}
				.DefaultPageForm .SectionContent .IdentityVerificationContainer .UploadDocument .MissingImage img {
					width: 100%;
				}
			
			.DefaultPageForm .SectionContent .UploadDocument i {
				font-size: 3em;
				padding-bottom: 10px;
			}
			.DefaultPageForm .SectionContent .UploadDocument h4 {
				font-weight: normal;
			}
			
			.DefaultPageForm .SectionContent .HoldingContainerImage img {
				width: 350px;
				padding: 10px;
			}

		.DefaultPageForm .SectionContent .UploadDocument.ValidateError {
			border: 1px dashed red;
		}
		
		.DefaultPageForm .SectionContent .ButtonControl {
			display: block;
			padding: 20px 0;
			margin-bottom: 20px;
		}
			.DefaultPageForm .SectionContent .ButtonControl .HyperLinkButton {
				padding: 15px 40px;
				font-weight: 700;
				font-size: 0.95em;
				text-decoration: none;
			}
			
			
	/*===========================================
		DOCUMENTS UPLOADING
	===========================================*/
	.DefaultPageForm .SectionContent .DocumentUploaderContainer {
		padding: 20px 10px;
		border: 1px solid #ffd1b5;
		background: #ebecf1;
		margin: -12px 0 20px 0;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
		.DefaultPageForm .SectionContent .DocumentUploaderContainer.ValidateError {
			border: 1px solid #912323;
		}
		.DefaultPageForm .SectionContent .DocumentUploaderContainer .CustomUploadFile {
			margin: 20px 0 0 0;
		}
			.DefaultPageForm .SectionContent .DocumentUploaderContainer.ValidateError .CustomUploadFile {
				background: #912323;
			}
	
		.DefaultPageForm .SectionContent .DocumentUploaderContainer .PreloadedContainer .PreloadedImageContainer {
			text-align: center;
		}
			.DefaultPageForm .SectionContent .DocumentUploaderContainer .PreloadedContainer .PreloadedImageContainer img {
				max-height: 275px;
				max-width: 350px;
				margin-bottom: 20px;
			}
			
		.DefaultPageForm .SectionContent .DocumentUploaderContainer .PreviewContainer {
			text-align: center;
		}
			.DefaultPageForm .SectionContent .DocumentUploaderContainer .PreviewContainer i {
				font-size: 4em;
				margin-bottom: 20px;
			}		
			
			
			
	/*===========================================
		CONTACT NUMBER
	===========================================*/
	.DefaultPageForm .SectionContent .ContactNumber .TitleBox {
		flex-basis: 160px;
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
		margin-right: 5px;
		background: #086788;
		color: #FFF;
		font-size: 0.8em;
	}
		.DefaultPageForm .SectionContent .ContactNumber .TitleBox i {
			margin-right: 5px;
		}
		
	.DefaultPageForm .SectionContent .ContactNumber .CountryCode {
		flex-basis: 75px;
		margin-right: 5px;
	}
		.DefaultPageForm .SectionContent .ContactNumber .CountryCode input {
			padding-left: 0;
			text-align: center;
			margin: 0 0 10px 0;
		}
	.DefaultPageForm .SectionContent .ContactNumber .NumberContainer {
		flex-grow: 1;
	}
		.DefaultPageForm .SectionContent .ContactNumber .NumberContainer input {
			margin: 0 0 10px 0;
		}
		
		
	/*	CheckBox 	*/
	.DefaultPageForm .SectionContent .CheckBoxLayout {
		display: table;
		width: 100%;
		min-height: 40px;
		padding-bottom: 1em;
	}
		.DefaultPageForm .SectionContent .CheckBoxLayout .Textarea {
			vertical-align: middle;
			display: table-cell;
			background: #F1F1F1;
			padding: 5px;
		}
			.DefaultPageForm .SectionContent .CheckBoxLayout .Textarea p {
				margin: 0 10px;
			}
			
		.DefaultPageForm .SectionContent .CheckBoxLayout .ResponseArea {
			vertical-align: middle;
			display: table-cell;
			background: #DEDEDE;
			width: 0px;
			text-align: center;
			padding: 0 7px;
			width: 20px;
		}
			.DefaultPageForm .SectionContent .CheckBoxLayout label {
				margin-bottom: 0px;
			}
	
	
	/*	Password Reset Response */
	.DefaultPageForm .SectionContent .LoginResponse-Failure {
		border-left: solid 3px #FF4F68;
		margin-bottom: 20px;
		padding: 2px 0 2px 10px;
		font-size: 12px;
		color: #72777A;
	}
	.DefaultPageForm .SectionContent .LoginResponse-Success {
		border-left: solid 3px #23FF7C;
		margin-bottom: 20px;
		padding: 2px 0 2px 10px;
		font-size: 12px;
		color: #72777A;
	}
	
	
	/*	Form Validation */
	.DefaultPageForm .SectionContent label.ValidateError {
		color: #912323;
		font-weight: 700;
	}
	.DefaultPageForm .SectionContent input.ValidateError,
	.DefaultPageForm .SectionContent select.ValidateError {
		border: 1px solid #912323;
	}
	
	.ValidationErrorMessage {
		font-size: 0.8em;
		text-transform: uppercase;
		text-align: center;
		color: red;
		padding-bottom: 10px;
	}
	
	
	/*	Application Complete Image */
	.DefaultPageForm .ApplicationCompleteImage {
		margin-bottom: 20px;
	}
	
	
	/*	Buttons */
	.DefaultPageForm .ButtonControl {
		text-align: left;
	}
	.DefaultPageForm .ButtonControl.ApplicationForm {
		padding: 20px 0;
		margin-bottom: 20px;
	}
		.DefaultPageForm .ButtonControl .Button {
			display: inline-block;
			height: 40px;
			line-height: 40px;
			padding: 0 35px;
			border: 1px solid #086788;
			background: #086788;
			color: #FFF;
			text-decoration: none;
			margin-right: 10px;
			font-size: 0.8em;
		}
			.DefaultPageForm .ButtonControl .Button.Save {
				border: 1px solid #086788;
				background: #086788;
			}
			.DefaultPageForm .ButtonControl .Button.Cancel {
				border: 1px solid #54595F;
				background: #54595F;
			}
	
	
/*===========================================
	EXPRESS APPLICATION
===========================================*/
.ExpressApplicationProcess p {
	font-size: 0.8em;
	margin: 0 0 0.8em 0;
}

.ExpressApplicationProcess .DefaultPageForm .SectionContent .InputPadding {
	margin: 5px 0 0 0;
}
	.ExpressApplicationProcess .DefaultPageForm .SectionContent .RadioButtonSelectorFlex .DisplayNameFlexItem {
		font-size: 0.9em;
		min-height: 30px;
	}


.ExpressApplicationProcess .ResponsiveRadioButtons .RadioButtonSelectorFlex {
	float: left;
	width: calc(49.5% - 2px);
	margin: 0 1% 10px 0;
}
	.ExpressApplicationProcess .ResponsiveRadioButtons .RadioButtonSelectorFlex:nth-child(2n), 
	.ExpressApplicationProcess .ResponsiveRadioButtons .RadioButtonSelectorFlex:last-child {
		margin-right: 0;
	}	
	
	
/*===========================================
	CONTACT NUMBER
===========================================*/
.ContactNumberContainer {
	margin: 0 0 10px 0;
}
	
	.ContactNumberContainer .InternationalDialingCode {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #BFBFBF;
		background: #F9F9F9;
		width: calc(100% - 2px);
		height: 40px;
		margin-top: 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		.ContactNumberContainer .InternationalDialingCode.ValidateError {
			border: 1px solid #912323;
		}
		
		.ContactNumberContainer .InternationalDialingCode .SelectorSection {
			width: 110px;
		}
		.ContactNumberContainer .InternationalDialingCode .InputSection {
			width: calc(100% - 110px);
		}
			.ContactNumberContainer .InternationalDialingCode .InputSection input {
				border: 0;
				margin: 0;
			}


	.ContactNumberContainer .InternationalDialingCode .FlexItemContainer {
		display: flex;
		flex-wrap: wrap;
		height: 40px;
		background: #EEE;
		width: 109px;
		cursor: pointer;
		border-right: 1px solid #BFBFBF;
	}
		
		.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .FlexItemContainerMiddle {
			display: flex;
			justify-content: left;
			align-items: center;
			height: 100%;
		}
			.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .FlexItemContainerMiddle.TextCenter {
				justify-content: center;
			}
		
		.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .FlagContainer {
			width: 22px;
			padding: 0 5px 0 10px;
		}
			.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .FlagContainer .FlagSelectedItem {
				width: 20px;
				height: 15px;
				box-shadow: 0 0 1px 0 #888;
				background-image: url(/asset-general-images/flags.png);
				background-repeat: no-repeat;
				background-position: 0 0;
			}
				.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .FlagContainer .FlagSelectedItem.SelectedFlag {
					height: 10px;
					padding: 2px 0 3px 0;
					background-position: -1020px 0px;
				}
		
	
	.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .DialingCode {
		width: 49px;
		font-size: 14px;
	}
	.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .DropDownArrowContainer {
		position: relative;
		width: 18px;
	}
		.ContactNumberContainer .InternationalDialingCode .FlexItemContainer .DropDownArrowContainer .ArrowIcon {
			position: absolute;
			top: 50%;
			margin-top: -2px;
			right: 6px;
			width: 0;
			height: 0;
			border-left: 3px solid transparent;
			border-right: 3px solid transparent;
			border-top: 4px solid #555;
		}


	.ContactNumberContainer .IntDialingCodeListItems ul {
		border-left: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		border-right: 1px solid #BFBFBF;
		background: #FFF;
		margin: 0 0 20px 0;
	}
		.ContactNumberContainer .IntDialingCodeListItems ul li {
			padding: 2px 10px;
			list-style-type: none;
			cursor: pointer;
		}
			.ContactNumberContainer .IntDialingCodeListItems ul li:hover {
				background: #DEDEDE;
			}
			
			.ContactNumberContainer .IntDialingCodeListItems ul li .DropdownDialingCode .FlexItemContainer {
				display: flex;
				flex-wrap: wrap;
			}
				.ContactNumberContainer .IntDialingCodeListItems .DropdownDialingCode .FlexItemContainer .FlexItemContainerMiddle {
					display: flex;
					justify-content: left;
					align-items: center;
					height: 100%;
				}
			
				.ContactNumberContainer .IntDialingCodeListItems ul li .DropdownDialingCode .FlagContainer {
					width: 22px;
					padding: 0 10px 0 0;
				}
					.ContactNumberContainer .IntDialingCodeListItems ul li .DropdownDialingCode .FlagContainer .FlagItem {
						width: 20px;
						height: 15px;
						box-shadow: 0 0 1px 0 #888;
						background-image: url(/asset-general-images/flags.png);
						background-repeat: no-repeat;
						background-position: 0 0;
					}
						.ContactNumberContainer .IntDialingCodeListItems ul li .DropdownDialingCode .FlagContainer .FlagItem.CurrentFlag {
							height: 10px;
							background-position: -286px 0px;
						}
						
				.ContactNumberContainer .IntDialingCodeListItems ul li .DropdownDialingCode .InternationalCodeDisplay span {
					color: #999;
					padding-left: 5px;
				}
	
	
/*===========================================
	ALTERNATE COUNTRY CALLING CODES
===========================================*/
.ContactNumberContainer .InternationalDialingCode .CountryCallingCodes {
	height: 40px;
	background: #EEE;
	padding: 0 10px;
	width: 89px;
	cursor: pointer;
	border-right: 1px solid #BFBFBF;
}
	.DefaultPageForm .SectionContent .ContactNumberContainer .InternationalDialingCode .CountryCallingCodes select {
		border: 0;
		margin: 0;
		padding: 0;
		background: #EEE;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		text-align: center;
	}	

	
/*===========================================
	DIRECT DEBIT FORM
===========================================*/
.direct-debit-request-form {
	/*background: pink;*/
}
	.direct-debit-request-form.DefaultPageForm h2 {
		margin-bottom: 0;
	}
	
	.direct-debit-request-form.DefaultPageForm .SectionHeader {
		padding: 10px 10px;
		margin-bottom: 10px;
	}
	.direct-debit-request-form.DefaultPageForm .SectionContent p {
		font-size: 0.8em;
		margin-bottom: 1em;
	}
		.direct-debit-request-form.DefaultPageForm .SectionContent p:last-child {
			margin-bottom: 30px;
		}	
	
	
/*===========================================
	VALIDATION FORM MESSAGE
===========================================*/
.validation-error-message .checkbox-container {
	border: 1px solid rgb(194, 0, 0);
	background: #f9f2f3;
	margin: -20px 0 20px 0;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}
	.validation-error-message .checkbox-container .checkbox-icon {
		width: 50px;
		font-size: 1.5em;
		display: flex;
		justify-content: left;
		align-items: center;
		color: #83000a;
	}
	.validation-error-message .checkbox-container .checkbox-content {
		display: flex;
		justify-content: left;
		align-items: center;
		width: calc(100% - 50px);
		font-size: 0.9em;
		line-height: 1.5rem;
		color: #83000a;
	}
	
	
/*===========================================
	APPLICATION FORM
===========================================*/
.PageMainContainer.ApplicationForm.FlexContainer .SideBarContainer {
	background: #086788;
}
	.PageMainContainer.ApplicationForm.FlexContainer .SideBarContainer .SideBar h2 {
		font-family: 'Default-Light';
		padding: 100px 50px;
		color: #5892a6;
		font-size: 3em;
		font-weight: 400;
	}
	
.PageMainContainer.ApplicationForm.FlexContainer .MainContentContainer .MainContent {
	padding: 0 15px 15px 15px;
}

.PageMainContainer.ApplicationForm.FlexContainer .MainContentContainer .MainContent .ApplicationFormLayout {
	max-width: 725px;
	margin: 0 50px;
}

	.ApplicationForm .MainContentContainer .MainContent .BrandingLogo {
		padding: 20px 0 20px 0;
	}
		.ApplicationForm .MainContentContainer .MainContent .BrandingLogo .Logo {
			width: 250px;
		}	
	
	
/*===========================================
	APPLICATION WIZARD
===========================================*/
.ApplicationWizard {
	width: 100%;
	margin-bottom: 50px;
}
	.ApplicationWizard ul {
		padding: 0px;
		display: table;
		table-layout: fixed;
		width: 100%;
		
	}
	.ApplicationWizard li {
		display:table-cell;
		width: 50px; /* just for the browser to get idea that all cells are equal */
		text-align: center;
		line-height: 40px;
		border-left: 1px solid #e1e1e8;
		border-top: 1px solid #e1e1e8;
		border-bottom: 1px solid #e1e1e8;
		text-transform: uppercase;
		font-size: 0.8em;
		color: #696969;
	}
		.ApplicationWizard li:first-child {
			-moz-border-radius: 3px 0 0 3px;
			-webkit-border-radius: 3px 0 0 3px;
			border-radius: 3px 0 0 3px;
		}
		.ApplicationWizard li:last-child {
			border-right: 1px solid #e1e1e8;
			-moz-border-radius: 0 3px 3px 0;
			-webkit-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		}
		
		.ApplicationWizard li.Active {
			background: #086788;
			border-color: #086788;
			color: #FFF;
		}
			.ApplicationWizard li.Active a {
				color: #FFF;
			}
			
	
/*===========================================
	APPLICATION REVIEW MENU
===========================================*/
.ApplicationReviewMenu {
	padding: 10px 50px;
}
	.ApplicationReviewMenu li {
		padding: 10px 0;
	}
	.ApplicationReviewMenu li a {
		font-size: 0.9em;
		color: #5892a6;
		margin-right: 10px;
		text-decoration: none;
	}
		.ApplicationReviewMenu li a:hover {
			color: #FFF;
		}
	.ApplicationReviewMenu li a span {
		font-size: 1.2em;
		color: #FFF;
		margin-right: 6px;
	}
	
/*===========================================
	APPLICATION FORM BUTTONS
===========================================*/
.ApplicationForm .ButtonControl {
	
}
	.ApplicationForm .ButtonControl a {
		float: left;
		display: inline-block;
		height: 60px;
		padding: 0 20px;
	}
		.ApplicationForm .ButtonControl a i {
			float: left;
			display: block;
			line-height: 60px;
			font-size: 36px;
			padding: 0 10px 0 0;
			color: #086788;
		}
		.ApplicationForm .ButtonControl a span {
			float: left;
			line-height: 60px;
			text-decoration: none;
			color: #086788;
		}
		
	.ApplicationForm .ButtonControl a.Next {
		float: right;
	}
		.ApplicationForm .ButtonControl a.Next i {
			padding: 0 0 0 10px;
		}
		
		.ApplicationForm .ButtonControl a:hover {
			background: #5892a6;
		}
			.ApplicationForm .ButtonControl a:hover i,
			.ApplicationForm .ButtonControl a:hover span {
				color: #FFF;
			}


/*===========================================
	APPLICATION FORM VALIDATION
===========================================*/
.ApplicationForm .DefaultPageForm .SectionContent label.ValidationError {
	color: #912323;
}	
	.ApplicationForm .ValidationErrorDisplay {
		background: #f78b83;
		border: 1px solid #d95252;
		padding: 2px 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #912323;
		font-weight: 400;
	}
		.ApplicationForm .ValidationErrorDisplay i {
			margin-right: 5px;
		}

.ApplicationForm .DefaultPageForm .FormValidationErrorNotification .SectionContentNote {
	background: #fab8b3;
	padding: 10px;
	border-left: 5px solid #912323;
	margin-bottom: 10px;
	font-size: 0.8em;
	color: #54595F;
}