html,
body{
	height:100%;
	font-family: 'Source Sans Pro', sans-serif;
}

.container{
	height:100%;
}
.wrap{
	display:table;
	height:100%;
	width:100%;
}
.content{
	display:table-cell;
	vertical-align:middle;
}

.right-part-bg{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:50%;
	background-color:#32987B;
	display:none;
}
.right-part-bg img{
	position:absolute;
	bottom:0;
	right:0;
	width:90%;
}
@media(min-width:992px){
	.right-part-bg{
		display:block;
	}
}

.logo{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
.logo img{
	max-width:240px;
}
.logo span{
	display:inline-block;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}

.title{
	width:260px;
	margin:0 auto 30px auto;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	border-bottom:solid 2px #eee;
	padding:0 0 5px 0;
}

form{
	margin:0 auto;
	width:260px;
}
.login-input-row{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.login-input-row label{
	float:left;
	width:100%;
	margin:0;
	font-size:16px;
	line-height:18px;
	margin:0 0 5px 5px;
}
.login-input-row input{
	width:100%;
	padding:15px;
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius:5px;
}
.login-input-row input:focus{
	outline:0;
}
.login-input-row input.btn-login{
	color:#fff;
	border:none;
	margin:0 auto 0 auto;
	display:block;
	background-color:#222;
}
.login-input-row input.btn-login:hover{
	background-color:#333;
}
label.error{
	color:#ff0000;
	font-size:12px;
	line-height:14px;
	margin:5px 0;
}
input.error{
	border-color:#ff0000;
}

.info{
	float:left;
	width:100%;
}
.info a{
	font-size:12px;
	line-height:14px;
	color:#aaa;
}
.info a:hover{
	color:#888;
}

.alert-box{
  	background-color:#ff0000;
  	color:#fff;
  	position:fixed;
  	top:15px;
  	left:15px;
  	right:15px;
  	padding:30px;
  	text-align:center;
  	z-index:20;
  	font-size:16px;
  	line-height:18px;
}
.close-alert-box{
	position:absolute;
	font-size:18px;
	line-height:18px;
	color:#fff;
	top:10px;
	right:15px;
}
.close-alert-box:hover{
	color:#fff;
}