.pwdVisibility {
    background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEuSURBVChTnZDNioJQGIZnKXQzgYQuE3eS4FZoZ5twJbgN8QrmCoLKXUmT5gW4EQTxHgwRcWVEf5RR7+iZaZjFEPMsDi/f9xzOy3m7v8x/1ePxuFqt3mscxzmfz2RR81R932cYxjCMj5rRaMSybBAEZP2tWpYlCMJutyuKYjqdzmYzhLIseZ6fz+eN86kmSULT9Ol02u/3FEX1ej1ca7Va6INJu91O05SomqahGYJt26qqIoDBYIDeCMvlUtd1BKK6rouAs5k2Q8/zEND7qeZ53u128dzlckGT4XCoKEqn07ler4fDgeM4CEQFYRhKkoRmVVWhxnq9vt1u2+1WFMUoihqHqAC2LMumaaLiYrHAr/X7/TiOyfqn2rDZbMbj8WQyybKMjL74rf7By+r9/gCV0+m4uqkJIAAAAABJRU5ErkJggg==');
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: -16px;
    vertical-align: text-top;
    cursor: pointer;
}
.pwdVisibility.mask {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE/SURBVChTjZLBioJQFIZ1EFyE7zC4cmfSCxQuhEhw4d5ND5DQe1QPIJRLCVHatS8SBR/BIkRatbGCEprf7qWGmY3/wvt77neP5xwv+3w+mWb6omsD0ayKoqRpervd1ut1lmWIiKKoaRrP8y+sFs1qWRboXq+HA98vJUnS7Xa32y0BaiEr0WQyabfbp9NpsVi4rgtzPp9VVfU8jwA1ut/vO50ODKEHg0G/32+1WtfrtSxLRI7HI0Vt2w7DEAYiNMxwOAyCAMb3/fF4DENrZVkWz9VqNRqNSN2CIHAc996qBbwoCnSAz93v99+VPB6Py+WCXgEgSNva7XaGYaCyqqqWyyUihNZ1PY5jwnz+VhRFs9lMkiRZlpHPNM3pdIppYHwE+AyL6HA4OI4zn8/zPMfru0voL/pfm82GmMbXhWF+ALV3GTOBvwc5AAAAAElFTkSuQmCC');
}

.pwdInput {
    padding-right: 15px;
}

.pwdInput::-ms-reveal {
    display: none
}

.PasswordInputAssistance {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
}

.PasswordInputAssistance-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out, visibility 0s;
}
.PasswordInputAssistance-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, visibility 0s 0.25s;
}

.PasswordInputAssistance-Window {
    padding: 12px 15px 5px 15px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.PasswordInputAssistance-ErrorMsg {
    color: #e62d2e;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: -2px;
}

.PasswordInputAssistance-ErrorMsg:empty {
    margin: 0;
    background-image: none;
    height: auto;
}

.PasswordInputAssistance-ErrorMsg {
    background: left center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC8SURBVDhPpZIxDsIwDEWTilOwlZ1yjyzdS3u65ipcAHa6lWMEf9cJVhIhKp5kxXa/ZTuNNRkhBPG+w4W/iK399IC+WqhFNaBvxGde3cWReQkT67nzZE5Cpsm6DcupvZJolhhFM3LkDltm4yBnHG9caRIS4mTgt8/FHx/3SVKMjR31XtJlhF8rKnbcQ1EYu6ETjMdWOyf05ZDA3/o+aCF8yaXbzi6URU4LIsjhm4T/UTyRYgwhf03pd+zDmDdBS2QZ9MudyAAAAABJRU5ErkJggg==') no-repeat;
    width: auto;
    padding-left: 18px;
}

ul.PasswordInputAssistance-Rules {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.PasswordInputAssistance-Rules li {
    margin: 5px 0 0 10px;
}

.PasswordInputAssistance-RuleMet {
    color: #2ea52e;
    background: left center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPY/z//z8DOYAJSpMMBrFGsS0mDVAmGBClEaqpHkgnQEQYGAiGKkwTiP3K5wwjiAYBFBtBJiI7CZcmEECxEagQxmmE0lg1gQCGU5E0gwE2TSCAETjICnFpAoEhk+QYGAAPjCvE5rYqnwAAAABJRU5ErkJggg==') no-repeat;
    width: auto;
    padding-left: 18px;
}

.PasswordInputAssistance-RuleNotMet {
    color: #e62d2e;
    background: left center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC8SURBVDhPpZIxDsIwDEWTilOwlZ1yjyzdS3u65ipcAHa6lWMEf9cJVhIhKp5kxXa/ZTuNNRkhBPG+w4W/iK399IC+WqhFNaBvxGde3cWReQkT67nzZE5Cpsm6DcupvZJolhhFM3LkDltm4yBnHG9caRIS4mTgt8/FHx/3SVKMjR31XtJlhF8rKnbcQ1EYu6ETjMdWOyf05ZDA3/o+aCF8yaXbzi6URU4LIsjhm4T/UTyRYgwhf03pd+zDmDdBS2QZ9MudyAAAAABJRU5ErkJggg==') no-repeat;
    width: auto;
    padding-left: 18px;
}

.PasswordInputAssistance-RulesResult {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

.PasswordInputAssistance-RulesResult.met {
    color: #2ea52e;
}

.PasswordInputAssistance-StrengthBar {
    height: 6px;
    width: 300px;
    overflow: hidden;
    background-color: #e6e6e6;
    margin: 5px 0 10px;
}

.PasswordInputAssistance-StrengthBar div {
    overflow: hidden;
}

.PasswordInputAssistance-StrengthBar-Gradient {
    height: 6px;
    width: 300px;
    background: linear-gradient(90deg, #e62d2e 55%, #faa01e 60%, #ffd800 65%, #15b369 75%, #15b333 85%);
}