/* Estilos para inputs, selects e textareas dentro de uma div com a classe flex-grow */
.flex-grow input, 
.flex-grow select, 
.flex-grow textarea {
    border-color: #333 !important; /* Cor escura para as bordas */
}



input, select, textarea {
    border-color: #333 !important; /* Cor escura para as bordas */
}

login #header {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
}

.login #header h1 {
    font-size: 24px;
    font-weight: bold;
}

.login #header h1 img {
    width: 90px; /* Ajuste o tamanho do logo */
    height: auto;
    margin-bottom: 10px;
}

/* Logo na barra de navegação superior */
#header {
    background-color: #ffffff;
    color: #000000;
}

#header h1 {
    font-size: 24px;
    font-weight: bold;
}

#header h1 img {
    width: 90px; /* Ajuste o tamanho do logo */
    height: auto;
    margin-right: 10px;
}


.login-logo {
    width: 90px;  /* Defina a largura desejada */
    height: auto;  /* Mantenha a proporção da altura */
    display: block;
    margin: 0 auto 20px auto;  /* Centralize a imagem e adicione margem inferior */
}

#login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
}

#login h1 {
    text-align: center;
}

#login .form-row {
    margin-bottom: 10px;
}

#login .submit-row {
    text-align: center;
}

#login .submit-row input {
    width: 100%;
}

/* filepath: /home/rnmioshi/SourceCode/portal_do_cliente/static/admin/css/custom.css */
.highlight-input {
    border: 2px solid #4CAF50;  /* Cor de destaque */
    padding: 5px;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.highlight-input:focus {
    border-color: #66afe9;
    outline: none;
    box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}

.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.button:hover {
    background-color: #0056b3;
}
/* Unfold - Tamanho logo no header */
header img,
header a img,
.site-branding img,
nav img,
[data-unfold-header] img {
    max-width: 90px !important;
    width: 90px !important;
    height: auto !important;
}