/*==============================Login==================================*/

body, html
	{
		width:100%;
		height:100%;
		background:url(../img/login/background-pattern.jpg) repeat;
		font-family: 'Roboto', sans-serif;
	}
	
.login-wrapper
	{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		min-width:650px;
	}
	
/*header*/

.login-header
	{
		position:relative;
		height:129px;	
	}
	
.login-logo
	{
		position:absolute;
		display:inline-block;
		left:30px;
		bottom:0;	
	}
	
.login-back-link
	{
		position:absolute;
		width:115px;
		height:100px;
		padding:7px;
		background-color:#fff;
		color:#000;
		text-align:center;
		font-size:15px;
		right:30px;
		bottom:0;	
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}	
	
/*footer*/

.login-footer, .login-footer a
	{
		position:relative;
		line-height:65px;
		font-size:14px;
		text-align:center;
		color:#b7b7b7;	
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	
.login-footer a:hover
	{
		color:#fff;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	
/*login content*/
	
.login-content
	{
		position:relative;
		height: -webkit-calc(100% - 194px);
		height: -moz-calc(100% - 194px);
		height: calc(100% - 194px);
		width:100%;
		min-height:400px;
		overflow:hidden;
	}

.login-bx
	{
		width:322px;
		height:300px;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		border-bottom:1px solid #fff;	
	}

.login-h1
	{
		font-family: 'aka-acidgr-poiretmedium', Arial, sans-serif;
		font-size:32px;	
		text-align:center;
		color:#fff;
		padding-bottom:13px;
		margin-bottom:4px;
		border-bottom:1px solid #fff;
	}
	
.login-form-container
	{
		padding:35px 10px;
		border-bottom:3px solid #fff;
		border-top:3px solid #fff;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
.login-field
	{
		width:100%;
		height:42px;
		color:#b7b7b7;
		padding-left:10px;
		padding-right:35px;
		border:1px solid #828282;
		outline:none;	
		font-size:16px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
.field1
	{
		background: #3a3a3a url(../img/login/user-icon.png) 95% 50% no-repeat;
		margin-bottom:28px;
	}
	
.field2
	{
		background: #3a3a3a url(../img/login/password-icon.png) 95% 50% no-repeat;
		margin-bottom:15px;
	}	
	
.login-button 
	{
		background:#fff;
		border:none;
		padding:9px 20px;
		color:#000;
		font-family: 'Advent Pro', sans-serif;
		font-size:20px;
		text-transform:lowercase;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		outline:none;
	}	

.login-button:hover
	{
		background:#77A442;
		color:#fff;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

.login-ip span
	{
		display:block;
		text-align:right;
		font-size:12px;	
	}
	
.span1
	{
		text-transform:uppercase;
		color:#b7b7b7;
		padding-top:3px;
		margin-bottom:3px;
	}
	
.span2
	{
		color:#fff;
	}