/* Estilo para linhas alternadas em branco e cinza claro */

/* login page background */
body.function-login {
    height: 70%;
    background: transparent url("https://www.groenitz.com.br/Recepcao/images/tooth-teeth.gif") no-repeat left center fixed;
    background-size: contain; /* Mantém a proporção da imagem e ajusta ao tamanho da página */
    background-position: left center; /* Alinha à esquerda e centraliza verticalmente */
    background-repeat: no-repeat;
}




tr:nth-child(even) {
  background-color: #f2dada;
}

/* Estilo para linha selecionada em bege */
tr.selected {
  background-color: beige;
}

/* Estilo para campo selecionado em amarelo */
tr.selected td {
  background-color: yellow;
}

.expandingSection {
  height: 0; /* Inicialmente, a seção está oculta */
  overflow: hidden; /* Oculta o conteúdo que exceder a altura definida */
  transition: height 0.5s ease; /* Adiciona uma animação suave de transição */
}

.expanded {
  height: 300px; /* Define a altura desejada quando a seção estiver expandida */
}
body {
    background-color: rgb(225, 192, 192); 
}
.navbar-nav {
background: #f2dada;
}

    var barElements = document.querySelectorAll('.bs-dbelement');

    // Itera sobre cada barra e define a cor de fundo
    barElements.forEach(function(bar) {
        bar.style.backgroundColor = '#750202'; // Cor bordô (#750202)
    });

/* Estilo para todos os campos de formulário (inputs, selects, textareas) */
input, select, textarea, button {
    border-radius: 20px; /* Aumente o valor para cantos mais ovalados */
    border: 3px solid #6271f5;
    padding: 10px 10px; /* Aumente o valor para cantos mais ovalados */
    transition: background-color 0.3s ease;
}

/* Aplicar ao focar em qualquer campo de entrada, select, textarea ou botão */
input:focus, select:focus, textarea:focus, button:focus {
    background-color: yellow; /* Cor de fundo ao focar */
}