html,
body {
    background: #ffffff !important;
    background-image: none !important;
    color: #222222 !important;
}

.container {
    max-width: 760px !important;
}

/* ÚNICO logótipo Stafford */
.stafford-logo-wrap {
    width: 100%;
    text-align: center;
    margin: 20px 0 15px 0;
}

.stafford-main-logo {
    display: inline-block;
    width: 143px;
    height: auto;
    max-width: 100%;
}

/* Menu fica DEBAIXO do logótipo */
.navbar,
.navbar-expand-lg,
.bg-body-tertiary {
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
    color: #222222 !important;
}

/* Verde Stafford */
.btn-primary,
.btn-success,
button[type="submit"],
input[type="submit"] {
    background-color: #007840 !important;
    border-color: #007840 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    background-color: #006838 !important;
    border-color: #006838 !important;
}

.form-control:focus {
    border-color: #007840 !important;
    box-shadow: 0 0 0 1px #007840 !important;
}

.alert-success {
    background: #eef8f3 !important;
    border-color: #007840 !important;
    color: #005c32 !important;
}

footer,
.footer {
    display: none !important;
}
/* Ajuste final Stafford */

/* Logótipo 20% menor */
.stafford-main-logo {
    width: 114px !important;
    max-width: 114px !important;
    height: auto !important;
}

/* Retirar espaço excessivo à volta do logótipo */
.stafford-logo-wrap {
    margin: 8px 0 8px 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Retirar altura/espaço excessivo do menu */
.navbar,
.navbar-expand-lg,
.bg-body-tertiary {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.navbar .container-fluid {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
}

/* Aproximar conteúdo do topo */
.card-body {
    padding-top: 12px !important;
}

/* Retirar margens extra do título/menu */
.navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
}
/* AJUSTE FINAL */

.stafford-main-logo {
    width: 114px !important;
    max-width: 114px !important;
    height: auto !important;
}

.stafford-logo-wrap {
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

.navbar,
.navbar-expand-lg,
.bg-body-tertiary {
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.navbar .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

body {
    padding-top: 0 !important;
}
/* =========================================================
   STAFFORD - visual semelhante ao Keycloak
   ========================================================= */

:root {
    --stafford-green: #007840;
    --stafford-green-hover: #006838;
    --stafford-border: #d6d6d6;
}

/* Caixa principal */
.card {
    background: #ffffff !important;
    border: 1px solid var(--stafford-border) !important;
    border-top: 4px solid var(--stafford-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
}

.card-body {
    background: #ffffff !important;
    padding: 28px !important;
}

/* Retirar fundos azuis das zonas do formulário */
.bg-info,
.bg-light,
.form-horizontal,
fieldset {
    background: #ffffff !important;
}

/* Mensagens */
.alert {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.alert-success {
    background: #ffffff !important;
    border: 1px solid var(--stafford-green) !important;
    color: #222222 !important;
}

.alert-warning {
    background: #ffffff !important;
    border: 1px solid #d6d6d6 !important;
    border-left: 4px solid var(--stafford-green) !important;
    color: #222222 !important;
}

/* Campos quadrados como Keycloak */
.form-control {
    background: #ffffff !important;
    border: 1px solid #9d9d9d !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 40px;
}

.form-control:focus {
    border-color: var(--stafford-green) !important;
    box-shadow: 0 0 0 1px var(--stafford-green) !important;
}

/* Caixa dos ícones junto aos campos */
.input-group-text,
.input-group-addon {
    background: #f3f3f3 !important;
    border: 1px solid #9d9d9d !important;
    border-radius: 0 !important;
    color: #222222 !important;
}

/* Botão igual ao verde do Keycloak */
.btn,
.btn-success,
.btn-primary,
button[type="submit"],
input[type="submit"] {
    background: var(--stafford-green) !important;
    border: 1px solid var(--stafford-green) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.btn:hover,
.btn-success:hover,
.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--stafford-green-hover) !important;
    border-color: var(--stafford-green-hover) !important;
}

/* Texto e links */
a {
    color: var(--stafford-green) !important;
}

label {
    color: #111111 !important;
}
/* =========================================================
   STAFFORD - OVERRIDE FINAL TIPO KEYCLOAK
   ========================================================= */

/* Caixa exterior */
.card.card-success.shadow {
    background: #ffffff !important;
    border: 1px solid #d6d6d6 !important;
    border-top: 4px solid #007840 !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.10) !important;
}

/* Conteúdo */
.card.card-success.shadow > .card-body {
    background: #ffffff !important;
}

/* Todas as mensagens */
.result.alert.shadow,
.alert.shadow {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Change your password */
.result.alert.shadow.alert-success {
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #007840 !important;
}

/* Mensagem que atualmente está amarela */
.result.alert.shadow.alert-warning {
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #d6d6d6 !important;
    border-left: 4px solid #007840 !important;
}

/* Caixa do formulário que atualmente está azul */
.alert.shadow.alert-info {
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Inputs */
.input-group {
    border-radius: 0 !important;
}

.input-group-text {
    background-color: #f4f4f4 !important;
    color: #222222 !important;
    border: 1px solid #9c9c9c !important;
    border-radius: 0 !important;
}

.form-control {
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #9c9c9c !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #007840 !important;
    box-shadow: 0 0 0 1px #007840 !important;
}

/* Botão */
button.btn.btn-success {
    background-color: #007840 !important;
    border: 1px solid #007840 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

button.btn.btn-success:hover,
button.btn.btn-success:focus {
    background-color: #006838 !important;
    border-color: #006838 !important;
}

/* Labels */
.col-form-label {
    color: #222222 !important;
}