/*
   * 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;
    background-color: transparent;
    border: 0;
    margin-top: -11.5px !important;
}

.hideShowPassword-toggle:focus {
    outline: 0;
}

.hideShowPassword-toggle-hide
{
    background-position: -44px center;
}