/* Login / Reset */
.layout-container[data-alias="login"] #mainPage,
.layout-container[data-alias="reset"] #mainPage,
.layout-container[data-alias="login"],
.layout-container[data-alias="reset"]{
    padding: 0 !important;
}
.layout-container[data-alias="login"] #mainPage .login-page,
.layout-container[data-alias="reset"] #mainPage .reset-page{
    height: 100vh;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 0 !important;
}
.layout-container[data-alias="login"] #mainPage .login-page .login-section,
.layout-container[data-alias="reset"] #mainPage .reset-page .reset-password-page{
    padding: 40px 24px 40px 24px !important;
}
.layout-container[data-alias="login"] #mainPage .login-page .login-section .lc-login-form:before,
.layout-container[data-alias="reset"] #mainPage .reset-page .reset-password-page .user-pass-reset:before{
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-image: url('../img/logo.png');
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-size: auto 50px;
    background-position: center center;
}
.layout-container[data-alias="login"] #mainPage .login-page .login-section .link{
    display: block;
    font-size: 12px !important;
    font-weight: 300 !important;
}
.layout-container[data-alias="login"] #mainPage .login-page .login-section .button{
    margin-top: 32px !important;
}
.layout-container[data-alias="login"] #mainPage .login-page .login-section .new-account,
.layout-container[data-alias="login"] #mainPage .login-page .login-section hr{
    display: none;
}
@media screen and (max-width: 550px){
    .layout-container[data-alias="login"] #mainPage .login-page .login-section .lc-login-form:before,
    .layout-container[data-alias="reset"] #mainPage .reset-page .reset-password-page .user-pass-reset:before{
        height: 40px;
        background-size: auto 40px;
    }
}