html {
    height: 100%;
    font-family: sans-serif;
    font-size: 13px;
    color: white;
    background-image: url("img/lacoon-logo-col.png"), url("img/background.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 3%, center, center;
    background-size: 36%, cover;
}

.loginview .pwdstate {
    text-align: center;
    font-weight: bold;
}

.loginview .pwdstatered {
    text-align: center;
    font-weight: bold;
    color: red;
}

.loginform {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 350px;
    width: 350px;
}

.loginview .loginform .loginfield {
    background: rgba(176, 182, 176, 0.05); !important;
    color: white;
    border: 1px solid white;
    border-radius: 2px;
}

/* Cibler l'input à l'intérieur du composant Vaadin */
.loginview .loginform .loginfield input {
    background: rgba(176, 182, 176, 0.05) !important;
    color: white !important;
}

/* Forcer le style pour l'état autofill de Chrome */
.loginview .loginform .loginfield input:-webkit-autofill,
.loginview .loginform .loginfield input:-webkit-autofill:hover,
.loginview .loginform .loginfield input:-webkit-autofill:focus,
.loginview .loginform .loginfield input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgba(176, 182, 176, 0.05) inset !important;
    -webkit-text-fill-color: white !important;
    border: 1px solid white !important;
    transition: background-color 5000s ease-in-out 0s;
}

.loginview .loginform vaadin-button {
    background: rgba(176, 182, 176, 0.10);
    color: white;
    border: 1px solid white;
}

.loginview .adms-coporate {
    position: fixed;
    top: 95%;
    left: 50%;
    transform: translate(-50%, 0%);
}