/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

.container {
	padding: 30px;
}
.container-header {
	width: calc(100% + 60px);
	height: 60px;
	margin-left: -30px;
	margin-right: -30px;
	background: #f5f5f5
}

table.technical-description { 
	width: calc(100% + 60px);
	border-collapse: collapse;
	padding: 0;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
}

table.technical-description tr:nth-of-type(odd) { 
	background: #eee;
}

table.technical-description th { 
	background: black;
	color: white;
	font-weight: bold;
}

table.technical-description td,
table.technical-description th { 
	border-bottom: 1px solid #bbb;
	padding: 10px;
	text-align: left;
	font-size: 0.82rem;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

	table.technical-description { 
	  	width: calc(100% + 60px);
	}

	table.technical-description tr:nth-of-type(odd) { 
		background: #fbfbfb;
		background: #fafafa;
	}

	table.technical-description,
	table.technical-description thead,
	table.technical-description tbody,
	table.technical-description th,
	table.technical-description td,
	table.technical-description tr { 
		display: block;
	}

	table.technical-description thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.technical-description tr {

	}

	table.technical-description td { 
		border: none;
		border-bottom: 1px solid #f1f1f1;
		border-bottom: 1px solid #e8e8e8;
		position: relative;
		padding-left: 50%;
	}

	table.technical-description td:before { 
		position: absolute;
		top: 6px;
		left: 30px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}

}