:root {
    --brand: #042B0B;
    /* Cor base clara de contraste */
    --brand-light: #E7EAE7;
    /* Variações automáticas da paleta */
    --brand-90: color-mix(in srgb, var(--brand) 90%, var(--brand-light) 10%);
    --brand-80: color-mix(in srgb, var(--brand) 80%, var(--brand-light) 20%);
    --brand-70: color-mix(in srgb, var(--brand) 70%, var(--brand-light) 30%);
    --brand-60: color-mix(in srgb, var(--brand) 60%, var(--brand-light) 40%);
    --brand-50: color-mix(in srgb, var(--brand) 50%, var(--brand-light) 50%);
    --brand-40: color-mix(in srgb, var(--brand) 40%, var(--brand-light) 60%);
    --brand-30: color-mix(in srgb, var(--brand) 30%, var(--brand-light) 70%);
    --brand-20: color-mix(in srgb, var(--brand) 20%, var(--brand-light) 80%);
    --brand-10: color-mix(in srgb, var(--brand) 10%, var(--brand-light) 90%);
    /* para fundos claros (tom rosado) */
    --brand-warm-light: #F7EFE6;
    /* para textos que necessitem atenção */
    --brand-pink: #ff78d2;
}

html, body {
  min-height: 100%;
}

body.login-page {
    background-color: #536b75;
    background-image: url(../img/login-fundo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.sidebar-header {
    text-align: center;
    border-bottom: 1px dashed #546c762e;
    padding-bottom: 10px;

}

.login-logo a {
    color: #FFF;
}
.login-page {
    background: #d2d6de;
}
.login-box {
    width: 360px;
	height:230px;
    margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
@media (max-width: 768px) {
    .login-box {
        width: 90%;
        margin-top: 20px;
    }
}
.login-box-body {
    background: #fff;
    padding: 20px;
    color: #444;
    border-top: 0;
    color: #666;
    border-radius: 8px;
	-o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.form-control-error {
    display:none;
}
.login-box-body .form-control-feedback {
    color: #777;
}
.login-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}
.input-group-addon {
    background-color: #546c76;
    border: none;
    color: #FFF;
    min-width: 40px;
}

#modal-forget-password .modal-header{
    background-color: var(--brand-60) !important;
    color:#FFF;
}
.btn-success {
    background-position: left center !important;
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    border-bottom: solid 6px var(--brand-50) !important;
    transition: background-color 0.3s ease;
}
.btn-success:hover {
    background-color: var(--brand-90) !important;
}

.btn-default {
    border-bottom: solid 6px #CCC;
    background-position: left center;
}

#frmLogin button {
    background-image: url(../img/login-icone-botao.png);
    background-repeat: no-repeat;

}