@charset "utf-8";
/* CSS Document */


a {text-decoration:none;

}

body {margin:0px; padding:0px; background:url(Images/login_background.jpg);


}

@keyframes animate {
	0% {
		transform: scale(0);
	   }
	100% {
		transform: scale(1);
	   }
}

.login_wrapper {float:left; position:relative; width:30%; height:auto; margin-left:35%; padding:0px; border-radius:50px; background:url(Images/login_wrap_BG.png); margin-top:2%;
        transition:0.6s ease;
animation: animate 0.4s 1;
}


.logo {float:left; position:relative; width:100%; height:auto; margin-left:0%;
}

.logo img {width:90%; margin:30px 5% 0px 5%;
}

.login_rows {float:left; position:relative; width:100%; height:auto; margin:0px;
}

#User_title_row {color:White; font-size:2vw; text-align:center; font-family: 'Roboto', sans-serif; margin-top:30px;
}

.login_left {float:left; position:relative; width:30%; height:auto; margin:0px; padding:0px;
             color:White; font-size:1.3vw; text-align:right; font-family: 'Roboto', sans-serif;
             
}

.login_right {float:left; position:relative; width:70%; height:auto; margin:0px; padding:0px;
             
             
}

.login_textbox {float:left; position:relative; width:80%; height:auto; padding:5px;
}

#margin_login {margin-top:15px;
}

.login_btn {background:#545454; border:solid #d9d9d9 2px; color:White; font-family: 'Roboto', sans-serif; font-size:1.4vw; padding:4px 30px; border-radius:80px; 
}

.login_Reset_btn {background:#828282; border:solid #d9d9d9 2px; color:White; font-family: 'Roboto', sans-serif; font-size:1.4vw; padding:4px 30px; border-radius:80px;
}

#login_bottom {color:White; font-size:0.8vw; text-align:center; font-family: 'Roboto', sans-serif;
}

#lbl_login_error {text-align:center; color:#FFFFFF; float:left; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin-top:20px; background:red; padding:0px 0px 0px 0px;
}

#login_text_align span {text-align:center; width:100%; float:left; position:relative;

}



@media screen and (max-width: 768px) {
a {text-decoration:none;

}

body {margin:0px; padding:0px; background:url(Images/background_mobile.jpg) 50% 70% no-repeat;


}

@keyframes animate {
	0% {
		transform: scale(0);
	   }
	100% {
		transform: scale(1);
	   }
}

.login_wrapper {float:left; position:relative; width:98%; height:auto; margin-left:1%; padding:0px; border-radius:50px; background:none; margin-top:2%;
        transition:0.6s ease;
animation: animate 0.4s 1;
margin-top:50px;
}


.logo {float:left; position:relative; width:100%; height:auto; margin-left:0%;
}

.logo img {width:90%; margin:30px 5% 0px 5%;
}

.login_rows {float:left; position:relative; width:100%; height:auto; margin:0px;
}

#User_title_row {color:White; font-size:5vw; text-align:center; font-family: 'Roboto', sans-serif; margin-top:00px;
}

.login_left {float:left; position:relative; width:90%; height:auto; margin:0px; padding:0px;
             color:White; font-size:4vw; text-align:left; font-family: 'Roboto', sans-serif; padding-left:20px;
             
}

.login_right {float:left; position:relative; width:98%; height:auto; margin:0px; padding:0px; margin-left:%;
             
             
}

.login_textbox {float:left; position:relative; width:90%; height:auto; padding:5px; border-radius:10px; border:solid 1px #dbdbdb; margin-left:4%;
}

#margin_login {margin-top:15px;
}

.login_btn {background:#0a7dc0; border:solid #6fb5de 2px; color:White; font-family: 'Roboto', sans-serif; font-size:5vw; padding:4px 30px; border-radius:80px; margin-left:80px;
}

.login_Reset_btn {background:#f8d480; border:solid #f8e6bc 2px; color:White; font-family: 'Roboto', sans-serif; font-size:5vw; padding:4px 30px; border-radius:80px;
}

#login_bottom {color:White; font-size:4vw; text-align:center; font-family: 'Roboto', sans-serif;
}






}