/*===========================================
	DEFAULT FORM STYLES
===========================================*/
label {
	display: block;
	font-weight: 400;
	text-align: left;
	width: calc(100% - 6px);
	padding: 0 3px;
	margin-bottom: 3px;
	font-size: 0.8em;
}
	
input, textarea, select {
	font-family: "Helvetica-Regular", Arial, "Lucida Grande", sans-serif; 
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
	color: #404040;
	
	min-height: 35px;
	border: 1px solid #BFBFBF;
	background: #F9F9F9;
	width: calc(100% - 12px);
	padding: 0 5px;
	-moz-border-radius: 3;
	-webkit-border-radius: 3;
	border-radius: 3;
	margin: 0 0 5px 0;
}
	input[type='checkbox'] {
		width: 16px;
	}
	input.ComboInput{
		display: inline-block;
		border: 0;
		width: calc(100% - 35px);
		padding-left: 15px;
		outline: none;
		margin: -51px 0 0 1px;
	}
	
	.SectionContent textarea {
		width: calc(100% - 22px);
		padding: 10px;
		height: 150px;
		resize: none;
	}
	
	.hidden {
		display:none !important;
	}
	
	select {
		min-height: 37px;
		width: 100%;
	}
	input:focus, textarea:focus , select:focus {
		border-color: #CCC;
		outline: 0;
	}
	
	
/*===========================================
	Remaining Characters Display
===========================================*/
.RemainingCharactersContainer {
	margin: 0 0 10px 0;
}
	.RemainingCharactersContainer textarea {
		margin: 0;
	}
	.RemainingCharactersDisplay {
		font-size: 0.8em;
		padding: 5px;
		background: #BFBFBF;
	}
	
/*===========================================
	BUTTONS
===========================================*/
.ButtonDisplay {
}
	.ButtonDisplay a.SaveButton {
		float: left;
		display: block;
		padding: 10px 0;
		margin-right: 10px;
		width: calc(75% - 10px);
		text-align: center;
		color: #FFF;
		background: #2d4e93;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.ButtonDisplay a.SaveButton.CancelButton{
		width: calc(25% - 10px);
		margin: 0 0 0 10px;
		background: #2c6b4c;
	}
		.ButtonDisplay a.SaveButton:hover{
			text-decoration: none;
			background: #00aff0;
		}
		.ButtonDisplay a.SaveButton.CancelButton:hover{
			text-decoration: none;
			background: #7ab251;
		}
	
/*===========================================
	VALIDATION
===========================================*/
input.ValidateError, 
textarea.ValidateError, 
select.ValidateError {
	border: 1px solid #FC0808;
}
	

/*===========================================
	FORM SESSION
===========================================*/
.FormSessionReset {
}
	.FormSessionReset .ButtonDisplay {
		margin-bottom: 10px;
	}
	.FormSessionReset .ButtonDisplay a.SaveButton.CancelButton {
		float: right;
		width: calc(25% - 10px);
		margin: 0 0 0 10px;
		background: #2c6b4c;
	}

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

/*===========================================
	Radio Button Inline Select
===========================================*/
.ReferralForm .SectionContent .RadioButtonSelectorFlex {
	display: flex;
	border: 1px solid #DEDEDE;
	background: #F7F7F7;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 1em;
}
	.ReferralForm .SectionContent .RadioButtonSelectorVerticleMiddle {
		margin: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		text-align: left;
		width: 100%;
	}
		.ReferralForm .SectionContent .RadioButtonSelectorVerticleMiddle.CenterContent {
			text-align: center;
		}
	
	.ReferralForm .SectionContent .RadioButtonSelectorFlex .IconFlexItem {
		flex-basis: 40px;
	}
		.ReferralForm .SectionContent .RadioButtonSelectorFlex .IconFlexItem i {
			padding-top: 2px;
			color: #DEDEDE;
		}
	.ReferralForm .SectionContent .RadioButtonSelectorFlex .DisplayNameFlexItem {
		flex-basis: calc(100% - 50px);
		margin-right: 10px;
		min-height: 40px;
	}
	
	/*	Validation Error */
	.ReferralForm .SectionContent .RadioButtonSelectorFlex.ValidateError {
		border: 1px solid #912323;
		background: #fab8b3;
	}
		.ReferralForm .SectionContent .RadioButtonSelectorFlex.ValidateError .IconFlexItem i {
			color: #912323;
		}
	
	
	/*	Hover Status 	*/
	.ReferralForm .SectionContent .RadioButtonSelectorFlex:hover {
		border: 1px solid #5892a6;
		background: #F1F1F1;
		cursor: pointer;
	}
	
	/*	Active Status 	*/
	.ReferralForm .SectionContent .RadioButtonSelectorFlex.Active {
		border: 1px solid #00aff0;
		background: #bfdcff;
	}
	.ReferralForm .SectionContent .RadioButtonSelectorFlex.Active .IconFlexItem i {
		color: #00aff0;
	}

/*===========================================
	CHECKBOX
===========================================*/	
.SectionContent .CheckBoxLayout {
	display: table;
	width: 100%;
	min-height: 40px;
	padding-bottom: 1em;
}
	.SectionContent .CheckBoxLayout .Textarea {
		vertical-align: middle;
		display: table-cell;
		background: #F1F1F1;
		padding: 5px;
	}
		.SectionContent .CheckBoxLayout .Textarea p {
			margin: 0 10px;
			padding-bottom: 0;
		}
		
	.SectionContent .CheckBoxLayout .ResponseArea {
		vertical-align: middle;
		display: table-cell;
		background: #DEDEDE;
		width: 0px;
		text-align: center;
		padding: 0 7px;
		width: 20px;
	}	
		.SectionContent .CheckBoxLayout .ResponseArea.ValidateError {
			background: #FC0808;
		}
		.SectionContent .CheckBoxLayout label {
			margin-bottom: 0px;
		}
	.SectionContent .CheckBoxLayout .InterventionNumberContainer {
		padding: 10px 10px 0 10px;
	}


/*===========================================
	MULTIPLE CHOICE SELECTOR
===========================================*/
.MultipleChoiceContiner {
	margin-bottom: 10px;
}
	.MultipleChoiceContiner .OneFifthNoMargin_FlexItem {
		width: calc(20% - 21px);
		background: #FFF;
		text-align: center;
		border-right: 1px solid #DEDEDE;
		padding: 10px;
	}
		.MultipleChoiceContiner .OneFifthNoMargin_FlexItem:last-child {
			width: calc(20% - 20px);
			border-right: none;
		}
		.MultipleChoiceContiner .OneFifthNoMargin_FlexItem.Active {
			background: #aba9ce;
		}
	
	.MultipleChoiceContiner .MultipleChoiceSelector {
		cursor: pointer;
	}
		.MultipleChoiceContiner .MultipleChoiceSelector.LastItem {
			border-right: none;
		}
		.MultipleChoiceContiner .MultipleChoiceSelector .MultipleChoiceIconDisplay {
			display: block;
			padding: 0;
		}
			.MultipleChoiceContiner .MultipleChoiceSelector .MultipleChoiceIconDisplay i {
				font-size: 16px;
				padding-bottom: 10px;
				color: #00aff0;
			}
		.MultipleChoiceContiner .MultipleChoiceSelector .MultipleChoiceDisplayName {
			font-size: 0.8em;
		}
		
		
/*===========================================
	LOGIN
===========================================*/
.LoginContainer {
	position: relative;
	margin: 0 auto;
	max-width: 400px;
}
	.LoginContainer .LoginForm {
		max-width: 400px;
		margin: 50px 0;
		padding: 25px;
		background: #DEDEDE;
	}
		.LoginContainer .LoginForm h2 {
			color: #060f36;
			margin-bottom: 20px;
		}
		.LoginContainer .LoginForm h3 {
			color: #3b72a8;
			margin-bottom: 15px;
		}
		.LoginContainer .LoginForm button {
			display: block;
			width: 100%;
			border: none;
			text-transform: uppercase;
			background: #060f36;
			color: #FFF;
			padding: 15px;
			cursor: pointer;
		}
		
		.LoginContainer .LoginForm .LoginErrorContainer {
			display: block;
			width: calc(100% - 4px);
			border-left: 4px solid #d91440;
			background: #fdf3f5;
			margin-bottom: 10px;
		}
			.LoginContainer .LoginForm .LoginErrorContainer .ErrorMessage {
				padding: 10px;
			}
			.LoginContainer .LoginForm .LoginErrorContainer .ErrorMessage p {
				font-size: 0.8em;
				padding-bottom: 6px;
			}
				.LoginContainer .LoginForm .LoginErrorContainer .ErrorMessage p:last-child {
					padding-bottom: 0px;
				}