#products-menu .views .icon-equalizer{
	display:inline;
}

/*****************************
	sidebar
*****************************/
.sidebar {
	/* display:flex; */
	background:#f5f5f5;
	/* border-right:1px solid #e5e5e5; */
	position:fixed;
	top:0;
	bottom:0;
	width:0;
	height:100%;
	padding-top:95px;
	overflow:hidden;
	-webkit-transition:.3s all ease-out;
    transition: .3s all ease-out;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:100;
}
.sidebar:not(:hover, .expanded){
    /* transition-delay: 750ms; */
    transition-property: width;
}

.sidebar .icon-pin{
	position: absolute;
    right: 0;
    font-size: 15px;
    /* border: 1px solid gray; */
    /* border-radius: 5px 0 5px 5px; */
    padding: 1px;
	cursor:pointer;
	z-index:10;
	display:none;
}
.sidebar.right .icon-pin{
    left: 0;
	right:auto;
}

.sidebar a.btn{
    color: darkgray;
    padding: 0;
    font-size: 1em;
}


.sidebar .icon-pin.block{
	transform: rotate(316deg);
}

.sidebar.left{
	left:0px;
	box-shadow: 0px 0px 10px darkgrey;
	flex-direction:column;
}
	.sidebar.left .head-sidebar{
		display:flex;
		justify-content: space-between;
	}
		.sidebar.left .head-sidebar h3{
			color:#eeeff0;
			margin:0 50px 0 0;
			line-height: 1em;
		}
		
	.sidebar.left .params-sidebar{
		background:#fff;
		overflow:hidden;
		height:0px;
		transition: height .3s ease;
	}	
	.sidebar.left .params-sidebar.active{
		height:150px;
	}
	
	
	.sidebar.left .body-sidebar{
		display:flex;
	}
		.sidebar.left li{
			/* width:225px; */
		}
		
.sidebar.right{
	right:-30px;
	width:30px;
	box-shadow: -2px 0px 10px darkgrey;
}

.sidebar:hover, .sidebar.expanded {
	width:255px;
}

.sidebar.left:hover, .sidebar.left.expanded {
	left:0;
	width:285px;
}

.withFilter{
	margin-left: 285px!important;
}

/*
#toogle-sidebar-left{
    display: flex;
    background: #d4d4d4;
    color: #9a005d !important;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom:0;
    border-radius: 0;
    border-top-right-radius: 10px;
    justify-content: center;
    align-items: center;
    border: none !important;
	cursor:pointer;
}


#toogle-sidebar-left span:last-child{
	font-size:0.7em;
	line-height:0.7em;
    background: red;
    color: #fff;
    padding: 3px;
    border-radius: 10px;
    position: absolute;
    top: 1px;
    right:0;
}
*/

.sidebar ul {
	/* margin:15px 0 7px 0; */
	padding:0;
}

.sidebar li {
	position:relative;
	display:block;
	width:255px;
    padding: 10px 0;
}
.sidebar.right li {padding:5px 0;}

.sidebar li>span {
	position:relative;
	display:flex;
	align-items:center;
	color:darkgray;
	font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
}

.sidebar li i {
	display:block;
	width:40px;
	text-align:center;
	font-style:normal;
}
.sidebar.right li i {
	width:30px;
}

	.sidebar li i span {
		position: absolute;
		left: 15px;
		top: 4px;
		font-size: 13px;
		font-family: helvetica;
	}
	.sidebar li.nbpdts i span {
		left: 4px;
		top: 14px;
	}
	.sidebar.right li.actions i{
		cursor:pointer;
		color: #9a005d;
	}
	.sidebar.right li.actions i span {
		left: 13px;
		font-weight: bold;
		top:50%;
		margin-top:-9px;
	}
		.sidebar.right li.actions i span:after {content:'<';}
		.sidebar.right.expanded li.actions i span:after {content:'>';}
	
	.sidebar li i.symbol {
		font-size: 20px;
	}

.sidebar .nav-text {
	position:relative;
	display: flex;
	/* justify-content:space-around; */
	align-items: center;
	flex-wrap: wrap;
	width:205px;
}

.sidebar .nav-text.sep {
    display: block;
    text-align: center;
    color: red;
    font-weight: bold;
}


.sidebar.right .nav-text {
	width:215px;
}

.sidebar>ul.logout {
	position:absolute;
	left:0;
	bottom:95px;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}

@media (min-width: 750px){
	.sidebar {width:40px;}
	.sidebar.left {left:0px;}
	.sidebar.right {right:0px;}
	.sidebar:not(:hover, .expanded){transition-delay: 750ms;}
	#products-menu .views .icon-equalizer{
		display:none;
	}
	.sidebar .icon-pin{
		display:block;
	}
}

@media (min-width: 992px){
	.sidebar {width:60px;}
	/* .sidebar.right {width:30px;} */
	.sidebar li i {width:60px;}
	.sidebar li i span {left: 25px;}
	.sidebar .nav-text {width:190px;}
	.sidebar li.nbpdts i span {left: 14px;}
	
	/* #toogle-sidebar-left{ */
		/* width: 60px; */
		/* margin-right:20px; */
	/* } */
}