.password-container {
  position: relative;
  width: 100%; /* Set the width of the container */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.password-container input {
  width: 100%; /* Ensure the input takes the full width of the container */
  padding-right: 40px; /* Add right padding to make space for the icon */
  box-sizing: border-box; /* Include padding and border in the input's total width */
}

.password-container .toggle-password {
  position: absolute;
  top: 50%; /* Position it in the center vertically */
  right: 100px; /* Adjust this value to position the icon from the right */
  transform: translateY(-50%); /* Center the icon vertically */
  cursor: pointer; /* Change cursor to pointer on hover */
  color: #555; /* Set the color of the icon */
  font-size: 16px; /* Adjust the font size as needed */
  z-index: 1; /* Ensure it appears above other elements */
}


table {
  width: 100%;
}

table tr td {
  padding: 10px 0;
}

.error {
  color: rgb(247, 2, 2);
  font-size: 0.9em;
}
