body{
    background: url("/public/images/bg-login.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

nav {
    background: transparent !important;
}

footer{
    background: transparent !important;
    background-color: rgba(46, 51, 59, 0.8);
}

.login-card{
    background-color: #FFFFFF;
    border-radius: 3px;
}

.login-card .title{
    padding: 2px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
}

.login-card .login{
    padding: 12px;
}

.login-card .register{
    padding: 12px;
}

.login-card .confirmation{
    padding: 16px;
    font-size: 1.4em;
}

.progress {
    margin: 0;
}

.form-btn{
    width: 75%;
}

.signin-icon{
    width: 100%;
}

.g-recaptcha{
    display: inline-block;
}

.errors{
    color: #ee0831;
    font-weight: 500;
    font-size: 1.05em;
    padding: 8px;
}

.or-text{
    font-size: 14px;
}

.restore-pass{
    padding: 8px;
    text-align: right;
}

#restore-pass-modal{
    max-width: 600px;
}

.change-pass-wrapper{
    background-color: #ffffff;
    padding: 16px;
}

.change-pass-wrapper button[type=submit]{
    width: 100%;
}