body {
	overflow: hidden;	
}

header {
	z-index: 5;
	position: fixed;
	width: 100vw;
}

#loginBackgroundBox {
	position: absolute;
	left:0px;
	top:0px;
	width: 100vw;
	height: 100vh;
	background-color:rgba(255, 255, 255, 0.25);
	transition: opacity 1s;
	opacity: 0;
}

#backgroundImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 102.5vw;
	height: 102.5vh;
	z-index: -9999;
}

#loginBox {
	position: fixed;
	top:39vh;
	left:30vw;
	width:40vw;
	height:10rem;
	background-color: white;
	padding: 1rem;
	border-radius: 1rem;
	border: solid #339 0.1rem;
	border: solid var(--color2) 0.1rem;
}
#loginBox .form-group {
	padding-left:5rem;
}
.SMtree {
	margin-top:0px;
	margin-bottom:0px;
}
.SMtreeTop {
	font-weight: bold;
	margin-left:50px;
}
.SMtreeSecond {
	margin-left:100px;
}
.dropbtn {
	background-color: rgba(255, 255, 255, 0.2);
	color: white;
	padding: 16px;
	height:2.5rem;
	font-size: 16px;
	border: none;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	border-radius: 0.5rem;
	width: 5rem;
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	z-index: 1;
	margin-left:-4.1rem;
}
.dropdown-content p, .dropdown-content a {
	margin:0px;
	border-radius: 0.5rem;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	color:black;
}
.dropdown-content p:hover, .dropdown-content a:hover { background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: rgba(255, 255, 255, 0.1);} 

#loadingLogo {
	transition: opacity 1s;
	position:fixed;
	margin-top:33vh;
	margin-left:33vw;
	animation: mymove 1s linear infinite;
    transform-origin: 50% 50%;
	opacity:1;
}

#resetPasswordBackgroundBox {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100vw;
	height: 100vw;
	top: 0px;
	left: 0px;
}

#resetPasswordBox {
	position: fixed;
	top: 39vh;
	left: 30vw;
	width: 40vw;
	height: 7rem;
	background-color: white;
	padding: 1rem;
	border-radius: 1rem;
	border: solid #339 0.1rem;
	border: solid var(--color2) 0.1rem;
}

@keyframes mymove {
    from {
    	transform: rotate(0deg);
    }
    to {
    	transform: rotate(360deg);
    }
}