/**********************************************************

 * MAIN LOGIN

 **********************************************************/

.main-login-form,

.edutheek-login-form {

	background: var(--mot-lgray);

	padding: 12px;

	overflow: hidden;

}

.main-login-form a,

.edutheek-login-form a {

	color: var(--mot-black);

}

.main-login-area,

.edutheek-login-area {

	display: flex;

	flex-direction: row;

	gap: 3px;

	align-items: flex-end;

}

.main-login-inputs,

.edutheek-login-inputs {

	display: flex;

	flex-direction: column;

	gap: 3px;

	flex-grow: 1;

}

.main-login-email,

.main-login-password,

.edutheek-login-username,

.edutheek-login-password {

	display: flex;

	align-items: center;

	flex-grow: 1;

}

.main-login-inputs input,

.edutheek-login-inputs input {

	flex-grow: 1;

}

.main-login-remember {

	display: flex;

	gap: 0.2em;

	align-items: center;

}

.main-login-email label,

.main-login-password label,

.edutheek-login-username label,

.edutheek-login-password label {

	font-weight: bold;

	width: 165px;

	text-align: right;

	padding: 0 12px;

	white-space: nowrap;

}

.main-login-form input,

.edutheek-login-form input {

	box-sizing: border-box;

	background-color: var(--mot-white);

	padding: 8px;

	border: 1px solid var(--mot-dgray);

	margin: 0;

}

.main-login-more,

.edutheek-login-more {

	display: flex;

	flex-direction: column;

	gap: 0.8em;

	margin-left: 155px;

	margin-top: 0.8em;

}

.main-login-form input[type="submit"],

.edutheek-login-form input[type="submit"] {

	color: var(--mot-black);

	background-color: var(--mot-color);

	font-size: 18px;

	height: 34px;

	min-width: 100px;

	padding: 0;

	border: none;

	order: 99;

}

.main-login-form input[type="submit"]:hover,

.edutheek-login-form input[type="submit"]:hover {

	background-color: var(--mot-hover);

}

.edutheek-login-form input[type="submit"] {

	background-color: var(--edu-color);

	opacity: 50%;

}

.edutheek-login-form input[type="submit"]:hover {

	opacity: 100%;

}

.main-login-remember {

	clear: left;

	font-weight: normal;

}

.main-login-remember input {

	height: 18px;

	width: 18px;

}

.main-login-forgot:hover {

	text-decoration: underline;

}

.main-login-title,

.edutheek-login-title,

.main-login-form,

.edutheek-login-form {

	max-width: 648px;

	margin: 0.4em auto;

}



.main-login-title,

.edutheek-login-title {

	margin-top: 30px;

}