/* azul: #382D89 */
/* amarelo: #FAD44B */

html {
  font-size: 135%;
}

#type_login {
  background-color: #382D89;
  /* width: 500px;
  height: 500px; */
  margin: 20px auto;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

#title_acess {
  color: #EFEFEF;
  margin-top: 10px;
  margin-bottom: 40px;
  text-decoration: underline;
}

#title_2{
  color: #EFEFEF;
  margin-top: 20px;
  margin-bottom: 40px;
}

#title_painel{
  color: #EFEFEF;
  margin-bottom: 40px;
}

#title_painel22{
  color: #EFEFEF;
  margin-bottom: 40px;
}

#title_painel33{
  color: #EFEFEF;
}

#logo {
  width: 150px;
  margin-top: 20px;
}

#form_lable {
  color: #EFEFEF;
}


#btn-yellow-mab {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #FAD44B;
}

#qr-code-img{
  width: 300px;
}

#alunoNome{
  color: #EFEFEF;
  margin-top: 20px;
}

#total-saldo{
color: #EFEFEF;
margin-top: 20px;
}

#form_Saldo{
  margin-top: 80px;
}

#form_Turma{
  margin-top: 80px;
}
#table_alunos{
  margin-top: 80px;
  color: #EFEFEF;
}

nav-link {
  color: white;
}

/* Garante que a tabela sempre se ajuste ao container */
.table-responsive {
  width: 100%;
  overflow-x: hidden; /* Remove o scroll horizontal */
}

table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed; /* Distribui colunas uniformemente */
}

th, td {
  word-wrap: break-word; /* Quebra o texto dentro das células */
  text-align: center;
  padding: 10px;
}

/* Ajuste para telas menores */
@media (max-width: 768px) {
  table {
    font-size: 18px; /* Reduz a fonte para encaixar melhor */
  }

  th, td {
    padding: 5px; /* Reduz padding para ocupar menos espaço */
  }
}