/* Fundo da tela de acesso: imagem destinada a desktop e tablet. */
html,
body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
}

body#pagina {
    min-height: 100vh;
    background-color: #650016 !important;
    background-image: var(--login-background-image) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

body#pagina .page {
    min-height: 100vh;
}


.login-form .form-group { margin-bottom: 16px; }
.login-form label { display: block; margin-bottom: 7px; font-size: 13px; }
.login-input-wrap { position: relative; }
.login-input-wrap > i { position: absolute; z-index: 2; left: 13px; top: 50%; transform: translateY(-50%); color: #bc0029; font-size: 16px; }
.login-input-wrap .form-control { height: 40px; padding: 8px 36px; border: 2px solid #ead6da; border-radius: 7px; color: #560216; font-size: 14px; letter-spacing: -0.15px; box-shadow: none; }
.login-input-wrap .form-control:focus { border-color: #8b0624; box-shadow: 0 0 0 2px #f5e7ea; }
.login-input-wrap .field-icon { position: absolute; z-index: 3; right: 12px; top: 50%; transform: translateY(-50%); float: none; margin: 0; color: #bc0029; }
.login-remember { display: flex !important; align-items: center; gap: 8px; margin: 0 0 16px !important; cursor: pointer; }
.login-remember .form-check-input { float: none !important; flex: 0 0 16px; width: 16px; height: 16px; margin: 0 !important; border-color: #d9bdc5; }
.login-remember span { display: block; margin: 0; font-size: 13px; font-weight: 700; line-height: 16px; }

.login-form #cor_BTN { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 42px; border: 0; border-radius: 7px; font-size: 13px; font-weight: 600; }
.login-form #cor_BTN .fa { font-size: 15px; }
.login-forgot { color: #650016; font-size: 13px; font-weight: 700; text-decoration: none; }
.login-forgot:hover { color: #a73737; }

/* Tamanho do cartão de login em desktop e tablet. */
@media (min-width: 768px) {
    body#pagina .card-sigin-main {
        flex: 0 0 405px;
        width: 405px;
        max-width: calc(100% - 32px);
    }

    body#pagina .card-sigin {
        padding: 36px;
    }

    body#pagina .sign-favicon {
        width: 120px !important;
    }
}