/*
 * This css is based on the following
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body {
	background-color: #f8f8f8;
}
.jumbotron {
	background-color: #ffffff;
	padding: 0;
	margin-top: 10px;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0px 10px;
	min-height: 100px;
 	background-color: #fff; 
}

.navbar-top-links {
	margin-top: 0px;
}

.navbar-top-links li > a{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 5px;
}

.navbar-top-links .fa-fw{
	padding-right: 5px;
}

/* enable hover on drop down menu */
.navbar-top-links .dropdown:hover .dropdown-menu {
   display: block;
}

.navbar-top-links .inverse-dropdown {
  background-color: #222;
  border-color: #080808;
}
.navbar-top-links .inverse-dropdown > li > a {
  color: #999;
}
.navbar-top-links .inverse-dropdown > li > a:hover {
  color: #fff;
  background-color: #000;
}
.navbar-top-links .inverse-dropdown > .divider {
  background-color: #000;
}

/* force navbar to be 40 px */
.navbar {
	min-height:40px; 
	height: 40px;
}

.navbar-brand {
    padding: 10px 15px;
    height: 40px;
}

.navbar-toggle {
  margin-top: 3px;
  margin-bottom: 3px;
}

.navbar-nav {
  margin: 5px -15px;
}

.navbar-form{
    margin-top: -2px;
    margin-bottom: 0px;    
}

.navbar-text {
  margin-top: 10px;
  margin-bottom: 10px;
}   

/* change left menu bar maximum height to 500 from 348 */
.navbar-fixed-top .navbar-collapse {
	max-height: 500px;
}

.sidebar .sidebar-nav .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

/* make top-level menu seperated a little far */
#side-menu > li {
	padding-top: 5px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

/* make the top list non-clickable and match color with bootstrap theme */
.sidebar ul li span{
    padding-left: 10px;
    color: #0b3861;
}

/* seperate icon and text a little */
.sidebar .fa-fw{
	margin-right: 10px;
}

.sidebar ul li a.active {
	background-color: #eee;
}

.sidebar .arrow {
    float: right;
	padding-top: 3px;    
}

/*  change arrow to a better looking arrow */
.sidebar .fa.arrow:before {
    content: "\f0d9";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f0d7";
}

/* align them with span */
.sidebar .nav-first-level {
	padding-left: 10px;
	padding-top: 2px;		
	padding-bottom: 4px;			
    color: #0b3861;	
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

/* move second level menu inward */
.sidebar .nav-second-level li a {
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;    
}

/* move third level menu inward */
.sidebar .nav-third-level li a {
    padding-left: 42px;
    padding-top: 1px;
    padding-bottom: 1px;        
}

/* for desktop */
@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        /* top bar is 50 px and left menu bar is 180 px */        
        margin: 40px 0 0 160px; 
        padding: 0 15px;
        border-left: 1px solid #e7e7e7;
    }

    .sidebar {
        z-index: 1;
        position: absolute;
        width: 160px;          /* this is side bar width */
        margin-top: 40px;      /* top bar is 50 px high  */
        padding-top: 5px;      /* give the first bar gap from top */
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
    
    .sidebar .sidebar-user {
    	display: none;
    }
}

/*  tablet */
@media (max-width: 767px) {
    .navbar-header {
	background-image: none;
	border-radius: 0px;
	margin-bottom: 0px;
    }
	
    .navbar-top-links {
	background-image: none;
	border-radius: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;	
    }
	
    .navbar-top-links .navbar-form{
	padding-top: 0px; 
	padding-bottom: 0px;
	border: 0px;
	box-shadow: none;
    }	

/* margin-top: -8px; */
    .sidebar {
	margin-top: 0px; 
    }
    
    .sidebar .sidebar-user {
    	display: none;
    } 
    
    .sidebar .nav-second-level li a {
    padding-top: 0px;
    padding-bottom: 0px;    
	}

	/* move third level menu inward */
	.sidebar .nav-third-level li a {
    padding-top: 0px;
    padding-bottom: 0px;        
	}   
    
    #page-wrapper {
    	margin-top: 80px;
    	margin-left: 2px;
    	margin-right: 2px;    	
    }
    
}    

/*  cell phone */
@media (max-width:479px) {
	
    .navbar-top-links {
        display: none;
    } 
    
    .sidebar {
        margin-top: 0px;
    }
    
    .sidebar .sidebar-user {
    	display: inline;
    }
    
    .sidebar .nav-second-level li a {
    padding-top: 0px;
    padding-bottom: 0px;    
	}

	/* move third level menu inward */
	.sidebar .nav-third-level li a {
    padding-top: 0px;
    padding-bottom: 0px;        
	}       
    
    .sidebar .sidebar-user .navbar-form {
     	box-shadow: none;
		border: 0px;
        
    	padding-top: 0px; 
		padding-bottom: 0px;
		margin-left: 3px;
		margin-top: 2px; 
		margin-bottom: 5px;  
    }
    
    .sidebar .sidebar-user .navbar-form .form-control{        
       	height: 28px;
		font-size: 12px;
    }
		
    #page-wrapper {
    	margin-top: 40px;
    }
}