/* Estilos básicos */
.login fieldset {
    border: 1px solid #ccc;
    padding: 20px;
    width: 300px;
}

.login ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
}

    .login ul li {
        flex: 1;
        text-align: center;
    }

.login label {
    display: block;
    border-start-end-radius: 10px;
    border-start-start-radius: 10px;
    padding: 10px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-bottom: none;
}

.login input[type="radio"] {
    display: none;
}

    /* Estilo da aba ativa */
    .login input[type="radio"]:checked + label {
        background-color: #fff;
        border-bottom: 1px solid #fff;
        font-weight: bold;
    }


/*#region LOGIN*/
.login {
    margin: 0 auto;
    max-width: 350px;
    min-width: 215px;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 10%;
}

.login-choice div {
    display: inline-block;
}

.login * {
    padding: 1%;
}

.login input {
    overflow: hidden;
    width: 80%;
    height: 40px;
    padding-left: 45px;
    border: 0px;
    border-bottom: 1px solid #000000;
}

    .login input[type=email] {
        background: url(/images/login-user.svg) no-repeat;
        background-size: 25px 25px;
        background-position: 10px;
    }

    .login input[type=password] {
        background: url(/images/login-pass.svg) no-repeat;
        background-size: 25px 25px;
        background-position: 10px;
        padding-left: 45px;
    }

.login a {
    font-size: smaller;
}

.login input[type=button] {
    border: 1px;
    border-bottom: unset;
    padding-left: 0px;
    width: 120px;
    height: 40px;
}

.login.dualauthentication .digit {
    overflow: initial;
    width: 10%;
    padding-left: unset;
    border: 1px solid;
    border-radius: 4px;
    text-align: center;
}
/*#endregion*/