#background-login {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

#background-login img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

#conteudo-todo-externo {
    padding-top: 50px; /* Para o conteúdo ficar abaixo da barra */
}

#div-formulario-login { /*margin-top: 3em;*/ padding-bottom: 80px; }

    /* Texto lado esquerdo */
    #div-formulario-texto {
        padding-top: 6%;
        padding-right: 2em;
        color: #fff;
    }

        #div-formulario-texto .login-h1 {
            color: #ffffff;
            font-size: 1em;
            letter-spacing: 6px;
            text-transform: uppercase;
        }

        #div-formulario-texto .login-h2 { color: #ffffff; font-weight: normal; font-size: 1.8em; margin-top: 0.2em; }
        #div-formulario-texto .login-texto-plataforma { color: #ffffff; font-size: 1.3em; margin-top: 2em; }

        /*#div-formulario-login a { color: #ffffff; } Apos a inserção da TAB isso foi retirado */
        #div-formulario-login .login-precisa-ajuda { margin-top: 10px; color: #fff }
        #div-formulario-login .login-precisa-ajuda:hover {  color: #ccc }

        .login-recupera-senha { padding-top: 20px; color: #555 !important }
        #div-formulario-login .login-recupera-senha:hover { color: #333 }

    /* Box lado direito */
    #account-wall {
        margin-top: 20px;
        padding: 40px 30px 30px;

        background: rgba(39, 39, 39, 0.5) 0% 0% no-repeat padding-box;
        box-shadow: 10px 3px 6px #00000029;
        border-radius: 20px;
        backdrop-filter: blur(24px);

    }

        #account-wall .login-form-h3 { font-size: 1em; font-weight: bold; color: #555;  }
        #account-wall .nav-tabs {
            border-bottom: none;
            margin: 0 15px;
        }
        #account-wall .nav-tabs li a {
            background: rgba(255, 255, 255, 0.15) 0% 0% no-repeat padding-box;
            border-radius: 4px 4px 0px 0px;
            font-size: 11px;
            font-weight: bold;
            color: #ECECEC;
            padding: 10px 10px;
        }
        #account-wall .nav-tabs .active a {
            background: #ECECEC 0% 0% no-repeat padding-box;
            color: #484B5B;
        }

        #login-form { margin-top: 20px; }

        .form-signin {
            max-width: 90%;
            margin: 10px auto;
        }
        .form-signin .form-signin-heading, .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin .checkbox {
            font-weight: normal;
        }

        .form-signin .form-control {
            position: relative;
            font-size: 16px;
            height: auto;
            padding: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .form-signin .form-control:focus {
            z-index: 2;
        }

        .tab-content {
            padding: 30px;
            border-radius: 15px;
            background: rgba(236, 236, 236, 1) 0% 0% no-repeat padding-box;
        }


/* Sobrescreve a propriedade padrao do Obstrap (cor branca) */
.alert-warning {
    color: #8a6d3b
}
.btn-warning, .btn-warning:hover {
    color: #b32d00
}

.form-group {
    margin-bottom: 5px;
}

.input-group {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px #0000000F;
    border: 1px solid #E3E9F0;
    border-radius: 15px;
}

.input-group-addon {
    color: #E3E9F0;
}

.has-error .form-control:focus,
.input-group .input-group-addon,
.input-group .form-control,
.input-group .select2-container .select2-selection {
    border: none;
    background: none;
    box-shadow: none;
    --webkit-box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border: none;
}