body {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
    background: #9f9f9f;
}
html {
width: 100%;
height: 100%;
overflow: hidden;
}
.login-width{
	width:68%;
}
.login-textcolour{
	color:#fff;
}
.login-btn{
	background:#323232 !important;
	border:1px solid #252525!important;
}
.login-btn:hover{
	background:#232426 !important;
	border:1px solid #141415!important;
}
.form-signin {
    max-width: 35%;
    padding: 10px 0 0 0;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
   width: 100%;
margin-bottom: 10px;
background: rgba(0,0,0,0.3);
border: none;
outline: none;
padding: 10px;
height:40px;
font-size: 13px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.3);
border-radius: 4px;
box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
-webkit-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
-ms-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;

/*    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

.login-logo{
width:34%;
min-width:230px;
border-radius:4px;
padding:4px;
background:#fff;
}


.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus,
.form-signin input[type="email"]:focus  {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-radius: 0;
}
 @media only screen and (min-width: 480px) and (max-width: 600px) {
   .form-signin {
    max-width: 65%;
    padding: 10px 0 0 0;
    margin: 0 auto;
}

 }
 @media only screen and (min-width: 0px) and (max-width: 480px) {
  .login-width{
	width:100%;
}
.form-signin {
    max-width: 82%;
    padding: 10px 0 0 0;
    margin: 0 auto;
}
 }