@charset "UTF-8";
@import "/resources/pages/PageDefault.css";

:root {
	font-size: 10px;
	/* min-width: 260px; */
	min-width: 310px;

	--form-width: 30rem;
	--form-padding-right: 2.7rem;
	--form-padding-left: 2.5rem;

	--rememberMe-margin-left: 0.4rem;
	--rememberMe-margin-right: 0.5rem;
	--rememberMe-width: 1.8rem;
}



* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	color: var(--color-brown-4);
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	letter-spacing: 0px;
}

body {
	background: var(--bg-gradient);
	background-repeat: repeat;
	background-color: var(--color-brown-3-bg);
}

#wrapper {
	width: 100%;
	height: 100dvh;
	min-height: 90rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4.5rem;
	padding-bottom: 25rem;
}

#loginLogo {
	display: block;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

#loginLogo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 29rem;
	filter: drop-shadow(0px 0px 15px var(--color-white-1));
}

form {
	margin-top: 7.5rem;
	margin-left: auto;
	margin-right: auto;
	/* padding: 2rem var(--form-padding-right) 1.5rem var(--form-padding-left);
	width: var(--form-width); */
	width: 30rem;
	min-width: 290px;
	padding: 2rem 2.3rem 1.5rem;
	background-color: var(--color-brown-0);
	border-radius: var(--border-radius-large-relative);
	box-shadow: var(--shadow-default);
}

form #unameLabel, #passLabel {
	font-size: 1.9rem;
	display: block;
}

form .textInput {
	display: block;
	margin-bottom: 1.5rem;
	width: 99%;
	min-width: 99%;
}

.nalanta-checkBox {
	max-width: none;
}

/* form #rememberMe {
	display: block;
	position: relative;
	margin-top: 0.5rem;
	height: 1.8rem;
}
	

form #rememberMeInput {
	display: inline-block;
	position: absolute;
	margin-right: var(--rememberMe-margin-right);
	margin-left: var(--rememberMe-margin-left);
	width: var(--rememberMe-width);
	height: 1.8rem;
}

form #rememberMe label {
	display: inline-block;
	position: absolute;
	left: calc(var(--rememberMe-margin-left) + var(--rememberMe-margin-right) + var(--rememberMe-width));
	font-size: 1.7rem;
	height: 1.8rem;
	line-height: 1.7rem;
} */

form #loginButton {
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width: 1024px) {
	.errMessage {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 520px) {
	form {
		width: calc(35% + 180px);
	}
}

@media screen and (min-width: 2300px) {
	:root {
		font-size: 18px;
	}
}