body{
    background-image: url(/agency/backgrounds/fadebg.png);
    background-size: cover;
    background-position: center top;
	background-color: #ff6a1f;
	font-family: arial;
	color:#fff;
	font-size:14px;
	padding-top:50px;    
}

.logo{
	/*** width:300px; ***/
	margin-bottom: 50px;
}


.textInput{
	margin:20px;
	border-radius: 3px;
	width: 90%;

	background-color: rgba(248,248,248,0.3);
	border:1px solid #f0f0f0;
		
	
	-webkit-appearance: textfield;
	margin-bottom: 20px;
	line-height: 32px;	
	
	display: block;
	padding-left:10px;
	min-height: 36px;
	margin: 0 0 24px 0;
	font-size: 15px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */		

 -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.textInput:focus{
	outline: none;
	border:1px solid #0ed9cf;
	background-color: rgba(4,227,227,0.2);
	/** box-shadow: 0px 0px 10px rgba(0,168,137,0.5); **/
}

.button{
	outline: none;
	font-size: 15;
	color:#7C7C7C;
	cursor: pointer;
	font-family: arial;
	
	border: 1px solid #C4C4C4;
	padding: 10px 40px;
	background: #F0F0F0;
    width:90%;
    border-radius: 25px;
    
 -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

}

.button:hover{
	background: #d5d5d5;
}

form{
	background-color: #fff;
	width:400px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	margin-bottom: 30px;
	padding-bottom: 20px;
}

form h2{
	color:#7C7C7C;
	background-color: #ECF1F1;
	padding-top:-15px;
	line-height: 30px;
	padding:10px;
	margin-top:0px;
	margin-bottom:20px;
	font-size:16px;
	font-weight: bold;
	border-bottom:1px solid #D7D7D7;
}



.forgot a{
	color: #fff;
	opacity: .9;
	text-decoration: none;
}

.forgot a:hover{
	opacity: 1;
	text-decoration: underline;
}

.remember{
	color:#6F6F6F;
	float: left;
	margin-left: 20px;
	margin-bottom:20px;
}

#error{
	font-weight: bold;
	cursor: pointer;
	position: fixed;
	top: -90px;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	height: 50px;
	line-height: 50px;
	left: 0px;
	color:#e45454;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

#error:hover{
	background-color: rgba(255,255,255,1);
}

#error .closeMe{
	color:#646464;
	right:20px;
	position: absolute;
	padding-left:50px;
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
  form {
    width: 100%;
  }
  
  .logo{
	  max-width:100% !important;
  }
  
  body{
	  padding:10px;
  }
}