

.absolute-position {
  position: absolute;
  /* Adicione aqui as propriedades de posicionamento como top, left, right, bottom */
}


body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    
  align-items: center;
   text-align: center;
    
    
}

.titulo {
color: blue; /* #c388e3;  Roxo claro bem vivo */
    font-size: 45px; /* Tamanho dos títulos maior que o texto */
    margin-bottom: 20px;
    font-weight: bold;
    margin: 0 auto;
    word-wrap: break-word;
    }

.texto {
font-size: 30px; /* Tamanho dos títulos maior que o texto */
    margin-bottom: 10px;
    padding: 10px;
            max-width: 90%;
            margin: 0 auto;
            word-wrap: break-word;
            font-weight: bold;
}

.texto2 {
font-size: 25px; /* Tamanho dos títulos maior que o texto */
    margin-bottom: 10px;
    padding: 10px;
            max-width: 90%;
            margin: 0 auto;
            word-wrap: break-word;
            font-weight: bold;
}

h1 {
    color: blue; /* Roxo claro bem vivo */
    font-size: 45px; /* Tamanho dos títulos maior que o texto */
    margin-bottom: 20px; /* Adiciona espaço abaixo do título */
}


/* Ajusta o tamanho dos elementos para ocupar 80% da largura da tela */
.container {
    width: 80%;
    max-width: 400px; /* Define um tamanho máximo para o container */
    margin: auto;
    display: flex;
    flex-direction: column; /* Organiza os elementos em coluna */
}

.container3 {
position: absolute;
left: 20px;
   max-width:60%;
   /* Define um tamanho máximo para o container */
   align-items: center;
   text-align: center;
    }



.container4 {
position:absolute;
left: 20px;
   max-width:800px;
   /* Define um tamanho máximo para o container */
   
    }
    

.input-container {
    margin: 10px;
}

input {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 7px;
    width: 500px;
    height: 30px;
    text-align: center; 
}

select {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 7px;
    width: 500px;
    height: 30px;
    text-align: center; 
}


button {
    padding: 10px 20px;
    background-color: white;
    color: white;
    border: 4px solid white; /* Adiciona a borda branca de 4 pixels */
    border-radius: 15px;
    cursor: pointer;
    width: 520px;
}

.error {
    color: red;
}

.success {
    color: green;
}




/* Adicionar classes de estilo para mensagens de erro e sucesso */
.mensagem {
    max-width: 400px; /* Definir a largura máxima das mensagens */
    font-size: 16px; /* Definir tamanho fixo da fonte */
    margin: 10px 0;
    padding: 10px;
   
}

.mensagem.erro {
    color: red;
    font-weight: bold;
}

.mensagem.sucesso {
    color: green;
    font-weight: bold;
}


   .bordabranca {
            border: 4px solid #fff;
            border-radius: 15px;
            padding: 10px;
            max-width: 90%;
            margin: 0 auto;
            word-wrap: break-word;
        }
        
        .hr {
        border: 8px solid #fff;
            
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        li {
            margin-bottom: 20px; /* Adiciona duas quebras de linha após cada linha da tabela */
        }
        
/* Estilo personalizado para o placeholder */
input::placeholder {
  color: black; /* Cor do texto do placeholder */
  font-style: Times new roman; /* Estilo da fonte do placeholder */
  text-align: center; /* Alinhamento do texto do placeholder */
  ; /* Tamanho da fonte do placeholder */
}


.saldo-carteira {
    color: <?php echo $cor_saldo_carteira; ?>;
}

.saldo-cofre {
    color: <?php echo $cor_saldo_cofre; ?>;
}





.container5 {
position:absolute;
   max-width:50%
   /* Define um tamanho máximo para o container */
 
  text-align: center;
  /* Definir estilos adicionais conforme necessário */
  font-size: 30px;
  font-weight: bold;
    }
    
    .container6 {
  text-align: center;
}
.bn {
width: 100%;
}

button {
  background-color: white;
  color: blue;
  padding: 10px 20px;
  font-size: 30px;
  font-family: Arial, sans-serif;
  border: 4px solid blue;
            border-radius: 15px;
            word-wrap: break-word;
            font-weight: bold;
            text-align: center; 
           
}


.btn {
  background-color: white;
  color: blue;

  font-size: 30px;
  font-family: Arial, sans-serif;
  border: 4px solid blue;
            border-radius: 15px;
            word-wrap: break-word;
            font-weight: bold;
            text-align: center; 
            height: 100%;
           
}
