.brand-menu{
	background: transparent;
	text-align: center;
}

.icon-menu{
	max-width: 12%;
}

.list-group-item-menu {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    /* background-color: #fff; */
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	
}

.list-group-item-menu-action:hover {
    color:orange;
    text-decoration: none;
	/* background-color: lightsalmon; */
	border: 2px solid blue;
	border-top:none;
	border-right: none;
	border-left: none;
	/* border-radius: 40px; */
}


.sidebar-offcanvas{
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	
	width:40%;

	/* barra di scorrimento automatica */
	height: 80%;
	overflow: auto;
	/* ---------------------------- */

	/* background-color: #faab35; */
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(60%, #e9ecef), to(#e3e7eb));
	/* background-image: linear-gradient(white, #f97b21 60%, #e3e7eb); */
	background-image: linear-gradient(white, #e9ecef 60%, #e3e7eb); 
	background-repeat: no-repeat;
	
	z-index: 51;
	margin: 0; padding: 0;
	position: fixed;
	top:120px;
	left: -70%;
	
	border: 1px solid;
	border-radius: 10px;
}

	.active {left: 0;}
	
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

	
	/* .affix {position: static;}
	#affix{width: 100%;} */
  
	.sidebar-offcanvas{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		
		width:60%;
		/* barra di scorrimento automatica */
		height: 60%;
		overflow: auto;
		/* ---------------------------- */

		/* background-color: linear-gradient(white, #f97b21 60%, #e3e7eb); */
		background-image: linear-gradient(white, #e9ecef 60%, #e3e7eb);
		z-index: 51;
		margin: 0; padding: 0;
		position: fixed;
		top:120px;
		left: -70%;
	}
	
	/* .sidebar-offcanvas ul li{margin:0}
	.sidebar-offcanvas ul li a{color:#fff;padding: 15px 20px;margin:0;font-size: 15px;border-bottom: 1px solid #d6474d}
	.sidebar-offcanvas ul li a:hover{background:#54303a;border:none; border-radius:0}
	
	.nav{margin-top: 0px;}
	.nav > li > a:hover, 
	.nav > li > a:focus{background-color: #ff625f}
	 */
	.active {left: 0;}
    
 
}