
/* http://bootsnipp.com/snippets/featured/responsive-sidebar-menu*/

#ProdFilter .navbar-toggle {
	position: relative;
	float: left;
	padding: 15px;
	margin: 0;
	border-radius: 0;
	border: none;
	background: #ffaa00;
}

#ProdFilter .navbar-toggle .icon-bar { border-radius:0;}
#ProdFilter .container-fluid > .navbar-header{ background:#2f2f2f;}
#ProdFilter.navbar-inverse .navbar-collapse {
	border:none;
	/*padding:0;*/
}


#ProdFilter .container-fluid > .navbar-collapse {
  margin-right:0;
  margin-left:0;
}

#ProdFilter .navbar-collapse { padding:0;}
#ProdFilter .container-fluid { padding:0;}

.varumarken a {
	text-transform: capitalize;
}
	
@media (min-width: 768px) {

	nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	nav.sidebar .navbar-nav > li{
		border:none;
		margin:0;
		padding:0;
		background:none;
		border-bottom:1px solid #eee;
	}
	nav.sidebar .navbar-nav > li:last-child { border:none;}

	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{padding:0;}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #e21f24;
		padding:8px 0;
		font-weight:600;
		font-size:1.1em;
		line-height:1.3em;
		/*text-transform:capitalize;*/
	}

	nav.sidebar{
		width: 100%;
		height: 100%;
		float: left;
		z-index: 8000;
		margin:0;
	}

	nav.sidebar li {
		width: 100%;
		margin:0 0 0 30px;
		padding:0;
	}
}

@media (min-width: 1330px) {
	nav.sidebar{float: left;}

	nav.sidebar .forAnimate{opacity: 1;}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, 
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { background:none; color:#000;}


#ProdFilter.navbar-inverse {
	background:none;
	border:none;
	border-radius:0;
}
#ProdFilter.navbar-inverse .navbar-brand,
#ProdFilter.navbar-inverse .navbar-nav > li > a {
    text-shadow:none;
	margin:0;
	padding:10px 15px;
	color:#000;
	font-weight:400;
	font-size:1em;
	line-height:1.2em;
}
#ProdFilter.navbar-inverse .navbar-nav > li > a:hover { color:#000; background:#eee;}

#ProdFilter.navbar-inverse .navbar-nav > .open > a, 
#ProdFilter.navbar-inverse .navbar-nav > .active > a {
	color:#000;
	font-weight:600;
	background:#eee;
	box-shadow:none;
}

.NavSelectWrapp {
	border:none !important;
	margin-bottom:10px !important;
}


@media All and (max-width:768px) {
	#ProdFilter.navbar-inverse .navbar-brand,
	#ProdFilter.navbar-inverse .navbar-nav > li > a { margin-top:5px; padding:10px 30px;}
	
	#ProdFilter.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#e21f24; font-weight:600;}
	
	#ProdFilter.navbar-inverse .navbar-nav > li > a {margin:0;}
	#ProdFilter.navbar-inverse .navbar-nav > li { padding:0;}
	
	.NavSelectWrapp {
		width:90% !important;
		margin-left:5% !important;
	}
	
	#ProdFilter .container-fluid > .navbar-header { margin-bottom:25px;}
}

@media All and (max-width:767px) {
	
	#ProdFilter .navbar-collapse { padding:0 15px;}
	#ProdFilter .container-fluid { padding:0 15px;}
	
	#ProdFilter .container-fluid > .navbar-collapse {
	  margin-right:-15px;
	  margin-left:-15px;
	}
	
	nav.sidebar .navbar-nav > li{border-bottom:1px solid #eee;}
	
	#ProdFilter.navbar-inverse .navbar-nav > li > a { padding:10px 15px;}
}