@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
* {
margin: 0;
border: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
} 
:root{
--green:rgb(161, 253, 108);
--black:rgb(0, 0, 0);
--white:rgb(255, 255, 255);
--gray:rgb(212, 212, 212);
--button:rgb(0, 0, 0);
--degrade:linear-gradient( to right, rgb(161, 253, 108)10%, rgb(161, 253, 108) 50%  );
}
.coluna-2 {
display: flex;
flex-direction: column;
justify-content: center; 
align-items: center; 
text-align: center; 
}
.form-container {
width: 75%;
max-width: 400px; 
text-align: center;
}
.password-container {
position: relative;
}
.password-icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
cursor: pointer;
}
.coluna-1 {
background-color: var(--white);
}
.text-text-col1 {
color: var(--black);
}
.coluna-2 {
background-color: var(--green);
}
.text-col2 {
color: var(--black);
}
.custom-header {
background-color: var(--green);
}
/* Estilização para o título h2 */
.form-container h2 {
font-size: 24px; 
font-weight: bold; 
color: #000000; 
margin-bottom: 20px; 
}
/* Estilização para o subtítulo h4 */
.form-container h4 {
font-size: 18px; 
font-weight: normal; 
color: #000000; 
margin-bottom: 20px; 
}
.custom-gray {
color: rgb(53, 52, 52);
}
.custom-input {
width: 100%;
padding: 10px;
background-color: var(--white);
border:none;
color: var(--black);
border-radius: 5px;
margin-bottom: 10px;
box-sizing: border-box; 
}
.custom-input::placeholder {
text-align: center; 
}
.custom-button {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background-color: var(--black);
color: var(--green);
cursor: pointer;
transition: background-color 0.3s ease; 
}
.custom-button:hover {
background-color: #00000088;
}
.form-footer {
margin-top:100px; 
}
.password-icon {
max-width: 30px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
cursor: pointer;
}
.table-container {
margin: auto; 
width: auto; 
}
.table-container td {
text-align: justify;
}
.icones img {
max-width: 80px;
max-height: 80px;
display: inline-block;
padding: 4px;
}

.btn-saldo{
    color: #333; /* Cor do texto */
    background-color: #75bd17; /* Cor de fundo */   
}
.btn-saldo:hover{
    color: #fff; /* Cor do texto ao passar o mouse */
    background-color: #333; /* Cor de fundo ao passar o mouse */
    border-color: #333; /* Cor da borda ao passar o mouse */
    text-decoration: none; /* Remove sublinhado ao passar o mouse */ 
}


@media (max-width:1085px){

    .icones img {
        max-width: 35px;
        max-height: 35px;
        display: inline-block;
        padding: 1px;
        }

}