.login-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: .5rem auto 0;
    box-shadow: 1px 1px 3px darkgray;
}

.login-container > div {
    flex-basis: 50%;
    padding: 1rem 2rem .5rem;
    flex-grow: 1;
}

.login-esquerda {
    background: linear-gradient(135deg, lightgray 0%, white 40%);
}

.login-direita {
    color: white;
    background-color: var(--cl-verde-iteraima);
    display: flex;
    flex-direction: column;
}

.login-form {
    display: flex;
    flex-direction: column;
}

.login-form input[type=checkbox] {
    accent-color: var(--cl-verde-iteraima);
}
.login-esquerda a, .login-direita a {
    color: var(--cl-verde-iteraima);
    text-decoration: underline;
    font-weight: 600;
}
.login-esquerda label {
    color: var(--cl-verde-iteraima);
    font-size: .7rem;
    vertical-align: bottom;
    font-weight: 600;
}

    .login-form input[type=text], .login-form input[type=password] {
        width: 100%;
        padding-left: 25px;
    }

    .login-input {
        position: relative;
    }

    .login-input > i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: .5rem;

        color: var(--cl-verde-iteraima);
        font-size: 1rem;
    }

    .login-bemvindo {
        text-align: center;
    }