#signup-form {
display: none;
}
#tooltip {
display: none;
background-color: rgba(255, 255, 255, 0.9);
color: black;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
position: absolute;
z-index: 20;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


.password-input-container {
position: relative;
display: inline-block;
width: 100%;
}

.password-input-container input {
padding-right: 40px; /* Espaço para o ícone */
}

.password-input-icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%); 
z-index: 15; 
background-color: white;
border-radius: 50%;
padding: 4px;
border: 1px solid #d1d5db; 
cursor: pointer;
}
.password-border-wrapper {
/*border: 2px solid transparent;*/ /* Comente ou remova essa linha */
width: 100%; 
display: block;
padding: 2px; 
}


/* Estilos para os Modais */
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
}


#signup-senha {
padding-right: 30px; /* espaço para o ícone */
}
.password-input-wrapper input {
width: 100%;
/* ... mantenha outras propriedades ... */
}
.password-toggle-icon-signup {
position: absolute;
right: 60px;  /* Deslocado mais para a esquerda */
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 1000;
}

.password-input-icon {
position: absolute;
right: 25px;  /* Ajuste conforme necessário */
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 1000;
}
.password-toggle-icon-login {
position: absolute;
right: 10px;  /* Posição à direita */
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 1000;
}


.password-toggle-icon-login, .password-toggle-icon-signup {
    cursor: pointer;
}


.error-message {
    display: none;
}

.responsive-video {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.responsive-video iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}