@media (max-width: 768px) {
.navbar-fixed-side {
	margin-left: -15px;
	margin-right: -15px
}
}
@media (min-width: 768px) {
.navbar-fixed-side {
	position: fixed;
	margin: 0 -15px;
	height: 100vh;
	width: inherit;
	overflow: auto;
	border-top-width: 0;
	border-bottom-width: 0;
	border-radius: 0;

	background:
		-webkit-linear-gradient(45deg, hsla(224, 90%, 41%, 1) 0%, hsla(224, 90%, 41%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(182, 95%, 44%, 1) 10%, hsla(182, 95%, 44%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(279, 99%, 44%, 1) 10%, hsla(279, 99%, 44%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(162, 23%, 46%, 1) 100%, hsla(162, 23%, 46%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(224, 90%, 41%, 1) 0%, hsla(224, 90%, 41%, 0) 70%),
		linear-gradient(135deg, hsla(182, 95%, 35%, 1) 10%, hsla(182, 95%, 44%, 0) 80%),
		linear-gradient(225deg, hsla(279, 99%, 44%, 1) 10%, hsla(279, 99%, 44%, 0) 80%),
		linear-gradient(315deg, hsla(162, 23%, 46%, 1) 100%, hsla(162, 23%, 46%, 0) 70%);
	
	
}
.navbar-fixed-side .container, .navbar-fixed-side .container-fluid {
	width: auto;
	padding-left: 0;
	padding-right: 0
}
.navbar-fixed-side .navbar-header {
	float: none
}
.navbar-fixed-side .navbar-brand {
	height: auto
}
.navbar-fixed-side>.container .navbar-brand, .navbar-fixed-side>.container-fluid .navbar-brand {
	margin-left: 0
}
.navbar-fixed-side .navbar-collapse {
	width: 100%;
	*border-top: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-nav {
	float: none;
	*margin: 0 -15px
}
.navbar-fixed-side .navbar-nav>li {
	float: none
}
.navbar-fixed-side .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	*border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-form {
	margin: 0;
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px 15px;
	border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-text {
	float: none;
	margin-left: 0;
	margin-right: 0
}
.navbar-fixed-side .navbar-left, .navbar-fixed-side .navbar-right {
	float: none !important
}
.navbar-fixed-side .navbar-nav .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a, .navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a {
	line-height: 20px;
	color: #777
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus {
	background-image: none
}
.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a {
	background-color: #e7e7e7;
	color: #555
}
.navbar-fixed-side .navbar-nav>li>a:hover, .navbar-fixed-side .navbar-nav>li>a:focus, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus {
	background-color: #f0f0f0;
	color: #333
}
.navbar-fixed-side .dropdown>.dropdown-toggle, .navbar-fixed-side .dropdown-menu>.dropdown-header {
	background-color: transparent !important;
	color: #9d9d9d !important;
	cursor: default;
	font-size: 0.8em;
	text-transform: uppercase;
	border-bottom: none;
	padding-bottom: 0
}
.navbar-fixed-side .dropdown-toggle .caret {
	display: none
}
.navbar-fixed-side .dropdown-menu {
	display: block
}
.navbar-fixed-side.navbar-inverse .navbar-collapse, .navbar-fixed-side.navbar-inverse .navbar-nav>li>a, .navbar-fixed-side.navbar-inverse .navbar-form, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu {
	border-color: #363636
}
.navbar-fixed-side.navbar-inverse .divider {
	background-color: #363636
}
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a {
	color: #9d9d9d
}
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a {
	background-color: #090909;
	color: #fff
}
.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus {
	background-color: #2f2f2f;
	color: #fff
}
.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle {
	color: #777777 !important
}
}

.gra{background:
		-webkit-linear-gradient(45deg, hsla(224, 90%, 41%, 1) 0%, hsla(224, 90%, 41%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(182, 95%, 44%, 1) 10%, hsla(182, 95%, 44%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(279, 99%, 44%, 1) 10%, hsla(279, 99%, 44%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(162, 23%, 46%, 1) 100%, hsla(162, 23%, 46%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(224, 90%, 41%, 1) 0%, hsla(224, 90%, 41%, 0) 70%),
		linear-gradient(135deg, hsla(182, 95%, 35%, 1) 10%, hsla(182, 95%, 44%, 0) 80%),
		linear-gradient(225deg, hsla(279, 99%, 44%, 1) 10%, hsla(279, 99%, 44%, 0) 80%),
		linear-gradient(315deg, hsla(162, 23%, 46%, 1) 100%, hsla(162, 23%, 46%, 0) 70%);}