.paycard_codes {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 20px;
}

.paycode {
	display: flex;
	flex-direction: column;
	border: 1px solid gray;
	margin: 3px 3px 0 0;
	padding: 5px;
	width: 150px;
	max-width: 150px;
}

.paycode_on {
	background-color: #94D794;
}

.paycode_off {
}

.paycode_header {
	display: flex;
	flex-direction: row;
}

.paycode_count {
	margin-right: 5px;
}

.paycode_info {
	flex: 1;
}

.paycode_id {
}

.paycode_formatted {
	margin-right: 5px;
}

.paycode_line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.paycode_date {
}

.paycode_elapsed {
	border-top: 1px dashed gray;
	margin-right: 5px;
}

.paycode_errors {
	flex: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	color: white;
	background-color: red;
	margin-top: 5px;
	padding: 5px;
}

.paycode_error {
	flex: 1;
}

.paycode_datas {
	flex: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.paydata {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.paydata_on {
	font-style: italic;
}

.paydata_off {
	color:gray;
}

.paydata_date {
	margin-top: 5px;
	padding-top: 2px;
	border-top: 1px dashed gray;
}

.paydata_code {
}

.paycards_bar {
	display: flex;
	flex-direction: row;
}

.paycards_tests {
	margin-left: auto;
	margin-top: 5px;
}

.paycards_tests > button:not(:first-child) {
	margin-left: 10px;
}

.score {

}

.score_error {
}

.score_good {
	color: darkgreen;
}

.score_bad {
	color: red;
}