/*
   * 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('../../CommonPortalsCode/Images/RevealPWD.png');
    background-position: 0 center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
    width: 20px;
}
    .hideShowPassword-toggle-hide {
    
    }
    /*
   * 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;
    }