body.login{
    background-color:white;
}

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

@media screen and (min-width: 720px) {
    .wrapper-login {
        margin-right: 50vw;
        min-height: 100vh
    }
}

@media screen and (max-width: 719px) {
    .wrapper-login {
        margin-top: 25vh;
        height: 75vh
    }
}

.loader-mask {
    position: fixed;
    transition: all 1s ease-out;
    background: url("../images/background-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 45%;
    background-position-y: center;
    border-bottom-left-radius: 180px
}

@media screen and (min-width: 720px) {
    .loader-mask {
        width: 50vw;
        height: 100vh;
        top: 0;
        left: 50vw
    }
}

@media screen and (max-width: 719px) {
    .loader-mask {
        max-height: 25vh;
        width: 100vw;
        overflow: hidden
    }
}

@media screen and (max-width: 719px) {
    .loader-mask {
        border-bottom-left-radius: 70px
    }
}

@media screen and (max-width: 719px) {
    .loader-mask .logo-wrapper {
        height: 100%
    }
}

.loader-mask .logo-wrapper .logo-def-w {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 720px) {
    .loader-mask .logo-wrapper .logo-def-w {
        transform: scale(90%)
    }
}

.loader-mask.wellcome-first {
    width: 100vw;
    max-height: 100vh;
    left: 0;
    border-radius: 0;
    overflow: hidden
}

@media screen and (max-width: 719px) {
    .loader-mask.wellcome-first .logo-wrapper {
        height: auto
    }
}

.home-link, .footer-login {
    flex-shrink: 0
}

.footer-login{
    margin-top: 25px;
    flex-wrap: wrap;
}

.footer-login-p {
    line-height: 1rem;
    color: #707EAE;
    font-weight: 400;
    padding-left: .5rem;
}

@media screen and (min-width: 1400px) {
    .footer-login-p {
        padding: 1rem;
        padding-right: 7rem;
    }
}

@media screen and (max-width: 800px) {
    .footer-login{
        align-items: flex-start;
    }
}


strong {
    font-weight: bold;
}

.login-content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px
}

@media screen and (max-width: 719px) {
    .login-content {
        padding-top: 0;
        padding-bottom: 0
    }
}

.login-content .logo-def-w {
    transform: scale(90%)
}

.wrapper-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px
}

.login-card {
    width: 100%;
    max-width: 400px;
    border-radius: 12px
}

@media screen and (max-width: 719px) {
    .login-card {
        padding-top: 0 !important
    }
}

.title-access {
    font-size: 2.5rem;
    font-weight: bold;
    color: #0B7A38;
    text-align: left;
}

.subtitle {
    font-size: .95rem;
    margin-top: -5px
}


.top-togin {
    width: 100%;
    margin-top: -7rem;
    margin-bottom: 8rem;
}

.txt-back {
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: bold;
}

    .txt-back:hover {
        text-decoration: underline
    }

span.material-symbols-outlined{
    font-size: 20px;
    font-weight: bold;
}

.form-label {
    color: #2B3674;
    font-weight: 500;
    margin-bottom: .5rem
}


#txtLogin, #senhaInput, #form-control-senha, #form-control-login {
    border: solid 1.5px #E0E5F2;
    padding: 1rem;
}

#txtLogin::placeholder, #senhaInput::placeholder, #form-control-senha::placeholder {
    color: #A3AED0;
    font-size: small;
}

#txtLogin, #senhaInput {
    background-color: transparent;
}


.form-control:focus, .form-select:focus{
    box-shadow: none !important;
}

.form-control:focus {
    border: 1.5px solid #BE9616 !important;
}

#form-control-login::placeholder {
    font-size: medium;
    color: #A3AED0;
}

#toggleSenha {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

#btnSubmit {
    background-color: #A0A267;
}

    #btnSubmit:hover {
        background-color: #987811;
    }

.forgot-pass {
    font-size: .9rem;
    text-decoration: none;
    color: #0B7A38;
    font-weight: bolder;
}
.forgot-pass-label {
    color: #2B3674;
    font-weight: 500;
    margin-right: 5px;
}

.forgot-pass:hover {
    text-decoration: underline
}

.toggle-senha {
    opacity: .4
}

.is-invalid + .toggle-senha {
    display: none
}

.invalid-feedback {
    font-size: .85rem;
    margin-top: 5px;
    text-align: left
}

.position-relative .invalid-feedback {
    width: 100%
}

.container-fluid{
    padding:0;
}

.wrapper-recovery {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

    .wrapper-recovery::before {
        position: absolute;
        content: " ";
        display: block;
        width: 100vw;
        height: 500px;
        top: 0;
        background: url("../images/background-1.jpg");
        background-size: cover;
        z-index: -1
    }

.recovery-content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px 20px;
    gap: 1rem; 
}

.recovery-card {
    width: 100%;
    max-width: 550px;
    border-radius: 12px;
    box-shadow: rgba(50,50,93,.25) 0px 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px;
    padding: 2.5rem 3rem !important;
    gap: 0.5rem;
}

@media screen and (max-width: 719px) {
    .recovery-card {
        padding: 2rem 1.5rem !important;
    }
}

.logo-recovery {
    max-height: 160px
}

.recovery-massenger {
    text-align: center

}

.recovery-massenger > p{
    margin-bottom: 0;
}

.recovery-subtitle {
    font-size: 120%;
    font-weight: 600;
    color: var(--bs-tertiary);
}
.p-teste {
    color: #FFB8B8 !important;
    margin-bottom: 0;
}

.ambiente-teste-header {
    margin-top: 10px;
    width: 100%;
}

.ambiente-teste-header > div {
    width: 56%;
}

@media screen and (max-width: 1160px){
    .ambiente-teste-header > div {
        width: 65%;
    }

    .p-teste{
        font-size: small;
    }
}

@media screen and (max-width: 671px){
    .home-button{
        padding: 0.7rem;
    }
    .ambiente-teste-header > div {
        width: 100%;
    }
}

.home-button, .home-button:hover {
    outline: none;
    opacity: 1 !important;
    background-color: #A0A267;
    color: white;
    padding: 1rem;
    border-radius: 1rem;
    z-index: 1;
}

.home-button:hover {
    background-color: #808252;
}

#form-control-senha::placeholder {
    padding: 0.5rem;
    font-size: medium;
}

.btn-enviar{
    padding: 0.8rem!important ;
    border-radius: 15px;
}

.p-versao {
    text-align: right;
}

@media screen and (max-width: 800px) {
    .p-versao {
        text-align: left;
    }
}


/*# sourceMappingURL=login.css.map */