div.form-error {
    position: absolute;
    color: red;
    font-size: 11px;
}

.print-error-msg {
    display: none;
    font-size: 11px;
    color: red;
    margin-top: -15px;
}

.login {
    background: url('../images/login/backgound-login.webp');
    background-repeat: no-repeat;
}

@media (min-width: 1280px) {
    .login {
        background-size: cover !important;
    }
}

.login .img-logo {
    margin-top: 190px;
    width: 475px;
    height: 80px;
}

.login .container-form {
    width: 465px;
    margin: auto;
    margin-top: 50px;
}

.login .text-forgot {
    font-size: 12px;
    color: white;
}

.login button[type='submit'] {
    /* background: transparent;
    border: 1px solid white; */
    height: 47px;
    font-size: 16px;
}

.login button[type='submit']:hover {
    filter: brightness(0.8);
}


.login button[type='button'] {
    height: 47px;
    font-size: 16px;
}


.login .text-create-account {
    color: rgb(var(--color-primary-200));
    font-size: 12px;
}


@media only screen and (max-width: 768px) {

    .login .container-form {
        width: unset;
    }

    .login .img-logo {
        margin-top: 90px;
        width: 80%;

    }

    #form_login {
        margin-bottom: 20px;
    }

    .login .text-create-account {
        margin-top: 20px;
    }

}

@media screen and (min-width : 1920px) {
    .login {
        background-size: cover;
    }
}