/* an !important on your custom rule override any other rule of your custom CSS */

body,html{
	height: 100%;
}



/*Remove rounded coners*/

nav.sidebar.navbar {
	border-radius: 0px;
}

	/*
	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #ccc;
		background-color: transparent;
	}
*/
nav:hover .forAnimate{
	opacity: 1;
}
section{
	padding-left: 15px;
}
/*
.not-active {
	pointer-events: none;
	cursor: default;
}
*/	
/* .....NavBar: Icon only with coloring/layout.....*/


/*small/medium side display*/

@media (min-width: 768px) {
#nav_bar {
	background: linear-gradient(to bottom, white, var(--bgcolour));
  border: None;
}

/*adds border to bottom nav boxes*/
nav.sidebar .navbar-nav > li{
	border-bottom: 1px #e5e5e5 solid;
}

/*gives sidebar width/height*/
nav.sidebar{
	width: 100%;
	height: 100%;
/*			margin-left: -160px; */
	float: left;
	z-index: 8000;
	margin-bottom: 0px;
}

/* keeps list in sidebar aligned */
nav.sidebar li {
	width: 100%;
}

/* Effectivley left aligns the text */

nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
	padding: 0 0px 0 0px;
}

/* Colors/style dropdown box*/
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;
}

/*colors dropdown box text */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #fffff;
}

/* Make the menu text black - do it last so not overwritten */
	.navbar-inverse .navbar-nav > li > a {
		color: #000000;
	}
	.navbar-inverse .navbar-nav>li>a:hover {
		color: var(--colhover);
		background: rgba(0, 0, 0, 0.2); 
	}
	.navbar-inverse .navbar-nav >li>a:active {
		color: blue;
	}
	
		
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {

	/*Allow main to be next to Nav*/
	.main{
		width: calc(100% - 200px); /*keeps 100% minus nav size*/
		margin-left: 200px;
	}

	/*Show all nav*/
	nav.sidebar{
		margin-left: 0px;
		float: left;
	}
	/*Show hidden items on nav*/
	nav.sidebar .forAnimate{
		opacity: 1;
	}

}