@charset "Shift_JIS";
/* Password toggle button styles. */
/* password_toggle.js assigns these classes at runtime: */
/*   .pwdtoggle_input : the password input element itself */
/*   .pwdtoggle_host  : the input's parent element (relative anchor) */
/*   .pwdtoggle_btn   : the toggle button inserted right after the input */
/*                      (.pwdtoggle_btn.is_shown while the password is visible) */
/* Do not add styles to existing classes such as efo / is_required / checktype_pwd / login_pwd_. */

.pwdtoggle_host {
    position: relative;
}

.pwdtoggle_input {
    padding-right: 2.2em;
}

.pwdtoggle_input::-ms-reveal {
    display: none;
}

.pwdtoggle_btn {
    position: absolute;
    right: 0.25em;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75em;
    height: 1.75em;
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.25em 1.25em;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
    /* eye icon (open) : click to show the password */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23555%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E");
}

.pwdtoggle_btn.is_shown {
    /* eye icon (slashed) : click to hide the password */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23555%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17.94 17.94A10.94 10.94 0 0 1 12 19c-7 0-11-7-11-7a21.7 21.7 0 0 1 5.06-5.94M9.9 4.24A10.94 10.94 0 0 1 12 5c7 0 11 7 11 7a21.7 21.7 0 0 1-2.16 3.19M14.12 14.12a3 3 0 1 1-4.24-4.24%22/%3E%3Cline x1=%221%22 y1=%221%22 x2=%2223%22 y2=%2223%22/%3E%3C/svg%3E");
}

.pwdtoggle_btn:focus {
    outline: 2px solid #1a73e8;
    outline-offset: 1px;
}

.pwdtoggle_btn:hover {
    opacity: .7;
}

@media print {
    .pwdtoggle_btn {
        display: none;
    }
}