.c-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    transform: translate(-50%, -80%);
    opacity: 0;
    max-height: 100%;
    overflow: auto;
}
.c-modal_opened {
    display: block;
    -webkit-animation: openModal .4s ease-in-out 1 forwards;
    -moz-animation: openModal .4s ease-in-out 1 forwards;
    -o-animation: openModal .4s ease-in-out 1 forwards;
    animation: openModal .4s ease-in-out 1 forwards;
}
.c-modal_hide-scroll{
    overflow: hidden;
}
.c-modal_xs {
    width: 100%;
    max-width: 370px;
}
.c-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 22px;
    opacity: 0.5;
    transition: .4s;
}
.c-modal-close:hover {
    opacity: 1;
}
.c-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
@keyframes openModal {
    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

#ofLoginPopup .at-password {
    position: relative;
}
#ofLoginPopup .at-password input{
    padding-right: 40px !important;
}
#ofLoginPopup .at-password  .at-password__eye{
    display: none;
    position: absolute;
    right: 14px;
    top: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADzSURBVHgB5VTREYIwDI0uoCN0BEZgBEfoBrIBboAb4Aa4ASPgBrABboCNvBwlRuT85d29O3jXvtckBaLNYbdijQMZj8An/YFjYB7YBw6KbWAZhfzEGUZ1YKY2JoEepgNCF1HCLIs0fq4Q4CNdjCtUZJq16kQNAq5gC03gDO2N3DDzhuaMCsS0ECGlsR+pCqlxKg3W7kpLxWNP37F0PQ7qvSMjVZfHZfX0WTKv84Y2q4an1JA9FOlPgYBVQ9GmPtL5mftZ0XwYJ5ruq3ltBBcaG9zALFEnymCip70I3nij6YuI2SPUWRvX/Bz4hFJSR8ZEN44X9sRNkTIAPN0AAAAASUVORK5CYII=') no-repeat center center;
}
#ofLoginPopup .at-password  .openEye + .at-password__eye{
    display: inline-block;
}

#ofLoginPopup .at-password .at-password__eye.inactive{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD8SURBVHgB1ZTvDYIwEMVfogM4QkdwBNzAEToCG8AGuAFuoBugE3QEHMGPftMSX+G88keiifElF3pw97u7FgD+ScabxYdaiPXWW8n1WRVa83r1dsMM5d7u3jL6FX1pNQsbvKlcQFcqsenUEioLj8JWiDvN2K0VsQF8YE6kkgFmoFNH34kcwxynYZmCYQKa9kCLcCNhUKJgBeLxA/SoYlvGEsMyeO7bRnQL+rmKvejkHeKRU3R71ndQsnBNRqswioa6CWiARYeioVbcb9YVujEltMnZY+C1gUpwhK3xOt7Y+IMyrBy+CGmnnk5nqekwoRn1LCfU4ouymPGj+L0eTERY1qD5kx0AAAAASUVORK5CYII=') no-repeat center center;
}