/* http://www.jqueryscript.net/menu/Create-An-Off-canvas-Sidebar-Navigation-with-jQuery-Bootstrap.html */
html.easy-sidebar-active {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
	padding: 0;
 }

body {
	transition: 0.2s ease;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
body.toggled {
	-webkit-transform: translateX(250px);
	transform: translateX(250px);
}

.navbar.easy-sidebar {
	transition: 0.2s ease;
	position: absolute;
	width: 250px;
	top: 0;
	left: -250px;
	min-height: 100%;
	border-radius: 0;
	margin: 0;
	z-index: 9999;
  }

.navbar.easy-sidebar.toggled {
	-webkit-transform: translateX(250px);
	transform: translateX(250px);
}

.easy-sidebar .btn {
	width: 100%;
}

.navbar.easy-sidebar .navbar-header {
	margin: 0 -15px;
	float: none;
 background-color:  rgba(47, 47, 47, 0.980392) ;
 padding-bottom:15px;
}

.navbar.easy-sidebar .navbar-brand {
	margin: 0;
    background-color:  rgba(47, 47, 47, 0.980392);
}

.navbar.easy-sidebar .navbar-toggle {
	display: inline-block;
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(2) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, -5px) rotate(45deg);
	transform: translate(2px, -5px) rotate(45deg)
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(3) {
	display: none;
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(4) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, 4.5px) rotate(-45deg);
	transform: translate(2px, 4.5px) rotate(-45deg);
}

.navbar.easy-sidebar .nav.navbar-nav {
	margin: 0px -15px;
	float: none;
   }
.navbar.easy-sidebar .nav.navbar-nav>li {
	float: none;
}
.navbar.easy-sidebar .nav.navbar-nav>li>a,
.navbar.easy-sidebar .ul-submenus>li>a {
	padding: 10px 10px;
 }

/*.navbar.easy-sidebar .navbar-nav .open .dropdown-menu .divider {
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1);
 


.navbar.easy-sidebar .navbar-form {
	padding: 10px 15px;
	margin: 8px -15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
}
.navbar.easy-sidebar .navbar-form .form-group {
	margin-bottom: 5px;
	display: block;
}
.navbar.easy-sidebar .navbar-form .form-group .form-control {
	display: block;
	width: 100%;
}
 }*/
/*@media (max-width:  768px) {
	body.toggled {
		position: fixed;
	}
  }*/

/* customization of the easy side bar */

.navbar.easy-sidebar .nav-pills > .active > a,
.navbar.easy-sidebar .nav-pills > .active > a:hover,
.navbar.easy-sidebar .nav-pills > li > a:hover {
    color: white;
    background-color:#373434;
    font-weight: 600;
}
.navbar.easy-sidebar.nav-pills > li > a {
    border-radius: 0px;
    background-color: #C6D4E1;
}

/* http://bootstrapdesigntools.com/tools/bootstrap-menu-builder/ */

.navbar.easy-sidebar.navbar-default .navbar-brand {
    color: white;
  }
.navbar.easy-sidebar.navbar-default,
.navbar.easy-sidebar .ul-submenus {
      background-color:  rgba(47, 47, 47, 0.980392);
  }

.navbar.easy-sidebar .multi-col-wrapper,
.navbar.easy-sidebar ul.dropdown-menu.multi-column,
.navbar.easy-sidebar.navbar-default .navbar-nav > li,
.navbar.easy-sidebar .ul-submenus > li,
.navbar.easy-sidebar.navbar-default .ul-submenus > li > a {
    border-top:  1px solid #C6D4E1;
}

.navbar.easy-sidebar ul.dropdown-menu.multi-column {
    background-color:  #161714;
}

.navbar.easy-sidebar.navbar-default .navbar-nav>li>a{
    color: white;
    background-color:  rgba(47, 47, 47, 0.980392);
    

}
/* inside nav bar*/
.navbar.easy-sidebar .ul-submenus > li,
.navbar.easy-sidebar .ul-submenus > li >a ,
.navbar.easy-sidebar.navbar-default .ul-submenus > li,
.navbar.easy-sidebar.navbar-default .ul-submenus > li > a
{
    color: #C6D4E1;
    background-color:  rgba(47, 47, 47, 0.980392);
       padding-left: 10px;
       border:none;
}


.navbar.easy-sidebar.navbar-default .navbar-nav>li>a:hover,
.navbar.easy-sidebar.navbar-default .navbar-nav>li>a:focus,
.navbar.easy-sidebar.navbar-default .ul-submenus>li>a:hover,
.navbar.easy-sidebar.navbar-default .ul-submenus>li>a:focus {
    color: white;
    background-color: #1c1c1c;
  
}
.navbar.easy-sidebar.navbar-default .navbar-nav>.active>a,
.navbar.easy-sidebar.navbar-default .navbar-nav>.active>a:hover,
.navbar.easy-sidebar.navbar-default .navbar-nav>.active>a:focus,
.navbar.easy-sidebar.navbar-default .ul-submenus>.active>a,
.navbar.easy-sidebar.navbar-default .ul-submenus>.active>a:hover,
.navbar.easy-sidebar.navbar-default .ul-submenus>.active>a:focus {
    color: white;
    background-color: #1c1c1c;
  	border-bottom-width:1px;
   }
.navbar.easy-sidebar.navbar-default .navbar-toggle {
    color:white;
    border-color: #44749d;
    }

.navbar.easy-sidebar.navbar-default li.dropdown-menu {
    color:white;
    border-color: #44749d;
 }


.navbar.easy-sidebar.navbar-default .navbar-nav > .open > a, 
.navbar.easy-sidebar.navbar-default .navbar-nav > .open > a:hover, 
.navbar.easy-sidebar.navbar-default .navbar-nav > .open > a:focus {
    color:white;
    background-color:#373434 !important; 
    background-image: none !important;
   -webkit-box-shadow: none !important; 
  
}


.navbar.easy-sidebar.navbar-default .navbar-toggle:hover,
.navbar.easy-sidebar.navbar-default .navbar-toggle:focus {
      color:white;
     background-color: #44749d;
}
.navbar.easy-sidebar.navbar-default .navbar-toggle .icon-bar {
       color:white;
    background-color: #44749d;
}
.navbar.easy-sidebar.navbar-default .navbar-toggle:hover .icon-bar,
.navbar.easy-sidebar.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: white;
}