/*===========================================
	FONTS
===========================================*/
@font-face {
	font-family: 'DefaultFontThin';
		src: url('/man-theme/theme-active/theme-font/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'DefaultRegularFont';
		src: url('/man-theme/theme-active/theme-font/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DefaultBoldFont';
		src: url('/man-theme/theme-active/theme-font/Roboto-Bold.ttf') format('truetype');
}



/*===========================================
	LOGIN PAGE
===========================================*/
.LoginPage {
	font-family: DefaultFontThin,sans-serif;
	height: 100%;
}
	.LoginPage .ImageBackground {
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
		.LoginPage .ImageBackground .DisplayImage {
			background-size: cover;
			height: 100%;
			width: 100%;
		}
	
	.LoginPage .LoginForm {
		margin: 0 auto;
		max-width: 380px;
		padding: 0 110px;
		height: 100%;
		background-color:rgba(255, 255, 255, 0.95);
	}	
	
		.LoginPage .LoginForm .Header {
			height: 150px;
			text-align: center;
		}
			.LoginPage .LoginForm .Header .CompanyLogo img {
				height: 60px;
				padding-top: 45px;
			}
			
		.LoginPage .LoginForm .AuthenticationForm {
			height: calc(100% - 300px);
		}	
			.LoginPage .LoginForm .AuthenticationForm form{
				width: 100%;
			}
			.LoginPage .LoginForm .AuthenticationForm h2 {
				font-family: DefaultFontThin;
				text-align: left;
				padding-bottom: 15px;
				font-size: 2.8em;
				font-weight: 300;
				letter-spacing: -.025em;
				line-height: 1.2
			}
			
			.LoginPage .LoginForm .AuthenticationForm input {
				line-height: 48px;
				width: 100%;
				padding: 0 15px;
				font-size: 15px;
				margin: 0 0 15px 0;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		
			.LoginPage .LoginForm .AuthenticationForm ul {
				margin-bottom: 25px;
			}
				.LoginPage .LoginForm .AuthenticationForm ul li {
					float: left;
					width: 50%;
				}
					.LoginPage .LoginForm .AuthenticationForm ul li:last-child {
						text-align: right;
					}
					.LoginPage .LoginForm .AuthenticationForm ul li a {
						color: #495463;
						font-size: 0.9em;
					}
		
		
		.LoginPage .LoginForm .Footer {
			height: 150px;
		}
			.LoginPage .LoginForm .Footer p {
				font-size: 0.8em;
			}
			.LoginPage .LoginForm .Footer ul {
				margin-bottom: 10px;
			}
				.LoginPage .LoginForm .Footer ul li {
					float: left;
					font-size: 0.8em;
					margin-right: 10px;
				}
					.LoginPage .LoginForm .Footer ul li:last-child {
						margin-right: 0;
					}
					
					.LoginPage .LoginForm .Footer ul li a {
						color: #495463;
					}
					
					
			.LoginPage .LoginForm .ButtonDisplay a.SaveButton {
				float: left;
				display: block;
				padding: 12px 0;
				width: 100%;
				text-align: center;
				color: #FFF;
				background: #1e2127;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}		
				.LoginPage .LoginForm .ButtonDisplay a.SaveButton:hover {
					text-decoration: none;
				}
				
			.LoginPage .LoginForm input.ValidateError {
				border: 1px solid #ff6868;
			}


/*===========================================
	FORM VALIDATION NOTIFICATION
===========================================*/
.LoginPage .FormValidationNotification .SectionContentNote {
	padding: 10px;
	color: #00b975;
    background: #cdffed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-left: 5px solid #00b975;
	margin-bottom: 15px;
}
	.LoginPage .FormValidationNotification .SectionContentNote.Failure {
		color: #ff6868;
		background: #ffeded;
		border-left: 5px solid #ff6868;
	}

	.LoginPage .FormValidationNotification .SectionContentNote h2 {
		font-size: 16px;
		margin-bottom: 3px;
	}
	.LoginPage .FormValidationNotification .SectionContentNote p {
		font-size: 1em;
		line-height: 1.4em;
		margin: 0;
	}
	
	.LoginPage .FormValidationNotification .SectionContentNote .NotificationIcon {
		width: 40px;
		margin-right: 10px;
	}
		.LoginPage .FormValidationNotification .SectionContentNote .NotificationIcon i {
			font-size: 2em;
		}
	.LoginPage .FormValidationNotification .SectionContentNote .NotificationDetails {
		width: calc(100% - 50px);
	}
	
	
/*===========================================
	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;
		}