.nmt-pw-strength {
	display: block;
	font-family: 'LFT_Etica_Book', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 15px; }

/* op brede schermen de indicator RECHTS NAAST het veld tonen */
@media screen and (min-width: 385px) {
	.nmt-pw-strength {
		position:absolute;
		top: 0;
		left: 100%;
		margin: 0;
		margin-left: .3em;
		width: 100px;
		height: 50px;
		line-height: 51px;
		padding: 3px 3px 0 9px; }
}

/* op smalle schermen de indicator LINKS ONDER het veld tonen */
@media screen and (max-width: 385px) {
	fieldset {
		position: relative; }
	.nmt-pw-strength {
		background-color: white;
		padding-right: 3px;
		font-size: 13px;
		pointer-events: none; }
}

.pw-strength-indicator {
	display: none; }

.pw-strength-indicator-too-short 	{ color: red; }
.pw-strength-indicator-very-weak 	{ color: red; }
.pw-strength-indicator-weak 		{ color: red; }
.pw-strength-indicator-good 		{ color: orange; }
.pw-strength-indicator-strong 		{ color: green; }
.pw-strength-indicator-very-strong	{ color: green; }

[data-pw-strength="too short"] .pw-strength-indicator-too-short { display: inline; }
[data-pw-strength="very weak"] .pw-strength-indicator-very-weak { display: inline; }
[data-pw-strength="weak"] .pw-strength-indicator-weak { display: inline; }
[data-pw-strength="good"] .pw-strength-indicator-good { display: inline; }
[data-pw-strength="strong"] .pw-strength-indicator-strong { display: inline; }
[data-pw-strength="very strong"] .pw-strength-indicator-very-strong { display: inline; }