@import '_content/Ranger.Blazor.Components.Core/Ranger.Blazor.Components.Core.bundle.scp.css';
@import '_content/Italy.Acea.Ui.Shared/Italy.Acea.Ui.Shared.bundle.scp.css';

/* /Pages/LogIn.razor.rz.scp.css */
.login-container[b-opvf9lykq5] {
    background-color: transparent;
    max-width: 400px;
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
    justify-content: center;
    width: 100%;
}

.login-box[b-opvf9lykq5] {
    background: linear-gradient(rgb(11, 16, 35, 0.3), rgb(39, 50, 83, 0.5), rgb(11, 16, 35, 0.9));
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15%;
    box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

h2[b-opvf9lykq5] {
    margin-bottom: 20px;
    color: #333;
}

input:-webkit-autofill[b-opvf9lykq5],
input:-webkit-autofill:focus[b-opvf9lykq5] {
    transition: background-color 0s 600000s, color 0s 600000s;
}

input[b-opvf9lykq5] {
    width: 95%;
    padding: 1% 0 1% 4%;
    margin-top: 10%;
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    transition: border-bottom-color 0.3s ease;
    height: unset;
    color: #ffffff;
}

    input:focus[b-opvf9lykq5] {
        outline: none; 
        border-bottom-color: #007bff; 
    }

[b-opvf9lykq5]::placeholder {
    color: #ffffff;
    opacity: 0.5;
}

:-ms-input-placeholder[b-opvf9lykq5] {
    color: #ffffff;
    opacity: 0.5;
}

[b-opvf9lykq5]::-ms-input-placeholder {
    color: #ffffff;
    opacity: 0.5; 
}

.login-button[b-opvf9lykq5] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10%;
}

.login-button:hover[b-opvf9lykq5] {
    background-color: #0056b3;
}