html,
body,
.flex-root {
    height: 100% !important;
}

@media (min-width: 992px) {
    .login-aside {
        width: 100%;
        max-width: 850px;
    }

    .login-form {
        width: 100%;
        max-width: 500px;
    }
}

@media (max-width: 991px) {
    .login-aside {
        order: 1 !important;
    }

    .login-content {
        order: 2 !important;
    }
}


@media (min-width: 992px) and (max-width: 1399.98px) {
    .login-aside {
        width: 100%;
        max-width: 663px !important;
        vertical-align: middle;
    }
}

@media (max-width: 991.98px) {
    .login-form {
        width: 100%;
        max-width: 450px;
    }
}

@media (max-width: 575.98px) {
    .login-form {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1400px) {
    .login.login-1 .login-aside {
        width: 100%;
    }

    .w-h-auto {
        height: 100vh;
        width: 100%;
    }
}

@media (max-width: 1400px) {
    .w-h-auto {
        height: auto;
        width: 100%;
    }
}

.pr-lg-35, .px-lg-35 {
    padding-right: 8.75rem !important;
}

.pl-lg-35, .px-lg-35 {
    padding-left: 8.75rem !important;
}

.flex-root {
    -webkit-box-flex: 1;
    flex: 1;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
}

.flex-column-fluid {
    flex: 1 0 auto;
    -webkit-box-flex: 1 !important;
}

.flex-row-fluid {
    -webkit-box-flex: 1;
    flex: 1 auto;
    min-width: 0;
}

.login-content-img {
    min-height: 720px !important;
}

.p-content-login {
    padding: 2rem;
}

@media (max-width: 767px) {
    .login-content-img {
        min-height: 300px !important;
    }
}

.box-shadow-login {
    box-shadow: 0px 0px 1px 1px #54c242;
}