body {
	font-family: 'Open Sans', sans-serif;
	color: white;
	background-color: black;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.form-control {
	background: rgba(0, 0, 0, 0.15);
	color: white;
	font-size: 14px;
	width: 330px;
	height: 55px;
	border: 1px solid rgb(172, 144, 128);
	padding-left: 15px;
}

.form-group {
	position: relative;
}

.text-danger.validation-summary-errors {
	color: white;
}

.field-validation-error {
	font-size: 14px;
}

.validation-summary-errors {
	clear: both;
	padding-top: 20px;
	text-align: center;
	max-width: 330px;
}

	.validation-summary-errors ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

.toggle-password-btn {
	position: absolute;
	right: 15px;
	top: 17px;
	bottom: 15px;
}

.password-group input[type='checkbox'] + label:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 469.333 469.333'%3E%3Cpath fill='%23c8b7ad' d='M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z'/%3E%3Cpath fill='%23c8b7ad' d='M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z'/%3E%3C/svg%3E%0A");
	cursor: pointer;
}

.password-group input[type='checkbox']:checked + label:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 469.44 469.44'%3E%3Cpath fill='%23c8b7ad' d='M231.147,160.373l67.2,67.2l0.32-3.52c0-35.307-28.693-64-64-64L231.147,160.373z'/%3E%3Cpath fill='%23c8b7ad' d='M234.667,117.387c58.88,0,106.667,47.787,106.667,106.667c0,13.76-2.773,26.88-7.573,38.933l62.4,62.4 c32.213-26.88,57.6-61.653,73.28-101.333c-37.013-93.653-128-160-234.773-160c-29.867,0-58.453,5.333-85.013,14.933l46.08,45.973 C207.787,120.267,220.907,117.387,234.667,117.387z'/%3E%3Cpath fill='%23c8b7ad' d='M21.333,59.253l48.64,48.64l9.707,9.707C44.48,145.12,16.64,181.707,0,224.053c36.907,93.653,128,160,234.667,160 c33.067,0,64.64-6.4,93.547-18.027l9.067,9.067l62.187,62.293l27.2-27.093L48.533,32.053L21.333,59.253z M139.307,177.12 l32.96,32.96c-0.96,4.587-1.6,9.173-1.6,13.973c0,35.307,28.693,64,64,64c4.8,0,9.387-0.64,13.867-1.6l32.96,32.96 c-14.187,7.04-29.973,11.307-46.827,11.307C175.787,330.72,128,282.933,128,224.053C128,207.2,132.267,191.413,139.307,177.12z' /%3E%3C/svg%3E%0A");
	cursor: pointer;
}

.password-group input[type='checkbox'] {
	display: none;
}

@media only screen and (max-width: 400px) {
	.form-control {
		width: 300px;
	}
}

.form-control::-webkit-input-placeholder {
	color: #c8b7ad;
}

.form-control::-moz-placeholder {
	color: #c8b7ad;
}

.form-control:-ms-input-placeholder {
	color: #c8b7ad;
}

.form-control::-ms-input-placeholder {
	color: #c8b7ad;
}

.form-control::placeholder {
	color: #c8b7ad;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition: background-color 50000000s;
	transition: background-color 50000000s;
	-webkit-text-fill-color: #fff;
}


.btn-primary {
	background-color: rgb(0, 0, 0);
	border: 0;
	border-radius: 0;
	padding: 10px 20px;
	letter-spacing: 3px;
	font-weight: bold;
	float: right;
}

	.btn-primary:hover {
		background-color: rgb(5, 5, 5);
	}

.secondary-navigation-link {
	float: left;
	color: #c8b7ad;
	font-size: 14px;
	line-height: 44px;
}

	.secondary-navigation-link:hover {
		color: white;
		text-decoration: none;
	}

	.secondary-navigation-link.block {
		clear: both;
		display: block;
		text-align: center;
		padding-top: 20px;
		width: 100%;
	}

.home-navigation a {
	color: white;
}

.form-control:focus {
	background: rgba(0, 0, 0, 0.2);
}

.centering-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.layer {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.brand-none .login-brand-logo {
	display: none;
}

.login-message {
	display: none;
}