/*.wrapper {
   margin: 0 auto;
   width: 640px;
}*/

html, body {
    background-color:#FFF;
}

.page-header,header .bottom-bar,#main-wrapper-footer {
    display: none;
}
header#header {
    position: relative;
    margin-bottom: 30px;
}
#header .header-inner {
    position: absolute;
}
header .logout {
    padding-top: 30px;
    
}

#page:after {
   height: 0;
}
div.wrapper #login-box.box:nth-child(2){
   /*float:right;    */
}
div.wrapper #login-box.box:nth-child(3) {
   float:left;
}

.login-btn {
    background-color: #FFD740;
    font-family: 'Roboto Condensed';
    color:#2E4092;
}


#login-box.box {
   padding-bottom: 10px;
   min-height: 322px;
   width: 350px;
   color: #305369;
   padding: 30px;
   max-width: 100%;
   font-size: 12px;
   font-weight: 100;
   line-height: 18px;
   margin:1em auto;
   margin-top: 0;
}

#login-box img.logo{
   display:block;
   max-width:300px;
   margin: 50px auto;
}

#login-box img.small {
   width: 75px;
   vertical-align: top;
}



#login-box .login-btn {
   border: 0;
   border-radius: 0;
   width: 100% !important;
   font-size: 40px;
   max-width:100%;
}

/*div.header {

   height: 104px;
   width: 640px;
}
div.footer {
   text-align: center;
   padding-top:10px;
   clear: both;
   font-size: 12px;
}
.header:after {
   content: "";
}*/

#login-box .form-horizontal .form-group {
   margin-left: 0;
   margin-right: 0;
}

#login-box .form-horizontal .controls {
   margin: 0;
   text-align: center;
}

#login-box .form-horizontal .control-label {
   width: 150px;
   padding-right: 10px;
   display: none
}

#login-box .form-horizontal .control-group {
   margin-top: 0;
   margin-bottom: 0;
}

#login-box .register-btn {
   margin-top: 30px;
}

#login-box input[value="Login"] {

   margin-left: 37px;
   width: auto;
   margin-top: 10px;

   float: right;
}
#login-box input[type="text"], #login-box input[type="password"] {
   width: 100%;
   padding: 10px;

   font-weight: 100;
   font-size: 12px;
   text-align: left;

   background-color: #FFF !important;
   border-radius: 0;
   color: #000;
border: 1px solid #1E599C;

}
#login-box input[type="password"] {
}
#login-box form input[type="submit"] {
   max-width: 100%;
   font-size: 25px;
}
#login-box .submit-group {
   margin: 0 auto;
   width: 350px;
}
#login-box .submit-group div {
   padding-top: 10px;
   float: left;
}
#login-box div.cant-login {
   width: 340px;
   margin: 0 auto;
   text-align: center;
}

#login-box .sys-info {
    margin-top: 50px;
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 480px) {
   #login-box input[type='submit'] {
       clear: both;
       float: left;
       margin-top: 10px;
   }
   /*#page {
       overflow: hidden !important;
   }*/
   #login-box label {
       margin-left: 10px;
   }
   #login-box input[type="text"],#login-box input[type="password"],#login-box input[type="submit"] {
       margin-left: 10px;
   }
   #login-box {
       margin-top: 0;
   }
}

/*
@media only screen and (max-width: 580px) {

}*/

@media only screen and (max-width: 640px) {
   /*div.wrapper {
       width: 100%;
   }
   div.header {
       width: 100%;
       background-position: 30px center;
   }*/
   #login-box.box {
       width: 100%;
   }
   #login-box.box:last-child {
       float: left;
   }
   #login-box.box:first-child {
       float: right;
   }
   #login-box input[type=text], #login-box input[type=password], #login-box input[type=submit], #login-box .btn {
       width: 100%;
       margin-left: 0;
   }
   #login-box input[value=Login] {
       margin: 0;
       margin-top: 20px;
   }
}