@font-face {
  font-family: 'Noor_Bold';
  src: url('../fonts/AGCBold.eot');
  src: url('../fonts/AGCBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AGCBold.woff2') format('woff2'),
       url('../fonts/Noor-Bold.woff') format('woff'),
       url('../fonts/Noor-Bold.ttf') format('truetype'),
       url('../fonts/Noor-Bold.svg#Noor-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noor_Regular';
  src: url('../fonts/AGCRegular.eot');
  src: url('../fonts/AGCRegular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AGCRegular.woff2') format('woff2'),
       url('../fonts/Noor-Regular.woff') format('woff'),
       url('../fonts/Noor-Regular.ttf') format('truetype'),
       url('../fonts/Noor-Regular.svg#Noor-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#login_page{
	background-image: url('../img/bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;

}
#login_page .login_content{
	width: 335px;
	margin: 0 auto;
	background-color: rgba(255,255,255,.2);
	box-sizing: border-box;
	/*padding-top: 30px;
	padding-bottom: 30px;*/
	height: 80vh;

}
#login_page .login_content .logo img{
	display: block;
	margin: 0 auto;
	/*padding-top:20px;*/

}
#login_page .login_content .login_form{
	position: relative;
	top: 30%;
}
#login_page .login_content .login_form .form_title{
	background-color: #fff;
	/*border:1px solid #c6c6c6;*/
}
#login_page .login_content .login_form .form_title h3{
	font-family: 'Noor_bold';
	color: #63b601;
    font-size: 18px;
	text-align: center;
	line-height: 50px;
	margin: 0;
}
#login_page .login_content .login_form .form_fields{
	background-color: rgba(255,255,255,.7);
	padding: 6px 0;
}
#login_page .login_content .login_form .uk-form-icon{
	padding:6px 12px;
	display: block;
	
}
#login_page .login_content .login_form .uk-form-icon > [class*='uk-icon-']{
	color:#6a6a6a;
}
#login_page .login_content .login_form .uk-form-icon input[type="text"] , #login_page .login_content .login_form .uk-form-icon input[type="password"]{
	    background-color: transparent;
    outline: none;
    border: 1px solid #6a6a6a;
    width: 90%;
    border-radius: 5px;
    line-height: 50px;
    color: #6a6a6a;
    font-family: 'Noor_Regular';
}
#login_page .login_content .login_form  ::-webkit-input-placeholder {
 	color:#6a6a6a;      
  	/*font-family: 'beIN_ArabicThin';*/
    font-size: 14px;
    line-height: 50px;
    font-family: 'Noor_Regular';
}

#login_page .login_content .login_form  :-moz-placeholder { /* Firefox 18- */
    color:#6a6a6a;      
   	/*font-family: 'beIN_ArabicThin';*/
    font-size: 14px;
  	line-height: 50px;
  	font-family: 'Noor_Regular';
}

#login_page .login_content .login_form  ::-moz-placeholder {  /* Firefox 19+ */
 	color:#6a6a6a;      
   	/*font-family: 'beIN_ArabicThin';*/
    font-size: 14px;
   line-height: 50px;
   font-family: 'Noor_Regular';
}

#login_page .login_content .login_form  :-ms-input-placeholder {  
   	color:#6a6a6a;      
   	/*font-family: 'beIN_ArabicThin';*/
    font-size: 14px;
   line-height: 50px;
   font-family: 'Noor_Regular';
}
#login_page .login_content .login_form .submit_content{
	background-color: #fff;
	/*border:1px solid #c6c6c6;*/
	padding: 9px 20px;
	    line-height: 40px;
} 
#login_page .login_content .login_form .submit_content button{
	background-color: #6cbf0a;
	padding: 5px;
	border-radius: 5px;
	float: left;
	height: 40px;
	line-height: 32px;
	color: #fff;
	width: 130px;
	text-align: center;
	font-family: 'Noor_Regular';
	font-size: 16px;

}
#login_page .login_content .login_form .submit_content button i{
	display: inline-block;
	margin: 0 5px;
	font-size: 16px;
}
#login_page .login_content .login_form .pass_user{
	padding: 5px 10px;
}
#login_page .login_content .login_form .pass_user a{
	color: #393939;
	font-size: 12px;
	/*line-height: 18px;*/
	font-family: 'Noor_Regular';
}
#login_page .login_content .login_form .pass_user a:hover{
	text-decoration: none;
}
#login_page .login_content .login_form .pass_user a.newUser{
	float: right;
}
#login_page .login_content .login_form .pass_user a.forgetPass{
	float: left;
}