/*
 * Sidebar (add to your bootstrap)

    <!--sidebar-nav -->
    <div class="sidebar-primary sidebar-nav">
        <div class="sidebar-container">
            <div class="margin: 16px 0 64px">
                <img src="images/logo.jpg" width="80%" />
            </div>
        <ul class="nav navbar-nav">
            <li><a href="admin.php?page=main"><i class="glyphicon glyphicon-education"></i> Home</a><li>
            <li><a href="admin.php?page=users"><i class="glyphicon glyphicon-blackboard"></i> Users</a><li>
        </ul>
    </div>
    </div><!--/.sidebar-nav -->

 */

.sidebar-form {
  padding: 7px 15px 13px 15px;
}
@media (min-width: 768px) {
  .wrapper {
    margin: 50px 0 0 275px;
    min-height: 1000px;
  }    
    .sidebar-container {
        position: relative;
    }
  .sidebar-nav {
	left: 0;
    list-style: none;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
	position: fixed;
    top: 52px;
    width: 250px;
    z-index: 1;
  } 
  .sidebar-nav .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav ul {
    float: none;
	width: 100%;
  }
  .sidebar-nav ul:not {
    display: block;
  }
  .sidebar-nav li {
    float: none;
    display: block;
  }
  .sidebar-nav li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sidebar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0;
    padding: 5px 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .sidebar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .sidebar-nav .open > a > b.caret {
  border-top: none;
  border-bottom: 4px solid;
  }

}

.sidebar-default {
    background-color: #eee;
}

/*
 * Black navbar style
 */
#navbar-black.navbar-default { /* #3C3C3C - #222222 */
    font-size: 14px;
    background-color: rgba(34, 34, 34, 1);
    background: -webkit-linear-gradient(top, rgba(60, 60, 60, 1) 0%, rgba(34, 34, 34, 1) 100%);
    background: linear-gradient(to bottom, rgba(60, 60, 60, 1) 0%, rgba(34, 34, 34, 1) 100%);
    border: 0px;
	border-radius: 0;
}
#navbar-black.navbar-default .navbar-nav>li>a:hover,
#navbar-black.navbar-default .navbar-nav>li>a:focus,
#navbar-black.navbar-default .navbar-nav>li>ul>li>a:hover, 
#navbar-black.navbar-default .navbar-nav>li>ul>li>a:focus, 
#navbar-black.navbar-default .navbar-nav>.active>a,
#navbar-black.navbar-default .navbar-nav>.active>a:hover,
#navbar-black.navbar-default .navbar-nav>.active>a:focus {   
	color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
#sidebar-black, #column-black {
  	background-color: #222222;
}
#navbar-black.navbar-default .navbar-toggle {
    border-color: #222222; 
}
#navbar-black.navbar-default .navbar-toggle:hover,
#navbar-black.navbar-default .navbar-toggle:focus {
    background-color: #3C3C3C;
}
#navbar-black.navbar-default .navbar-nav>li>a,
#navbar-black.navbar-default .navbar-nav>li>ul>li>a, 
#navbar-black.navbar-default .navbar-brand {
    color: #999999; 
}
#navbar-black.navbar-default .navbar-toggle .icon-bar,
#navbar-black.navbar-default .navbar-toggle:hover .icon-bar,
#navbar-black.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}