/*#root {
	text-align: center;
	padding-top: 80px;
}*/
.authbtn img {
	width: 75px;
}
.loginform .indent {
	margin-left: 30px;
}
.loginform .authbtn {
	margin-top: 0px;
	padding: 0px;
	display: inline-block;
}
.authbtn:hover {
	cursor: pointer;
	opacity: 0.7;
}
.authbtn.disable:hover {
	cursor: default;
	opacity: 1.0;
}
.loginform {
	box-shadow: 0px 0px 10px rgba(200, 200, 200, 0.75);
	display: inline-block;
	margin: auto;
	max-width: 727px;
	padding: 40px 50px 40px 40px;
	text-align: left;
}
.loginform input[type="checkbox"] {
	width: 1.3em;
	height: 1.3em;
	margin-right: 0.5em;
	position: relative;
	top: 0.3em;
}
.loginform .error, .loginform p, .loginform h3 {
	margin-left: 30px;
	padding-left: 0px;
	font-size: 1.2em;
	width: 80%;
}
.loginform .error {
	margin-top: 1.5em;
}
.loginform.form h3 {
	margin-top: 2em;
}
.loginform .disclaimer {
	font-style: italic;
}
.loginform .logo {
}
.loginform > div:first-child {
	/*background-color: beige;*/
	/*width: 80px;*/
	height: 200px;
	flex: 0 0 80px;
	vertical-align: top;
}
.loginform > div:nth-child(2) {
	flex: 1 1 auto;
}
.loginform h1 {
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 32px;
	margin-left: 30px;
}
.loginform h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 30px;
}
.loginform > div {
	display: inline-block;
	padding: 10px;
}
.loginform button {
	margin-top: 20px;
	margin-left: 30px;
}

.loginform .reset-password {
	background-color: #17a2b8;
}

.loginform .reset-password:disabled {
	background-color: #ACB7AC;
}

.loginform > div::after {
	display: none;
}
.loginform .error {
	color: red;
	font-weight: bold;
}
@media (min-width: 1049px) {
	.loginform {
		display: flex;
		flex-direction: row;
	}
}
@media (max-width: 1048px) {
	body {
		font-size: 1.4em;
	}
	.loginform {
		display: flex;
		flex-direction: row;
	}
	.loginform > div {
		flex: 1 1 auto;
	}
	.loginform input {
		font-size: 1.2em;
		width: 90%;
	}
	.loginform button {
		font-size: 1.3em;
	}
}


@media (max-width: 768px) {
	#root {
		 padding-top: 0;
	    }
	body {
		font-size: 2em;
	}
	div.loginform.form {
		display: block;
		padding: 0;
	}
	.loginform > div:first-child {
		height: 100%;
	}
	.form > div:last-child {
		padding: 1em;
	}
	.loginform h1 {
		margin-left: 0;
		font-size: 1.2em;
	}
	.loginform h2 {
		margin-left: 0;
	}
	.loginform button {
		margin-left: 0;
		width: 100%;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.349019607843137);
	}
}
@media (max-width: 400px){
	.form > div:last-child {
		padding: 0;
	}
}
/*@media (min-width: 769px) {
	body {
		background-color: orange;
	}
}*/