body {
    background-color: #242323 !important;
}
#login-bg, #login-image {
    display: none;
}
#login-form {
    background-color: #242323ee;
    border-radius: .5rem;
    border: 1px solid #000;
    color: #fff;
}
#login-div {
    align-items: center;
}
#login-app {
    grid-template-areas:
        ". main main ."
        ". left left ."
        ". right right ."
        ". bottom bottom ."
        ". . . ."
        ". mention version .";
    grid-template-columns: 1rem auto auto 1rem;
    grid-template-rows: auto 0fr 0fr 0fr 0fr auto 0fr;
}
.action-link, .help-link {
    color: #FFF;
}
#logo {
    left: -1rem;
    width: 9rem;
    height: 9rem;
    top: -1rem;
    position: relative !important;
    float: left;
    max-height: 9rem;
    max-width: 9rem;
}
#header {
    justify-content: end;
}
#loader > div {
    border-top-color: #000;
}
button.primary {
    background-color: #000;
    border-color: #000;
    transition: all .5s;
}
.help-link:hover,
button.primary:hover {
    color: #000;
    background-color: #fff;
}
#infologic-mention {
    color: var(--version-color);
}
@media (max-width: 768px) {
    #login-app {
        grid-template-areas:
            ". main ."
            ". left ."
            ". right ."
            ". bottom ."
            ". mention ."
            ". version .";
        grid-template-columns: 1rem auto 1rem;
        grid-template-rows: auto 0fr 0fr 0fr 0fr 0fr;
    }
    #infologic-version {
        color: var(--version-color) !important;
    }
}
:root { --loader-color: #000; }