html {
	position:relative;
	height:100%;
}

body{
    background-image: url(../../images/v4-login-background.jpg);
	background-color:#2b3138;
	height:100%
}

label{
	margin:0;
}

.reset-row{
	margin:0px;
}

.reset-col{
	padding:0px;
}

/*
-----------------------------------------
login style
-----------------------------------------
*/

.wrapper{
	display: table;
    table-layout: fixed;
	height:100%;
	width:100%
}

.page-wrapper{
	display:table-cell;
    vertical-align:middle;
	width:100%;
	padding:0 15px;
}

.logo{
	font-family: "Sakkal Majalla";
	font-size: 100px;
	color: #fff;
	letter-spacing: -6px;
	text-align: center;
	margin-bottom: -30px;
}

@media (max-width: 480px){
	.logo{
		font-size: 80px;
		letter-spacing: -4px;
		margin-bottom: -20px;
	}
}

.sub-logo{
	font-family: arial;
    font-size: 14px;
    text-align: center;
    color: #fff;
	padding-bottom:25px;
}

.panel{
	max-width:310px;
	margin:auto;
	border:0;
}

.panel-heading{
	box-shadow: inset 0 13px 0px -8px #ff503f;
	padding:20px 15px 0;
	color:#2b3138;
	font-size:30px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing: -2px;
}

.panel-body{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#2b3138;
}

.panel-body input{
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#7f7e7e;
	margin-top:5px;
}

.panel-body .login-form-warning{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:red;
}

.panel-footer{
	background-color:transparent;
	font-family:Arial;
}

.panel-footer .login-btn{
	width:100%;
	color:#fff;
	background-color: #ff503f;
}

.panel-footer .login-btn{
	width:100%;
	color:#fff;
	background-color: #ff503f;
}

.panel-footer .remember-me{
	font-size:12px;
	color:#7f7e7e;
	font-weight:normal;
}

.panel-footer .remember-me input{
	vertical-align:middle;
	margin:0;
}

.panel-footer  a{
	float:right;
	color:#ff503f;
	font-size:12px;
	line-height: 23px;
}

.creat-account{
	text-align:center;
	padding-top:10px;
}

.creat-account a{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#ff503f;
}

/*
-----------------------------------------
password recover style
-----------------------------------------
*/

.forgot-password-container{
    font-family: arial;
    margin-left: auto;
    margin-right: auto;
    color: #2b3138;
    width: 501px;
    background-color: #fff;
    border-radius: 5px;
    border:1px solid #cac8c8;
    box-shadow:inset  0  13px 0px -8px #ff503f;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}

/*
-----------------------------------------
Footer Style
-----------------------------------------
*/

footer{
	/*position:fixed;*/
	font-size: 11px;
	/*width:100%;*/
	/*bottom:0px;*/
	/*left:0px;*/
	/*right:0px;*/
	color:#FFFFFF;
	background-color:#222222;
	font-family:"Quattrocento Sans";
}

@media (max-width: 480px){
	footer{
		position:inherit;
	}
}

footer .copyright{
	margin: 10px 0px 0px 10px;
	float:left;
	color:#999999;
	display: block;
	font-family:"Quattrocento Sans";
	font-weight:bold;
}

footer .rightfoot{
	font-weight:bold;
	margin: 0px;
	padding-left: 10px;
}

footer .rightfoot li{
	height: 32px;
	padding: 10px 12px;
	display:inline-block;
	border-left:1px solid #535353;
}

footer .rightfoot li a{
	color:#999999;
	line-height:16px;
	text-transform:uppercase
}

footer .rightfoot li a:hover{
	color:white;
	text-decoration:none;
	text-decoration:none;
}
.supported-by-footer{
	padding-top:5px;
	padding-bottom:3px;
	float:right;
	margin-right:0
}
@media (max-width: 767px){
	.supported-by-footer{
		margin-right:0;
	}
}
@media (min-width: 767px){
	.supported-by-footer{
		margin-right:12%;
	}
}