html,body{
	width:100%;
	height:100% !important;
    overflow:hidden;
	}
/************Login***********/
.Login{
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#888;
	line-height:30px;
	text-align:center;
	background:url(../images/LoginBg.jpg) center center no-repeat;
	width:100%;
	height:100%;
	background-size:100% 100%;
	}
.inner-bg{
	padding:12% 0 170px 0;
	}
.top-content .text{
	color:#fff;
	text-align:center;
	}
.top-content .text img{
	height:180px;
	}
.top-content .text h1{
	color:#fff;
	}
.top-content .description{
	margin:20px 0 10px 0;
	}
.top-content .description p{
	opacity:0.8;
	}
.top-content .description a{
	color:#fff;
	}
.top-content .description a:hover, .top-content .description a:focus{
	border-bottom:1px dotted #fff;
	}
.form-box{
	float: none;
    margin: 0px auto 0 auto;
	width:42%;
	}
.form-top{
	overflow:hidden;
	padding:0 25px 15px 25px;
	background:#444;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	text-align:left;
	}
.form-top-left{
	float:left;
	width:100%;
	padding-top:25px;
	}
.form-top-left h3{
	margin-top:0;
	color:#fff;
	}
.form-top-left p{
	opacity:0.8;
	color:#fff;
	}
.form-top-right{
	float:left;
	width:25%;
	padding-top:5px;
	font-size:66px;
	color:#fff;
	line-height:100px;
	text-align:right;
	opacity:0.3;
	}
.form-bottom{
	padding:5px 25px 30px 25px;
	background:#444;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	text-align:left;
	}
.form-bottom form textarea{
	height:100px;
	}
.form-bottom button.btn{
	width:100%;
	float:left;
	}
.form-bottom button.btn1{
	float:right;
	}
.form-bottom .input-error{
	border-color:#de615e;
	}
.social-login{
	margin-top:35px;
	}
.social-login h3{
	color:#fff;
	}
.social-login-buttons{
	margin-top:25px;
	}
input[type="text"],input[type="password"],textarea,textarea.form-control{
	height:40px;
    margin:0;
    padding:0 20px;
    vertical-align:middle;
    background:#fff;
    border:3px solid #fff;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:300;
    line-height:40px;
    color:#888;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
    -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s;
	}
input[type="text"].form-code{
	width:49%;
	height:40px;
    margin:0;
    padding:0 20px;
    vertical-align:middle;
    background:#fff;
    border:3px solid #fff;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:300;
    line-height:40px;
    color:#888;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    -moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
    -o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
	}
textarea,textarea.form-control{
	padding-top:10px;
	padding-bottom:10px;
	line-height:30px;
	}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,textarea.form-control:focus{
	outline:0;
	background:#fff;
    border:3px solid #fff;
    -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
	}
input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,textarea:-moz-placeholder,textarea.form-control:-moz-placeholder{
	color:#888;
	}
input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,textarea:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder{
	color:#888;
	}
input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder{
	color:#888;
	}
button.btn{
	height:40px;
    margin:0;
    padding:0 20px;
    vertical-align:middle;
    background:#383881;
    border:0;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:300;
    line-height:40px;
    color:#fff;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    text-shadow:none;
    -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
    -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s;
	}
button.btn:hover{
	opacity:0.6;
	color:#fff;
	}
button.btn:active{
	outline:0;
	opacity:0.6;
	color:#fff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
button.btn:focus{
	color:#fff;
	}
button.btn:active:focus,button.btn.active:focus{
	outline:0;
	opacity:0.6;
	background:#000065;
	color:#fff;
	}