.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}
.login-page {
    color: #fff;

    .login-logo, .register-logo {
        color: inherit;
        font-size: 1.8rem;

        a {
            color: inherit;
        }
    }

    .login-box, .register-box {
        width: 400px;
    }

    .card {
        color: inherit;
        background-color: transparent !important;
        background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.3),rgba(255,255,255,0.5)) !important;

        .card-header, .card-body, .card-footer {
            background-color: transparent !important;
        }

        .card-header {
            a {
                color: var(--mc);
            }
        }

        .login-card-body, .register-card-body {
            color: inherit;

            .input-group {
                .input-group-text {
                    background-color: var(--mc);
                    color: #fff;
                }

                .form-control {
                    background: rgba(255,255,255,0.5);
                    border-color: var(--mc);

                    :focus {
                        & + .input-group-append > .input-group-text {
                            background-color: #80bdff;
                        }
                    }
                }
            }

            #LoginButton {
                color: #fff;
                background-color: var(--mc);
                border-color: var(--mc);

                &:hover {
                    color: #fff;
                    background-color: #0069d9;
                    border-color: #0062cc;
                }
            }
        }
    }

    .current-language-icon i {
        transform: scale(1.3);
        margin: 0 5px;
    }
}