﻿/*Product*/

.product-variant-list .attributes dt {
	display: none;
}

.product-variant-list .attributes dd {
	margin: 0;
}

.product-variant-list .attributes select {
	height: 28px;
}

.product-variant-list .attributes {
	margin: 0;
	float: left;
}

.short-description {
	margin: 5px 0 0 0 !important;
}

.min-qty-notification {
	margin: 15px 0 25px 0;
	font-style: normal;
	color: #6b6b6b;
	font-size: .75em;
}

.technical-table table {
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
	width: auto;
}

	.technical-table table tr {
		vertical-align: text-top;
		float: none;
		margin: 0;
		padding: 5px;
		text-align: left;
		font-size: 12px;
		font-family: 'Inter',Arial,Helvetica,sans-serif;
		border-left: none;
		border-top: none;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		color: #333;
	}

		.technical-table table tr td {
			padding-right: 10px;
			margin: 0;
			padding: 5px;
			text-align: left;
			font-size: 12px;
			font-family: 'Inter',Arial,Helvetica,sans-serif;
			border-right: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			border-left: none;
			border-top: none;
		}

.technical-table.grouped table tr:first-child {
	font-weight: 700;
}

.technical-table table tr td:first-child {
	font-weight: 700;
}

.product-essential {
	border: 1px solid #d7d7d7;
	font-family: 'Inter',Arial,Helvetica,sans-serif !important;
	color: #333333 !important;
	background: none repeat scroll 0 0 #fff;
	margin: 0;
}

.product-tabs {
	margin: 0 0 40px 0;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

	.product-tabs ul {
		text-align: left;
	}

	.product-tabs > ul > li {
		display: inline;
		margin-right: -4px;
	}

		.product-tabs > ul > li > a {
			background: url('/Plugins/Foerch.Common/Content/images/button_downloads.png') no-repeat scroll 225px -78px #fff;
			opacity: .6;
			filter: alpha(opacity=60);
			font-weight: normal;
			font-size: 12px;
			font-family: 'Inter',Arial, Helvetica, sans-serif;
			padding: 5px 5px 5px 10px;
			margin: 0;
			color: #333;
			display: inline-block;
			width: 247px;
			border-right: 1px solid #ccc;
		}

			.product-tabs > ul > li > a:hover {
				color: #333;
				background: url('/Plugins/Foerch.Common/Content/images/button_downloads.png') no-repeat scroll 225px -78px #fff;
				opacity: 1;
				filter: alpha(opacity=100)
			}

	.product-tabs .tab {
		display: none;
		position: relative;
		background: #fff;
		float: left;
		border: 1px solid #ccc;
		width: 100.2%;
		margin: 0 0 40px -1px
	}

		.product-tabs .tab .inner-tab {
			margin: 0 12px 0 6px;
			padding: 0;
		}

			.product-tabs .tab .inner-tab div {
				float: left;
				padding: 0;
				margin: 10px;
				width: 100%;
				margin: auto;
				overflow-x: auto;
			}

	.product-tabs > ul > li.visible a {
		color: #333 !important;
		opacity: 1;
		border-bottom: 1px solid #fff !important;
		position: relative;
		z-index: 10;
		cursor: pointer;
	}

.product-name {
	margin: 5px 0 10px 0;
}

.overview .discontinued-product, .overview .no-associated-products {
	margin: 0;
	background: none repeat scroll 0 0 #fff;
}

	.overview .discontinued-product h4, .overview .no-associated-products h4 {
		display: inline-block;
		font-size: 14px;
		padding: 17px 17px 17px 40px;
		background: url('/Themes/Foerch/Content/images/discontinued-product-icon.png') no-repeat 13px center;
		color: #de444c;
	}

.full-description {
	min-height: 100px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.product-safety ul {
	display: inline-flex;
	cursor: pointer;
	list-style: none;
	background: url('/Plugins/Foerch.Common/Content/images/safety_complete_bg.png') no-repeat 0 0;
	padding: 6px 5px;
}

.product-safety li {
	margin: 2px;
}

.product-grouped-safety ul {
	display: flex;
	cursor: pointer;
	list-style: none;
	background: url('/Plugins/Foerch.Common/Content/images/safety_complete_bg.png') no-repeat 0 0;
	padding: 6px 5px;
}

.product-grouped-safety li {
	display: inline;
}

.product-safety.product-grouped-safety img {
	padding-top: 5px
}

.product-safety.product-grouped-safety object {
	padding-top: 5px
}

select {
	padding: 6px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 20% auto;
	padding: 20px;
	border: 1px solid #888;
	box-shadow: 2px 3px 10px #666 !important;
	width: 45%;
	min-height: 20%;
}

.modal-content-inner {
	padding: 10px;
}

	.modal-content-inner h3 {
		font-size: 1.20em;
	}

#closeBtn, .closeBtn {
	color: #aaa;
	float: right !important;
	font-size: 28px;
	font-weight: bold;
	margin-right: 10px;
}

	#closeBtn, .closeBtn:hover,
	#closeBtn, .closeBtn:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

.safety-document-list {
	margin-top: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.safety-pdf {
	padding-left: 20px;
	position: relative;
	top: -3px;
}

	.safety-pdf:hover {
		color: #333;
	}

.product-variant-list table {
	padding: 0;
	margin: 15px 0;
	margin-top: 1px;
	text-align: center;
}


	.product-variant-list table thead tr {
		background: #002643;
		color: #fff !important;
		text-align: left;
		border: none !important;
		height: 40px;
		margin: 0;
		font-size: 12px;
		font-weight: 700;
		font-family: 'Inter',Arial,Helvetica,sans-serif;
		vertical-align: top;
	}

	.product-variant-list table thead th {
		padding: 5px;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}

	.product-variant-list table tbody tr {
		padding: 5px 0;
		margin: 0 0 0 0;
		color: #5a5a5a;
		background: none repeat scroll 0 0 #fff;
	}

.product-variant-list td.qty-package {
	text-align: center;
}

input.multiplier-value {
	height: 28px;
}

.product-variant-list table tbody td.qty-package select {
	text-align: center;
	padding: 2px;
}

.product-variant-list table tbody td {
	font-size: 100%;
	font-size: 12px;
	font-family: 'Inter',Arial,Helvetica,sans-serif;
	padding: 5px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
	text-align: left;
	word-break: break-word;
}

.product-variant-list table td .prices {
	margin: 0 !important;
	padding: 0;
}

	.product-variant-list table td .prices span {
		font-weight: 600;
	}

.product-variant-list table tbody td.product-img {
	vertical-align: middle;
	text-align: center;
}

.product-variant-list table tbody td.qty-package select {
	min-width: 47px;
}

.gallery {
	display: flex;
	flex-direction: row;
	margin: 0px;
	padding-top: 10px;
}

	.gallery .picture {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0px;
		flex: auto;
		max-height: 365px;
	}

		.gallery .picture img {
		}

	.gallery .picture-thumbs img {
	}

	.gallery .picture-thumbs {
		display: inline-flex;
		writing-mode: vertical-lr;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: center;
		max-height: 365px;
		margin: 0px;
		padding-top: 5px;
	}

		.gallery .picture-thumbs .thumb-item {
			writing-mode: horizontal-tb;
			width: 45px;
			height: 45px;
			margin: 0px 5px 5px 0px;
		}

/*Overview*/
.overview {
	margin: 0;
}

	.overview * {
		color: #666;
	}

	.overview.add-to-cart {
		margin: 0 !important;
	}

	.overview .qty-input {
		height: 32px;
		width: 60px;
		padding: 0;
	}

	.overview .prices > div {
	}

	.overview .add-to-cart-button {
		background-image: url(../content/images/eshop_sprite.png);
		background-repeat: no-repeat;
		background-position: -100px -5px;
		width: 35px;
		height: 33px;
		margin-left: 5px;
		cursor: pointer;
		background-color: #fff;
	}

		.overview .add-to-cart-button:hover {
			background-color: transparent;
		}

	.overview .additional-details {
		margin: 10px 0;
		font-size: 0.75em;
	}

.grouped-overview .add-to-cart-panel {
	display: inline-flex;
}

	.grouped-overview .add-to-cart-panel .qty-label {
		display: none;
	}

	.grouped-overview .add-to-cart-panel .qty-input {
		max-width: 51px;
		height: 37px;
		text-align: center;
		padding: 5px;
		margin-right: 5px;
	}

	.grouped-overview .add-to-cart-panel .add-to-cart-button {
		background-image: url(../content/images/eshop_sprite.png);
		background-repeat: no-repeat;
		background-position: -100px -5px;
		background-color: #fff;
		width: 35px;
		height: 33px;
		margin-left: 5px;
		margin-right: 5px;
		cursor: pointer;
	}

.overview label {
	color: #666;
	line-height: 1.375em;
	font-weight: normal;
	margin-top: 4px;
	vertical-align: sub;
}

.overview .prices {
	margin: 0;
}

	.overview .prices > div > span {
		vertical-align: sub;
		margin-left: 8px;
	}

.overview .product-name {
	padding: 15px 20px 10px 0px;
	margin: 0 0 .5em 0 !important;
	text-transform: uppercase;
}

.overview h2 {
	color: #333333 !important;
	letter-spacing: -.025em !important;
	line-height: normal !important;
	font-size: 1.375em;
}

.overview h4 {
	font-weight: normal;
	letter-spacing: -.025em;
	line-height: normal;
}

.overview ul {
	clear: left;
	margin: 0 0 10px 12px;
	padding: 0 0 0 0;
}

	.overview ul li {
		color: #666;
		line-height: 1.375em;
		font-size: .75em;
	}

.overview p {
	color: #666;
	line-height: 1.375em;
	font-size: .75em;
}

.attributes {
	margin: 0;
}

.overview dt, .overview dd {
	color: #666;
	line-height: 1.375em;
	float: left;
	font-weight: normal;
}

.overview .attributes dt {
	display: inline-block;
	margin-right: 12px;
}

.overview .attributes dd {
	margin: 0;
}

.overview .attributes select {
	height: 32px;
	min-width: 40px;
	max-width: none;
	color: #6b6b6b;
	text-align: center;
}

.product-essential .overview .quantity-section {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}

.product-essential .overview .add-to-cart {
	margin: auto;
}

.product-essential .overview .attributes .required {
	display: none;
}

.product-variant-list {
	overflow-x: auto;
}

	.product-variant-list span.multiplier {
		float: left;
		margin: 6px 6px 0 4px;
	}

	.product-variant-list .multiplier-value {
		height: 28px;
		float: left;
	}

span.multiplier {
	margin: 6px 6px 6px 4px
}

@media all and (max-width: 1367px) {
	.product-essential .overview .add-to-cart {
		margin-left: auto;
		margin-right: 5px;
	}
}

@media all and (max-width: 1002px) {

	.product-variant-list span.multiplier {
		margin: 5px 0;
	}

	.product-variant-list .attributes, .product-variant-list .multiplier {
		width: 100%;
	}

	.product-variant-list .multiplier-value {
		float: unset !important;
	}

	.product-essential .overview .quantity-section {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.overview dt, .overview dd {
		float: unset;
		margin: 0;
	}

	.overview .attributes dt {
		margin: 0;
	}

	.product-essential .overview .add-to-cart {
		margin: 0;
	}

	.gallery {
		width: 100%;
		flex-direction: column;
	}

		.gallery .picture {
			width: 100%;
			max-height: 400px;
		}

		.gallery .picture-thumbs {
			display: inline-flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-content: center;
			margin: 0px;
			padding-top: 5px;
			width: 100%;
			max-height: 100px;
		}

			.gallery .picture-thumbs .thumb-item {
				writing-mode: vertical-lr;
				width: 45px;
				height: 45px;
				margin: 0px 5px 5px 0px;
			}

	.overview .full-description li {
		list-style-type: none;
	}

	.overview .qty-label {
		margin: 0;
	}

	.overview .prices > div {
		margin: 10px 0 10px 0;
	}


	.full-description p {
		text-align: center;
	}

	.overview .add-to-cart-panel > * {
		float: unset;
	}
}

@media all and (max-width: 680px) {
	.product-picture {
		display: none;
	}

	.product-img {
		display: none;
	}
}

/*Datablade*/

.datablade-product-wrapper table {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse !important;
	font-weight: 400;
}

	.datablade-product-wrapper table th:first-child {
		border-left: solid 1px #999;
	}

	.datablade-product-wrapper table th {
		border: solid 1px #999;
		font-size: 14px;
		font-weight: 300;
		padding: 12px;
		line-height: 1.2;
		vertical-align: bottom;
	}

		.datablade-product-wrapper table th div {
			padding: 12px 0;
			margin-bottom: -12px;
		}

		.datablade-product-wrapper table th img.headerIcon {
			margin-right: 5px;
		}

		.datablade-product-wrapper table th object.headerIcon {
			margin-right: 5px;
		}

	.datablade-product-wrapper table td:first-child {
		border-left: solid 1px #999;
	}

	.datablade-product-wrapper table .sku-number {
		white-space: nowrap;
	}

	.datablade-product-wrapper table a {
		font-size: 13px;
		text-decoration: none !important;
	}

	.datablade-product-wrapper table td {
		border: solid 1px #999;
		padding: 16px 12px 12px;
		font-size: 12px;
		line-height: 1.5;
		vertical-align: top;
	}

		.datablade-product-wrapper table td .img-wrapper {
			display: inline-block;
			height: 50px;
			width: 50px;
			background-size: 50px;
			text-align: center;
			white-space: nowrap;
		}

			.datablade-product-wrapper table td .img-wrapper img {
				width: auto;
				max-width: 100%;
				max-height: 100%;
				width: 100%;
				transform: scale(1);
				opacity: 1;
				transition: all .6s;
			}

			.datablade-product-wrapper table td .img-wrapper object {
				width: auto;
				max-width: 100%;
				max-height: 100%;
				width: 100%;
				transform: scale(1);
				opacity: 1;
				transition: all .6s;
			}

div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	top: 50% !important;
	left: 50%;
	width: 200px !important;
	margin-left: -100px !important;
	margin-top: -26px !important;
	text-align: center;
	padding: 1em 0;
	align-items: center;
}

.datablade-product-wrapper table td:first-child {
	padding: 16px 12px 12px 12px;
}

.datablade-product-wrapper table td .image_column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.datablade-product-wrapper table td .safety-sheets a {
	padding: 0 1px;
}

.datablade-product-wrapper table td .safety-sheets {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

@media screen and (max-width: 620px) {
	.datablade-product-wrapper table td:nth-child(2),
	.datablade-product-wrapper table th:nth-child(2) {
		display: none;
	}
}
