/* wwwroot/css/login.css */

.login-container {
    display: flex;
    flex-direction: column;
}

.login-container {
    margin-bottom: 25px;
}

.password-wrapper {
    display: flex;
    align-items: center;
}

.password-wrapper .form-control {
    flex-grow: 1; /* Make the input take up remaining space */
    margin:0px; /* Space between input and button */
}

.password-wrapper .btn {
    flex-shrink: 0; /* Prevent button from shrinking */
}

/* wwwroot/css/login.css */
/* wwwroot/css/login.css */

#togglePasswordIcon {
    user-select: none; /* Disable text selection */
    outline: none; /* Remove outline */
    -webkit-user-select: none; /* Disable text selection for Safari */
    -ms-user-select: none; /* Disable text selection for IE */
    -moz-user-select: none; /* Disable text selection for Firefox */
}

#togglePasswordButton {
    cursor: pointer; /* Ensure the cursor shows it's clickable */
    outline: none; /* Remove outline on button click */
}

    #togglePasswordButton:focus,
    #togglePasswordButton:active,
    #togglePasswordButton:focus-visible {
        outline: none; /* Remove outline on button focus and active state */
    }