.tree-menu ul{list-style: none; font-size:16px;}
.tree-menu > ul{padding: 0;}
.tree-menu ul {list-style-type: none;padding: 0;margin: 0;}
.tree-menu li {list-style-type: none;padding: 0;margin: 0;border-bottom:1px solid #eeeeee;}
.tree-menu li:last-child {border-bottom: none;}
.tree-menu ul li a {padding-left:10px;font-size: 16px;font-weight:bold;}
.tree-menu ul li.selected{text-decoration:none;}
.tree-menu ul li span{display:inline-block;width:24px;height:24px;padding:2px 6px;margin-top:5px;margin-right:24px;position:absolute;right:0px}
.tree-menu ul li span:before{cursor:pointer;content:"";color:#494949;font-weight:bold;font-size:19px;}
.tree-menu ul li li {}
.tree-menu ul li li a {padding-left:12px;background-image:none;font-size: 15px;}
.tree-menu .opened{/*box-shadow: 0 3px 25px -5px rgb(226, 226, 226); *//* background-color:#ffffffa3; */border-bottom: none;}
.tree-menu ul li li {font-weight:normal;border-bottom: none;border-top: 1px solid #fbfbfb;}
.tree-menu ul li li.selected {/* padding-left: 0px; */}
.tree-menu ul li li a{font-weight:normal;color:#000;display:inline-block;/* width:100%; */}
.tree-menu ul li li.selected a{/*color:#9b9b9b;*/}
.tree-menu a {display:inline-block;vertical-align: middle;text-decoration: none;padding:6px 15px;margin-bottom: 1px;color: #3a3a3a;}
.tree-menu li:last-child a{border-bottom:none;} 
.tree-menu li.opened {/* border-bottom: 1px solid #eeeeee; */} 
.tree-menu a:hover {color: #000;}
.tree-menu .active > a:hover, .tree-menu a:hover {color:#000;}
.tree-menu a:hover {color:#000;text-decoration:underline;}
.tree-menu .active > a{ color: #000;}

.treemenu .toggler { cursor: pointer; }
.treemenu .toggler:before { display: inline-block; margin-right: 2pt; }
li.tree-empty > .toggler { opacity: 0; cursor: default; }
li.tree-empty > .toggler:before { content: "\2212"; cursor: default;}
li.tree-closed > .toggler:before { font-family: FontAwesome;content: "\f107";}
li.tree-opened > .toggler:before { font-family: FontAwesome;content: "\f106";color:#155ebe;}


/* The Overlay */
.overlay .closebtn {display:none;text-decoration:none;}
.onerlayBtn{display:block;cursor:pointer;margin-top:1px;}

/* mobile-button */
#menu-btn{
display: block;
position: relative;
text-align: center;
width:42px;
height:40px;
border:1px solid #ccc;
padding-left:3px;
padding-right:3px;
border-radius:3px;
}

#menu-btn:before,
#menu-btn:after{
content: '';
width:30px;
right:4px;
left:5px;
height:3px;
background-color:#000;
display:block;
position:absolute;
border-radius:3px;
}

#menu-btn:before{top:7px;}
#menu-btn:after{top: 15px;}

.menutext{
color: #000;
display: block;
position: absolute;
top:18px;
bottom: 0;
font-size: 11px;
left:4px;
}

@media only screen and (max-width: 992px) {
.onerlayBtn{margin-top:12px;margin-bottom:0px;}
.leftCategories{padding:0;}
.categrHeader{display:none;}
#cart .navbar-nav>li>a {padding-top:10px;padding-bottom:10px;}
.searchbardiv {margin-top:15px;}
.catSelect .catSelectContent{padding:15px 5px;}
.tree-menu ul li span{right:8px;margin-top:5px;}
.tree-menu ul li span:before{font-size:26px;}
.overlay { 
height: 0%;
width: 100%;
position: fixed; /* Stay in place */
z-index: 10000000000; /* Sit on top */
left: 0;
top: 0;
background-color: #fff;
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay #storeCategories {display:block;}
/* Position the content inside the overlay */
.overlay-content {

position: relative;
top:30px;
width: 100%;
text-align:left;
padding-left:10px;
margin-top: 30px; 
}
/* Position the close button (top right corner) */
.overlay a {font-size: 20px}
.overlay .closebtn {
display:block;
position: absolute;
font-size:50px;
top:21px;
left: 21px;
color:#333;
}
}

/* filter products*/
.filters-side{display: none;}

.showFilters{
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.09);
z-index: 2000000;
display: block;
}

.filtersPanel {
/*display:none;*/
animation-name: fadeIn;
animation-duration: .12s;
}

.filtersPanel{
display:block;
height: 100%;
width: 380px;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
padding-top:40px;
box-shadow: -25px 0 25px -15px #a8a8a8;
}

#resetform{
position: absolute;
top:5px;
left:5px;
margin:15px 15px 15px 10px;
font-size:14px;
cursor:pointer;
color:#d9534f;
text-decoration:none;
}

.clearSpan{display:none;}
.showClear{display:block;}

.closeFilters {
position: absolute;
top:0px;
right:5px;
font-size: 36px;
margin:15px;
display:block;
cursor:pointer;
color:#000;
text-decoration:none;
}

.closeFilters:hover{
color:#000;
text-decoration:none;
}

.filtersContent{
padding:10px 10px 15px 10px;
text-align:left;
height: calc(100% - 55px);
overflow-y: auto;
}

.allfilters{position:relative;max-height:100%}
#filter-products{padding:0px 15px 15px 15px;}
.filterActions{margin-left:10px}
#filters{
padding:15px 5px 5px 5px;
/*
margin-top:10px;
border-radius: 3px;
background-color: #fbfbfb;
box-shadow: 0 10px 20px -5px rgba(0,0,0,.1);*/
}

.extrafields{
margin:10px;  
}

.prices{
position: relative;
padding:45px 25px 10px 25px;
margin: 20px 0;
overflow: hidden;
}

.prices .noUi-connect {
background: #3793ff;
}

.prices .noUi-value-sub {
color: #ccc;
font-size: 11px;
}

.panel-filter>.panel-heading {
padding: 0px 15px;
background-color: #3793ff;
border-color: #c0e0f5;
color:#fff
}

.panel-filter .filterTitle  {
padding: 10px 0px;
}

#extraTable-brands{margin:10px;}

.panel-filter {
border-color: #cde0f7;
}

.filterTitle{
color:#000;
}

.filterTitle .btn:focus {
outline: none;
}

.btn-filter{
margin-bottom:5px;
}

.btn-filter.active.focus, .btn-filter.active:focus, .btn-filter.active:hover, .btn-filter:active.focus, .btn-filter:active:focus, .btn-filter:active:hover {color: #fff;background-color: #0062cc;border-color: #0556ae;}
.btn-filter.active, .btn-filter:active, .open>.dropdown-toggle.btn-filter {color: #fff;background-color: #3793ff;border-color: #3793ff;}
.btn-filter input{display:none;}

.filterButton{
display:none;
text-align:center;
width:100%;
}

.search-filters{
background-color: #4bb527;
border-color: #4bb527;
width:100%;
padding:10px 12px;
}

.search-filters:hover, .search-filters:focus,  .search-filters:active:focus,  .search-filters:active:hover {
color: #fff;
background-color: #43a222;
border-color: #43a222;
}

.heightfix{
min-height:49px;
}

.filterAffix{
position:fixed;
top:5px;
left:0px;
z-index:999;
margin-left:0px;
}

/* Rotate from top left corner (not default) */
.filterAffix .openFilters{  
position: absolute !important;
z-index: 10 !important;
left: 0px !important;
top:20px;
border-radius:0px 4px 4px 0px;
}

.filterAffix .clearFilters{display:none;}

/*@media (max-width:768px){
.filterAffix .textOpenFilter{display:none;}
}
}
*/

@media (max-width:768px){
.search-filters{width:100%;}
.filterButton{
width:100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding: .625rem;
background-color: #fff;
border-top: 1px solid #e8e8e8;
box-shadow: 0 10px 20px 10px rgba(0,0,0,.1);
}
}