.password-field {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
    display: inline-block;
 }
        .hidden-password {
          -webkit-text-security: disc; /* Mask the password */
        }
        .key-icon {
          cursor: pointer;
          margin-right: 5px; /* Space between icon and password */
          font-size: 16px;
          color: #007bff; /* Optional: Change color as needed */
          vertical-align: middle; /* Align with text */
        }
        table {
          font-family: Arial, sans-serif; /* Use a web-friendly font family */
          font-size: 14px; /* Set font size to no greater than 12 */
        }
        .fa-regular.delete {
          font-size: 20px; /* Change font size */
          color: red; /* Set the icon color to red */
          transition: color 0.3s; /* Smooth transition for color change */
          margin-right: 10px;
          text-decoration: none;
        }
        .fa-regular.delete:hover {
          color: darkred; /* Change color on hover */
          cursor: pointer; /* Change cursor to pointer on hover */
          text-decoration: none;
        }
        .fa-regular.edit {
          font-size: 20px; /* Change font size */
          color: blue; /* Set the icon color to darkslateblue */
          transition: color 0.3s; /* Smooth transition for color change */
          margin-right: 10px;
          text-decoration: none;
        }
        .fa-regular.edit:hover {
          color: darkblue; /* Change color on hover */
          cursor: pointer; /* Change cursor to pointer on hover */
          text-decoration: none;
        }
        .fa-regular.new {
          font-size: 20px; /* Change font size */
          color: green; /* Set the icon color to darkslateblue */
          transition: color 0.3s; /* Smooth transition for color change */
          text-decoration: none;
        }
        .fa-regular.new:hover {
          color: darkgreen; /* Change color on hover */
          cursor: pointer; /* Change cursor to pointer on hover */
          text-decoration: none;
        }
        /* Center the icon in the cell */
        .icon-center {
          display: flex;
          justify-content: center; /* Center horizontally */
          align-items: center; /* Center vertically */
          height: 100%; /* Ensure it fills the cell height */
          text-decoration: none;
        }