table.product-variation-table{
	margin: auto;
    border-spacing: 0;
	border-collapse: collapse;
}

.filter-toggle {
	display: inline-block;
    height: 10px;
    width: auto;
    margin-left: 15px;
	cursor: pointer;
	animation-duration: .2s;
}

.filter-toggle.active {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

table.product-variation-table div div input {
	max-width: 150px;
}

/*
th div.filterable-column-header-container {
	cursor: pointer;
}
*/

table.product-variation-table div div.number-filter input {
	max-width: 70px;
}

table.product-variation-table div div.select-filter select {
	max-width: 170px;
	width: 150px;
}

div.filter-fields {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    padding: 25px 5px;
    background-color: #000;
	z-index: 1;
}

div.filter-fields input {
	border-radius: 1px;
}

div.filter-fields.hidden{
	display: none;
}

table.product-variation-table tr{
	height: 60px;
	max-height: 120px;
}

table.product-variation-table tr th,
table.product-variation-table tr td{
	position: relative;
	min-width: 185px;
}

table.product-variation-table th:last-child {
    border-right: none !important;
}

/*
table.product-variation-table tr.variation-row:hover{
	background-color: #eee;
}
*/

table.product-variation-table tr.variation-row{
	cursor: pointer;
}

table.product-variation-table tr.variation-row{
	border: solid;
	border-width: 1px 0;
	border-color: #f2f3f6;
}

table.product-variation-table tr.variation-row:first-child{
	border-top: none;
}

table.product-variation-table tr td img{
	max-height: 80px;
	/* max-width: 80px; */
	min-width: 50px;
	width: 100%;
	object-fit: contain;
	/* margin: 0 10px; */
}

table.product-variation-table tr td{
	padding: 0 20px;
	text-align: center;
}

table.product-variation-table tr th {
    color: #fff;
    background-color: #000;
    padding: 20px 10px;
	font-weight: normal;
}

table.product-variation-table tr .product-image {
    max-width: 150px;
}

table.product-variation-table tr th.typ {}

table.product-variation-table tr th.lichtverteilung {}

table.product-variation-table tr th.farbtemperatur {}

table.product-variation-table tr th.systemleistung {}

table.product-variation-table tr th.lichtstrom {}

table.product-variation-table tr th.lichtstrom {}

table.product-variation-table tr th.schnittstelle {}

table.product-variation-table tr th.artikelnummer {}

.chevron {
    position:relative;
    display:block;
    height:50px; /*Height should be double border thickness*/
}
.chevron::before,
.chevron::after {
    position:absolute;
    display:block;
    content:"";
    border:25px solid transparent; /*Adjust chevron size*/
}
/*Change the four instances of 'top' below to rotate chevron*/
/*Use (top/right/bottom/left) where you want the back of the chevron to be*/
.chevron::before {
    top:0;
    border-top-color:#b00; /*Chevron Color*/
}
.chevron::after {
    top:-10px; /*Adjust thickness*/
    border-top-color:#fff; /*Match chevron background colour*/
}