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

#full-wrapper.logged-out{
   background-image: url("../images/login.jpg");
   background-position: 50% 50%;
   background-size: cover;
}

#full-wrapper.logged-out #header{
   border-bottom:none;
}

#full-wrapper.logged-out #header #header-logo-wrapper{
   display: none;
}

#full-wrapper.logged-out #header .top-bar{
   display: none;
}

#full-wrapper.logged-out #header  .top-bar{
   margin: 0;
   min-height: 30px;
}

#full-wrapper.logged-out #header .top-bar ul{
   display:none;
}

#full-wrapper.logged-out #sidebar-nav-wrapper{
   background: transparent;
   display: none;
}

#full-wrapper.logged-out #main-wrapper{
   background-color: transparent;
}

#full-wrapper.logged-out #main{
   padding: 0;
}

#full-wrapper.logged-out #main > .container{
   background: transparent;
}

#full-wrapper.logged-out #main > .container .page-header{
   display:none;
}

#full-wrapper.logged-out #footer{
   display: none;
}

#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-box.box {
   min-height: auto;
   width: 500px;
   color: #305369;
   padding: 30px;
   max-width: 100%;
   font-size: 12px;
   font-weight: 100;
   line-height: 18px;
   margin:1em auto;
   background-color: #fff;
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   margin-top:20vh;
}

#login-box.box .form-horizontal{
   margin-top: 25px;
}

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

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

#login-box label {
}

#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 .col-sm-10 {
   width:100%;
}

#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: 16px;
   text-align: center;

   background-color: #F2F2F2;
   border-radius: 0;
   color: #000;


}
#login-box input[type="password"] {
}
#login-box form input[type="submit"] {
   max-width: 100%;
   font-size: 34px;
}
#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;
}

@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;
   }
}