::placeholder {
    color: #9999993a; /* Cor do placeholder */
}

/* Navbar fixa no topo */
.navbar-index {
    background-color: #2c2c2c !important; /* Cor escura do navbar */
    padding: 10px !important; /* Espaçamento adequado */
    padding-left: 20px !important;
    display: flex;
    justify-content: space-between; /* Elementos distribuídos entre os extremos */
    align-items: center;
    position: fixed !important; /* Mantém a navbar fixa no topo */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000; /* Garante que a navbar fique acima de outros elementos */
    width: 100%; /* Garante que ocupe toda a largura da tela */
    height: auto !important; /* Define a altura da navbar */
}

.logo-index {
    width: auto !important;  /* Defina a largura desejada, ajuste conforme necessário */
    height: 60px !important;  /* Mantém a proporção da imagem automaticamente */
}

.navbar-title{
    color: white !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    font-size: 1.2em !important;
    cursor: default;
}

.subtitle_index {
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    font-size: 0.7em;
    cursor: default;
}


.navbar-subtitle {
    white-space: normal; /* Permite a quebra de linha natural quando necessário */
    word-break: break-word; /* Garante a quebra das palavras longas, se necessário */
    text-align: left; /* Alinha o texto à esquerda */
    font-size: 0.7em; /* Mantém o tamanho da fonte adequado */
    width: 100%; /* Garante que ocupe todo o espaço disponível */
    font-weight: bold;
    cursor: default;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    margin: 0 auto !important;
    padding: 0 !important;
}

#registerFormContainer{
    display: none;
}

#loginFormContainer, #registerFormContainer{
    padding: 15px !important;
}

.card{
    width: 30rem;
    padding: 0px !important;
    margin: 0px !important;
}

.card-body{
    padding: 0px !important;
    margin: 0px !important;
}


/* Ajustes para formulário e botões */
.form-control {
    height: 50px; /* Padroniza altura */
    padding: 10px; /* Aumenta padding para centralizar conteúdo */
    border-radius: 6px;
}

.row.mb-3 {
    margin-bottom: 1rem !important;
}

.d-flex select {
    margin-right: 8px;
    height: 50px;
}

.d-flex select:last-child {
    margin-right: 0;
}

#backIcon {
    display: none;
}

/* Ícone de voltar */
#back-to-login {
    font-size: 1.6em;
    color: #9DD0D4 !important;
    cursor: pointer;
}

#back-to-login:hover {
    color: #C9E7DE !important;
}

/* Estilo do botão "Recuperar senha" */
.forgot-password-container {
    display: flex;
    justify-content: flex-end; /* Alinhamento à direita */
}

.forgot-password-link {
    text-decoration: none; /* Remove o sublinhado */
    color: #9DD0D4; /* Cor azul do botão "Entrar" */
    font-size: 1rem; /* Tamanho do texto ajustado */
}

.forgot-password-link:hover {
    color: #C9E7DE; /* Cor ao passar o mouse */
    text-decoration: underline; /* Adiciona o sublinhado no hover */
}

/* Estilo da caixa de mensagem */
#messageBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 1050; /* Fica sobre outros elementos */
    display: none; /* Inicialmente escondida */
}

.message-alert {
    background-color: #f8d7da; /* Cor de fundo da mensagem de erro */
    color: #721c24; /* Cor do texto */
    border: 1px solid #f5c6cb; /* Borda da mensagem */
    border-radius: 5px;
    padding: 10px;
}

.message-alert .close-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    cursor: pointer;
    color: #721c24;
}



/* Adiciona 20px de espaço à direita do botão "Cancelar" */
.custom-cancel-btn {
    margin: 0 0 0 10px !important;
}

/* Garantindo que o botão "Sim, sair" não tenha margem */
.custom-confirm-btn {
    margin: 0px !important;
}