/*
    * Add this if you want to disable IE10's implementation
    * of the winking eye in favor of your own.
    * Alternatively, you could set the 'innerToggle' option to
    * false for that browser only.
    */
    ::-ms-reveal {
        display: none !important;
    }

    /*
    * This toggle style shows a winking "eye-con" (nyuk, nyuk).
    * Open eye means "show," closed eye means "hide."
    */
    .hideShowPassword-toggle {
        background-image: url(/content/images/wink.svg);
        background-position: 0 center;
        background-repeat: no-repeat;
        cursor: pointer;
        height: 100%;
        overflow: hidden;
        text-indent: -9999em;
        width: 44px;
    }

    .hideShowPassword-toggle-hide {
        background-position: -44px center;
    }
    /*
    * Because our input elements have a z-index so that
    * their borders will overlap on focus, we'll give ours
    * a higher one to make sure they're always visible.
    */
    .hideShowPassword-toggle,
    .my-toggle-class {
        z-index: 3;
    }