.status-parent {
	position: relative;
	display: block;
}

.status[data-status="Open"]:after {
	content: "Open";
	color: white;
	background: #52576F;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Work in Progress"]:after {
	content: "Work in Progress";
	color: white;
	background: #284ECF;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Re-opened"]:after {
	content: "Re-opened";
	color: white;
	background: #52576F;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Pending User Review"]:after {
	content: "Pending User Review";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Closed Complete"]:after {
	content: "Closed Complete";
	color: white;
	background: #29A35C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Closed Incomplete"]:after {
	content: "Closed Incomplete";
	color: white;
	background: #F47F0C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Closed Rejected"]:after {
	content: "Closed Rejected";
	color: white;
	background: #D21924;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Pending"]:after {
	content: "Pending";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Open"]:after {
	content: "Open";
	color: white;
	background: #52576F;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Awaiting User Info"]:after {
	content: "Awaiting User Info";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Awaiting Change"]:after {
	content: "Awaiting Change";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Closed Skipped"]:after {
	content: "Closed Skipped";
	color: white;
	background: #D21924;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="New"]:after {
	content: "New";
	color: white;
	background: #52576F;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Transferred"]:after {
	content: "Transferred";
	color: white;
	background: #284ECF;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="In Progress"]:after {
	content: "In Progress";
	color: white;
	background: #284ECF;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Awaiting Problem"]:after {
	content: "Awaiting Problem";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Awaiting Vendor"]:after {
	content: "Awaiting Vendor";
	color: white;
	background: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Resolved"]:after {
	content: "Resolved";
	color: white;
	background: #29A35C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	/*position: absolute;
	bottom: 0;*/
}

.status[data-status="Closed"]:after {
	content: "Closed";
	color: white;
	background: #29A35C;
	font-size: 14px;
	font-weight: bold;
	border: 1px;
	border-radius: 4px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	/*position: absolute;
	bottom: 0;*/
}

@media screen and (max-width: 600px) {

	/*.status-parent {
		position: relative;
		display: block;
		background: yellow;
		min-height: 0px;
	}*/
}