/* Eye Icon styling */
		.InputText {
			width: 250px; /* or whatever fits your design */
			box-sizing: border-box;
			padding: 4px;
			height: 24px;
			font-size: 10px;
		}
        .password-container {
            position: relative;
            width: 250px; /* Reduced width for smaller input field */
        }

        .password-container input[type="password"],
        .password-container input[type="text"] {
            width: 100%;
            padding: 4px; /* Reduced padding for small height */
            padding-right: 40px; /* Space for the eye icon */
            font-size: 10px; /* Smaller font size */
            height: 24px; /* Reduced height */
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        .eye-icon {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #666;
            font-size: 14px; /* Adjusted icon size to match the smaller input field */
        }

        /* For Edge-specific fix */
        .password-container input[type="password"]:focus {
            outline: none; /* Remove outline */
        }

        /* Preventing browser's default behavior */
        .password-container input[type="password"]::-webkit-credentials-auto-fill-button {
            display: none !important; /* Disable autofill button */
        }
        
        .password-container input[type="password"]::-ms-reveal {
            display: none !important; /* Disable second eye in Edge */
        }

        /* Edge browser-specific styles for the eye icon */
        @supports (-ms-ime-align: auto) {
            .eye-icon {
                display: block !important; /* Force display in Edge */
            }
        }