:root {
    --textcolor:rgb(0,0,0,0.8);
	--primarycolor:rgb(2,136,209);
	--secondarycolor:#c9eac2;
	--bgcolor:#f3f3f3;
}

/***********/
html, body{ height:100%; color:var(--textcolor);}
body{background-color:var(--bgcolor); font-family: 'Roboto', sans-serif;}
.btn{font-weight:bold;}
.btn-default{background-color:lightgray;}
.btn, .form-control{font-size:14px;}
.btn:focus{box-shadow:0 0 0;}
/**Login***/
.login_wrap{position:relative; width:100%; min-height:100%; display: flex;
    justify-content: center;    align-items: center; overflow:hidden;}
.login_wrap:before{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%;    background:url(../images/login_bg.gif); background-repeat:no-repeat; background-size:cover;}
.login_form{margin:0 0 2rem 0;}
@media(min-width:767px){
.login_form{width:455px;}
}
.login_form .inner {
	background-color:rgb(231,239,255);
	border-radius:25px;
	box-shadow: 0px 0px 60px 0px rgba(35, 31, 32, 0.2);
	padding:2.5rem;
}
.login_logo{margin-bottom:3rem; text-align:center;}
.login_form h3{margin-bottom:2rem; font-size:18px;}
.login_form .form-group{position:relative; margin-bottom:1rem; overflow:hidden;}
.login_form .form-group i{position:absolute; width:33px; height:33px; background-color:#b6cfff; border-radius: 100%;color:#fff; display: inline-flex; align-items: center; justify-content: center;}
.login_form .form-group .form-control{background-color:transparent; padding:.7rem .75rem .7rem 1rem; border-radius:0; border-width: 0 0 1px 0;  box-shadow: none; margin-left: 40px;}
.login_form .form-group .btn-primary{background-color:var(--primarycolor); width:100%; border-radius:0;}
.login_form .form-group .btn{width:100%; border-radius:20px;}