We_Relese/App/Relese/Content/Css/Login.css

.login-box .card {
    position: relative;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    z-index: 0;
}

    .login-box .card::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        filter: blur(5px);
        margin: -30px;
        z-index: -1;
    }

.login-page {
    width: 100vw;
    height: 85vh;
    max-width: 450px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 !important;
    background-size: 100% 100%;
}

    .login-page .login-box {
        width: 100%;
    }

        .login-page .login-box .logo {
            margin-bottom: 35px;
        }

            .login-page .login-box .logo a {
                font-size: 2rem;
                display: block;
                width: 100%;
                text-align: center;
                color: #fff;
            }

        .login-page .login-box a {
            font-size: 14px;
            text-decoration: none;
            color: #fff;
        }

        .login-page .login-box .card {
            /*background: #fff;*/
            min-height: 50px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            position: relative;
            margin-bottom: 10px;
            border-radius: 10px;
        }

            .login-page .login-box .card .body {
                font-size: 14px;
                color: #fff;
                padding: 1.5rem;
            }

                .login-page .login-box .card .body .login-title {
                    color: #fff;
                    font-weight: 600;
                    letter-spacing: 20px;
                    padding-left: 20px;
                    font-size: 1.2rem;
                    margin-bottom: 1.5rem;
                }

                .login-page .login-box .card .body .iwb-label {
                    color: #fff;
                }

                .login-page .login-box .card .body .input-group {
                    margin-bottom: 20px;
                }

                .login-page .login-box .card .body .input-group-text {
                    color: #fff;
                    min-width: 35px;
                    background: transparent;
                    border: 1px solid #fff;
                    border-right-color: #eee;
                }

                .login-page .login-box .card .body .form-control {
                    color: #fff;
                    border: 1px solid #fff;
                    border-left: none !important;
                    height: 35px;
                    background: transparent;
                }

                    .login-page .login-box .card .body .form-control.valid {
                        border: 1px solid #fff !important;
                    }

                    .login-page .login-box .card .body .form-control::-webkit-input-placeholder,
                    .login-page .login-box .card .body .form-control:-moz-placeholder,
                    .login-page .login-box .card .body .form-control::-moz-placeholder,
                    .login-page .login-box .card .body .form-control:-ms-input-placeholder {
                        color: #eee;
                        opacity: 0.9;
                    }

                .login-page .login-box .card .body .iwb-checkbox, .login-page .login-box .card .body .iwb-checkbox > span {
                    font-size: inherit;
                    color: #fff;
                }

#LoginArea {
    max-width: 400px;
    margin: 120px auto 10px auto;
}

.language-switch-area {
    text-align: center;
}

    .language-switch-area .language-icon {
        padding: 2px;
    }

        .language-switch-area .language-icon.language-icon-current > i {
            transform: scale(1.3);
        }