/*--------------------------------------------------------------------------------------------------
  FILTER
--------------------------------------------------------------------------------------------------*/
/* Generell */
.filter {width:100%; max-width:250px; display:inline-block; z-index:1; background:#fff; border-right:1px solid #f5f5f5; padding:15px; margin:46px 0 15px; 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:100%; display:inline-block; -webkit-order:2; -ms-flex-order:2; order:2;}
span.Filter_Titel {display:block; z-index:1; width:100%; position:relative; cursor:pointer; padding:0 10px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; font-weight:600; cursor:pointer;}
span.Filter_Titel:after {font-family:"Font Awesome 5 Pro"; font-weight:300;content:"\f068"; padding:0 0 0 5px; color:#000; font-weight:300; font-size:11px; float:right;}
span.Filter_Titel.lasse:after {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f067"; padding:0 0 0 5px; color:#000; font-weight:300; font-size:11px; float:right;}
.Filter_Slider span.Filter_Titel::after {display:none;}
.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);}
.flexC{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
/* 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; margin:20px 0 0;}
.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; -webkit-order:3; -ms-flex-order:3; order:3; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.ClearFilter:hover {background:#777;}

/* Dropdown */
.filter .Filter_Dropdown {background:#fff; border:1px solid #eee; position:relative; line-height:35px; height:35px;}
.filter .Filter_Dropdown:after {line-height:35px; width:45px; position:absolute; font-family:"SS BlackTie-Regular"; text-align:center; content:"\f501"; right:-5px; top:0; font-size:16px;}
.filter .Filter_Dropdown.open:after {content:"\f500";}
.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:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.filter .Filter_Slider > label {float:right; margin-top:-35px;}
.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 {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;}

/* Link */
.Filter_Lank .Filter_Titel {line-height:40px; padding:0; text-align: left;}
.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;}
.Lank_Container {padding:10px 0; text-align: left;}
.Lank_Container span {width:100%; display:block; font-size:14px; font-weight:400; line-height:22px; cursor:pointer;}
.Lank_Container span.selected {font-weight:600;}
.Lank_Container span:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f111"; padding:0 10px 0 0; color:#dcdcdc;}
.Lank_Container span.selected:before {font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f111"; padding:0 10px 0 0; color:#dcdcdc;}

/* 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:'\2713'; font-family:"SS BlackTie-Regular"; text-align:center; color:#000; font-size:15px; height:25px; left:-1px; top:-2px; 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); /* Old browsers */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.filter span.Guld {background: rgb(243,226,199); /* Old browsers */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.filter span.Multi {
background: #ce0502; /* Old browsers */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0502', endColorstr='#ce0502',GradientType=1 ); /* IE6-9 */
}

/* Show more */
.do_more #more_of_it {background:#999; display:block; margin:15px auto 40px auto; width:100%; text-align:center; padding:10px 0; color:#fff; cursor:pointer; position:relative; text-transform:uppercase; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.do_more #more_of_it:hover {background:#777;}
.loadz {position:absolute; top:4px;}
.loadz > img {max-width:30px;}

/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	.mobilefiltertoggle {background:#222; color:#eee; display:block; height:50px; line-height:50px; text-align:center; text-transform:uppercase; cursor:pointer; font-size:17px;}
	.Sortering {width:100%; margin:0 0 10px 0;}
	.filterknapp_wrapper {margin-top:15px;}
	.filter {margin:5px 0 15px 0;}
	.filter .close {right:20px; top:8px;}
	.filter-showmore span {font-style:normal; display:none;}
	.filter-showmore span.active {display:block;}
	.filter-showmore .show-filter:after {content:"\f501"; font-family:"SS BlackTie-Regular"; font-size:12px; margin-left:5px;}
	.filter-showmore .hide-filter:after {content:"\f500"; font-family:"SS BlackTie-Regular"; font-size:12px; margin-left:5px;}
	.hide-filter {display:none;}
	.filter {display:none; float:left;}
	.filter.active {width:90%; max-width: 90%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; left:5%; padding:50px 20px 20px; position:absolute; top:95px; z-index:2;}
	.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;}
	.ClearFilter {width:100%; text-align:center;}
	.filter .close.bottom {position:relative; background:#222; -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; width:100%; display:block; text-align:center;}
}