/* For the "inset" look only 
https://css-tricks.com/examples/WebKitScrollbars/
For the scrol bars
*/


/* Let's get this party started */
.left-navigation-menu  ::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
.left-navigation-menu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.left-navigation-menu ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.left-navigation-menu ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

.nav-stacked {
	overflow-y:scroll; 
}

ul.nav-stacked{
	 padding-top: 40px;
	 padding-bottom: 90px;
}

.nav-stacked li ul{
	list-style: none;
	display: none;
	padding-left: 0px;
}

.nav-stacked li ul li{
	padding: 0px;
}

.nav-stacked li ul li a{
	display: block;
	padding: 5px 0px 5px 30px;
	text-decoration: none;
}

.nav-stacked li a > i{
	margin-right: 10px;
}


.nav .nav-pills .nav-stacked .nav-blue{
    height: 650px;
}

.has-submenu > a:before{
	position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f107';
    float: right;
    color: #6d747a;
    margin-left: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.has-submenu.opened > a:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}