a {
    color:var(--qs-green-rgb);
}
a:hover {
    color:#043b36;
}
.md-form input[type="text"]:not(.browser-default):focus, .md-form input[type="password"]:not(.browser-default):focus, .md-form input[type="email"]:not(.browser-default):focus, .md-form input[type="tel"]:not(.browser-default):focus {
	
	box-shadow: none !important;
	border-bottom: 2px solid var(--qs-green-rgb) !important;
  }
  
  .md-form input[type="text"]:not(.browser-default):focus + label, .md-form input[type="password"]:not(.browser-default):focus + label, .md-form input[type="email"]:not(.browser-default):focus + label, .md-form input[type="tel"]:not(.browser-default):focus + label {
	color: var(--qs-green-rgb) !important;
	font-weight: 600 !important;
  }

  .md-form .input-prefix {
    color: rgb(117, 117, 117) !important;

}

.md-form .input-prefix.active {
    color: var(--qs-green-rgb) !important;

}
.eighty {
    height: 80vh;
    display: block;
}


/* --- Styles pour l'icône afficher/masquer mdp --- */
.input-group-password-container {
    position: relative;
}

/* Ajuster le padding droit des champs password pour laisser la place à l'icône */
.input-group-password-container input[type="password"],
.input-group-password-container input[type="text"] {
    /* Augmentez cette valeur si l'icône est large ou si vous voulez plus d'espace */
    padding-right: 40px !important;
}

.input-group-password-container .toggle-password-vis {
    position: absolute;
    top: 50%; /* Alignement vertical initial */
    right: 1.5rem; /* Distance du bord droit */
    transform: translateY(-50%); /* Centrage vertical parfait */
    cursor: pointer;
    color: #aaa; /* Couleur discrète pour l'icône */
    z-index: 2; /* Pour être sûr qu'elle est au-dessus de l'input */
    background: none !important; /* Annuler le fond de input-group-text si MDB l'ajoute */
    border: none !important; /* Annuler la bordure si MDB l'ajoute */
    padding: 0 !important; /* Annuler le padding si MDB l'ajoute */
    /* Ajuster la taille si nécessaire */
    font-size: 1rem;
    line-height: 1; /* Pour éviter des décalages verticaux */
}

/* Optionnel: changer la couleur au survol */
.input-group-password-container .toggle-password-vis:hover {
    color: #333;
}