.ocdpw {
    padding: 1em 0;
}

.ocdpw > span {
	display: inline-block;
	float: left;
	font-family: 'Courier New', monospace;
	line-height: 1.6em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 16px;
}

.ocdpw > span:nth-child(2n + 1) {
	clear: both;
}

.ocdpw > span::selection {
	color: #087990;
	background-color: #cff4fc;
}

.ocdpw > p {
	clear: both;
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 0.4em 0 0 0;
}

.ocdpw > p > span {
	color: #b02a37;
	background-color: #f8d7da;
	border: 1px solid #f1aeb5;
	border-radius: 4px;
	padding: 0 0.4em 0 0.4em;
	float: right;
}

.ocdpw > p > span.ocdpw-good {
	color: #146c43;
	background-color: #d1e7dd;
	border-color: #a3cfbb;
}

@media screen and (max-width: 400px) {
	.ocdpw > span {
		font-size: 14px;
	}
}