.center-body {
	height: 90%;
	background-image:url(../images/default/login/background_12.jpg);
	background-size:100%;
	padding:15px;
}

.bottom-body{
	background-color:#FFFFFF;
	height:10%;
}

.title-app {
	font-family: Comfortaa, sans-serif;
	font-size:30px;
	/*padding-top:5px;*/
	/*margin-top:5px;*/
	color: #C22B3A;
}

.my_footer{
	padding:5px;
}

.navbar-default {
	height:80px;
	background-color:#FFFFFF;
}

.navbar-left {
	marging-left:-5px;
	padding-top:5px;
}

.header-right {
	padding-top:24px;
}

.login-area {
	border-radius: 0px; 
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.6);
}

.header-login-area {
	vertical-align: middle; 
	text-align:center; 
	padding:25px 15px 10px 15px;
	font-size:20px;
	color:#3760A1;
	font-weight:normal;
}

.header-welcome {
	font-size:23px;
	font-weight:lighter;
}

.important-login-area {
	text-align:center; 
	padding:15px 15px 15px 15px;
	font-size:13px; 
	color:#3760A1;
	background-color:#B3DDF4; 
	margin-left:-15px; 
	margin-right:-15px; 
	height:50px;
}

.content-login-area {
	vertical-align: middle; 
	text-align:center; 
	padding:20px 15px 10px 15px;
	font-size:14px;
	color:#3760A1;
	font-weight:100;
}

.bar-login-area {
	/*position: absolute;*/
	background-color:#377EC0; 
	margin-left:-15px; 
	margin-right:-15px; 
	height:2px;
}

.left-inner-addon {
  position: relative;
  text-align:left;
  height:50px;
  padding: 5px 0px 5px 0px;
}

.left-inner-addon input {
  padding-left: 30px;
  height:40px;
}

.left-inner-addon i {
  position: absolute;
  padding: 12px 12px;
  
}

.right-inner-addon {
  position: relative;
  text-align: right;
  height:40px;
}

.right-inner-addon input {
  padding-right: 30px;
}

.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 8px 12px;
}

@media (max-width: 767px) {
	.header-right {
		display: none;
	}

	.center-body {
		background-size:auto auto;
	}

	.login-area {
		width:90%;
	}
}