/* login layout default theme */

* {
box-sizing: border-box;
}

*:focus {
	outline: none;
}
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #eeeeee;
	font-size:14px;
	color:#666666;
	/*width:1024px;*/
	/*height:100%;*/
}
.login{
	margin: 10% auto 0;
        /*width:100%;*/
	text-align:center;
}

/*  Mobile Layout: 320px   */
@media only screen and (min-width: 320px) and (max-width: 480px) { 
    body{
            width:340px;            
    }

    .login{
            width:340px;
    }

}
.login-screen {
margin: 25px auto;
width: 300px;
background-color: #FFF;
padding-top: 6px;
padding-bottom:20px;
border-radius: 5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.18);
}

.title {
text-align: center;
color: #333;
font-size: 23px;
font-weight:500;
}

.control-group {
margin-bottom: 10px;
}

input {
text-align: center;
background-color: #ECF0F1;
border: 1px solid transparent;
border-radius: 3px;
font-size: 14px;
font-weight: 200;
padding: 8px 0;
width: 250px;
transition: border .5s;
}

input:focus {
border: 1px solid #4c4c4c;
box-shadow: none;
}

.btn {
  border: 1px solid transparent;
  background: #4c4c4c;
  color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  border-radius: 3px;
  transition: 0.3s;
  display: block;
  width: 250px;
  margin: 0 auto;
}

.btn:hover {
  background-color: #5b5b5b;
}

input.check{
	text-align:left;
	margin-top:20px;
	width:23px;
	margin-left:-100px;
	transition: none;
}