.tree-container-wraper {
   /* margin-top: 15px;*/
    flex: 1;
    max-width: 100%;
}
.tree-container {
    width: 100%;
    min-width: 200px;
    z-index: 1;
}
.tree-container .has-child > .data-req-click.link.linkClick.padding-left-0 {
    padding-left: 10px !important;
}
.save-order-content {
    margin-bottom: 15px;
}
.history, .wish-block, .search-cloud, .payment-methods, .filter-block, .faq-block, .saved-konfi-block, .subscriptions-block, .compound-block{
    margin-top: 20px;
    background: #EEE;
}
.compound-block {
    margin-bottom: 20px;
}
.wish-block .product{
    position: relative;
}

.history .product-name,
.wish-block .product-name,
.saved-konfi-block .product-name{
    font-size: 12px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
}

.history .product-image-container,
.wish-block .product-image-container,
.saved-konfi-block .product-image-container{
    display: block;
    margin: auto;
}

.history .product,
.wish-block .product,
.saved-konfi-block .product{
    margin-top: 20px;
}

.history .product:last-child,
.wish-block .product:last-child,
.saved-konfi-block .product:last-child{
    padding-bottom: 20px;
}

.history .product-image-container img,
.wish-block .product-image-container img,
.saved-konfi-block .product-image-container img{
    display: block;
    margin: auto;
}

.wish-block .cross-block{
   /* color: var(--farbcode);*/
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 37px;
    font-size: 16px;
    color: #ffffff;
}

.search-cloud .cloud-container{
    word-wrap: break-word;
    word-break: break-word;
    padding: 10px 20px;
}

.search-cloud .cloud-container .search-term{
    margin-right: 10px;
}

.search-cloud .cloud-container .search-term a{
    color: var(--farbcode) !important;
    font-size: 1em;
}

.payment-methods{
    background: #EEE;
}

.payment-methods .payment-methods-container{
    padding: 10px 20px;
}

.payment-methods ul{
    flex-direction: row;
    width: 100%;
    display: flex;
    padding-left: 0;
    margin-bottom:0;
    list-style: none;
}
.payment-method-s img{
    width: 125px !important;
    background: transparent !important;
    margin-left: 15px;
    margin-top: 11px;
}
.payment-methods .payment-method{
    font-size: 30px;
    display: block;
    margin: auto;
}

.payment-methods .payment-method i{
    color: rgba(160,160,160,0.7);
}

.dd .payment-methods .payment-method i:hover{
    color: var(--farbcode) !important;
}

.payment-methods img{
    width: 30px;
    background: rgba(160,160,160,0.7); 
}

.dd .payment-methods img:not(.img-col):hover{
    background: var(--farbcode) !important;
}

.tree-container .tree-header, .history .history-header, .search-cloud .search-cloud-header,
.wish-block .wish-block-header, .payment-methods .payment-methods-header,
.filter-block .filter-block-header, .faq-block .faq-block-header, .saved-konfi-block .saved-konfi-block-header, .subscriptions-block .subscriptions-block-header, .compound-block .compound-block-header {
  padding: 10px 0px 10px 20px;
  color: white;
  background: var(--farbcode);
  font-size: 17px;
}
.filter-block .filter-container{
    margin-top: 20px;
}

.filter-block .filter-container .filter-name-header{
    padding-left: 20px;
}

.filter-block .filter-container .filter-name{
    padding-left: 20px;
}

.filter-block .custom-checkbox, .filter-block .checkbox-label{
    display: table-cell;
    padding: 0;
    vertical-align: top;
}

.filter-block .remove-filter-container{
    height: 24px;
}

.filter-block a.remove-filter{
    color: var(--farbcode);
    text-decoration: underline;
    cursor: pointer;
    padding-left: 20px;
}

.dd .filter-block a.remove-filter:hover{
    text-decoration: none !important;
}

.filter-block .custom-checkbox label:after{
    top: -8px !important;
}

.tree-container .category-image {
    padding: 10px 0 10px 10px;
    background: #F3EDE3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tree-container .action{
    position: initial;
    padding: 5px 10px 5px 10px!important;
    margin-top: 0 !important;
}
.action a,.tree-container .category-image .action a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
}
.tree-container li.has-child > a {
    margin-left: 27px;
}
.tree-container ol li {
    width: 100% !important;    
    padding: 8px 0 !important; 
    font-weight: 500;
}
.tree-container ol.default.vertical > li {
    padding: 0 !important;
}
.tree-container ol i.icon-move{
    margin-top: 6px;
    margin-left: 10px;
    float: left;
}
.tree-container a{
    color: #000;
}
.tree-container .category-image a {
    text-decoration: none;
    color: black;
    font-size: 25px;
    display: block;
}

.tree-container .category-image a img{
    max-width: 150px;
}

.tree-container .nav.tree {
    width: 100%;
}
.tree-container ol{
    padding-left: 0;
}
.tree-container ul.nav-menu-list-style {
    margin: 0;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.tree-container ul.nav-menu-list-style li {
    width: 100%;
    position: relative;
}

.tree-container ul.nav-menu-list-style li a.link {
    display: block;
    background-color: #EEE;
    color: #000;
    border-top: 1px solid #fff;
    line-height: 1.9em;
    text-decoration: none;
    font-size: 14px;
}

.tree-container ul.nav-menu-list-style li a.link.konfig-link-class{
    font-weight: bold;
}

.dd .tree-container ul.nav-menu-list-style li a.link:hover,
.tree-container ul.nav-menu-list-style li a.link.active {
    background-color: #ddd;
}

.tree-container ul.nav-menu-list-style li .badge,
.tree-container ul.nav-menu-list-style li .pull-right,
.tree-container ul.nav-menu-list-style li span.badge,
.tree-container ul.nav-menu-list-style li label.badge {
    float: right;
    margin-top: 7px;
}

.tree-container .tree-loader {
    display: block;
    position: absolute;
    top: 20px;
    left: 100px;
}

.padding-left-0 {
    padding-left: 20px !important;
}

.padding-left-1 {
    padding-left: 30px !important;
}

.padding-left-2 {
    padding-left: 40px !important;
}

.padding-left-3 {
    padding-left: 50px !important;
}

.perks-container {
    height: 95px;
/*    padding-top: 15px;*/
    z-index: 1;
}

.perks-container>div {
    height: 100%;
    margin: 0px;
}

.perks-container>div .tree-container-wraper {
    padding-left: 0px;
    padding-right: 0px;
}

.perks-container>div .perks {
    padding-left: 15px;
    padding-right: 0px;
    height: 80px;
    display: none;
}

.perks-container>div .perks>div {
    height: 100%;
    background-color: #edecec;
    padding-top: 16px;
}

.perks-container .perks .item {
    display: table;
    margin: 0 auto;
}

.perks-container .perks .item .item-image {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 50px;
    color: var(--farbcode);
}

.perks-container .perks .item .item-image img {
    display: block;
    height: 54px;
}

.perks-container .perks .item .item-text {
    display: table-cell;
    vertical-align: middle;
}

.perks-container .perks .item .item-text h4 {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase; 
    line-height: normal;
    margin: 0 0 3px;
}

.perks-container .perks .item .item-text h6 {
    color: #909090;
    font-size: 17px;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0px;
}

.perks-container .perks .item .item-text a {
    color: var(--farbcode);
    text-decoration: underline;
}

.dd .perks-container .perks .item .item-text a:hover {
    text-decoration: none !important;
}

.perks-container .slick-slider .slick-arrow {
    z-index: 1;
}

.perks-container .slick-slider .slick-prev {
    left: 20px !important;
}

.perks-container .slick-slider .slick-next {
    right: 5px !important;
}

.perks-container .slick-slider .slick-prev:before,
.perks-container .slick-slider .slick-next:before {
    color: var(--farbcode) !important;
}

.tree-select-box {
    position: relative;
    padding-top: 15px !important;
}

.tree-select-logo img{
    display: block;
    margin: auto;
    margin-top: 15px;
}

.tree-select-box select {
    border-radius: unset;
    height: 60px;
    border: 1px solid transparent;
    background-color: #f1eff0;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #495057 !important;
    width: 100%;
    padding: 6px 12px;
}

.tree-select-box .input-group-append {
    right: 15px;
    position: absolute;
    z-index: 15;
    height: 60px;
    top: 15px;
}

.tree-select-box .input-group-append .input-group-text {
    border-radius: unset;
    background: none;
    border: none;
    font-size: 23px;
    color: #9e9e9e;
}

@media (max-width: 575px) {
    .perks-container .perks {
        padding-left: 0px !important;
    }
    .has-offer #zoom-fig{
        max-width: 350px;
        margin: auto;
    }
}

.tree-select-box, .tree-select-logo {
    padding: 0px 15px;
}

.tree-select-logo a{
    display: block;
}

.dd .faq-block a:hover {
    text-decoration: none;
}
.konfi-section-head {
    display: flex;
    align-items: center;
    padding: 12px;
    position: relative;
}
.save-timestamp{
    font-size: 12px;
    color: black;
    text-align: right;
    font-weight: 600;
}
.konfi-section-head i.fa.fa-times{
    color: red;
   /* border: 1px solid;
    border-radius: 50%;*/
    font-size: 22px;
/*    width: 22px;
    height: 22px;
    line-height: 20px;*/
    text-align: center;
}

.saved-konfi-block .saved-konfi-container .product .img-title{
    display: flex;
}
.dd .saved-konfi-block .saved-konfi-container .product .refer-social-box i:hover,
.dd .konfi-save-icons .refer-social-box i:hover
{
    color: var(--comp_farbcode);
}

.saved-konfi-block .saved-konfi-container .product .img-title .img-cont{
    padding-right: 10px;
}

.saved-konfi-block .saved-konfi-container .product .img-title .img-cont img{
    width: 55px;
}

.saved-konfi-block .saved-konfi-container .product .img-title .title-cont{
    font-size: 15px;
    color: var(--farbcode);
    font-weight: 600;
}
.dd .saved-konfi-block .saved-konfi-container .product .img-title .title-cont:hover{
 text-decoration: underline;
  text-decoration-color: var(--farbcode);
}

.saved-konfi-block .saved-konfi-container .product .konfig-text{
    font-size: 13px;
    padding: 10px;
}
.saved-konfi-block .cross-saved-konfi{
    cursor: pointer;
}

.saved-konfi-container hr {
    width: 90%;
}

.saved-konfi-block .saved-konfi-block-header .konfi-collapse-icon{
    float: right;
    margin-right: 10px;
}
.saved-konfi-block .saved-konfi-block-header .konfi-collapse-icon:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
}

.saved-konfi-block .saved-konfi-block-header .konfi-collapse-icon.open:before {
    content: "\f078";
}
.subscriptions-block .subscriptions-container .product .img-title{
    display: flex;
    margin-top: 3px;
}
.subscriptions-block .subscriptions-container .product .refer-social-box i:hover,
.konfi-save-icons .refer-social-box i:hover
{
    color: var(--comp_farbcode);
}

.subscriptions-block .subscriptions-container .product .img-title .img-cont{
    border: 1px solid #ddd;
    margin-right: 5px;
}

.subscriptions-block .subscriptions-container .product .img-title .img-cont img{
    width: 70px;
    height: 70px;
}

.subscriptions-block .subscriptions-container .product .img-title .title-cont{
    font-size: 13px;
    color: var(--farbcode);
    font-weight: 600;
}
.subscriptions-block .subscriptions-container .product .img-title .title-cont:hover{
 text-decoration: underline;
  text-decoration-color: var(--farbcode);
}

.subscriptions-block .subscriptions-container .product .ampel-text{
    font-size: 11px;
}
.subscriptions-block .cross-subscriptions{
    cursor: pointer;
}

.subscriptions-container hr {
    width: 90%;
}

.subscriptions-block .subscriptions-block-header .konfi-collapse-icon{
    float: right;
    margin-right: 10px;
}
.subscriptions-block .subscriptions-block-header .konfi-collapse-icon:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
}

.subscriptions-block .subscriptions-block-header .konfi-collapse-icon.open:before {
    content: "\f078";
}
input.btn.btn-warning.buttonHL {
    color: #fff;
}
/*sale price badge*/
.product.has-offer,.has-offer .app-figure{
    position: relative;
}
.has-offer .sale-tag,.has-offer .app-figure .sale-tag {
     position: absolute;
    top: 15px;
    padding: 4px 10px;
    /*background: #FF0000;*/
    background: green;
    z-index: 1;
    left: -5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
.has-offer .sale-tag.purple,.has-offer .app-figure .sale-tag.purple {
    background: #800080;
   /*background: #ef84ef;*/
}
.has-offer .sale-tag:before, .has-offer .sale-tag:after,
.has-offer .app-figure .sale-tag:before,.has-offer .app-figure .sale-tag:after  {
    content: "";
    position: absolute;
}
.has-offer .sale-tag:before,.has-offer .app-figure .sale-tag:before{
    width: 7px;
    height: 100%;
    top: 0px;
    left: -1.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px;
}
.has-offer .sale-tag:after,.has-offer .app-figure .sale-tag:after{
    width: 7px;
    height: 5px;
    bottom: -2px;
    left: -1.5px;
    background: green;
    border-radius: 5px 0 0 5px;
}
.has-offer .sale-tag.purple:after,.has-offer .app-figure .sale-tag.purple:after{
    background: purple;
}
.has-offer.purple{
    overflow: hidden;
}
.has-offer.purple span.sale-tag.purple {
    transform: rotate(-46deg);
    top: 32px;
    padding-left: 30px;
    padding-right: 30px;
    left: -35px;
}
.has-offer.purple span.sale-tag.purple:before,.has-offer.purple span.sale-tag.purple:after{
    width: auto;
}
@media only screen and (max-width: 600px) {
    .saved-konfi-block .saved-konfi-container .product .img-title .title-cont {
        font-size: 15px;
    }
}
@media(min-width:576px){
    .save-timestamp{
        margin-right: -17px;
    }
}
@media (max-width: 575px) {
    .perks-container .perks {
        padding-left: 0px !important;
    }
    .saved-konfi-block.saved-konfi-m.d-sm-none {
        margin-left: 15px;
        margin-right: 15px;
    }
    .saved-konfi-block{
        position: relative;
        margin-bottom: 15px;
    }
    .saved-konfi-block:after {
        content: "";
        background: #d9d9d9;
        max-width: 75%;
        height: 2px;
        position: absolute;
        bottom: -20px;
        margin: auto;
        left: 0;
        right: 0;
        width: 100%;
    }
    .purple .app-figure{
        overflow: hidden;
        max-width: 350px;
        margin: auto;
    }
  
}
@media(max-width:480px){
    .save-timestamp{
        margin-right: -17px;
    }
}
/*@media(min-width:380px) and (max-width:575px){
        .has-offer .app-figure .sale-tag{
            left: auto;
            transform: translateX(-349%);
        }

}*/

.subscriptions-container .delivery-time span.green {
    background: green;
}

.subscriptions-container .delivery-time span.yellow {
    background: #f0e419;
}

.subscriptions-container .delivery-time span.blue {
    background: #4e7f97;
}

.subscriptions-container .delivery-time span.red {
    background: #ec0000;
}

.subscriptions-container .delivery-time span.darkorange {
    background: #FF8C00;
}

.subscriptions-container .delivery-time span.purple {
    background: #800080;
}

.subscriptions-container .delivery-time span {
    width: 10px;
    height: 10px;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 3px;
}
.subscriptions-container {
    padding: 1rem 0;
}

.wish-block .cross-block i {
    background: red;
    padding: 4px 5px;
    line-height: 15px;
}

.subscriptions-container .save-timestamp{
    font-size: 12px;
    color: #585252;
    text-align: right;
    position: absolute;
    top: -8px;
    /*right: 2px;*/
/*    font-weight: 600;*/
}
.subscriptions-container .cross-notif {
    cursor: pointer;
    transform: translateY(-11px);
    position: absolute;
    top: 0;
    right: 10px;    
}
.tree-container .subscriptions-block {
    margin-top: 20px;
}
.section-block .section-block-header .section-collapse-icon {
    float: right;
    margin-right: 10px;
}
.section-block .section-block-header .section-collapse-icon.open:before {
    content: "\f078";
}
.section-block .section-block-header .section-collapse-icon:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
}
@media (max-width: 600px) {
    .section-container{
        display: none;
    }
}