@import "variables";
.login-box .card {
    position: relative;
    background: hsla(0,0%,100%,.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-box {
        width: 100%;

        .logo {
            margin-bottom: 35px;

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

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

        .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;


            .body {
                font-size: 14px;
                color: #fff;
                padding: 1.5rem;

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

                .iwb-label {
                    color: #fff;
                }

                .input-group {
                    margin-bottom: 20px;
                }
                .input-group-text {
                    color: #fff;
                    min-width: 35px;
                    background: transparent;
                    border: 1px solid #fff;
                    border-right-color: #eee;
                }
                .form-control {
                    color: #fff;
                    border: 1px solid #fff;
                    border-left: none !important;
                    height: 35px;
                    background: transparent;
                }

                .form-control.valid {
                    border: 1px solid #fff !important;
                }

                .form-control::-webkit-input-placeholder,
                .form-control:-moz-placeholder,
                .form-control::-moz-placeholder,
                .form-control:-ms-input-placeholder {
                    color: #eee;
                    opacity: 0.9;
                }

                .iwb-checkbox, .iwb-checkbox > span {
                    font-size: inherit;
                    color: #fff;
                }
            }
        }
    }
}
#LoginArea {
    max-width: 400px;
    margin: 120px auto 10px auto;
}

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

    .language-icon {
        padding: 2px;
        &.language-icon-current >i{
            transform:scale(1.3);
        }
    }
}