html, body {float:left; width:100%; height:100%!important; background:url(../img/main_bg.jpg) repeat; font:normal 12px Segoe UI, 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:1.5em; padding:0px; margin:0px;}

.wrapper{ width:990px; margin:0 auto;}
.error-message{color:#ff0000; margin:0px;}

/*----------Validation-Box----------*/
.validation_box_main{ width:75%; margin:0px auto; padding:0px;} 
span.validation_text{float:left; margin:0px 0 15px 0; width:94%; padding:2%; background:#e48f8f; color:#fff; font-size:13px; font-weight:bold; border-radius:5px; border:2px solid #a21616; text-align:center;}


/*--Header--*/
#header{
	float:left; width:100%; padding:0%; margin:0%; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#21415a), to(#29618c)); background:-webkit-linear-gradient(top, #21415a, #29618c); background: -moz-linear-gradient(top, #21415a, #29618c); background:-ms-linear-gradient(top, #21415a, #29618c); background: -o-linear-gradient(top, #21415a, #29618c); border-bottom:5px solid #21415a;
	}
	
.logo{
	float:left; width:auto; padding:7px; margin:0px; border-right:1px solid #46768d;
	}

span.project_name{
	float:left; width:auto; padding:0px; margin:23px 0 0 10px; color:#a9cb1e; font-size:26px; font-weight:normal;
	}


/*--Login-Form--*/
#login_forgot_main{
	float:left; width:32%; padding:4px 5px; /*margin:3.5% 30%;*/ height:auto!important; /*min-height:97.98%;*/  border:5px solid #29618c; background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dadada)); background-image:-webkit-linear-gradient(top, #fff, #dadada); background-image:-moz-linear-gradient(top, #fff, #dadada); background-image:-ms-linear-gradient(top, #fff, #dadada); background-image:-o-linear-gradient(top, #fff, #dadada); background-image:linear-gradient(top, #fff, #dadada); box-shadow: 0 0 10px #6C6C6C; border-radius:8px;position: absolute; top:50%;left:50%;transform: translate(-50%,-50%);
	z-index: 99;}

#login_forgot_main h1{float:left; width:100%; padding:0px; margin:0px 0px 25px 0px; color:#334e6e; font-size:20px; font-weight:normal; text-align:center; text-decoration:underline;}
#login_forgot_main p{float:left; width:100%; padding:0px; margin:0px; color:#818181; font-size:15px; font-weight:normal; text-align:justify; line-height:22px;}

.user_logo{width:auto; margin:00px 0px 20px 0px; padding:0px; text-align:center;}

.login_page_field_main{float:left; width:80%; margin:0px 10% 15px 10%; padding:0px;}

span.input_user_company_icon{float:left; width:15%; height:24px; padding:10px 0 10px 0; margin:0px; background: url(../img/icon_input_company.png) no-repeat center #f7f7f7; border:1px solid #b6b6b6; border-right:none;border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}

span.input_user_filed_icon{float:left; width:15%; height:24px; padding:10px 0 10px 0; margin:0px; background: url(../img/icon_input_user_name.png) no-repeat center #f7f7f7; border:1px solid #b6b6b6; border-right:none;border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}

span.input_password_filed_icon{float:left; width:15%; height:24px; padding:10px 0 10px 0; margin:0px; background: url(../img/icon_input_password.png) no-repeat center #f7f7f7; border:1px solid #b6b6b6; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}

span.login_select_filed{float:left; width:84%; padding:0px; margin:0px;}
span.login_select_filed select{float:left; width:100%; height:46px; padding:10px; margin:0px; background:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #b6b6b6; outline:none; font-size:13px; color:#818181;}
span.login_select_filed select:focus{border-color:#2f5178;}

span.login_input_filed{float:left; width:84%; padding:0px; margin:0px;}
span.login_input_filed input{float:left; width:96%; height:34px; padding:5px; margin:0px; background:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #b6b6b6; outline:none; font-size:13px; color:#818181;}
span.login_input_filed input:focus{border-color:#2f5178;}

span.forget_password{float:left; width:80%; margin:0px 10% 15px 10%; padding:0px;}
span.forget_password a {color:#2f5178; font-size:13px; font-weight:normal; text-decoration:none; }
span.forget_password a:hover {color:#2f5178; text-decoration:underline;}

.submit_btn_remember_check_main{float:left; width:80%; margin:0px 10% 0px 10%; padding:0px;}
.remember_checkbox_main{float:left; width:40%; margin:4px 10% 10px 0%; padding:0px;}
span.remember_checkbox{float:left; width:auto; padding:0px; margin:0px 5px 0px 0px;}
span.remember_me_text{float:left; width:auto; margin:0px; padding:0px; font-size:13px; color:#2f5178;}

.submit_button{float:right; width:25%; padding:0px; margin:0%;}
.submit_button input{width:100%; margin:0px; padding:5px 0px 5px 0px; color:#fff; font-size:13px; font-weight:normal; text-align:center; border:1px solid #1e3b5c; cursor:pointer; outline:none; -webkit-appearance: none; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#1b2b40), to(#375576)); background:-moz-linear-gradient(top, #1b2b40, #375576);}
.submit_button input:hover{background: -webkit-gradient(linear, 0 0, 0 100%, from(#375576), to(#1b2b40)); background:-moz-linear-gradient(top, #375576, #1b2b40);}

.forgot_password_field_main{float:left; width:90%; margin:30px 5% 30px 5%; padding:0px;}
span.forgot_password_input_icon{float:left; width:15%; height:24px; padding:10px 0 10px 0; margin:0px; background: url(../img/icon_input_user_name.png) no-repeat center #f7f7f7; border:1px solid #b6b6b6; border-right:none;border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}

span.forgot_password_input_filed{float:left; width:84%; padding:0px; margin:0px;}
span.forgot_password_input_filed input{float:left; width:97%; height:34px; padding:5px; margin:0px; background:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #b6b6b6; outline:none; font-size:13px; color:#a1a1a1;}
span.forgot_password_input_filed input:focus{border-color:#2f5178;}

span.back_login_page{float:left; width:100%; margin:20px 0 0 0; padding:0px;  text-align:center;}
span.back_login_page a {color:#2f5178; font-size:15px; font-weight:normal; text-decoration:none;}
span.back_login_page a:hover {color:#2f5178; text-decoration:underline;}

/*--Footer--*/
#footer{
	float:left; position:fixed; bottom:0; width:99%; padding:0.5%; margin:0%; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29618c), to(#21415a)); background:-webkit-linear-gradient(top, #29618c, #21415a); background: -moz-linear-gradient(top, #29618c, #21415a); background:-ms-linear-gradient(top, #29618c, #21415a); background: -o-linear-gradient(top, #29618c, #21415a); border-top:5px solid #21415a;
	height: 51px;
	}
span.copyrights{
	float:left; width:auto; padding:0px; margin:10px 0 0 0; color:#ffffff; font-size:12px; font-weight:normal;
	}

span.designed{
	float:right; width:auto; padding:0px; margin:0px; color:#ffffff; font-size:12px; font-weight:normal; text-align:right;
	}

span.designed a{
	color:#a9cb1e; text-decoration:none;
	}

span.designed a:hover{
	color:#a9cb1e; text-decoration:underline;
	}
.user_logo > img {
    width: 100px;
}