.pace-progress, .pace:before {
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    height: 3px;
}
.pace .pace-activity {
    top: 15px;
    display: none;
}
.login-cover{
    background: url("../images/login_bg.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#login-wrapper {
    padding-top: 200px;
    min-width: 300px;
}
#login-wrapper .login {
    width: 450px;
    margin: 0 auto;
    padding: 40px;
    background: rgba(0, 0, 0, .4);
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#login-wrapper .login .login-header {
    margin-bottom: 40px;
}
#login-wrapper .login .login-content {
    color: #999;
}
#login-wrapper .login .login-content a {
    color: #979C9E;
    text-decoration: underline;
    font-size: 13px;
}
#login-wrapper .login input {
    border-radius: 0;
    background: #fff;
    font-size: 18px;
}
#login-wrapper .login input:focus {}
#login-wrapper .login .login-buttons button {
    background: #0091D6;
    color: #ffffff;
}
#login-wrapper .login .login-buttons button .fa {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .pace-progress {
        top: 0 !important;
    }
}

@media (max-width: 450px) {
    #login-wrapper {
        padding-top: 50px;
    }
    #login-wrapper .login {
        width: 100%;
    }
}