.app-area-login {
    #tmislogin {
        width: 100%;
        max-width: 500px;

        table {
            width: 100%;
        }
    }

    &-img {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        .swiper {
            width: 100%;
            height: 100%;

            img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    &-form {
        position: absolute;
        top: 0;
        right: 2rem;
        width: auto;
        min-height: 100%;
        z-index: 1;
        background-color: rgba(#fff, .85);
    }

    &.home {
        height: 100vh;
        position: relative;

        .imghome {
            background: #00698c url(../images/home-img.jpg) no-repeat center;
            background-size: cover;
        }

        .swiper-slide {
            background-color: #fff;
        }
    }
}
