h2 span img {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.56) 0 5px 20px 0;
	margin-right: 10px;
}

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) {
	h2 span {
		margin-bottom: 20px;
	}

	h2 span img {
		height: 70px;
		width: 70px;
	}

	#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);
	}
}