.password-field .small-paragraph{
	display: flex;
	flex-direction: row;
	>span{
		flex: 1 1 auto;
	}
}
.password-field input{
	padding-right: 50px
}
button.showhidepw{
padding: 3px;
border: none;
background: transparent;
color: #989898;
vertical-align: top;
width: fit-content;
align-self: start;
    position: absolute;
    right: 8px;
    top: 12px;
.eye-on, .eye-off { display: none; font-size: 24px;}
&[aria-pressed="true"] .eye-on{
	display: inline;
}
&[aria-pressed="false"] .eye-off{
	display: inline;
}
&:hover{
 color: white;
}
}
#pnxForms-affiliates form{
	.heading{
			text-align: center;
			text-transform: uppercase;
	}
}
@media (min-width: 800px) {
#pnxForms-affiliates form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    max-width: 940px;
			>*{
				width: 100%;
			}
			>.error-msg{
				grid-column: 1 / 3;
				max-width: 100%;
			}
			>.one-row{
				grid-column: 1 / 3;
				max-width: 100%;
				.paragraph, .small-paragraph{
						max-width: 100%;
						text-align: left;
				}
				&.center{
					.heading{
						    color: #fff;
						    font: 700 3rem / 1 'Titillium Web', 'RazerF5', Arial, Helvetica, sans-serif;
						    text-align: center;
						    text-transform: uppercase;
									max-width: 100%;
						}
										.paragraph, .small-paragraph{
						text-align: center;
					}
				}
			}
			.small-paragraph{
						padding-bottom: 0;
				}
				.paragraph{
					padding: 1rem 0;
				}		
}
}
#pnxForms-affiliates{
    scroll-margin-top: 110px;
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}