.badge-custom{background:#000;color:#fff;font-weight:600;font-size:11px;text-transform:uppercase;text-align:center;padding-left:10px;padding-right:10px;line-height:35px;display:inline-block;right:15px;bottom:15px;position:absolute;left:15px;z-index:9}

.badge-custom3{background:#4b4b4c;color:#fff;font-weight:600;font-size:11px;text-transform:uppercase;text-align:center;padding-left:10px;padding-right:10px;line-height:35px;display:inline-block;right:15px;top:0;position:absolute;z-index:9}

.badge-birthday {
    position: absolute;
    top: 0;
    z-index: 99;
    right: 10px;
    top: 0px
}

.badge-birthday img {
    width: 60px
}

.product .badge-birthday {
    0;z-index: 99;
    right: 30px;
    top: -5px
}

/*filter start*/
@media (max-width: 879px) { 
	body.filter .content .MoveBeforeFilter {display:none}
	body.filter .content .CmsPageStyle_Table {display:none}
	body.filter .content .SubCats_Categories_Container .movebeforefilter {display: none}
	.webshop-productlist .leftmenu {padding:0px 0 0 5px;display:block!important}
	.webshop-productlist .leftmenu #ProductMenu_List {display:none}
	.leftmenu #ProductFilter-Container {width:90%;margin-left:5%}
	.webshop-productlist .leftmenu {padding:0 5px!important}
}

#Content_Productlist > a {position: absolute;background:yellow;top:0;z-index:9999;right:0}
.product-filter-clear-all {display:none}
.filterLoaded #Content_Productlist > .movebeforefilter,
.filterLoaded .SubCats_Categories_Container > .movebeforefilter {display:none}
#ProductFilter-Container #loadingfilter {font-weight:bold;font-size:18px;padding-left:12px}
#filterloading {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background-color:rgba(255,255,255,.75)}
#filterloading div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#filterloading i{font-size:50px;color:#000}
#filterloading p {font-size:18px;margin:20px 0 0}

#ProductFilter-Container {display:block;z-index:99;margin:0px;font-size:14px}

#ProductFilter-Container:empty {display:none}
.movebeforefilter:has(.breadcrumb:empty) {display:none} 

#ProductFilter-Container > div {background: #f6f6f6;padding:10px 0;display: flex;align-items: center;margin:10px 0}
#ProductFilter-Container > div:before {content:'Filtrer efter';font-size:18px;color:#000;margin:0 50px 0 20px}

#ProductFilter-Container input[type="checkbox"] {display:none}
#ProductFilter-Container input[type="checkbox"] + label span.checkmark {margin:0;padding:0;display:inline-block;width:15px;height:15px;cursor:pointer;border:1px solid #dbdbdb;position:absolute;vertical-align:middle;border-radius:2px;left:10px;top:10px}
#ProductFilter-Container input[type="checkbox"] + label:hover span.checkmark:after  {content:"\002714";position:absolute;font-size:12px;font-weight:700;line-height:1;left:50%;top:50%;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#ccc}
#ProductFilter-Container input[type="checkbox"]:checked + label span.checkmark:after{content:"\002714";position:absolute;font-size:11px;font-weight:700;line-height:1;left:50%;top:50%;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff}
#ProductFilter-Container input[type="checkbox"]:checked + label {text-decoration: none}
#ProductFilter-Container .product-filter-count-container {position:absolute;right:5px;font-size:10px}
#ProductFilter-Container label.product-filter-checkbox-label {width:90%;padding-left:30px;float:none;line-height:normal;cursor:pointer}

#ProductFilter-Container .product-filter-headertext-container {color:#555454;font-size:16px;padding:0 0 10px 0;font-weight:bold}
#ProductFilter-Container .product-filter-headertext-container > * {display:inline-block;vertical-align:middle}
#ProductFilter-Container > div {display:flex;flex-wrap:wrap}
#ProductFilter-Container > div > div.product-filter-column {width:auto!important;margin:0 10px 0 0;float:none;padding:0;z-index:999}
#ProductFilter-Container .product-filter-container {border:none;}
.product-filter-header-container {min-width: 100%;line-height: 1em;padding: 10px;border: 0px;box-sizing: border-box;-moz-box-sizing: border-box;cursor:pointer;background:#fff;color:#000}


#ProductFilter-Container div.product-filter-header-container:after {content:'\f078';font-family:'Font Awesome 5 Pro';position:absolute;right:20px;top:12px;font-size:16px;font-weight:300}
#ProductFilter-Container span.count {display:none;position:absolute;margin-top:-2px;margin-left:10px;width:17px;height:17px;line-height:17px;background:#EEEEEE;border-radius:50%;text-align:center;font-size:10px;font-weight:bold;color:#000}
#ProductFilter-Container div.product-filter-header-text{float:none;position:relative;padding-right:100px;font-weight: bold;font-size:14px}
#ProductFilter-Container div.product-filter-body-container{display:none;box-shadow:0 0 30px rgba(0,0,0,.1);background-color:#fff;}
#ProductFilter-Container div.product-filter-checkbox-container{display:flex;align-items:center;border-bottom:solid 1px #eee; padding:8px;position:relative;transition:background .3s ease;height:30px;font-size:12px}
#ProductFilter-Container div.product-filter-advanced-variant-checkboxes,
#ProductFilter-Container div.product-filter-tag-checkboxes {display:flex;flex-wrap:wrap;    flex-direction: column;}
#ProductFilter-Container div.product-filter-tag-checkboxes div.product-filter-checkbox-container {margin:0;width:100%}
#ProductFilter-Container div.product-filter-checkbox-container.active {border-color:#35885f;background-color:#35885f}
#ProductFilter-Container div.product-filter-checkbox-container.active * {color:#fff}
#ProductFilter-Container div.product-filter-checkbox-container:not(.disabled):not(.active):hover{background-color:rgba(238,238,238,.6)}
#ProductFilter-Container div.product-filter-checkbox-container.disabled{opacity:.25}
#ProductFilter-Container div.product-filter-checkbox-container.disabled:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
#ProductFilter-Container div.product-filter-checkbox-container > *{flex:none;float:none}
#ProductFilter-Container .filtercolor {width:11px;height:11px; border-radius:2px;display:inline-block;margin-right:5px;vertical-align: middle;}

@media (min-width: 880px) { 
    #ProductFilter-Container div.product-filter-body-container{position:absolute;margin-top:35px;left:15px;right:15px}
    #ProductFilter-Container div.product-filter-container:hover div.product-filter-body-container{display:block;z-index: 9}
}
@media (min-width: 1199px) { 
	#ProductFilter-Container > div {flex-wrap: nowrap}
}
@media (max-width: 1200px) { 
    .filterLoaded #ProductFilter-Container {margin:0px}
    #ProductFilter-Container > div > div.product-filter-column,
	#ProductFilter-Container .product-filter-column-container-10 {margin-bottom:5px;width:100%!important}
    #ProductFilter-Container .product-filter-body-container-tag {max-height:none!important}
	#ProductFilter-Container > div > div.product-filter-column {margin:5px 10px 0 10px}
}
.chosenFiltersContainer {padding:10px 0;border-bottom:1px solid #dcdcdc;display:flex;align-items: center}

.chosenFiltersContainer .chosenFiltersHead {width:90px;}
.chosenFiltersContainer .chosenFiltersBody {width:calc(100% - 100px);display: flex;justify-content: space-between;align-items: center}

.chosenFiltersContainer .chosenFiltersBody {margin-left:10px}
.chosenFiltersContainer .chosenFiltersBody > div > div {float:left}
.chosenFiltersContainer .chosenFiltersBody > div > div {margin:0 15px 0 0;background:#35885f;color:#fff;line-height:12px;padding:4px 10px;font-weight:400;border-radius:2px;position:relative}
.chosenFiltersContainer .chosenFiltersBody > div > div > span.remove {position:absolute;right:-8px;top:-8px;background-color:#333;height:18px;width:18px;border-radius:50%;color:#FFF;text-align:center;padding:1px 0 0;font-size:10px;line-height:16px;cursor:pointer}

@media (max-width: 879px) { 
    .chosenFiltersContainer .chosenFiltersBody {margin: 0 10px}
}
/*filter end*/