td,
th {
	text-align: center;
	vertical-align: middle;
}
.section {
	background:#f1f3f5;
	font-weight:600;
}
.fw-normal th,
.fw-normal td {
	font-weight: bold;
}

input.valid   {
	background-color: #d4edda !important;
}
input.invalid {
	background-color: #f8d7da !important;
}

th img,
td img,
.fw-semibold img {
	height: 50px;
}

.table-success td,
.table-success th {
	background-color: #d4edda !important;
}
.table-info td,
.table-info th {
	background-color: #cff4fc !important;
}

.col-c1,
.col-c2,
.col-c3,
.col-c4 {
	display: table-cell;
}

.table-wrap {
	overflow-x: auto;
}

@media (max-width: 767.98px) {
	#mobileCylinder {
		position: relative;
		z-index: 5;
	}

	.col-c1,
	.col-c2,
	.col-c3,
	.col-c4 {
		display: none;
	}

	body.cyl-1 .col-c1,
	body.cyl-2 .col-c2,
	body.cyl-3 .col-c3,
	body.cyl-4 .col-c4 {
		display: table-cell;
	}

	thead th.col-c1,
	thead th.col-c2,
	thead th.col-c3,
	thead th.col-c4,
	tfoot td.col-c1,
	tfoot td.col-c2,
	tfoot td.col-c3,
	tfoot td.col-c4 {
		display: none;
	}
	body.cyl-1 thead th.col-c1,
	body.cyl-1 tfoot td.col-c1,
	body.cyl-2 thead th.col-c2,
	body.cyl-2 tfoot td.col-c2,
	body.cyl-3 thead th.col-c3,
	body.cyl-3 tfoot td.col-c3,
	body.cyl-4 thead th.col-c4,
	body.cyl-4 tfoot td.col-c4 {
		display: table-cell;
	}

	thead th.label-col:nth-child(2),
	tbody td.label-col:nth-child(2) {
		left: 120px;
		z-index: 3;
	}
	thead th:first-child,
	tbody td.section {
		left: 0;
		z-index: 4;
	}

	thead th.label-col,
	tbody td.label-col,
	tbody td.section {
		box-shadow: 4px 0 0 rgba(0,0,0,0.03);
	}
}