.path-user:not(.user-logged-in) .navbar-header,
.path-frontpage:not(.user-logged-in) .navbar-header {
    margin: 0 auto;
}

.path-user:not(.user-logged-in) .site-logo,
.path-user:not(.user-logged-in) .site-logo img,
.path-frontpage:not(.user-logged-in) .site-logo,
.path-frontpage:not(.user-logged-in) .site-logo img {
    margin: 0 !important;
}

.path-frontpage:not(.user-logged-in) .site-logo img {
    width: 200px;
}

form#user-login-form {
    max-width: 400px;
    margin: 30px auto;
}

.user-login-wrapper,
.user-pass {
    width: 312px;
    padding: 25px 30px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #8080804a;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.user-login-sso{
    width: 312px;
    border-radius: 10px;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}
.user-login-wrapper .form_fields {
    background: no-repeat;
    box-shadow: none;
    padding: 0 !important;
}
.user-login-wrapper .user-login-submit #edit-actions{
    width: 100%;
}

.user-login-wrapper .user-login-submit {
    display: flex;
}

.user-login-wrapper .user-login-submit a:hover{
    color: #000;
}
.user-login-wrapper .form_fields > div {
    margin-bottom: 15px;
}

.user-login-wrapper .user-login-username {
    padding: 0 !important;
}

.user-login-wrapper .user-login-username .description,
.user-login-wrapper .user-login-password .description {
    display: none;
}

@media (max-width: 767px){
    .user-login-sso{
        width: 90%;
    }
}