@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800");
@import url(/lib/font-awesome/css/all.min.css);

body {
    background-image: url(../imagens/background-green.jpg);
    background-repeat: round;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-size: cover;
}
.txt-white{
    color:white;
}

.login-container {
    background-color: #11763c;
    padding: 30px;
    border-radius: 8px;
    width: 85%;
    max-width: 85%;
    margin: auto;
}

.separator {
    border-bottom: 1px solid #808080;
    margin: 20px 0;
}

.login-button {
    text-align: right;
}

@media screen and (min-width: 768px) {
    .login-container {
        width: 50%;
        max-width: 500px;
    }
}

label:has(+ input:not([data-val-required]))::after {
    content: ":";
    font-weight: bold;
}

label:has(+ input[data-val-required])::after {
    content: "*:";
    font-weight: bold;
}

label:has(+ select:not([data-val-required]))::after {
    content: ":";
    font-weight: bold;
}

label:has(+ select[data-val-required])::after {
    content: "*:";
    font-weight: bold;
}

.popover {
    --bs-popover-bg: #000;
}

    .popover-header {
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid #000;
}