@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");


body
{
font-family: 'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif;;
color: #000;
padding: 0px !important;
margin: 0px !important;
font-size: 13px;

}	
	
.login {
background-color: #444 !important;
}

.login .content
{
background-color: #fff;
max-width:98%;
width: 321px;
margin: 0 auto;
margin-bottom: 50px;
padding: 30px;
padding-top: 20px;
padding-bottom: 15px;
color: #222;
}
.login .copyright {
text-align: center;
width: 250px;
max-width:100%;
margin: 0 auto;
padding: 10px 10px 0 10px;
color: #999;
font-size: 11px;
}

.login .content .form-title {
font-weight: 300;
}
.login .content h3 {
color: #000;

font-family: 'Open Sans';
}
.login .logo {

margin: 0 auto;
margin-top: 60px;
padding: 15px;
text-align: center;
}

.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
}



.login .content .input-group-icon {
border-left: 2px solid #35aa47 !important;
}


.login .form-control {
border: 1px solid #E2E2E2;
border-radius: 0px;
}

.login .form-control:focus{
border: 1px solid #C7C7C7;
border-left: 1px solid #cfcfcf;

-webkit-box-shadow:none;
box-shadow:none;
}

.btn {
border-radius:0px;
}
label
{
font-weight:300;
}

.login .alert {
padding: 5px;
border-radius: 0px;
}


.input-group-icon.left i {
color: #ccc;
display: block !important;
position: absolute !important;
z-index: 1;
margin: 9px 2px 4px 10px;
width: 16px;
height: 16px;
border1: 1px solid #ddd;
font-size: 16px;
text-align: center;
}


.input-group-icon.left input {
padding-left: 33px !important;
}



.has-error .form-control {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.has-error .help-inline {
 color: #b94a48;
 
}

@media (max-width: 480px)
{
.login .logo {
margin-top: 10px;
}
}