#bg 
{ 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bgwidth { 
	width: 100%; 
}
.bgheight { 
	height: 100%; 
}
img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}    
@media screen and (max-width: 1024px){
    img.bg {
		left: 50%;
		margin-left: -512px; 
    }
}
.auth {
	position: fixed;
	width: 340px;
	height: 335px;
	left: 43.5%;
	top: 30%;
	background: white;
	visibility: visible;
	transition: all 250ms ease-out;
	z-index: 100;
	margin: auto 0;
	box-shadow: 0px 0px 10px #0009;
	border-top: solid 10px #509e33;
}
.auth.close {
	visibility: hidden;
	transition: all 250ms ease-out;
}
.login-title {
	width: 100%;
	color: #EBFAFC;
	margin-left: .5px;
	visibility: visible;
	width: 78.5%;
	margin-left: 40px;
}
.login-title h3{
	text-align: center;
	color: #474747;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 22px;
	padding-right: 10px;
}
.auth.close .login-title {
	visibility: hidden !important;
	transition: all 250ms ease-in;
}
.image-size {
	position: fixed;
	width: 225px;
	margin-top: 20px;
	margin-left: 75px;
	opacity: 1;
	visibility: visible;
	text-align: center;
}
.auth.close .image-size {
	visibility: hidden;
	transition: all 250ms ease-in;
}
input {
	margin-top: 5%;
	border: none;
	border: 1px solid rgb(212, 210, 210);
	font-size: 17px;
}
.inputWrapper {
	position: relative;
	width: 100%;
	margin-top: -19px;
}
.user-icon {
	position: absolute;
	color: #02427F;
	opacity: 0.9;
	margin-top: 20px;
	margin-left: 40.5px;
	font-size: 1.5em;
}
.username,
.password {
	width: 65%;
	height: 42px;
	padding: 10px 10px 13px 10px;
	margin-left: 57px;
	background: rgba(0, 0, 0, 0.02);
}
input[placeholder] {
	cursor: arrow;
	color: rgb(0,0,0);
}
.btn {
	cursor: pointer;
	line-height: 25px;
	font-size: 20px;
	color: white;
	background-color: #509e33;
	border: none;
	margin-top: 17px;
	margin-left: 100px;
	margin-bottom: 5px;
	opacity: 1;
	transition: opacity 250ms;
	width: 40%;
	padding: 10px;
}
.btn:hover{
	color: white;
	background-color: #4CAF50;
}
.btn.loading {
	width: 40px;
	height: 40px;
	font-size: 0;
	border-radius: 50px;
	margin-left: 167.5px;
	margin-top: 35px;
	border: 4.5px solid #efefef;
	padding: 1.5em;
	background-color: transparent;
	border-color:  #e8a7bb #ea8fac   #e89ab2 #e588a4;
	animation: spin 0.5s linear infinite;
	transition: opacity 550ms ease-out;
}
@keyframes spin{
	0%{ opacity: 1; transform: rotate(30deg);}
	50%{opacity: 0.8;}
	100%{opacity: 1; transform: rotate(360deg);}
}