/* Master Page: Sign In. used as the master page for the sign in page */

body {
	font-family: Lato;
	font-size: 13px;
	color: #606060;
	line-height: 20px;
	background-color: #434143;
	margin: 0;
}

.masterInformationHeader {
	background-color: #239c8b;
}

.masterSignIn {
	color: #606060;
}

	.masterSignIn h1 {
		font-family: Lato;
		font-weight: bold;
		font-size: 32px;
		line-height: 35px;
		color: #434143;
	}

	.masterSignIn h2 {
		font-family: Lato;
		font-weight: bold;
		font-size: 22px;
		line-height: 27px;
		color: #434143;
	}

	.masterSignIn h3 {
		font-family: Lato;
		font-weight: bold;
		font-size: 17px;
		line-height: 22px;
		color: #434143;
	}

	.masterSignIn h4 {
		font-family: Lato;
		font-weight: bold;
		font-size: 13px;
		line-height: 18px;
		color: #434143;
	}

@media only screen and (max-width: 800px) {
	.masterSignIn h1 {
		font-size: 25px;
		line-height: 30px;
	}

	.masterSignIn h2 {
		line-height: 27px;
	}

	.masterSignIn h3 {
		font-size: 18px;
	}

	.masterSignIn h4 {
		font-size: 14px;
	}

	body {
		font-size: 14px;
	}
}

.MasterSignInContainerOuter
/*containing div primarily used to allow the page to be centered vertically*/ {
	position: absolute;
	top: 50%;
	height: 510px;
	margin-top: -300px;
	left: 0;
	width: 100%;
}

.MasterSignInContainerInner
/*containing div primarily used to allow the page to be centered horizontally*/ {
	width: 960px;
	height: 510px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.masterSignInTitle h1 {
	width: 352px;
	height: 65px;
	background-color: Transparent;
	background-image: url(SignIn/LmsProductTitle.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 520px;
	top: 50px;
}

	.masterSignInTitle h1 span {
		display: none;
	}

.masterSignInLogo {
	width: 500px;
	height: 500px;
	background-color: Transparent;
	background-image: url(SignIn/KallidusSplashImage.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: -85px;
}

	.masterSignInLogo span {
		display: none;
	}

.masterSignInTitle p.p1 {
	display: none;
}

.masterSignInTitle p.p2 {
	display: none;
}

.masterSignInTitle p.p3 {
	left: 15px;
	top: -90px;
	*top: -100px;
	width: 448px;
	position: relative;
}

#MasterSignInSpacerPre, #MasterSignInSpacerPost {
	display: none;
}

	#MasterSignInSpacerPre hr, #MasterSignInSpacerPost hr {
		display: none;
	}

.MasterSignInFormOuter {
	width: 420px;
	position: relative;
	top: -500px;
	left: 510px;
}

.MasterSignInFormInner {
	width: 420px;
	overflow: auto;
}

.masterSignIn a.formButton.red {
	color: white;
	background: transparent url(default/FormButtonRedRight.png) no-repeat scroll right top;
}

	.masterSignIn a.formButton.red span {
		background: transparent url(default/FormButtonRedLeft.png) no-repeat scroll left top;
	}

.masterSignIn a.formButton.blue {
	color: white;
	background: transparent url(default/FormButtonBlueRight.png) no-repeat scroll right top;
}

	.masterSignIn a.formButton.blue span {
		background: transparent url(default/FormButtonBlueLeft.png) no-repeat scroll left top;
	}


/* ------------------------ */


/* Page: Sign In (SignIn.aspx)*/

.signInMessage {
	display: block;
	margin-bottom: 20px;
	max-height: 120px;
	overflow: hidden;
}

.signInButton {
	cursor: pointer;
	float: right;
	color: white;
}

span.signInButton {
	border: none;
	padding-right: 5px;
	margin: 5px;
	height: 22px;
	background: transparent url(default/FormButtonRedRight.png) no-repeat scroll right center;
}

input.signInButton {
	border: none;
	margin: 0;
	text-align: center;
	height: 22px;
	background: transparent url(default/FormButtonRedLeft.png) no-repeat left center;
	text-indent: 5px;
}

#SignInSpacerPre, #SignInSpacerPost {
	display: none;
}

.signInAdditionalLinks {
	list-style-type: none;
	margin: 40px 0 0 0;
	padding: 0;
}

	.signInAdditionalLinks li {
		margin-bottom: 5px;
	}

		.signInAdditionalLinks li.cookiePolicy {
			padding-top: 30px;
		}

		.signInAdditionalLinks li a,
		.signInAdditionalLinks li a:visited {
			color: #fff;
		}

.formSignIn label, .formPasswordRecovery label, .formIdentityConfirmation label {
	line-height: 22px;
	vertical-align: middle;
	color: rgb(190, 30, 45);
}

table.formSignIn, table.formPasswordRecovery, table.formIdentityConfirmation {
	width: 420px;
}

table.formPasswordRecovery, table.formIdentityConfirmation {
	margin-bottom: 20px;
}

table.formPasswordRecovery, table.formPasswordResetUserPassword {
	margin-top: 20px;
}

	table.formSignIn tr, table.formPasswordRecovery tr, table.formIdentityConfirmation tr {
		height: 17px;
	}

		table.formSignIn tr th, table.formPasswordRecovery tr th, table.formIdentityConfirmation tr th {
			vertical-align: top;
		}

		table.formSignIn tr td, table.formPasswordRecovery tr td, table.formIdentityConfirmation tr td {
			padding-right: 4px;
			width: auto;
			vertical-align: text-bottom;
		}

table td.expand {
	width: 99%
}

table td.shrink {
	padding-right: 10px;
	white-space: nowrap
}

.formPasswordResetUserPasswordLabelFontSize {
	font-size: 17px !important;
}

.formSignIn input, .formSignIn input, .formPasswordRecovery input, .formPasswordRecovery input, .formIdentityConfirmation input, .formIdentityConfirmation input {
	width: 99% !important;
	height: 17px;
	/*IE6 & IE7 Hacks*/
	*margin: 0;
	*padding: 0;
	*vertical-align: top;
	*float: right;
	*width: 280px !important;
	*height: 17px;
}


/* ------------------------ */

.signInLearnBody {
	background: rgb(67, 65, 67);
	color: #fff;
	font-family: "Lato";
}

	.signInLearnBody table {
		border-collapse: collapse;
		border-spacing: 0;
		border: none;
	}

		.signInLearnBody table table {
			width: 100%;
		}

		.signInLearnBody table input {
			padding: 0;
			padding-bottom: 5px;
		}

			.signInLearnBody table input[type="text"]::-webkit-input-placeholder,
			.signInLearnBody table input[type="password"]::-webkit-input-placeholder {
				color: #fff;
			}

			.signInLearnBody table input[type="text"]::-moz-placeholder,
			.signInLearnBody table input[type="password"]::-moz-placeholder {
				color: #fff;
			}

			.signInLearnBody table input[type="text"]:-ms-input-placeholder,
			.signInLearnBody table input[type="password"]:-ms-input-placeholder {
				color: #fff;
			}

			.signInLearnBody table input[type="submit"] {
				/*width: 180px;*/
				padding: 15px;
			}

	.signInLearnBody input[type="submit"],
	.signInLearnBody input[type="button"] {
		-webkit-appearance: none !important;
	}

.signInMessageLearn {
	display: block;
	font-size: 32px;
	font-weight: 800;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	color: #ffffff;
	position: relative;
	height: 100px;
	line-height: 100px;
	border-bottom-color: #239c8b;
	text-align: center;
	text-transform: none;
	box-sizing: border-box;
	font-family: "Lato";
	margin-bottom: 50px;
}

#ctl00_BodyContentLearnUI_uxLogOnLearn_uxSignInPanelLearn {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.signInButtonLearn {
	min-width: 175px;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	background-color: #FFE21F;
	border-radius: 2px;
	transition: all .2s;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-align-self: flex-end;
	align-self: flex-end;
}

.signInTextLearn {
	box-shadow: none;
	background: none;
	border: none;
	border-bottom: 2px solid #777;
	padding: 14px 2px;
	border-radius: 0;
	color: #fff;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	width: 100%;
	margin-top: 40px;
	font-size: 17px;
}

.signInTextLearnBorderless {
	border-bottom: 0px solid #777;
}

.signInPasswordWithShowPasswordBlock {
	width: 100%;
	display: block;
	border-bottom: 2px solid #777;
	padding-bottom: 6px;
}

.signInTextPasssordLeft {
	float: left;
	width: 58%;
}

.signinTextShowPasswordRight {
	float: right;
	padding-top: 40px;
}

.signInTextLearn:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #434143 inset;
	-webkit-text-fill-color: white !important;
}

.signInVerticalSpacer {
	height: 20px;
}

a.signInButtonLearn {
	display: block;
	position: relative;
	left: 485px;
	width: 175px;
	background-color: #FFE21F;
	padding: 14px 2px;
	margin: 6px 0;
	color: #403700;
	border-radius: 2px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#ctl00_BodyContentLearnUI_uxReturnLearn {
	background-color: #606060 !important;
	color: #fff !important;
}

.signInTextLearn:focus {
	outline: none;
}

.signInCookiePolicyBanner {
	background-color: #eee;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	font-family: "Lato";
	padding: 20px;
}

.status-icon {
	height: 12px;
	vertical-align: text-top;
}

.signInWelcomeBanner {
	display: flex;
	justify-content: center;
	background-color: #fff;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	font-family: "Lato";
	border-bottom: 8px solid #239c8b;
	flex-direction: column;
	align-items: center;
}

.signInWelcomeMessage {
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

.signInWelcomeBannerSystemName {
	font-size: 35px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 19px;
	text-indent: 19px;
	display: block;
	text-align: center;
	box-sizing: border-box;
	font-family: "Lato";
}

.login-page {
	margin: auto;
	max-width: 660px;
	position: relative;
	padding: 10px;
	color: #fff;
	margin: 30px auto;
}

	.login-page table,
	.login-page table input[type="text"],
	.login-page table input[type="password"] {
		width: 100% !important;
	}

.signInWelcomeBannerLogo {
	min-width: 250px;
	max-width: 250px;
	min-height: 80px;
	max-height: 80px;
	margin: 0px auto;
	background-color: Transparent;
	background-image: url(SignIn/KallidusLogo65px.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.input-inline-error {
	position: relative;
	top: 10px;
	padding: 5px;
	color: #fff !important;
	background-color: #db0000 !important;
	font-size: 13px;
}



/* Message Summary Styles. nb. used by the Page message Summary and any other validation controls*/

.validationSummaryGeneral {
	width: 100%;
	display: block;
}

	.validationSummaryGeneral ul {
		list-style-type: none;
		margin-left: 15px !important;
	}

@font-face {
	font-family: Lato;
	src: url('Fonts/Lato-Regular.eot');
	/* this will be applied from IE 9 compatibility mode*/
	src: url('styles/Fonts/Lato-Regular.eot?') format('embedded-opentype'), /* IE prior versions */
	url('Fonts/Lato-Regular.woff') format('woff'), /* modern browser that support web open font */
	url('Fonts/Lato-Regular.ttf') format('truetype');
	/* browsers that support true type */
}

@media only screen and (max-width: 880px) {
	.signInWelcomeBannerLogo {
		min-width: 250px;
		max-width: 250px;
		min-height: 80px;
		max-height: 80px;
	}
}

@media only screen and (max-width: 700px) {
	a.signInButtonLearn {
		position: inherit;
		width: 100% !important;
	}
}

@media only screen and (max-width: 590px) {
	span.signInButtonLearn:last-of-type {
		-webkit-align-self: stretch;
		-moz-align-self: stretch;
		-ms-align-self: stretch;
		align-self: stretch;
		align-self: stretch;
		text-align: center;
	}

	input[type="submit"].signInButtonLearn {
		width: 100% !important;
	}

	.signInMessageLearn {
		font-size: 24px;
	}
}

.fail,
.success,
.info {
	display: flex;
	justify-content: center;
	border: 1pt solid #db0000 !important;
	background-image: none !important;
	background-color: #db0000 !important;
	color: #fff !important;
	text-align: center;
	min-height: 50px;
}

	.fail ul,
	.info ul,
	.success ul,
	.warning ul {
		width: 550px;
		text-align: left;
		background-image: url(default/icon-alert-white-on-red.png);
		background-repeat: no-repeat;
		background-position-y: 10px;
		padding-top: 10px;
		padding-bottom: 5px;
	}

		.fail ul p {
			margin-top: 0px;
			margin-bottom: 5px;
		}

.success {
	display: flex;
	justify-content: center;
	border: 1pt solid #289B0E !important;
	background-color: #289B0E !important;
	background-image: none !important;
	color: #fff !important;
}

.warning {
	display: flex;
	justify-content: center;
	border: 1pt solid #db6e00 !important;
	background-color: #db6e00 !important;
	background-image: none !important;
	color: #fff !important;
}

	.warning ul {
		background-image: none;
	}

.success ul {
	background-image: url(default/icon-tick-green-on-white.png);
}

/* Safari 10.1+*/
@media not all and (min-resolution:.001dpcm) {
	@media {
		.signInCookiePolicyBanner > * {
			vertical-align: middle !important;
		}
	}
}