/***********************
 campaigndetail.html
************************/
.detailtable {
	table-layout: fixed;
}
.detailtable thead tr th:first-child,
.detailtable thead tr th:nth-child(6) {
	width: 15%;
}
.detailtable thead tr th:nth-child(2) {
	width: 25%;
}
.detailtable thead tr th:nth-child(3),
.detailtable thead tr th:nth-child(4),
.detailtable thead tr th:nth-child(7) {
	width: 10%;
}
.detailtable thead tr th:nth-child(5) {
	width: 8%;
}
.detailtable thead tr th:nth-child(8) {
	width: 7%;
}
.detailtable tbody tr td:nth-child(5) {
	text-align: center;
}
@media screen and (max-width: 991px) {
	.detailtable {
		table-layout: auto;
	}
	.detailtable thead tr th {
		display: none;
	}
	.detailtable tbody tr th,
	.detailtable tbody tr td {
		display: block;
		text-align: left !important;
		padding: .1rem .5rem;
	}
	.detailtable tbody tr th,
	.detailtable tbody tr td:not(:last-child) {
		border: none;
	}
	.detailtable tbody tr td:before {
		content: attr(data-label);
		font-weight: bold;
		margin-right: 1em;
	}
}