/*------------------------
   FILTER
------------------------*/
@media screen and (min-width: 1251px) {
	
	
	.filter.canvas-right-module-xs {display: none; overflow-x:hidden; z-index: 99999;}
	.filter.canvas-right-module-xs.active {display: block;}
	
	
	/* .Filter_Lank_Container {position: absolute;} */
}

.filter-hl {
    /*display: none !important;*/
}
 /* GENERELL */

.Filter_Lank_Container .showAllFilter:before {
	content: attr(data-more);	
}
.Filter_Lank_Container.show-all .showAllFilter:before {
	content: attr(data-less)!important;	
}





 /* 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:#d6cece; padding:0 20px; height:38px; color:#fff; line-height:36px; cursor:pointer; margin-bottom:10px;}

 /* CLEAR FILTER */
 .filterWrap {
    display: flex;
    flex-direction: column !important;
	flex-flow: nowrap;
}
.ClearFilterWrapper.active {
    text-align: right;
    display: flex;
    width: 100%;
    padding-right: 1rem;
    flex-direction: row;
    justify-content: flex-end;
	order: -1;
}
.ClearFilterWrapper #katfilter{
	display:none !important;
}

.ClearFilterWrapper.active:hover { text-decoration: none; cursor: pointer; }

.ClearFilter {
	text-decoration: underline;
    font-weight: 300;
    font-size: 14px;
}

 /* DROPDOWN */
.filter .Filter_Dropdown {background:#cecece; position:relative; line-height:35px; height:35px;}
.filter .Filter_Dropdown:after {line-height:35px; width:45px; position:absolute; text-align:center; content:"\f103"; right:-5px; top:0; font-size:16px; color: #fff;}
.filter .Filter_Dropdown.open:after {content:"\f102";}
.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;}*/


.filterWrap .Close {
    font-size: 20px;
    border-bottom: 1px solid #f2f2ef;
}
.filterWrap .Close.close-header::after {
    line-height: normal;
}

span.Filter_Titel {
    margin-bottom: 0.5rem;
    display: block;
	font-size: 16px;
	font-weight: 400;

}

/* .filter .Filter_Lank.open:after {content:"\f102";}
/* .Filter_Lank_Container {z-index:3; 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 .Filter_Lank.open .Filter_Lank_Container {display: block;} */
.Filter_Lank_Item {color: #000; background: unset; border: unset; font-size: unset; font-weight: unset; font-family: 'Inter', Arial, Helvetica, sans-serif !important;}

.Filter_Lank_Container label {width:100%; float:left;}
.Filter_Lank_Container span, .Filter_Lank_Item {display: block; cursor: pointer;}

.Filter_Lank_Container {display: flex;gap: 8px;flex-wrap: wrap; }
/* overflow-y: hidden; max-height: 100px; */
.Filter_Lank_Container.open {max-width: unset;}
.Filter_Lank_Container span, .Filter_Lank_Item {border: 1px solid #f2f2ef; padding-inline: 0.5rem; border-radius: 5px; font-size: 14px;}
.Filter_Lank_Container span:nth-child(n+11), .Filter_Lank_Item:nth-child(n+11) {display: none;}
.show-all.Filter_Lank_Container span:nth-child(n+11), .show-all.Filter_Lank_Container .Filter_Lank_Item:nth-child(n+11) {display: block;}
.show-all.Filter_Lank_Container span:nth-child(n+11), .show-all.Filter_Lank_Container .Filter_Lank_Item:nth-child(n+11) {display: block;}

.FilterWrapper{position: relative;}
.showAllFilterWrapper{
	width: 100%;
}
.showAllFilter {
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	padding-inline: 0.5rem;
	line-height: inherit;
	margin-top: 8px;
	color: #000;
	background-color: rgb(242, 242, 239);
}
/*set display none on showAllFilter if less then 10 siblings before*/




.Filter_Lank_Container span.selected, .Filter_Lank_Item.selected {display: block; cursor: pointer; color: #000; background-color: #dce7e0;}
.Filter_Lank_Item.inactive{opacity:0.3; pointer-events: none;}


.filter .Filter_Lank{
	border-bottom: 1px solid #f2f2ef;
    padding-bottom: 1rem;
	padding-left: 1rem;
	width: 100%;
}

/* .Filter_Lank_Container span::before {content:'\f0c8'; margin-right: 3px;}
.Filter_Lank_Container span.selected::before {content:'\f14a'; margin-right: 3px;} */

/* .Filter_Lank_Container{max-height: 390px; overflow: auto;} */

/* Color (link) */
.Filter_Lank_Container span.color, .Filter_Lank_Item.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, .Filter_Lank_Item.color.selected {border:1px solid #000;}
.Filter_Lank_Container span.color.selected:after, .Filter_Lank_Item.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, .Filter_Lank_Item.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 {border: unset; 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; border-radius: var(--border-radius);}
.do_more #more_of_it:hover {background:#777;}
.loadz {position:absolute; top:4px;}
.loadz > img {max-width:30px;}

.filter .close-header {border: none; color: #000; background: transparent; text-align: left; position: relative; width:100%;-webkit-order:-1; -ms-flex-order:-1; order:-1; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding-left: 20px; margin-bottom: 10px;}
.filter .close-header:after {
	height: 50px;
	right: 0;
	width: 50px;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.filter .close-header span {font-size: 20px;font-weight: 600;}

.filterknapp_wrapper .filterToggle:after {
	font-family: "Font Awesome 5 Pro";
	content:"\f362";
	margin-left: 5px;
}

/*------------------------*/
@media screen and (max-width: 1250px) {
	.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:"\f103"; font-size:12px; margin-left:5px;}
	.filter-showmore .hide-filter:after {content:"\f102"; font-size:12px; margin-left:5px;}
	.hide-filter {display:none;}
	.filter {/*display:none; float:left; width: 100%;*/}
	.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:48%; margin:1% !important;}
	.filter .FilterWrapper:nth-child(3) {margin-left:0px;}
	.Artgrp_Sorteringsordning {width:100%; margin:0 0 15px 0;}

	.filter .close-header {position: relative; width:100%;-webkit-order:-1; -ms-flex-order:-1; order:-1; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding-left: 20px; margin-bottom: 10px;}
	.filter .close-header:after {height: 50px; right: 0; width: 50px; font-size: 1.4rem;}
	.filter .FilterWrapper {width: 96%; margin: 1% 2% !important;}

	.filterToggle{width: 100%; display: inline-block; color: #000;}
	.artgrp_wrapper .Sortering .ValjSortordning {top: 50px; text-align: left;}

	.filter .Filter_Lank {min-height: 35px}
	/*.filter .Filter_Lank_Container {position: unset;}*/


	 /* CLEAR FILTER */
	 /* .filter.canvas-right-module-xs.active > .filterWrap{
	 	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;
		align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;

		height: 90%;
		overflow-y: auto;
	 } */
	/* .ClearFilterWrapper {
		z-index: 100;
		display: block; 
		width:96%;
		margin: 1% 2% !important;
		-webkit-order:2; -ms-flex-order:2; order:2;

	}
	.ClearFilter {
		width: 100%;
		border: 0;
		font-size: 16px;
		margin: 0;
	} */

}	
.Close.Visa {
	width: inherit;
	font-size: unset;
	border: unset;
	display: block; 
	-webkit-order:2; -ms-flex-order:2; order:2;
	background: #000;
	color:#fff;
	text-align: center;
	cursor: pointer;
	border-radius: var(--border-radius);
    margin: 1rem 1rem;
    padding-block: 0.5rem;
	text-decoration: underline;
    text-underline-offset: 6px;
}