.rma-status {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0;
	margin-bottom: 2em;
}

	.rma-status h3 {
		margin-bottom: 1em;
	}

	.rma-status div {
		background-color: #eee;
		border-top: 1em solid #eee;
		padding: 1.25em;
	}

	.rma-status div:last-child {
		border-right: none;
	}

	.rma-status div p:last-child {
		margin-bottom: 0;
	}

	.rma-status a {
		color: #007377;
	}

/* RMA Timeline States */
.rma-status .off		{ border-color: #ddd; }
.rma-status .warn		{ border-color: orange; background-color: #ffdfa3; }
.rma-status .active	{ border-color: #7c7; background-color: #beb; }
.rma-status .passed	{ border-color: #ada; }
/*
.rma-status .off		{ background-color: #ddd; }
.rma-status .warn		{ background-color: orange; }
.rma-status .active	{ background-color: #7c7; }
.rma-status .passed	{ background-color: #ada; }
.rma-status .ahead	{ background-color: #eee; opacity: .5; }
*/


#rma-ts {
	background-color: #ffe;
	border: 5px solid #ffe4b2;
	margin-top: 2em;
	padding: 2em;
}
	#rma-ts dd {
		margin-bottom: 1em;
	}


@media (max-width: 960px) {
	.rma-status {
		grid-template-columns: repeat(1, 1fr);
	}
		.rma-status div {
			border-top: 0;
			border-left: 1em solid #eee;
		}
}