.box-login {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}
.box-login2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 300px;
    column-gap: 0em;
    width: 60%;
    border-radius: 0.6em;
    overflow: hidden; 
}

.box-items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: red;
    width: 80%;
    height: 100%;
}
.b-i1 {
    background-color: #4C74D7;
}
.b-i2 {
    background-color: white;
}

.box-inputs{
    width: 100%;
}
.password {
    display: flex;
    align-items: center;
}


.inputuser-{
    background: white;
    border:none;
    border-bottom: 1px solid white;
    outline: none;
    color: grey;
    font-size: 15px;
    width: 100%;
    letter-spacing: 2px;
    text-align: center;
    border-radius: 0.2em;
    }

.regularizar {
    text-decoration: none;
    background-color: #4C74D7;
    color: white;
    padding: 15px;
    border-radius: 0.2em;
    font-size: 1.1em;
    box-shadow: 0 0 1em #4C74D7;
}
.regularizar:hover {
    background-color: #de9d39;
    color: white;
    box-shadow: #de9d39;
    transition: 0.2s;
}

.f-password {
    text-decoration: none;
    font-size: 0.8em;
    color: #4C74D7;
}
.f-password:hover {
    text-decoration: none;
    color: #de9d39;
    transition: 0.2s;
}

#submit {
    background-color: white;
    width:40%;
    border:none;
    padding:0.3em;
    color:#4C74D7;
    font-size:1em;
    cursor:pointer;
    border-radius:10px;
}
#submit:hover {
    background-color: lightblue;
    color: white;
    transition: 0.2s;
}

.senha-icon-container {
    margin-left: 10px; /* Espaço entre o campo de senha e o ícone */
}

@media (max-width: 600px) {
    .box-login2 {
        flex-direction: column;
        height: 460px;
        column-gap: 0em;
        width: 100%;
        overflow: hidden; 
    }
}