/*------------------------
   FILTER
------------------------*/
 /* GENERELL */
.filter {width:100%; display:inline-block; z-index:3; background:#fff; border:1px solid #f1f1f1; padding:10px; margin:0 0 1.2%; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:-moz-calc(20% - 8px); width:-webkit-calc(20% - 8px); width:-o-calc(20% - 8px); width: calc(20% - 8px); margin:0 10px 10px 0; display:inline-block; -webkit-order:2; -ms-flex-order:2; order:2;}
.filter .FilterWrapper:nth-child(2) {margin-left:-4px;}
span.Filter_Titel {float:left; z-index:1; width:100%; position:relative; cursor:pointer; padding:0 10px;}
.filter .Sortering {-webkit-order:3; -ms-flex-order:3; order:3; width:-moz-calc(20% - 8px); width:-webkit-calc(20% - 8px); width:-o-calc(20% - 8px); width:calc(20% - 8px);}

 /* INACTIVE */
.filter span.inactive, .filter .Filter_Checkbox label.inactive {opacity:0.3;}
.FilterWrapper.open .Lank_Container {display:block}
.Filter_Checkbox .Lank_Container input {float:none;width:auto}
.filter-showmore {float:left; text-align:right; background:#999; padding:0 20px; height:38px; color:#fff; line-height:36px; cursor:pointer; margin-bottom:10px;}

 /* CLEAR FILTER */
.ClearFilterWrapper {width:100%; -webkit-order:4; -ms-flex-order:4; order:4;}
.ClearFilter {display:block!important;}
.ClearFilter {float:right; text-align:right; background:#999; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0 20px; color:#fff; line-height:40px; cursor:pointer; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; text-transform:uppercase;}
.ClearFilter:hover {background:#777;}

 /* DROPDOWN */
.filter .Filter_Dropdown {background:#fff; border:1px solid #f1f1f1; position:relative; line-height:35px; height:35px;}
.filter .Filter_Dropdown:after {line-height:35px; width:45px; position:absolute; text-align:center; content:"\f078"; right:-5px; top:0; font-size:16px;}
.filter .Filter_Dropdown.open:after {content:"\f077";}
.Filter_Dropdown .Lank_Container {z-index:3; display:none; position:absolute; top:33px; left:-1px; padding:10px; border:1px solid #eee; background:#fff; width:-moz-calc(100% + 2px); width:-webkit-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px);} 
.Filter_Dropdown .Lank_Container label {width:100%; float:left;}

/* Checkbox */
.Filter_Checkbox .Filter_Titel {line-height:35px; padding:0;}
.Filter_Checkbox  label {margin:0 5px 5px 0; height:30px; cursor:pointer; display:inline-block; line-height:30px;}
.Filter_Checkbox  label input {margin-left:0;}

/* Slider */
.Filter_Slider .div {margin:0 5px}
.Filter_Slider .mn,.Filter_Slider .div,.Filter_Slider .mx,.Filter_Slider .b {float:left; width:auto}
.filter .ui-slider-range {background:#999;}
.filter .Filter_Slider .Filter_Titel {width:auto; padding:0 10px 0 0;}
.filter .Filter_Slider .Filter_Titel, .filter .Filter_Slider > label {display:inline-block; line-height:35px;}
.filter .Filter_Slider > label {font-weight: 500;}
.filter .Filter_Slider > div {margin-left:10px; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}

/* Link */
.Filter_Lank .Filter_Titel {line-height:35px; padding:0;}
.Filter_Lank_Container span {background:#eee; margin:0 5px 5px 0; padding:0 7px; height:30px; line-height:30px; cursor:pointer; display:inline-block;}
.Filter_Lank_Container span.selected {background:#559a55;}

/* Color (link) */
.Filter_Lank_Container span.color {position:relative; border:none; width:25px; height:25px; display:inline-block; max-height:30px; border-radius:0px; margin-right:5px; margin-bottom:5px; text-indent:-9999px; border:1px solid #ccc;}
.Filter_Lank_Container span.color.selected {border:1px solid #000;}
.Filter_Lank_Container span.color.selected:after {text-indent:0px; content:'\f00c'; text-align:center; color:#000; font-size:15px; height:25px; left:-1px; top:-3px; position:absolute; width:25px;}
.Filter_Lank_Container span.Svart.selected:after {color:#fff;}
.filter span.Vit {background:#fff;}
.filter span.Svart {background:#000;}
.filter span.Brun {background:#6b3d0c;}
.filter span.Beige {background:#eeddbc;}
.filter span.Grå {background:#adadad;}
.filter span.Gul {background:#fff712;}
.filter span.Rosa {background:#fab3d8;}
.filter span.Blå {background:#145bea;}
.filter span.Navy {background:#1a2b96;}
.filter span.Grön {background:#559a56;}
.filter span.Orange {background:#ff9600;}
.filter span.Röd {background:#e20000;}
.filter span.Lila {background:#900abc;}
.filter span.Silver {
	background:rgb(226,226,226);
	background:-moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background:-webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
	background:linear-gradient(135deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1);
}
.filter span.Guld {
	background:rgb(243,226,199);
	background:-moz-linear-gradient(-45deg, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
	background:-webkit-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);
	background:linear-gradient(135deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1);
}
.filter span.Multi {
	background:#ce0502;
	background:-moz-linear-gradient(left, #ce0502 0%, #d616e0 11%, #8621f2 22%, #0b07f2 33%, #00f7f3 44%, #04f73d 58%, #3db203 71%, #ff8800 79%, #deff0a 100%, #ce0502 100%);
	background:-webkit-linear-gradient(left, #ce0502 0%,#d616e0 11%,#8621f2 22%,#0b07f2 33%,#00f7f3 44%,#04f73d 58%,#3db203 71%,#ff8800 79%,#deff0a 100%,#ce0502 100%);
	background:linear-gradient(to right, #ce0502 0%,#d616e0 11%,#8621f2 22%,#0b07f2 33%,#00f7f3 44%,#04f73d 58%,#3db203 71%,#ff8800 79%,#deff0a 100%,#ce0502 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0502', endColorstr='#ce0502',GradientType=1);
}

/* Show more */
.do_more #more_of_it {background:#999; display:block; margin:0 auto 20px auto; width:100%; text-align:center; padding:10px 0; color:#fff; cursor:pointer; position:relative; text-transform:uppercase; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.do_more #more_of_it:hover {background:#777;}
.loadz {position:absolute; top:4px;}
.loadz > img {max-width:30px;}
/*------------------------*/
@media screen and (max-width: 850px) {
	.Sortering {width:100%; margin:0 0 10px 0;}
	.filterknapp_wrapper {margin-top:15px;}
	.filter {margin:5px 0 15px 0;}
	.filter-showmore span {font-style:normal; display:none;}
	.filter-showmore span.active {display:block;}
	.filter-showmore .show-filter:after {content:"\f078"; font-size:12px; margin-left:5px;}
	.filter-showmore .hide-filter:after {content:"\f077"; font-size:12px; margin-left:5px;}
	.hide-filter {display:none;}
	.filter {display:none; float:left;}
	.filter.active {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
	.filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:100%; margin:0 0 10px 0;}
	.filter .FilterWrapper:nth-child(3) {margin-left:0px;}
	.Artgrp_Sorteringsordning {width:100%; margin:0 0 15px 0;}
}