#wrapper {
    padding-top: 0;
    padding-bottom: 48px;
    background: #3E3B3B;
}
#wrapper div.footer,
#header{
    display: none;
}
#side #side_logo {
    transform: none;
    -webkit-transform: none;
}

body.load {
    background: #3E3B3B;
}

/** plantnamen **/
span.s {
    font-size: .8em;
    font-style: normal;
    font-weight: normal;
    font-family: verdana, sans-serif;
}

/** TREEEBB DEV **/
div.row.treeEbb {
    background: #fff;
    background: #3e3b3b;
}
div.row.treeEbb.plant-detail {
    background: #efefef;
}


#wrapper div.row.treeEbb .body {
    background: none;
}


#treeEbb {
    min-height: 1600px;

    box-sizing: border-box;
    margin: 0 auto;

    width: 95%;
    width: 99%;
    /*min-width: 1024px;*/

    padding-top: 1em;
    position: relative;
}
#treeEbb.hasdetail {
    min-height: 0;
    padding-top:0;
}


div#filters {
    padding: 0;

    left: 100px; right:0;
    box-sizing: border-box;
    position: fixed;
    top: 100px;
    z-index: 999;
    background: none;

    transform: translate3d(0,-325px,0);
    -webkit-transform: translate3d(0,-325px,0);

    transition: transform 200ms ease;
    -webkit-transition: -webkit-transform 200ms ease;


}
body.showfilters div#treeEbb div#filters {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);

}



@media screen and (max-width: 1440px) {
    div#filters {
        left: 50px;
    }
    
    #wrapper.wrappertreeebb{
        margin-left: 50px;
        width: calc(100% - 50px);
    }

}

body.nosidebar div#filters {
    left:0;
}

div#filters-inner {
    padding: .5em 1% 1% 1%;
    box-sizing: border-box;
    background: #282828;
    padding-top:1em;
    width: 100%;
    height: 325px;
    float:left;
    position: relative;


}
div#treeEbb div#filters-inner h1,
div#treeEbb div#filters-inner h2 {
    bottom: -44px;
    color: rgba(255, 255, 255, 0.3);
    display: block;
    font-size: 2.5em;
    left: auto;
    

    line-height: 1;
    position: absolute;
    transition: all 0ms ease 250ms, bottom 300ms ease 350ms;
    padding-left: 40px;

    padding-right: 80px;
    right: 0;

   
    /* changed to middle in bar 8-2-2018 */
    right: 50%; /* 205px; */
    transform: translateX(50%);
    -webkit-transform: translateX(50%);

}
body.showfilters div#treeEbb div#filters-inner h1, body.showfilters div#treeEbb div#filters-inner h2 {
    bottom: 0;
    color: #3E3E3E;
    font-size: 6em;

    right: auto;
    transition: none;
    left: auto;
    right:5%;
    padding-right: 0;
    display: none;

    /*left: 3.2%;*/
    /* padding-left: 260px;*/
}
div#treeEbb div#filters-inner {

}
body.showfilters div#treeEbb div#filters-inner {
    background-image: url(/images/treeEbb/treeebb_logo_wtext.png);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: right 6% top 20px;
    /*
    display: block;
    width: 230px; height: 230px;
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
    */
}
/*
div#treeEbb.showfilters div#filters-inner h1:before {
    background-image: url(/images/treeEbb/treeebb_logo.png);
    background-size: 230px 230px;
    background-repeat: no-repeat;
    display: block;
    width: 230px; height: 230px;
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
}
*/
div#treeEbb div#filters-inner h1:before,
div#treeEbb div#filters-inner h2:before {
    background-image: url(/images/treeEbb/treeebb_logo_small.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    display: block;
    width: 30px; height: 30px;
    content:"";
    position:absolute;
    left:0;
    bottom:4px;
}
body.showfilters div#treeEbb div#filters-inner h1:before {
    background:none;
}

div#filters.top {
    top:0;
}
div.results_arrow {
    display: block;
    width: 32px; height: 32px;

    position: absolute;
    bottom: 9px;right:16px;
    border: 1px solid #141414;
    box-shadow: 0 0 1px #383838 inset;
    border-radius: 2px;

    background: #2f2f2f;

    z-index: 1;
    cursor:pointer;
    transition: background 100ms ease;
}

/*
div#go-back.results_arrow {
    right: auto;
    left: 12px;
}
*/

div.results_arrow:hover {
    background: #3E3B3B;
    box-shadow: none;
}

div.results_arrow > span, div.results_arrow > a {
    /*
    width: 20px;
    height: 20px;
    */

    display: block;
    /*
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -10px;
    margin-left: -10px;

    */

    background-position: 8px 0;
    background-repeat: no-repeat;

}
div#toggle-filters > span {
    background-size: 32px auto;
    background-image: url(/images/treeEbb/arrow-updown-64-pad.png);
    background-position: 0 0;
}

div#go-back > a {
    background-image: url(/images/treeEbb/arrow-left-64-pad.png);
    background-size: 32px 32px;
    background-position: 0 0;




}
div.results_arrow {
    width: auto;
    margin-top: 16px;
    margin-left:24px;
    position:relative;

}
div.results_arrow > a,div.results_arrow > span {
    position:relative;
    float:left;
    color:white;
    display: inline-block;
    line-height: 32px;
    padding-left: 32px;
    padding-right: 10px;
    background-position: 6px center;
}
div#go-back.results_arrow  {
    float:left;
    position:relative;
    background-position: 6px center;
}
div#toggle-filters.results_arrow {
    float:left;
    position:relative;
    width: 144px;
}


body.showfilters #treeEbb div#toggle-filters > span {
    background-position: 2px -32px;
    white-space: nowrap;
}
body.showfilters #treeEbb div#toggle-filters > span.show {
    display: none;
}
#treeEbb div#toggle-filters > span.hide {
    display: none;
}
body.showfilters  #treeEbb div#toggle-filters > span.hide {
    display:inline-block;
}



body.showfilters  #treeEbb.hasdetail div#toggle-filters > span {
    background-position: 3px 0;

}

/** resultsbar **/

div#resultsbar {
    height: 50px;
    background: #3E3B3B;
    background: #2f2f2f;
    width: 100%;
    float:left;
    position: relative;
}
/*
div.hasdetail div#resultsbar {
    background: rgba(47,47,47,.7);
    transition: background 150ms ease;
}
div.hasdetail div#resultsbar:hover {
    background: rgba(47,47,47,1);

}
*/

/** FILTERS **/
div.filtergroup {
    width: 20%;
    float:left;
    box-sizing: border-box;
    padding: 0 4px;
    position:relative;
}

div.filtergroup_set {
    width: 20%;
    float:left;
    box-sizing: border-box;
    padding: 0;
    position:relative;
}
div.filtergroup_set > div.filtergroup {
    width: 100%;
    /*padding-bottom:5px;*/
    opacity: 1;
    transition: opacity 250ms ease;
}
div.filtergroup_set > div.filtergroup[data-group_id="1"] {
    margin-top: 38px;
}
div.filtergroup_set > div.filtergroup.hide {
    opacity:0;
}

div.filtergroup span.title {
    display: block;
    color: white;
    /*font-family: "Source Sans Pro",sans-serif;*/
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 8px 4px 7px;
}

div#summary {
    color: white;
    line-height: 49px;
    box-sizing:border-box;
    padding:0;
    position:relative;

    float:left;
    width: calc(100% - 210px);

}
div#treeEbb.hasdetail div#summary {
    /*padding-left: 50px;*/
}
div#summary div.numresults {
    position: absolute;
    right: 5em;

}
div#summary > div {
    display: inline-block;
}
div#summary.empty > div, div#summary.empty > span.selection_name {
    display: none;
}
div#summary span.selection_name {
    display: inline-block;
    float: left;

    /*
    width: 9%;
    text-align: right;

    */
    margin-right: .6em;
    white-space: nowrap;
    box-sizing: border-box;
}
div#summary > div.selection {

    /*position: absolute;
    width: 100%;
    top:0;left:0;
    box-sizing: border-box;
    padding-left: 148px; padding-right: 220px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    */
    box-sizing: border-box;

    width: 83%;
    white-space: nowrap;
    position: relative;


}

div#summary .selection > span.filter {
    display: block;
    float:left;
    margin: 14px 1% 0 0;
    background: #999;
    font-size: .8em;
    padding: 3px 20px 4px 4px;
    border-radius: 2px;
    line-height:16px;
    position:relative;
    padding-right: 20px;

    box-sizing: border-box;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

div#treeEbb.hasdetail div#summary .selection > span.filter {
    padding-right: 4px;
}

div#treeEbb:not(.hasdetail) div#summary > div.selection span.filter:hover {
    background: #938672;
    cursor: pointer;
}

div#summary .selection > span.filter span.value {
}
div#summary .selection > span.filter  span.name {
    margin-right: 1px;
    display: inline-block;
    margin: 0 5px 0 4px;
    font-weight: 600;
}



div#summary .selection > span.filter div.contents {
    display: block;
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
div#summary .selection > span span.values span.value:after {
    display: inline-block;
    width:1px; height:16px;
    background: rgba(62,59,59,.5);
    background: #aaa;
    content: "";
    position:absolute;
    top:4px;
    margin-left:4px;
}
div#summary .selection > span.filter > span.values span.value:last-child:after {
    display: none;width:0;margin:0;
}
*/

div#summary .selection > span.filter  span.values span.value {
    display: inline;
    margin: 0;
    padding: 0 5px 0 4px;
    border-left: 1px solid #aaa;
}
div#summary .selection > span.filter  span.values span.value:first-child {
    border-left: 0;
    padding-left:0;
}


div#summary .selection > span  span.clear {
    background-image: url("/images/treeEbb/cross.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 9px 9px;
    display: inline-block;
    width: 9px; height: 9px; vertical-align: bottom;

    margin:0;
    cursor:pointer;
    height: 23px;
    width: 22px;

    position: absolute;
    right:0;top:0;
}
div#treeEbb.hasdetail div#summary .selection > span  span.clear {
    display: none;
}

div.filter {
    margin-bottom: 5px;
    /*
    background: #efefef;
    background: #fff;
    */
    float:left;
    color: #fff;
    width:100%;
    position:relative;
    overflow:hidden;
    height: 28px;
    transition: height 300ms ease, margin 300ms ease, opacity 350ms ease 150ms;
}
div.filter.fake {
    display: none;
}
div.filter.show {
    overflow:visible;

}
div.filter.fade {
    opacity: 0;
    height: 0;
    margin:0;
    transition: opacity 200ms ease, height 300ms ease, margin 300ms ease;
}
div.filter div.title {
    cursor: pointer;
    box-sizing:border-box;
    padding: 0 0 0 .5em;
    color: white;
    background: #aaa;
    border-radius: 2px;

    line-height: 26px;
    height: 28px;

    background: #2f2f2f;
    border: 1px solid #141414;
    box-shadow: 0 0 1px #383838 inset;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;

    transition: all 150ms ease;
}
div.filter div.title:hover {
    background: #3e3b3b;

}
div.filter.active div.title, div.filter.show div.title {
    background: #938672;
    box-shadow: none;
    border-radius: 2px 2px 0 0;

}
div.filter div.title span.arrow {
    display: inline-block;
    width: 10px; height: 10px;
    background-image: url(/images/treeEbb/arrow-sprite.png);
    background-size: 10px 20px;
    background-position: 0 0;
    margin-right: 4px;
    vertical-align: baseline;
    margin-left:0px;
}
div.filter.show div.title span.arrow {
    background-position: 0 10px;
}
div.filter div.title span.clear {
    display: inline-block;
    width: 26px; height: 26px;
    background-image: url(/images/treeEbb/cross.png);
    background-size: 9px 9px;
    background-position: center center;

    background-repeat: no-repeat;

    float:right;
    vertical-align: baseline;

    position: absolute;
    top: 1px; right: 1px;

    display: none;
}
div.filter.active div.title span.clear {
    display: block;

}


div.filter div.filter-content {
    padding:6px;
    box-sizing: border-box;
    width: 100%;
    opacity:0;
    top:27px;
    position:absolute;
    border: 1px solid #141414;

    transition: opacity 150ms ease;
}
div.filter.show div.filter-content{
    opacity:1;

    z-index:5;
    background: #3e3b3b;
    border-radius: 0 0 2px 2px;


}
div.filter div.filter-content div.filter-toggler {
    width: 100%; float: left;
    border-top: 1px solid rgba(100, 100, 100, 0.5);
    padding-top: 5px;

}
div.filter div.filter-content.filter-enumselect div.filter-toggler {
    margin-top: -5px;
}

div.filter div.filter-content.filter-colorselect div.filter-toggler {
    margin-top:3px;
}
div.filter div.filter-content div.filter-toggler span.ok {
    background: none repeat scroll 0 0 #2f2f2f;
    border: 1px solid #141414;
    box-shadow: 0 0 1px #383838 inset;

    border-radius: 2px;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.9em;
    line-height: 1.2;
    padding: 3px 14px;
    height: 16px;
    line-height: 15px;
    transition: background 100ms ease;
}
div.filter div.filter-content div.filter-toggler span.ok:hover {
    background: #3E3B3B;
    box-shadow: none;

}


/** CheckboxSelect **/
div.filter-enumselect label {
    display: block;
    width: 100%;

    float:left;
    padding: 0;
    box-sizing: border-box;

    /*font-family: helvetica, arial, sans-serif;*/
    font-size: 14px;
    line-height:1;

    cursor:pointer;

    display: block;
    width: 100%; height: 20px;
    float: left;
    margin-bottom: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(100,100,100,0.5);


}

body #wrapper[data-lang="ru"] div.filter-enumselect label {
    font-size: 13px;
}
div.filter div.filter-content label {
    /*transition: opacity 150ms ease;   */

    display: block;
}
div.filter div.filter-content label.disabled {
    cursor: default!important;
    /*opacity: .2!important;*/
}
div.filter div.filter-content label.disabled span.name {
    color: #575454;
}
div.filter-enumselect label.disabled > span.name::before {
    background: #575454;
}
div.filter-iconselect label.disabled > span img {
    opacity: .2;
}
div.filter-colorselect label.disabled > span {
    opacity:.1!important;

}

div.filter-enumselect label:last-child {
    border-bottom: none;
    margin-bottom:0;
    padding-bottom:0;
    height: 15px;
}
div.filter-enumselect label:first-child {

}
div.filter-enumselect label input {
    display: none;
}
div.filter-enumselect label > span {
    line-height: 13px;
}
div.filter-enumselect label > span.name {
    display: inline-block;
    max-width: 90%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.filter div.filter-content  span.numresults {
    font-size: 10px;
    font-family: helvetica, arial, sans-serif;
    /*min-width: 12px;*/
    display: inline-block;

    transition: all 150ms ease;
}

#wrapper.loadingNumResults div.filter:not(.lastaction) div.filter-content  span.numresults {
    /*
    background-image: url(/images/treeEbb/miniloader.gif);
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    color: rgba(255,255,255,0);
    */

    /*color: transparent;*/

    color: transparent;
    text-shadow: 0 0 5px rgba(255,255,255,0.9);
}



div.filter div.filter-content.filter-enumselect  span.numresults, div.filter-rangeselect span.numresults {
    float:right;
    text-align:right;
}



div.filter-enumselect label > span.name:before {
    display: inline-block;
    width: 13px; height: 13px;
    background: #BBBABA;
    content: "";
    vertical-align: top;
    margin-top: 1px;
    border-radius: 2px;
    margin-bottom:1px;
    margin-right: 5px;
}
div.filter-enumselect label input:checked + span:before  {
    background: #07f60c;
}

/** Rangeslider **/
div.filter-rangeslider div.slider {
    width:100%;
    height:4px;
    background:#BBBABA;
    border-radius: 1px;
    margin: 15px 0;
    position:relative;
}
div.filter-rangeslider div.inputs {
    width: 100%; float:left;
    margin-bottom: 9px;
}
div.slider > span.handle {
    display:block;
    width: 16px; height: 16px;
    border-radius: 16px;
    background: #636363;
    position:absolute;
    top:-6px;
    cursor:pointer;
    -ms-touch-action: none;

}
div.filter-rangeslider div.slider > span.handle.ui-draggable-dragging,
div.slider > span.handle:hover,
div.filter.active div.slider span.handle {
    background:#07F60C;

}

div.filter-rangeslider div.inputs input {
    width: 44px;

    border: 0px solid #ccc;
    font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0 5px;

    line-height:15px;
    display: inline-block;
    box-sizing: border-box;
    height:20px;
    vertical-align:top;
    border-radius: 1px;

}
div.filter-rangeslider div.inputs > div {
    display:inline-block;
    width: 50%;
    white-space:nowrap;
}
div.filter-rangeslider div.inputs > div {
    width: 40%;
}
div.filter-rangeslider div.inputs > div > span {
    display: inline-block;
    line-height:15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    height:20px;
    padding: 0.4em 0;
    margin-right: .3em;
    font-size: 12px;
    font-family: helvetica,arial,sans-serif;
}
div.filter-rangeslider div.inputs > div > span.value {

}
div.filter-rangeslider div.inputs > div.alignright {
    text-align:right;
    float:right;
}
div.filter-rangeslider div.inputs > div.aligncenter {
    text-align:center;
    width: 8%
}

/* colorselect */
div.filter div.filter-content.filter-colorselect {
    padding: 0;
    width: 100%; float:left;
    /*background: #fff*/
}
div.filter-colorselect label {
    display: block;

    box-sizing: border-box;

    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height:1;

    cursor:pointer;
    text-transform: lowercase;

    position: relative;
    width: 10.5%;
    margin: 0 2% 2% 0;
    float:left;
}
div.filter-colorselect label input {
    display: none;
}
div.filter-colorselect label span.color {
    /*
    width: 26px;
    */
    width: 10.5%;
    height: auto;

    width:100%;

    /*border-radius: 100%; */
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 2px;


    background: currentColor;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: left;
    opacity: 1;
    transition: all 100ms ease;
}
div.filter-colorselect label span.color.image {
    border: none;
}
/**trucje om even hoog als breed te maken (vierkant) **/
div.filter-colorselect label > span.color:after {
    content: "";
    display: block;
    padding-top: 100%;
}

/** numresults colorselect **/
div.filter div.filter-content.filter-colorselect span.numresults {

    width: 100%;
    text-align: center;

}

/*
div.filter-colorselect label:nth-child(n+6) span {
    color: green;
}
*/

div.filter.show div.filter-content.filter-colorselect {
    padding: 10px 6px 6px 10px;
}

/*
div.filter-colorselect label:nth-child(7) span{

}
*/
div.filter-colorselect.selected label span {

}

div.filter-colorselect label span:hover {
    opacity: 1;
}
div.filter-colorselect label input:checked + span.color,
div.filter-colorselect label input:checked + span.color.image {
    opacity: 1;
    border: 2px solid #07f60c;

}

/** icon select **/
div.filter div.filter-content.filter-iconselect {
    width: 220%;
}
div.filter div.filter-content.filter-iconselect.three {
    width: 100%;
}

div.filter-iconselect label {
    display:inline-block;
}
div.filter-iconselect label > input {
    display: none;
}
div.filter-iconselect label > span {

}
div.filter-iconselect label > span {
    cursor:pointer;
    width: 52px;

    display: inline-block;
    float:left;

    /*background: #fff;*/
    /*padding: 5px 3px 3px 3px;*/
    /*border: 2px solid #bbbaba; */
    border: 1px solid transparent;
    border-radius: 2px;

    /*width: 23%;*/
    width: 31%;

    position:relative;
    box-sizing: border-box;
    margin: 0 2% 2% 0;
    font-size: 1em;

    line-height: 1.2;
    color: #fff;
    text-align: left;
    opacity: .6;
    transition: all 100ms ease;
    /*height: 76px; */

    height: 60px;

}
div.filter-iconselect.three label > span {
    width: 100%;
}

div.filter-iconselect label.disabled > span {
    cursor:default;
}
div.filter-iconselect label:not(.disabled):hover > span {
    border: 1px solid #bbbaba;

}
/*
div.filter-iconselect label > span:after {
    display: block;
    padding-top: 180%;
    padding-top: 123%;
    outline: 1px solid orange;
    content: "";
}
*/
div.filter-iconselect label:not(.disabled) > span:hover,
div.filter-iconselect label input:checked + span {
    opacity:1;
}
div.filter-iconselect label > span img {
    /*
    width: 84%;
    display: block;
    */
    /*
    margin: 8% 8% 0 8%;
    position:absolute;
    width: 80%;
    margin: 8% auto 0 auto;
    */
    /*
    position: absolute;
    top:7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    max-width: 60%;
    */

    display: inline-block;

    /*height: 100%; max-height: 48px;*/
    height: 48px;
    margin-top: 6px;
}
div.filter-iconselect label > span span.image {
    height: 60px;
    /*outline:1px solid blue;*/
    display: block;
    float:left;
    width: 60px;
    text-align: center;
}
div.filter-iconselect label > span span.image img {
    display: inline-block;
    pointer-events: none;
    height: 48px;
    margin-top: 4px;
}
/* ie label img fix */

div.filter-iconselect label > span span.name {
    display: block;
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 13px 0px;
    height: 60px;
    font-size: .95em;
    line-height: 1.1;
    height: auto;
    position: absolute;
    left: 0;
    padding-left: 60px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
div.filter div.filter-content.filter-iconselect span.numresults {
    display: block;
    clear:left;
    margin-top: 2px;
}


/*
div.filter-iconselect label > span span.name {
    position: absolute;

    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);


    height:2em;
    bottom:4px;
    bottom: 15%;
    word-break: normal;

}
*/
div.filter-iconselect label > span span.name span.namename {
    display: block;
    /*height:2.1em;*/
}
div.filter-iconselect label input:checked + span {
    border: 1px solid #07f60c!important;
}
div.filter.show div.filter-content.filter-iconselect {
    padding: 10px 6px 6px 10px;
}

/** rangeselect **/
div.filter-rangeselect div.select-styler {
    display: block;
    width: 80%;
    height: 20px;

    overflow: hidden;
    background-color: #efefef;
    background-image: url(/images/treeEbb/select_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px 4px;
    background-position: right 8px top 8px ;

    border-radius: 1px;
    margin-bottom:6px;
    float:left;
}
div.filter-rangeselect select {
    width: 111%;
    background: none;
    border: none;
    color: black;
    height: 20px;
    line-height: 20px;
    display: block;
    padding: 0 5px;

    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    cursor:pointer;

}
/*div.filter-rangeselect select,div.filter-rangeselect  option { font-family: Consolas,  monospace;  }*/

div.filter-rangeselect span.numresults {
    height: 20px; line-height: 20px;
}


/* RESULTS */
#results_container {
    width: 100%;
    box-sizing:border-box;
    padding-left: 270px;
    padding-left:0;

    float:left;

    min-height: 500px;
    height: auto;
    position:relative;

    padding-top: 0;
    transform: translate3d(0,48px,0);
    -webkit-transform: translate3d(0,48px,0);
    padding-bottom: 48px;
    transition: transform 200ms ease;
    -webkit-transition: -webkit-transform 200ms ease;




}

body.showfilters  #treeEbb #results_container {
    padding-top: 0;
    transform: translate3d(0,373px,0);
    -webkit-transform: translate3d(0,373px,0);
    padding-bottom: 373px;
    /*325*/

}
#wrapper .row.top-space {
    display: none;
}

div#results div.plant {
    float: left;
    width: 18%;
    height: auto;
    padding: 0;
    padding-bottom: 18%; /*trucje om responsive vierkantjes te maken */
    margin:1%;
    box-sizing: border-box;

    position: relative;
    text-align:center;
    line-height:1.2;
    background: #efefef;

    opacity: 1;
    /*transform: scale3d(1,1,1);*/
    transition: all 250ms ease;
    background-position: center center;
    background-size: cover;

    overflow:hidden;
}

div#results.loading div.plant {
    opacity: 1;
    /*transform: scale3d(0.6,0.6,1);*/
}

div#results div.plant span.image {
    opacity:1;
    transition: opacity 450ms ease;
}
div#results.loading div.plant span.image {
    opacity:0;
}
div#results.loading div.plant span.details {
    transition: all 250ms ease;
}
div#results.loading div.plant span.details {
    color: rgba(255,255,255,0);
    text-shadow: 0 0 12px rgba(255,255,255,.8);
}


div#results div.plant span.details {
    background: rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;left:0;
    width: 100%;
    box-sizing: border-box;
    padding: 1em 0.6em; padding-bottom: 0;
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2;
    font-family: "Source Sans Pro", sans-serif;
    font-style: italic;
    transition: background 200ms ease;
}
div#results div.plant span.details label.comparison {
    width: 35px;
    height: 30px;
    color: transparent;
    position: absolute;
    right: 10px;
    top: -45px;
}
div#results div.plant span.details label.comparison.disabled {
    opacity: 0.3;
}
div#results div.plant span.details label.moodboard {
    width: 35px;
    height: 30px;
    color: transparent;
    position: absolute;
    right: 50px;
    top: -45px;
}

div#results div.plant span.details label.moodboard.disabled{
    opacity: 0.5;
}
div#results div.plant span.details label.comparison .name::before,
div#results div.plant span.details label.moodboard .name::before {
    overflow: hidden;
    border: 1px solid #141414;  
    background: rgba(0,0,0,0.6);
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0!important; border: 0;
    background-image: url('../images/icons/compare.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-appearance: none;    
}
div#results div.plant span.details label.moodboard .name::before {
    background-image: url('../images/icons/moodboard.svg');
}
@media screen and (max-width: 900px) {
    div#results div.plant span.details label.comparison .name::before,
    div#results div.plant span.details label.moodboard .name::before {
        background-size: 10px 10px;
    }
}
/*div#results div.plant span.details label.comparison input.checked + span::before  {*/
    /*background-color: #786c58;*/
/*}*/
div#results div.plant span.details label.comparison.checked .name::before  {
    background-color: #786c58;
}
div#results div.plant span.details label.moodboard.checked .name::before  {
    background-color: #0b6635;
}

div#results div.plant span.details span.recht {
    display:block;
}


@media screen and (max-width: 900px) { 
    div#results div.plant span.details label.moodboard,
    div#results div.plant span.details label.comparison {
        top: auto;
        bottom: 7px;
        width: 23px; 
        height: 20px; 
    } 
    div#results div.plant span.details label.comparison .name::before,
    div#results div.plant span.details label.moodboard .name::before {
        width: 20px; 
        height: 20px;   
    }  
    div#results div.plant span.details label.moodboard {
        right: 37px;
    } 
    div#results div.plant span.details label.comparison {
        right: 7px;
    }
    div#results div.plant span.details {
        font-size: 1em;
        padding-bottom: 20px!important
    }
    
}

/*
div#results div.plant a:hover span.details {
    background: rgba(0,0,0,0.7);
} */

div#results div.plant span.image {
    display: block;
    position:absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    transition: transform 250ms ease;
    -webkit-transition: -webkit-transform 250ms ease;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;

}

div#results div.plant span.image.noimage {
    background-color: #686464;
    background-image: url(/images/treeEbb/treeebb-noimg-trans.png);
    background-size: 60% auto;
    background-position: center 30%;
    background-repeat: no-repeat;
}
/*
div#results div.plant span.image img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}
*/
/*
div#results div.plant:hover span.image {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);

}


*/






/** Detail page **/
#wrapper .body.plant-body {
    margin-bottom:4em;
}
#wrapper .row.plant-detail {
    /* padding-top:4em; */
}
#wrapper .row.plant-detail h1 {
    font-size: 2.3em;
    font-weight: 400;
    line-height:1.4;
    font-style: italic;
    margin-top: .2em;

}
#wrapper .row.plant-detail h2 {
    font-size: 1.8em;
    font-weight: 400;
    line-height:1.4;
    margin-bottom:1em;
    color: #666;

}
#wrapper .row .plant-fotos {
    width: 100%;
    float:left;

}
#wrapper .row .plant-fotos .plant-fotos-carousel {
    width: 100%;
    position:relative;
    height: 490px;
    height: auto;
    float:left;
    overflow:hidden;
}

#wrapper .row .plant-fotos .plant-fotos-carousel div.next,
#wrapper .row .plant-fotos .plant-fotos-carousel div.prev {
    background-size: auto 50px;
    height: 50px; width: 30px;
    background-repeat: no-repeat;

}
#wrapper .row .plant-fotos .plant-fotos-carousel div.prev {
    left: 6px;
}
#wrapper .row .plant-fotos .plant-fotos-carousel div.next {
    right: 6px;
}

#wrapper .row .plant-fotos .plant-fotos-carousel img {
    max-width: 100%;
    display:block;
    /*max-height: 460px;*/
    /*
    position:absolute;

    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);

    top: 0; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); */
}
.treeEbb div.foto-container, .treeEbb div.boom-cta {
    background: none;
    float:left; width: 100%;

    box-sizing:border-box;
    padding: 1.5em 0 2em 0;
    color:black;

    padding: 1em;
}





.treeEbb div.foto-container, .treeEbb div.boom-cta a {
    color: #555;
}
.treeEbb div.foto-container, .treeEbb div.boom-cta a:hover {
    color: #000;
}

div.boom-cta a.button {
    background: url("../images/icons/button-arrow.png") no-repeat scroll 95% 50% rgba(0, 0, 0, 0);
    border: 1px solid currentcolor;
    border-radius: 3px;
    color: currentcolor;
    float: left;
    line-height: 1;
    padding: 0.5em 3em 0.5em 1em;
    text-transform: none;
    z-index: 2;
    margin-top: 8px;
}

.treeEbb div.boom-cta h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: .5em;
}
#wrapper .row .plant-fotos .owl-item {
    text-align: center;

}
#wrapper .row .plant-fotos p {
    color: #333;
    font-size: .9em;
}
#wrapper .row .plant-fotos div.owl-carousel {
    position: static;
    height:100%;
}

#wrapper .row .plant-fotos div.owl-carousel .owl-controls {
    position: absolute;
    bottom:3px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: none!important;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.plant-fotos {
    position:relative;
    padding:0;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group.foto-container div.title {
    display: none;
}
div.plant-fotos-thumbnails {

    padding: 0;
    width: 100%;
    float:left;


    background: rgba(47,47,47,1);

    padding: 8px;
    box-sizing: border-box;

    /*
    position: absolute;
    width: 52px;
    top:0; right:0; bottom:0;

    box-sizing: border-box;
    float:left;
    background: none;
    z-index:999;
    background: rgba(47,47,47,.7);

    transition: background 150ms ease;

    height: 66px; width: 100%;
    bottom: 0; left: 0; right: 0; top: auto;
    */

    opacity:.9;
    position: absolute;
    top:0;

    /*
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: transform 150ms ease;
    -webkit-transition: -webkit-transform 150ms ease;
    */
}

div.plant-fotos-thumbnails.hide {
    /*
   transform: translate3d(0,-100%,0);
   -webkit-transform: translate3d(0,-100%,0);
   */
}

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group.plant-fotos .sets {
    padding: 0;
    position:relative;
    overflow:hidden;
}



div.plant-fotos-thumbnails div.handle {
    display: block;
    background-color: #2F2F2F;
    position: absolute;

    width: 42px; height: 38px;
    border: 1px solid #141414;
    border-top:0;
    border-radius: 0 0 2px 2px;
    box-sizing: border-box;

    bottom:-38px;
    cursor:pointer;
    left: 50%; margin-left: -21px;
}
div.plant-fotos-thumbnails.hide div.handle > span {

}

div.plant-fotos-thumbnails div.handle > span {
    background-image: url("/images/treeEbb/thumbnails.png");
    background-size: 20px 20px;
    background-position: 0 0;
    display: block;
    width: 20px; height: 20px;
    margin:8px 10px;
}
div.plant-fotos-thumbnails.hide div.handle > span {
    background-position: 0 0;
}
div.plant-fotos-thumbnails span.thumb {
    width: 50px; height: 50px;
    margin: 0 4px;

    display: inline-block;



    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;

    opacity: 1;

    cursor: pointer;
    position:relative;

    display: block;
    margin: 0 8px 0px 0;
    float:left;
}
/*
div.plant-fotos-thumbnails span.thumb:before {
    display: block;
    content: "";
    height: 3px;
    background: #fff;
    position: absolute;
    top: 39px;
    left:-8px;
    width: 8px;
}
div.plant-fotos-thumbnails span.thumb.type:before {

    left:7px;
    width: 100%;
}
*/


div.plant-fotos-thumbnails span.thumb:hover {
    opacity:.8;
}
div.plant-fotos-thumbnails span.thumb.active {
    opacity:1;
}

div.plant-fotos div div.type_icon:not(.right) {
    position: absolute;
    bottom:1em; left: 1em;
}
div.plant-fotos div div.type_icon.right {
    position: absolute;
    bottom:1em; right: 1em;
}
div.plant-fotos div div.type_icon img {
    float:left;
    width: 64px;
}
div.plant-fotos div div.type_icon span {
    float: left;
    line-height: 64px;
    color: white;
    font-style: italic;
    font-size: 2em;
    margin-left: 12px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

div.row div.plant-fotos div div.type_icon img {
    width: 50px;
}
div.row div.plant-fotos div div.type_icon span {
    line-height: 50px;
    font-size: 1.6em;
}


div.plant-fotos-thumbnails span.thumb.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    background:  #fff;
    bottom: 0;
}



#wrapper .row .specs.left, #wrapper .row .specs.right {
    width: 50%;
    float:left;
    box-sizing: border-box;
}
#wrapper .row .specs.left {
    /*padding-right: 1em;*/
}
#wrapper .row .specs.right {
    /*padding-left: 1em; */
}
#wrapper .row .plant-specs ul.specs {
    border-radius: 5px;
    clear: both;
    display: block;
    float: left;
    font-size: 1em;
    margin-bottom: 0;
    width: 100%;
}
#wrapper .row .plant-specs ul.specs li {
    border-bottom: 2px solid #ccc;
    font-weight: 400;
    padding: 0.5em;
}
#wrapper .row .plant-specs ul.specs li > span {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 70%;
}
#wrapper .row .plant-specs ul.specs li > span.key {
    width: 30%;
}

/** custom detail page rows **/
div.spec-group {
    display: block;
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    /*margin-bottom: 1.5em;*/
    background: #efefef;
    /*border-radius: 2px;*/

    background: none;
}


div.spec-group.half {
    width: 50%;
}
div.spec-group.third {
    width: 33.33%;
}
div.spec-group.third.margin {

}
div.spec-group:nth-child(even){
    /*background: #f3f3f3;*/
}
div.foto-container h3, div.spec-group h3, div.spec-group h4 {
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.2;
    display: block;
    margin-bottom: .3em;
    color:#fff;
    font-weight: 400;
}
div.spec-group .boom-cta h3, div.spec-group .boom-cta h4 {
    color: #222;
}
div.spec-group h4 {
    font-size: 1.2em;
    margin-bottom:.2em;
}
div.spec-group .enumselection h4 {
    margin-bottom:0;
}

div.specs div.inner.third {
    float: left; width: 33.333%;
}
div.specs div.inner.twothird {
    float: left;
    width: 66.66%;
}
div.specs div.inner.half {
    float: left; width: 50%;
}
div.specs div.inner.full {
    float: left; width: 100%;
}
div.specs.double div.inner.full {
    min-width: 50%;
    width: 100%;
}

div.specs div.inner.enumselection, div.specs div.inner.iconselection,
div.specs div.inner.plantlist
{

    margin-bottom: .6em;
}
div.specs div.inner.minmaxval {
    margin-bottom: .6em;
}

div.specs div.enumselection span {
    font-size: .9em;
    border-radius: 2px;
    background: #999;
    color: white;
    line-height: 16px;
    margin: 2px 6px 2px 0;
    padding: 4px 5px;
    display: block;
    float:left;
    opacity: .5;
    color: rgba(20,20,20,0.35);
    color: rgba(255,255,255,.6);
}

div.specs div.plantlist a {
    font-size: .9em;
    border-radius: 2px;
    background: #999;
    color: white;
    line-height: 16px;
    margin: 2px 6px 2px 0;
    padding: 4px 5px;
    display: block;
    float:left;

    font-style: italic;
    color: #fff;
    opacity: 1;

}

div.specs div.plantlist a:hover {
    background: #938672;
}
div.specs div.enumselection h4 + span {
    margin-left:0;
}
div.specs div.enumselection span.on {
    opacity: 1;
    color: white;

}
div.specs div.iconselection > span {
    display: block;
    float: left;

    width: 64px;
    position:relative;
    padding-top: 70px;
    background: #999;
    margin-right: 7px;
    margin-bottom:7px;

    border-radius: 2px;

    padding-top: 0;
    width: 100px; height: 120px;

    width: 23%;
    margin-right: 2%;
    height: 130px; margin-bottom: 2%;
    height: 0; padding-top: 30%;
}
div.specs.double div.iconselection > span {
    width: 13%;
    padding-top: 17%;

    margin-right: 1.25%; margin-bottom: 7px;
    width: 32.5%;
    height: 60px;
    padding-top:0;
    position:relative;
}
div.specs.double div.iconselection > span:nth-child(3n+1){
    margin-right:0;
}
div.specs div.iconselection > span img {
    width: 48px;
    margin: 5px 0 0 5px;

    /*
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    */
}
div.specs div.iconselection > span > span.name {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: white;
    /*
    bottom: 0;   text-align:center;
    line-height: 1;
    padding-bottom: 5px;
    position:absolute;
    */
    font-size: .9em;
    line-height: 1.1;
    position: absolute;
    padding: 5px 0;
    padding-left: 60px;

    top: 50%; left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

}
div.specs div.enumvalues span {
    font-size: .9em;
    display: block;

    box-sizing: border-box;

    width: 80%;
    line-height: 1.5;
}

/* new header */
#wrapper .row.treeEbb.plant-header {
    overflow: hidden;
}
#wrapper .row.treeEbb.plant-header .body {
    height: 400px;
    width: 100%; max-width: none;
    background: #3E3B3B;
    overflow:hidden;
}
#wrapper .row.treeEbb.plant-header .body .pdf {
    position: absolute;
    bottom: 32px;
    right: 2em;
}
#wrapper .row.treeEbb.plant-header .body .pdf a.button.downloadpdf {
    color: white;
    line-height: 32px;
    padding-left: 32px; padding-right: 10px;
    border: 1px solid white;
    display: inline-block;
    border-radius: 2px;
    background-image: url(/images/icons/pdf.png);
    background-size: 16px 16px;
    background-position: 8px center;
    background-repeat: no-repeat;
}
#wrapper .row.plant-header .body img {

    position: absolute;
    min-width: 100%;
    min-height: 400px;
    top: 40px; left:0;

    /*
    top: 50%; left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    */
    /*
     -webkit-filter: blur(3px);
     filter: blur(3px);
     */
}

#wrapper .row.plant-header .body img.noimg {
    min-width: 0;
    min-height: 0;
    width: auto;
    height: 300px;
    top: 75px; left: 50px;
}

#wrapper .row.plant-header .body div.bgimg {
    position: absolute;
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#wrapper .row.plant-header .body div.bgimg div.raster {

}
#wrapper .row .body .colorbar {
    overflow:hidden;

}

#wrapper .row.plant-header .body h1,
#wrapper .row.plant-header .body h2,
#wrapper .row.plant-header .body h3 {

    color: #fff;
    line-height: 1em;
    margin-right: -660px;
    position: absolute;
    right: 55%;
    text-align: left;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    top: 50%;

    width: 600px;
    z-index: 3;

    font-size: 3em;
    margin-right: -560px;
    right: 55%;
    top: 40%;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    width: 540px;
}
#wrapper .row.plant-header .body h1 {
    font-style: italic;
}
#wrapper .row.plant-header .body h1 > span {
    font-style: normal;
}

#wrapper .row.plant-header .body h2 {
    font-size: 2em;
    top:78%
}
#wrapper .row.plant-header .body h2.higher {
    top: 60%;
}
#wrapper .row.plant-header .body h3 {
    font-size: 2em;
    top:60%;
    font-style: italic;
    /*(white-space: nowrap;*/
}
#wrapper .row.plant-header .body h3 > span {
    font-style: normal;
}
#wrapper .row.plant-header .body h3 span.syn {
    font-size: .5em;
    font-weight: normal;
    position: absolute;
    left:0; top:4px;
    line-height: 1;

    padding-right: .4em;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

/** new layout **/
#wrapper div.row.treeEbb .body {
    width: 100%;
    box-sizing: border-box;

    padding: 1em 3em;
    max-width: none;
}
#wrapper div.row.treeEbb.plant-detail .body {
    padding: 1em;
}
#wrapper div.row.treeEbb .plant-detail-column {
    width: 25%;
    float:left;
    box-sizing: border-box;

    /*background: #fff; */
}
#wrapper div.row.treeEbb .plant-detail-column.double {
    width: 50%;
}
#wrapper div.row.treeEbb .plant-detail-column:nth-child(even) {
    /* background: #efefef;*/
}
div.row.treeEbb.plant-detail {
    background: #3e3b3b;

}
#wrapper div.row.treeEbb .plant-detail-column > div {
    /*
    background: #fff;
    border: 1em solid  #3e3b3b;
    */
    padding: .5em 1em;
    box-sizing: border-box;

}
/*
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group {

    opacity:.3;
    transition: opacity 350ms ease;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group > div {
    opacity: 0;
    transition: opacity 350ms ease;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group.show > div {
    opacity: 1;
}
*/
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group.show {
    opacity:1;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets {
    padding: 1em;
    float:left;width:100%;
    box-sizing: border-box;
    background: #686464;
    border: 1px solid #141414;
    border-top:0;
    border-radius: 0 0 2px 2px;
    z-index: 2;
}
/* added 29-01-2018 */
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets p {
    margin-bottom: 1em;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets p:last-of-type {
    margin-bottom: 0;
}
/* /added 29-01-2018 */

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta {
    border-width: 0 0 0 0;
    border-radius: 2px;
}

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group {

}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title {
    background: #999999;
    padding: .7em 1em;
    padding-left: 36px;
    position:relative;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;

    background: #2f2f2f;
    border: 1px solid #141414;
    border-bottom: 1px solid transparent;
    border-radius: 2px 2px 0 0;
    color: white;

    box-shadow: 0 0 1px #383838 inset;
    transition: background 150ms ease, border 150ms ease 350ms;

    z-index: 4;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title:hover {
    background: #353434
}
#wrapper div.row.treeEbb div.spec-group.hide div.title {

    transition: border 350ms ease;

    border-bottom: 1px solid #141414;
    border-radius: 2px;
}


#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title:after {
    display: block;
    content: "";
    background-image: url("/images/treeEbb/arrow-sprite.png");
    background-position: 0 10px;
    background-size: 10px 20px;


    border: 0;


    position: absolute;
    top:14px; left: 15px;

    width: 10px; height: 10px;
    cursor: pointer;


    vertical-align: baseline;


}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group.hide div.title:after {

    background-position: 0 0;
}

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title h3 {
    color: white;
    padding:0;
    margin-bottom:0;
    line-height:20px;
    margin-top: -2px;

    /*font-family: "Source Sans Pro", sans-serif;*/
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;

}
#wrapper div.row.treeEbb .plant-detail-column  div.spec-group div.row {
    width: 100%;float:left;
}

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta  {

    background: #E7E7B1;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta2,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta3 {
    background: #938672;
    color:#fff;
}

#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta2 h3,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta2 h4,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta3 h3,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta3 h4 {
    color: #fff;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta2 a.button,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta3 a.button {

    background-image: url('../images/icons/button-arrow_light.png');
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta2 a.button:hover,
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets.boom-cta.cta3 a.button:hover {
    color: #fff;
}

/* winterhardheidskaart */
#filters span.infobtn {
    display: block;
    width: 16px; height: 16px;

    float:right;

    position: absolute;
    right: 10px; top: 34px;
    z-index: 6;
    margin-top:1px;
    cursor:pointer;
    background-image: url(/images/treeEbb/info.png);
    background-size: 16px 16px;
}
#wh_popup {
    position: fixed;
    top:0;left:0;right:0;bottom:0;
    z-index:1000;
    background: rgba(0,0,0,.6);
    display: none;
}
body.show_whpopup #wh_popup {
    display: block;
}
#wh_popup div.popup_inner {
    box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(226, 226, 226, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: fixed;
    z-index:99;
    top:10%;left:10%;bottom:10%;right:10%;
    overflow-y: scroll;
    padding: 2em;
}

#wh_popup h2 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.25;
}
#wh_popup div.text, #wh_popup div.image {
    margin: 1em 0;
    width: 100%;float:left;
}
#wh_popup div.image {
    margin-bottom:2em;
    background: #fff;
    padding:.5em;
    box-sizing: border-box;
}
#wh_popup div.text div.col {
    width: 33.333%;
    box-sizing: border-box;
    float:left;

}

#wh_popup div.text div.col:first-child {
    padding: 0 1em 0 0;
}
#wh_popup div.text div.col:nth-child(2){
    padding: 0 1em 0 1em;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
#wh_popup div.text div.col:last-child {
    padding: 0 0 0 1em;
}
#wh_popup img {
    max-width: 100%;
    display:block;
    float:left;
}
#wh_popup div.close {
    right: 12%; top:12%;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 30px;

    overflow: hidden;
    position: fixed;
    text-align: center;

    width: 30px;
    z-index: 2147483647;
}
#wh_popup div.close span {
    background: url("../images/icons/plus_light.png") repeat scroll 0 0 / 30px 30px #666;
    border-radius: 30px;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 300ms ease 0s;
    width: 30px;
}
#wh_popup div.close span:hover {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/** SEARCH **/
/*
div#search {
    display: block;
    width: 20%; height: 26px;
    box-sizing: border-box;



    position: absolute;
    bottom: 14px;
    right: 1%;
    margin-right: 4px;
    padding-right: 32px;
    padding-left: 16px;

    z-index: 1;
}
#treeEbb.hasdetail div#search {
    display: none;
}
div#search span.title {
  color: white;
  display: block;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  padding: 0 8px 4px 5px;
  text-transform: uppercase;
  position:absolute;
  top:-28px;
}
div#search input {
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .5em;
    border: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    border-radius: 1px;
}
div#search span.search-clear {
    width: 26px; height: 26px;
    position: absolute;

    background-image: url(/images/treeEbb/clear.png);
    background-size: 8px 8px;
    background-position: center center;
    background-repeat: no-repeat;
    top:0; right:32px;
    cursor:pointer;
    display: none;
}
div#search.hasinput span.search-clear {
    display:block;
}

div#search span.search-go {
    width: 26px; height: 24px;
    position: absolute;

    background-image: url(/images/treeEbb/search.png);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    top:0; right:0;
    cursor:pointer;
}
*/

/* search new */
div.filter.filter-search {
    height: auto;

}
div.filter.filter-search div.search-box {
    background: none;
    border: none;
    box-sizing: border-box;
    padding:0;
    height: 28px;
    padding:1px;

}
div.filter.filter-search div.search-box input.search-input {
    width: 85%;
    display: block;
    float:left;

    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 0 .5em;
    border: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    border-radius: 1px;
    background: #d4d4d4;
    transition: background 150ms ease;
}
div.filter.filter-search div.search-box input.search-input:hover {
    background: #eaeaea
}
div.filter.filter-search div.search-box input.search-input:focus,
div.filter.filter-search.is_searched div.search-box input.search-input {
    background: #fff
}
div.filter.filter-search div.search-box span.search-clear {
    width: 28px; height: 28px;
    position: absolute;
    background-image: url(/images/treeEbb/clear.png);
    background-size: 8px 8px;
    background-position: center center;
    background-repeat: no-repeat;
    top:0; left:85%;
    margin-left: -28px;
    cursor:pointer;
    display: none;
}
div.filter.filter-search.hasvalue div.search-box span.search-clear {
    display: block;
}
div.filter.filter-search div.search-box span.search-go {
    width: 28px; height: 26px;


    background-image: url(/images/treeEbb/search.png);
    background-size: 18px 18px;
    background-position: 12px center;
    background-repeat: no-repeat;
    /*
    position: absolute;
    top:0; left:80%;
    margin-left: 4px;
    */
    float:left;
    width: 15%;
    cursor:pointer;
}
div.filter.filter-search div.search-results-container {
    background: none;
    border: none;
    box-sizing: border-box;
    background: none;
    padding:1px;
    float:left;
    width:100%;
}
div.filter.filter-search div.search-results {
    /*border: 1px solid #141414;*/
    box-sizing: border-box;
    opacity: 1;
    /*padding: 0 .5em;*/
    padding: 0 4px;

    width: 85%;
    float:left;
    background: #3E3B3B;

    border-radius:  0 0 1px 1px;
    margin-top:-1px;
    /*min-height: 150px;*/
}

div.filter.filter-search div.search-results > span {
    color: white;
    display: block;
    font-style: italic;
    font-size: 14px;
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
    box-sizing: border-box;
    padding: 0 .2em;
    cursor: pointer;
    color: rgba(255,255,255,.9);

}
div.filter.filter-search div.search-results > span.all {
    font-style: normal;
}
div.filter.filter-search div.search-results > span span.recht {

}
div.filter.filter-search div.search-results span.noresults,
div.filter.filter-search div.search-results span.noresults:hover{
    font-style: normal;
    color: rgba(255,255,255,.7);
    cursor: default;
}
div.filter.filter-search div.search-results span:hover {
    color: rgba(255,255,255,1);
}
div.filter.filter-search div.search-results span:last-child {
    border-bottom: 3px solid transparent;

}

span.plantnaam {
    font-style: italic;
}

/*kleurbalk*/
div.spec-group div.kleurbalk img {
    width:100%;
    display: block;float:left
}
div.spec-group div.kleurbalk div.months {
    display:block;
    width: 100%; float: left;

}
div.spec-group div.kleurbalk div.months span {
    display: block;
    width: 8.332%;
    text-align: center;
    float:left;
}

/** fotoviewer Fullscreen **/
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title span.fs {
    position:absolute;
    top:5px;right:6px;
    width: 16px; height: 16px;
    background-image: url(/images/treeEbb/fullscreen.png);
    background-size: 16px 16px;
    cursor: pointer;
    border: 6px solid #2F2F2F;

    display: none;
}
#wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title:hover span.fs {
    border-color: #353434;
}

#wrapper div.row.treeEbb .plant-detail-column div.plant-fotos {
    position: relative;
    overflow: hidden;
}
#wrapper div.row.treeEbb .plant-detail-column div.plant-fotos div.gofullscreen {
    display: block;
    /*width: auto;*/
    width: 7em;
    height: 32px;
    position: absolute;
    /*
    top: 50%; left: 50%;
    margin-left: -32px; margin-top: -32px;
    */
    right: 2.5em; bottom: 1.5em;
    z-index: 3;
    border-radius: 2px;
    background-color: #2f2f2f;
    background-color: rgba(47,47,47,0);
    background-image: url(/images/treeEbb/fullscreen_large.png);
    background-size: 16px 16px;
    padding-left: 32px;
    padding-right: 8px;
    line-height: 30px;
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    cursor: pointer;


    border: 1px solid #141414;
    background-color: rgba(47,47,47,0.5);


    transition: opacity 350ms ease 300ms, background 250ms ease;

    opacity: 1;
}

#wrapper div.row.treeEbb .plant-detail-column div.plant-fotos.hide div.gofullscreen {

    transition: opacity 350ms ease 0ms;
    pointer-events: none;
    opacity: 0;
}
#wrapper div.row.treeEbb .plant-detail-column div.plant-fotos:hover div.gofullscreen {
    background-color: rgba(47,47,47,0.8);

}
#wrapper div.row.treeEbb .plant-detail-column div.plant-fotos:hover div.gofullscreen:hover {
    background-color: rgba(47,47,47,1);
}


div.filtergroup.search {
    position: static;
}
#search-filter {
    z-index: 5;
}
#appstore_badges {
    display: block;
    width: 20%;
    float: left;
    box-sizing: border-box;
    padding-right:1%;
    padding-left: 2%;
    position: absolute;
    bottom: 10px;

}
#appstore_badges > a {
    display: block;
    width: 48%;
    height: auto;
    line-height: 0;
    float: left;
    margin-bottom: 8px;

    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: .8;
    transition: opacity 150ms ease;
}
#appstore_badges > a:hover {
    opacity: 1;
}
#appstore_badges > a:after {
    content:"";
    display: inline-block;
    padding-top: 30%;
}

#appstore_badges a.appstore {
    background-image: url(/images/treeEbb/app-store-badge.png);
    margin-right: 4%;
}
#appstore_badges a.googleplay {
    background-image: url(/images/treeEbb/google-play-badge.png);
}

#fsimg {
    display: none;
    background: #3E3B3B;
    color: white;
}

#fsimg:-moz-full-screen {
    display: block;
    width: 100%;
    height: 100%;
}
#fsimg:-webkit-full-screen {
    display: block;
    width: 100%;
    height: 100%;
}
#fsimg:-ms-fullscreen {
    display: block;
    width: 100%;
    height: 100%;
}
#fsimg:fullscreen {
    display: block;
    width: 100%;
    height: 100%;
}
#fsimg.fullscreen {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;left:0;right:0;bottom:0;
    z-index: 25000;
    background: #3E3B3B;
}

#fsimg div.title {
    position: fixed;
    top: 0; left: 0;
    box-sizing:border-box;
    height: 10%;
    box-sizing: border-box;
    padding: 1%;
    width: 100%;
}
#fsimg div.title h2,
#fsimg div.title h3 {
    float:left;
}
#fsimg div.title h2 {
    color: #fff;
    font-size: 3em;
    line-height: 1;
    font-style: italic;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 90%;
    margin-left: 20px;
}
#fsimg div.title h3 {
    color: white;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}
#fsimg div.plant-fotos-thumbnails {
    position: fixed;
    top: 10%;
    left:1%;
    width: 24%;
    height: 89%;
    box-sizing: border-box;
    padding: 0;

    background: none;
}

div.plant-fotos-thumbnails div.plant-thumbnail_set {
    display: block; float: left; width: 100%;   position:relative;
    overflow:hidden;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: .5em;
    background: #303030;
}
div.plant-fotos-thumbnails div.plant-thumbnail_set:last-child {

    margin-bottom: 0;
}

div.plant-fotos-thumbnails div.plant-thumbnail_set span.thumb.type {
    opacity:1;
    cursor: default;
    width: 50px; height: 50px;
    margin: 0 12px;
}

div.plant-fotos-thumbnails div.plant-thumbnail_set span.set_title {
    display:block;
    float: left;
    font-size: 1.2em;
    font-style: itxalic;
    line-height:1;
}

#fsimg div.plant-fotos-carousel {
    position: fixed;
    top:10%;
    left: 25%;
    width: 75%;


    box-sizing: border-box;


    height: 89%;
    padding: 0 1%;

}
#fsimg .owl-carousel {
    width: 100%;
    height: 100%;

}
#fsimg .owl-carousel .owl-wrapper, #fsimg .owl-carousel .owl-item,
#fsimg .owl-carousel .owl-wrapper-outer {
    height: 100%;
}
#fsimg .owl-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%,110%,0);
    -webkit-transform: translate3d(-50%,110%,0);
}


#fsimg div.plant-fotos-carousel div.foto {
    height: 100%;

    text-align: center;
    background: #3E3B3B;
}
#fsimg div.plant-fotos-carousel div.foto > img {
    max-height: 100%;
    width: auto;
    height: 100%;
    display: inline-block;

}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_title {
    width: 100%; float: left;
    margin: 8px 0;

}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_title span.set_title {
    line-height: 50px;
    font-size: 1.8em;
}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs {
    width: 100%; float: left;

}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs div.thumb {
    width: 50%; float:left;
    cursor: pointer;
    overflow:hidden;
    white-space: nowrap;

    box-sizing: border-box;
    padding: 7px;
    border: 3px solid #303030;
    opacity: .9;
    transition: all 150ms ease;
}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs div.thumb.active,
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs div.thumb:hover {
    opacity:1;
    background: #464343
}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs div.thumb img {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
}
div.plant-fotos-thumbnails div.plant-thumbnail_set div.set_thumbs div.thumb span {
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
}
#fsimg div.next, #fsimg div.prev {
    margin-left:0;margin-right:0;
    opacity:.7;
    opacity:0;
    transition: opacity 150ms ease;
}
#fsimg div.plant-fotos-carousel:hover div.next, #fsimg div.plant-fotos-carousel:hover div.prev {
    opacity:.7;
}
#fsimg div.prev {
    left: 30px;
}
#fsimg div.next {
    right: 30px;
}
#fsimg div.close {
    cursor:pointer;
    width: 64px; height: 54px;
    background-image: url(/images/treeEbb/close.png);
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    float:right;
}

#fsimg > div {
    opacity: 0;
    transition: opacity 300ms ease;
}

#fsimg.activate > div {
    opacity:1;
}
/*
#fsimg  div.type_icon  {

    height: 5%;
    width: auto;

    bottom:0%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
#fsimg  div.type_icon  img {
    width: auto;
    height: 100%;
    display: inline-block
    ;vertical-align: middle;
    float: none;
}
#fsimg  div.type_icon  span {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
*/
#fsimg .owl-controls {
    display: none!important;
}
#fsimg .mCSB_scrollTools {
    /*width:0;*/
    left: -17px;
    right: auto;
}


#fsimg .mCSB_scrollTools .mCSB_draggerContainer {
    /*left: -34px;*/
}
#fsimg .mCSB_scrollTools .mCSB_draggerContainer  * {
    /*border-radius: 0!important;*/
}
#fsimg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(255,255,255,.7);
}
#fsimg .mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}
/*
div.filter.filter-search div.search-results span.sresul > span.normal {
    font-style: normal;
}
*/

/** noselect **/
.noselect {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}


#mobile-msg,
#mobile_filtermenu {
    display: none;
}



/** new loader **/
div#resLoader {
    position: absolute;
    bottom: 00px;
    left: 50%;
    z-index: 2;

    height: 16px;
    overflow: hidden;
    bottom: 8px;

    margin-left: -52px;
    cursor: default;

    transition: opacity 150ms ease;
    /*opacity: 0;*/


    width: 112px;
    height: 16px;
    margin-left: -56px;
    background-image: url(/images/treeEbb/loadingbar.gif);
    background-size: 112px 16px;
    background-repeat: no-repeat;
}

#results.aloading + div#resLoader {
    opacity: 1;
    transition: opacity 150ms ease;
}

div#resLoader > span {
    display: block;
    float: left;
    width: 16px; height: 16px;
    margin-right: 8px;
    background: #686464;

    animation: resload 1s infinite linear;
    -webkit-animation: resload 1s infinite linear;



}

div#resLoader > span.l1 {
    animation-delay: -400ms;
    -webkit-animation-delay: -400ms;
}
div#resLoader > span.l2 {
    animation-delay: -300ms;
    -webkit-animation-delay: -300ms;

}
div#resLoader > span.l3 {
    animation-delay: -200ms;
    -webkit-animation-delay: -200ms;
}
div#resLoader > span.l4 {
    animation-delay: -100ms;
    -webkit-animation-delay: -100ms;
}
div#resLoader > span.l5 {
    margin-right: 0;
}

@-webkit-keyframes resload {
    0% {
        background: #686464;
    }
    25% {
        background: #BBBABA;
    }
    50% {
        background: #686464;
    }
}
@keyframes resload {
    0% {
        background: #686464;
    }
    25% {
        background: #BBBABA;
    }
    50% {
        background: #686464;
    }
}
/* BBBABA*/


@media screen and (min-width: 1580px) {
    div.filter-iconselect label > span {
        /* width: 14.6% */
    }
    div.filter div.filter-content.filter-iconselect {
        /*width: 180%;*/
    }


}

@media screen and (max-width: 1320px) {
    /*
    div.filter-iconselect label > span {
        width: 31%;
    }
    */
    div.filter-iconselect label > span span.name {
        font-size: .9em;
    }


    div.specs.double div.iconselection > span {
        width: 48%;
    }
    div.specs.double div.iconselection > span:nth-child(3n+1) {
        margin-right: 1.25%;
    }
    div.specs.double div.iconselection > span:nth-child(odd) {
        margin-right:0;
    }
}

@media screen and (max-width: 1440px) {
    div#treeEbb div#filters-inner h1 {
        bottom: -41px;

    }
    #wrapper .row.plant-header .body h3 span.syn {
        bottom:3px;
    }
    div.filtergroup_set > div.filtergroup[data-group_id="1"] {
        margin-top: 40px;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title {
        height: 34px;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title h3 {
        line-height: 14px;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title::after {
        top:10px;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title span.fs {
        top:1px;
        right:2px;
    }
}


@media screen and (max-width: 1024px) {

    /* IPAD */
    div.filtergroup span.title {
        font-size: 1em;
    }
    /*
    #fsimg div.plant-fotos-thumbnails,
    #fsimg div.plant-fotos-carousel{
        position: relative;
        float: left;
        height: auto;
        left: auto; top: auto;
        width: 100%;
    }
    */

}

@media screen and (max-width: 900px) {


    #mobile-msg {
        display: block;
        padding: 2em;
        padding-top: 5em;
    }
    #mobile-msg h1 {
        font-size: 1.6em;
        line-height: 1.4;
    }
    div.row.treeEbb {
        display: none;
    }
    /*
    div#filters {
        left: 0;
        position:fixed;
        bottom:0; right: 0; top: 0;
        overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;

    }
    div#filters-inner {
        height: auto;
    }
    #mobile-menu-opener {
        display: none;
    }
    #treeEbb {
        min-width: 0;
    }
    div#results div.plant {
        width: 48%;
        padding-bottom: 48%;
    }
    div.filtergroup {
        width: 100%;
    }
    */


}


@media screen and (max-width: 900px) {

    html, body, #wrapper {
        background: #3E3B3B;
    }

    #wrapper div.row.treeEbb {
        display: block;
    }
    #wrapper div#mobile-msg {
        display: none;
    }

    #treeEbb {
        min-width:0;
        width: 100%;
        min-height:0;
        padding-top:4em;
    }

    #backtotop,
    #mobile-menu-opener {
        display: none;
    }




    /** mobile menu **/
    div#mobile_filtermenu {
        display: block;
        width: 100%;
        background: #2F2F2F;
        float:left;
        position: fixed;
        top:0;left:0;
        z-index:5000;
        box-sizing:border-box;
        padding:4px 8px;
        height: 40px;
    }
    div#mobile_filtermenu > a,div#mobile_filtermenu  span {
        width: 30px; height: 24px;
        margin-top: 3px; margin-right:0;
        margin-left: 3px;
        float: right;
        background-color: #2f2f2f;
        background-color: #6e6e6e;
        background-size: 20px 20px;
        background-position:center center;
        background-repeat: no-repeat;
        /*
        box-shadow: 0 0 1px #383838 inset;
        border: 1px solid #141414;
        */
        border-radius:2px;
        cursor:pointer;
    }
    div#mobile_filtermenu > div {
        float:left;
    }

    div#mobile_filtermenu div.togglefilters span.hide {
        display: none;
    }
    body.showfilters div#mobile_filtermenu div.togglefilters span.hide {
        display: block;
    }
    body.showfilters div#mobile_filtermenu div.togglefilters span.show {
        display: none;
    }
    div#mobile_filtermenu div.togglefilters span.show {
        display: block;
    }


    div#mobile_filtermenu a.haslabel,div#mobile_filtermenu span.haslabel {
        width: auto;
        color: white;
        line-height: 24px;
        padding-left: 26px;
        padding-right: 8px;
        background-position: 5px center;

    }
    div#mobile_filtermenu .ebb {
        background-image: url(/images/treeEbb/ebb64.png);
        background-color: #0A6535;
        border-color: transparent;
        box-shadow: none;
        height: 30px; margin-top:1px;
    }
    div#mobile_filtermenu div.togglefilters > span {
        background-image: url(/images/treeEbb/arrow-updown-64-pad.png);
        background-size: 24px auto;
        background-position: 2px 0;
    }
    div#mobile_filtermenu div.togglefilters > span.hide {

        background-position: 2px -24px;
    }
    /*
    div#mobile_filtermenu.showfilters div.togglefilters > span {
        background-color: #938672;
        box-shadow: none;
    }
    */

    div#mobile_filtermenu .go_back {
        background-image: url(/images/treeEbb/arrow-left-64-pad.png);
        background-size: 24px 24px;
        float:left;
        background-position: 2px 0;
    }
    div#mobile_filtermenu .go_back a {
        color: white !important;
    }
    div#mobile_filtermenu.hasdetail span.showfilters {
        display: none;
    }
    div#mobile_filtermenu div.title {
        color: #6e6e6e;
        font-size: 24px;
        line-height:30px;
        position: absolute;
        font-weight: bold;
        right: 60px; top:4px;
        height: 32px;

        background-image: url(/images/treeEbb/treeebb_logo64.png);
        background-size: 24px 24px;
        background-position: left center;
        background-repeat: no-repeat;

        box-sizing: border-box;
        padding-left: 30px;

        z-index:-1;

    }


    /** FILTERS **/
    div#filters {
        left:0;
        bottom:0;
        background:none;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;

        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0);

        background: rgba(40,40,40,.9);
    }


    body.showfilters div#treeEbb div#filters {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);


    }
    div#treeEbb div#filters-inner {
        height: auto;
        width: 100%;
        padding-top: 4em;
    }
    div#filters div.filtergroup_set,
    div#filters div.filtergroup {
        width: 100%;
    }
    div.filtergroup_set > div.filtergroup[data-group_id="1"] {
        margin-top: 0;
    }

    div#filters div.filter,div#filters div.filter * {
        transition:none;
    }
    div.filter div.title:hover {
        background: #2f2f2f;
    }
    div.filter.active div.title, div.filter.show div.title,
    div.filter.active div.title:hover, div.filter.show div.title:hover {
        background: #938672;
    }
    div.filter-iconselect label > span {
        width: 48%;

    }

    div.filter.fade {
        height: 28px;
        margin-bottom: 5px;
        opacity:1;
        transition:none;
    }
    div#resultsbar {
        display: none;
    }
    body.showfilters div#treeEbb div#filters-inner h1, body.showfilters div#treeEbb div#filters-inner h2 {
        display:none;
    }
    body.showfilters div#treeEbb div#filters-inner {
        background: none;
    }
    div.filter div.filter-content.filter-iconselect {
        width: 100%;
    }
    div#search-filter.hasvalue {
        overflow:visible;
    }
    div#te-search-results{
        position:absolute;
        z-index:9;
    }


    /** RESULTS **/
    #treeEbb #results_container {
        padding-left: .5em;
        padding-right: .5em;
        transform: none;
        -webkit-transform: none;
    }
    body.showfilters #treeEbb #results_container {
        transform: none;
        -webkit-transform: none;
    }

    div#results div.plant {
        width: 46%;
        margin: 2%;
        height: 120px;
        padding:0;
        background: #474747;
    }
    div#results div.plant a {
        display: block;

        width: 100%;
        float:left; height: 100%;
    }
    div#results div.plant span.image {
        width: 40%;
        height: 100%;

        position:absolute;
        width:100%;

        display: block;
        float: left;
    }
    div#results div.plant span.details {
        position:absolute;
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        font-size: 1.1em;
        line-height:1.1;
        min-height: 0;


        left: 0%;

        text-align:center;
        padding: .4em .2em;
        bottom:0;
        text-shadow: 0 0 5px rgba(0,0,0,.5);

    }










    /** DETAIL PAGE **/
    #wrapper .row.treeEbb.plant-header .body {
        height: 200px;
    }
    #wrapper .row.plant-header .body img {
        height: 100%;
        left: 50%;
        min-height: 0; min-width:0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    #wrapper div.row.treeEbb.plant-detail .body {
        padding: .6em;
    }
    #wrapper div.row.treeEbb .plant-detail-column.double {
        width: 100%;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div {
        padding:0;
        margin-bottom:.5em;
    }

    #wrapper .row.plant-header .body div.title {
        position:absolute;
        left:0;

        width: 100%; height: 100%;
        box-sizing:border-box;
        padding:40px 10px;
    }
    #wrapper .row.plant-header .body div.title h1, #wrapper .row.plant-header .body div.title h2, #wrapper .row.plant-header .body div.title h3 {
        position: relative;
        transform: none;
        -webkit-transform: none;
        top:auto; right: auto;
        width: auto;
        display: block;
        margin-right:0;
        line-height:1.2;
    }
    #wrapper .row.plant-header .body h3 span.syn {
        position:relative;
    }
    #wrapper .row.plant-header .body h1 {
        font-size: 1.6em!important;
    }
    #wrapper .row.plant-header .body h2 {
        font-size: 1.3em!important;
    }
    #wrapper .row.plant-header .body h3 {
        font-size: 1.2em!important;
    }
    div.specs.double div.inner.full {
        width: 100%;
    }


    div.specs.double div.iconselection > span {
        width: 48%; margin-right: 2%;
    }
    div.specs.double div.iconselection > span:nth-child(3n+1) {
        margin-right:2%;
    }


    div.specs div.enumselection h4 + span {
        margin-left: 3px;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title span.fs {
        display:none;
    }
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group .sets {
        padding: .5em;
    }

    /* android fixes */
    div#mobile_filtermenu a, div#mobile_filtermenu span,
    div#mobile_filtermenu a:focus, div#mobile_filtermenu span:focus,
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title,
    div.filter div.title,
    #wrapper div.row.treeEbb .plant-detail-column > div.spec-group div.title:focus,
    div.filter div.title:focus {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        outline: none;
    }

    #wrapper .row.treeEbb.plant-header .body .pdf a.button.downloadpdf {
        display: none;
    }


    #wrapper div.row.treeEbb .plant-detail-column div.plant-fotos div.gofullscreen {
        right: 1em; bottom: 1em;
    }


    #fsimg.fullscreen {

        background: #2F2F2F;
    }

    #fsimg div.title {
        width: 100%;
        float: left;
        position: relative;
        left: auto; top: auto; height: auto;
        z-index: 5;
        padding:0


    }

    #fsimg div.title h2 {
        font-size: 2em;
        margin-left: 8px;
        line-height: 1.25;
        top: auto; transform: none; -webkit-transform: none;
        display: none;
    }

    #fsimg div.close {
        background-size: 20px 20px;
        height: 40px; width: 40px;
    }

    #fsimg div.plant-fotos-thumbnails {
        display: none;
    }
    #fsimg div.plant-fotos-carousel {
        left: 1%;
        width: 98%;
        top: 1%;
        height: 98%;

    }
    #fsimg div.plant-fotos-carousel div.foto {
        position: relative;
        background: #2F2F2F;
    }
    #fsimg div.plant-fotos-carousel div.foto > img {

        max-width: 100%;
        max-height: 100%;
        height:auto;
        width: auto;


        position: absolute;
        top: 50%; left: 50%;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0);

    }
    #fsimg div.next, #fsimg div.prev {
        display: none;
    }

    div.specs div.enumselection h4 + span {
        margin-left: 0;
    }

    #wh_popup div.popup_inner {
        left: 2%;
        right: 2%;
        top: 80px;
        bottom: 4%;
    }
    #wh_popup div.text div.col {
        width: 100%;
        border: none!important;
        padding: 0!important;
        margin-bottom: .5em!important;
    }

    #appstore_badges {
        display: none;
    }

}


/* language select button */
.language {
    border: 1px solid #000;
    float: left;
    color: #fff;
    background: #2f2f2f;
    margin-top: 7px;
    font-weight: 600;
    padding: 0px 15px;
    border-radius: 2px;
    padding-left: 35px;
    background-image: url('../images/icons/language_treeebb.png');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    border: 1px solid #141414;
    box-shadow: 0 0 1px #383838 inset;
    height: 34px;
    line-height: 33px;
    box-sizing: border-box;
}
.language:hover {
    background-color: #3e3a3b;
}
/* compare knop in balk - langs language */
.compare {
    display:none;
    border: 1px solid #000;
    float: left;
    color: #fff;
    background: #938672; /* 2f2f2f */
    margin-top: 7px;
    margin-left: 15px;
    font-weight: 600;
    padding: 0px 15px;
    border-radius: 2px;
    padding-left: 35px;
    background-image: url('../images/icons/compare.svg');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    border: 1px solid #141414;
    box-shadow: 0 0 1px #383838 inset;
    height: 34px;
    line-height: 33px;
    box-sizing: border-box;
    float: right;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
}
.compare:hover {
    background-color: #786c58; /* 3e3a3b; */
}


/* moodboard knop in balk */
.moodboardbutton {
    display:none;
    border: 1px solid #000;
    color: #fff;
    background: #0b6635; /* #2f2f2f */
    margin-top: 7px;
    margin-left: 15px;
    font-weight: 600;
    padding: 0px 15px;
    border-radius: 2px;
    padding-left: 35px;
    background-image: url('../images/icons/moodboard.svg');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    border: 1px solid #0b6635;
    box-shadow: 0 0 1px #0b6635 inset;
    height: 34px;
    line-height: 33px;
    box-sizing: border-box;
    float: right;
    margin-right: 10px;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
}
.moodboardbutton:hover {
    background-color: #115c33; /* 3e3a3b; */
}
.moodboardbutton.dropdown-available {
    background-image: url('../images/icons/moodboard-dropdown.svg');    
}

/* moodboard-login knop in balk e */
.moodboardbutton-login {
    display: block;
    color: #fff;
    margin-top: 7px;
    font-weight: 600;
    padding: 0px 15px;
    border-radius: 2px;
    padding-left: 35px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    height: 34px;
    line-height: 33px;
    box-sizing: border-box;
    float: right;
    margin-right: 10px;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;

    background-color: #2f2f2f; 
    border: 1px solid #141414;
    padding-right: 12px;
    box-shadow: 0 0 1px #313131 inset;
    background-image: url('../images/icons/login.svg');   
}
.moodboardbutton-login:hover {
    background-color: #3e3a3b;
}

.top-trees .spacer{
    margin-top: 20px;
    margin-bottom: 20px;
}
div.top-tree-title {
    font-size: 3em;
    color: #f00;
}

/* vergelijkingstabel */
table#comparetable {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    font-size: 1.1em;
    margin-top: 100px;
    table-layout: fixed;
}
#comparetable h2.comp_treename {
    font-style: italic;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#comparetable span.comp_treename_normal {
    text-align: center;
    display: block;
}
#comparetable img.comp_thumb {
    display: block;
    width: 180px;
    margin: 0 auto;
    margin-top: 20px;
}
#comparetable div.comp_colorbar {
    display: block;
    width: 100%;
    width: 180px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 25px;
}
#comparetable div.comp_colorbar div {
    width: 20%!important;
    display: block;
    padding: 0;
    height: 25px;
    float: left;
}
#comparetable td  {
    color:#ffffff;
    padding: 12px 15px;
    vertical-align: top;
    box-sizing: border-box;
}
#comparetable tr.comp_headrow {
    background-color: #353434!important;
    background-image: url('../images/treeEbb/compare_tree_logo.png');
    background-size: 300px 300px;
    background-position: top left;
    background-repeat: no-repeat!important;
}
#comparetable tr td.comp_treecol {
    width: 250px;
    padding-top: 20px;
    position: relative;
}
.remove_from_compare {
    font-size: 15px;
    line-height: 20px;
    text-transform: lowercase;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #262626;
    position: absolute;
    right: 7%;
    bottom: 7%;
    cursor: pointer;
    border: 1px solid #141414;
    font-weight: bold;
}
.remove_from_compare:hover {
    background: #3e3a3b;
}

#comparetable tr:nth-child(even) td:nth-child(3),
#comparetable tr:nth-child(even) td:nth-child(4) {
    border-right: 2px solid #262626;
}
#comparetable tr:nth-child(odd) td:nth-child(3),
#comparetable tr:nth-child(odd) td:nth-child(4) {
    border-right: 2px solid #262626;
}
#comparetable tr:nth-child(odd) {
    background-color:#686464;
}
#comparetable tr:nth-child(even) {
    background-color: #615e5e;
}
#comparetable tr td.groupname    {
    background-color: #262626;
    padding: 20px 15px;
    font-size: 1.2em;
}
#comparetable tr td.groupname h3 {
    font-weight: 600;
}
#comparetable tr td.comp_centercontent {
    text-align: center;
}
#comparetable tr td.comp_colorswatch_hold {
    line-height: 11px;
}
#comparetable tr td.comp_colorswatch_hold .comp_colorswatch {
    min-width: 24px;
    min-height: 24px;
    float: left;
    border-radius: 3px;
    margin-right: 10px;
    background-size: 24px;
}
#comparetable tr td.comp_colorswatch_hold span.comp_colorswatch_name {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    float: left;
}
span.yesno {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    margin: 0 auto;
    background-color: #2f2f2f;
    color: #fff;
    font-size: 11px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
    font-weight: bold;
}
span.yesno.yes { background: #20976c; }
span.yesno.no { background: rgba(0,0,0,0.4); color: #666; box-shadow: none;  }


@media screen and (max-width: 900px) {

    #comparetableholder {
        height: 100vh;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 35px;
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

    #moodboardholder {
        height: 100vh;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 35px;
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }


    table#comparetable {


        font-size: .9em;
        position: relative;


        /* width: 130%;
         margin-left: -15%;
         margin-top:25px; */

        margin-top: 0px;
        width: 1100px;


    }
    table#comparetable:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "Swipe to compare";
        background: #0a6535;
        padding: 0 18px;
        padding-left: 30px;
        line-height: 1;
        font-size: 1.1em;
        font-weight: 600;
        z-index: 91;
        color: #fff;
        margin: 10px;
        border-radius: 3px;
        line-height: 32px;
        height: 33px;
        box-sizing: border-box;

        background-image: url('../images/icons/swipe.png');
        background-position: 10px 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }
    #comparetable tr.comp_headrow {
        background-image: none;
    }



    /* voeg toe aan vergelijking in thumbnails in overzicht */
    div#results div.plant span.details label.comparison {
        font-size: 9px;
        display: block;
    }
    /*div#results div.plant span.details label.comparison input[type=checkbox] {*/
    /*display: none!important; opacity: 0;*/
    /*}*/



}

@media screen and (max-width: 900px) {

    #comparetableholder {
        height: 100vh;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 35px;
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }
    table#comparetable {


        font-size: .9em;
        position: relative;


        /* width: 130%;
         margin-left: -15%;
         margin-top:25px; */

        margin-top: 0px;
        width: 1100px;


    }
    table#comparetable:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "Swipe to compare";
        background: #0a6535;
        padding: 0 18px;
        padding-left: 30px;
        line-height: 1;
        font-size: 1.1em;
        font-weight: 600;
        z-index: 91;
        color: #fff;
        margin: 10px;
        border-radius: 3px;
        line-height: 32px;
        height: 33px;
        box-sizing: border-box;

        background-image: url('../images/icons/swipe.png');
        background-position: 10px 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }
    #comparetable tr.comp_headrow {
        background-image: none;
    }



    /* voeg toe aan vergelijking in thumbnails in overzicht */
    div#results div.plant span.details label.comparison {
        font-size: 9px;
        display: block;
    }
    /*div#results div.plant span.details label.comparison input[type=checkbox] {*/
    /*display: none!important; opacity: 0;*/
    /*}*/



}


/* prevent save image */

img{
    pointer-events: none;
}
.picture-select-pics img{
    pointer-events: initial;
}

/* Allow download for logedin visitors */
div.downlimg {
    display: block;
    /*width: auto;*/
    width: 7em;
    height: 32px;
    position: absolute;
text-align: left;
    right: 1.5em;
    bottom: 3.2em;
    z-index: 3;
    border-radius: 2px;
    background-color: #2f2f2f;
    background-color: rgba(47, 47, 47, 0);
    background-image: url(/images/treeEbb/download_large.png);
    background-size: 16px 16px;
    padding-left: 32px;
    padding-right: 8px;
    line-height: 30px;
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    cursor: pointer;


    border: 1px solid #141414;
    background-color: rgba(47, 47, 47, 0.5);


    transition: opacity 350ms ease 300ms, background 250ms ease;

    opacity: 1;
}

div.downlimg:hover {
    background-color: rgba(47,47,47,1);
}

div.plant-fotos:hover div.downlimg {
    background-color: rgba(47,47,47,0.8);

}