.sidebar-nav li a#sidebar-wrapper .container {

	position: relative;

}



#page-content-wrapper {

	width: 100%;

}



.nav_box {

	position: absolute;

	top: 147px;

	right: 0;

	z-index: 200;

	left: 0;

	background-color: #eabb00;

	font-family: 'Poppins', sans-serif;

}



#menu-toggle {

	display: none;

}



@media (max-width:896px) {

	.nav_box {

		background-color: transparent;

	}

	#wrapper {

		padding-left: 250px;

		transition: all 0.4s ease 0s;

	}

	#sidebar-wrapper {

		margin-left: -250px;

		left: 250px;

		width: 250px;

		background: #3f84c5;

		position: fixed;

		height: 100%;

		overflow-y: auto;

		z-index: 1000;

		transition: all 0.4s ease 0s;

	}

	#sidebar-wrapper .container {

		padding: 0;

	}

	.nav_box {

		float: none;

		right: 0;

		position: static;

		top: 0;

	}

	.inset {

		padding: 0px;

	}

	#wrapper {

		padding-left: 0;

	}

	#sidebar-wrapper {

		left: 0;

	}

	#wrapper.active {

		position: relative;

		left: 250px;

	}

	#wrapper.active #sidebar-wrapper {

		left: 250px;

		width: 250px;

		transition: all 0.4s ease 0s;

	}

	#menu-toggle {

		display: inline-block;

		left: 9px;

		position: absolute;

		top: 3px;

		background: transparent;

		border: none;

	}

	#menu-toggle .icon-bar {

		display: block;

		width: 22px;

		height: 2px;

		border-radius: 1px;

		background: #fff;

	}

	#menu-toggle .icon-bar+.icon-bar {

		margin-top: 4px;

	}

	#wrapper.active #page-content-wrapper {

		position: fixed;

		bottom: 0;

		box-shadow: -2px 0 20px rgba(0, 0, 0, 0.2);

		left: 250px;

		overflow: hidden;

		position: fixed;

		top: 0;

		width: 100%;

		transition: transform 250ms ease 0s;

	}

}





/*for hassub plugin*/



.sidebar-nav {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

	/* background:#002a58; */

	/* float: right; */

}



.sidebar-nav li {

	float: left;

	display: block;

	position: relative;

}



/*.sidebar-nav > li:first-child a{

	padding-left: 0;

}

*/

.sidebar-nav li a {

	cursor: pointer;

	color: #fff;

	/*padding: 19px 18px;

	font-size: 16px;*/
	padding: 19px 15px;
	font-size: 19px;

	line-height: 1;

	text-transform: uppercase;

	display: block;

	position: relative;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

	font-weight: 500;

}
@media (max-width: 1300px){
.sidebar-nav li a {
    padding: 19px 13px;
}}

@media (max-width:1265px) {

	.sidebar-nav li a {
    padding: 19px 13px;
    font-size: 17px;
	}

}
@media (max-width: 1148px){
.sidebar-nav li a {
    padding: 19px 10px;
}}

@media (max-width:1100px) {

	.sidebar-nav li a {

		padding: 21px 8px;

		font-size: 15px;

	/*	text-transform: capitalize;*/

	}

}
@media (max-width: 992px){
.sidebar-nav li a {
    padding: 21px 7px;
    font-size: 14px;
}}



.sidebar-nav>li.active a,

.sidebar-nav>li a:hover {

	color: #fff;

	text-decoration: none;

}



.sidebar-nav li a:active,

.sidebar-nav li a:focus {

	text-decoration: none;

}



.sidebar-nav>li.selected>a {

	background: #6A6969;

	color: #fff;

}



.sidebar-nav li:hover {

	background: #dbaf00;

}



.sidebar-nav li a:hover {

	text-decoration: none;

	color: #fff;

}



.sidebar-nav li ul {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	z-index: 500;

	min-width: 200px;

	display: none;

}



.sidebar-nav li ul.active {

	display: block;

}



.sidebar-nav li ul li {

	display: block;

	float: none;

	border-bottom: solid 1px #eabb00;

}



.sidebar-nav li ul li a {

	font-weight: 400;

	background: #dbaf00;

	text-transform: capitalize;

}



.sidebar-nav li ul li a:hover {

	text-decoration: none;

	background: #eabb00;

}



.sidebar-nav li ul li:last-child {

	border-bottom: none;

}



.hassub>a {

	cursor: pointer;

}



@media (min-width:897px) {

	.sidebar-nav li ul {

		display: none;

	}

	.sidebar-nav li:hover ul {

		display: block;

	}

}



@media (max-width:896px) {

	.sidebar-nav {

		position: static;

		top: auto;

		width: 100%;

		list-style: none;

		margin: 0;

		padding: 0;

	}

	.sidebar-nav li {

		line-height: 40px;

		float: none;

		border-bottom: solid 1px #2d70af;

	}

	.sidebar-nav li a {

		font-weight: 400;

		font-size: 18px;

		display: block;

		text-decoration: none;

		padding: 18px 15px;

	}

	.sidebar-nav li a:hover,

	.sidebar-nav li.active a:hover,

	.sidebar-nav li.active a {

		text-decoration: none;

	}

	.sidebar-nav li a:active,

	.sidebar-nav li a:focus {

		text-decoration: none;

	}

	li.hassub>a:after {

		content: '\f0d7';

		font-family: fontawesome;

		font-size: 13px;

		color: #fff;

		position: absolute;

		top: 20px;

		right: 8px;

		font-weight: normal;

	}

	li.up>a:after {

		content: '\f0d8';

		font-family: fontawesome;

		font-size: 13px;

		color: #fff;

		position: absolute;

		top: 20px;

		right: 8px;

		font-weight: normal;

	}

	.sidebar-nav,

	.sidebar-nav ul {

		border-top: solid 1px rgba(0, 0, 0, 0.1);

	}

	.sidebar-nav {

		border-bottom: solid 1px rgba(255, 255, 255, 0.6);

	}

	.sidebar-nav li ul {

		position: static;

		text-indent:15px;

	}

}