﻿.Login {
}

	.Login .Narrow .LoginHeader {
		border-radius: 15px;
		color: #ffffff;
		margin: 1px;
		padding-bottom: 25px;
		padding-top: 25px;
		text-align: center;
	}
		.Login .Narrow .LoginHeader .LogoContainer {
		}
			.Login .Narrow .LoginHeader .LogoContainer img {
				width: 70px;
			}
		.Login .Narrow .LoginHeader .PrimaryHeader {
			font-size: 18px;
			font-weight: 500;
		}
		.Login .Narrow .LoginHeader .SecondaryHeader {
			font-size: 13px;
		}
	.Login .Narrow .Welcome {
		font-size: 16px;
		font-weight: 500;
		margin-top: 30px;
		text-align: center;
	}
	.Login .Narrow .Form {
		padding-top: 30px;
		text-align: center;
	}
		.Login .Narrow .Form input {
			margin-left: auto;
			margin-right: auto;
			width: 200px;
		}
		.Login .Narrow .Form .Button {
			margin-top: 30px;
		}
		.Login .Form .Button button {
			width: 120px;
		}

	.Login .Narrow .LoginFooter {
		color: #ffffff;
		margin-top: 150px;
		padding-right: 55px;
	}

		.Login .Narrow .LoginFooter .Line1 {
			display: flex;
		}

			.Login .Narrow .LoginFooter .Line1 img {
				height: 66px;
				margin-top: 5px;
			}

			.Login .Narrow .LoginFooter .Line1 .Headers {
				margin-right: 20px;
				margin-top: 20px;
			}

			.Login .Narrow .LoginFooter .Line1 .PrimaryHeader {
			}

			.Login .Narrow .LoginFooter .Line1 .SecondaryHeader {
				font-size: 14px;
			}

		.Login .Narrow .LoginFooter .Line2 {
			border-top: solid 1px rgba(54,97,135,1);
			margin-top: 20px;
			padding-bottom: 20px;
			padding-right: 12px;
			padding-top: 20px;
		}

			.Login .Narrow .LoginFooter .Line2 div {
				display: flex;
				margin-top: 10px;
			}

			.Login .Narrow .LoginFooter .Line2 img {
				height: 20px;
				width: 20px;
			}

			.Login .Narrow .LoginFooter .Line2 span,
			.Login .Narrow .LoginFooter .Line2 a {
				color: #ffffff;
				font-weight: 300;
				margin-right: 20px;
			}

	.Login .Narrow .LoginCredits {
		font-size: 11px;
		padding: 10px;
	}

	/* Wide */
	.Login .Wide {
	}

		.Login .Wide .Frame1 {
			text-align: center;
		}
			.Login .Wide .Frame1 .LogoContainer {
				border-radius: 50px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 50px;
				padding: 10px;
				width: 100px;
			}
				.Login .Wide .Frame1 .LogoContainer img {
					width: 100%;
				}
			.Login .Wide .Frame1 .PrimaryHeader {
				font-size: 24px;
				font-weight: 500;
				margin-top: 20px;
			}
			.Login .Wide .Frame1 .SecondaryHeader {
				font-size: 13px;
				margin-top: 0px;
			}

		.Login .Wide .Frame2 {
			border-radius: 20px;
			border-style: solid;
			border-width: 1px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			padding: 20px;
			width: 400px;
		}
			.Login .Wide .Frame2 .Welcome {
				font-size: 22px;
				margin-top: 10px;
				text-align: center;
			}
			.Login .Wide .Frame2 .Form {
				margin-left: auto;
				margin-right: auto;
				margin-top: 20px;
				text-align: center;
				width: 230px;
			}
				.Login .Wide .Frame2 .Form .hc-row {
					margin-top: 10px;
				}
				.Login .Wide .Frame2 .Form .Button {
					margin-top: 20px;
				}

		.Login .Wide .Frame3 {
		}

	.Login .Wide .LoginFooter {
		color: #ffffff;
		margin-top: 150px;
		padding-right: 55px;
	}

		.Login .Wide .LoginFooter .Line1 {
			display: flex;
		}

			.Login .Wide .LoginFooter .Line1 img {
				height: 66px;
				margin-top: 5px;
			}

			.Login .Wide .LoginFooter .Line1 .Headers {
				margin-right: 20px;
				margin-top: 20px;
			}

			.Login .Wide .LoginFooter .Line1 .PrimaryHeader {
			}

			.Login .Wide .LoginFooter .Line1 .SecondaryHeader {
				font-size: 14px;
			}

		.Login .Wide .LoginFooter .Line2 {
			border-top-style: solid;
			border-top-width: 1px;
			margin-top: 20px;
			padding-bottom: 20px;
			padding-right: 12px;
			padding-top: 20px;
		}

			.Login .Wide .LoginFooter .Line2 div {
				display: flex;
				margin-top: 10px;
			}

			.Login .Wide .LoginFooter .Line2 img {
				height: 20px;
				width: 20px;
			}

			.Login .Wide .LoginFooter .Line2 span,
			.Login .Wide .LoginFooter .Line2 a {
				color: #ffffff;
				font-weight: 300;
				margin-right: 20px;
			}

	.Login .Wide .LoginCredits {
		font-size: 11px;
		padding: 10px;
	}

	.Login .LoginError {
		color: #000000;
		margin-top: 20px;
	}
