#Title {
	display: none; 
}
.sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal {
	margin: 0; position: relative; transform: translateX(0); opacity: 1; word-wrap:break-word; display: block; line-height: 23px; z-index: 1; color: var( --NavColor ); font-size: 0.9rem; text-transform: capitalize; 
}
.sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a i {
	font-size: 0.85rem; line-height: 20px; width: 26px
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #2e3350; border-color: #337ab7; 
}
.nav {	
	display: block
}
.nav .caret {
	top: 14px; position: absolute; right: 10px
}
.nav li>a+div .nav {
	margin-top: 5px
}
.nav li>a+div .nav li>a {
	margin-top: 0; padding: 8px 18px; 
}
.nav li > a {
	margin: 0px 15px; border-radius: 30px; color: var( --NavColor ); display: block; text-decoration: none; position: relative; text-transform: uppercase; cursor: pointer; font-size: 0.8888rem; padding: 7px 18px; *line-height: 1.625rem
}
.nav li:first-child>a, .sidebar .nav li:first-child>a {
	*margin: 0 15px
}
.nav li.active>a:not([data-toggle=collapse]), .sidebar .nav li.active>a:not([data-toggle=collapse]) {
	background: transparent
}
.nav li.active>a:not([data-toggle=collapse]):before, .sidebar .nav li.active>a:not([data-toggle=collapse]):before {
	content: " "; position: absolute; height: 6px; width: 6px; top: 22px; left: -4px; background: #fff; border-radius: 50%
}
.nav li.active>a[data-toggle=collapse], .sidebar .nav li.active>a[data-toggle=collapse] {
	background: transparent; box-shadow: none; 
}
.nav li.active>a[data-toggle=collapse]+div .nav .active a, .sidebar .nav li.active>a[data-toggle=collapse]+div .nav .active a {
	box-shadow: none
}
.nav li.active>a[data-toggle=collapse]+div .nav .active a .sidebar-mini-icon, .nav li.active>a[data-toggle=collapse]+div .nav .active a .sidebar-normal, .sidebar .nav li.active>a[data-toggle=collapse]+div .nav .active a .sidebar-mini-icon, .sidebar .nav li.active>a[data-toggle=collapse]+div .nav .active a .sidebar-normal {
	 font-weight: 400
}
.nav li.active>a[data-toggle=collapse]+div .nav .active a:before, .sidebar .nav li.active>a[data-toggle=collapse]+div .nav .active a:before {
	content: " "; position: absolute; height: 6px; width: 6px; top: 17px; left: -4px; background: #fff; border-radius: 50%
}
.nav li.active>a[data-toggle=collapse]:before, .sidebar .nav li.active>a[data-toggle=collapse]:before {
	content: " "; position: absolute; height: 6px; width: 6px; top: 22px; left: -4px; background: hsla(0,0%,100%,.6); border-radius: 50%
}
.nav p, .sidebar .nav p {
	margin: 0; position: relative; display: block; height: auto; font-size: 1em; word-wrap:break-word; text-transform: capitalize;
}
.social {
	width: 90%; margin: 10px 10px 10px 28px; 
}
.social_icon {
	display: inline-block; vertical-align: middle; text-align: center; width: 45px; height: 45px; line-height: 45px; margin: 0 18px 0 0; border: solid 1px var( --NavColor ); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; color: var( --NavColor ); font-size: 0.85rem; text-decoration: none; text-align: center !important; cursor: pointer;
}
.social_icon i{
	font-size: 1rem; color: inherit;
}








.sidebar-wrapper .ItemBar2 {
	display: none; 
}
#Title {
	display: block; 
}
.sidebar-wrapper {
	left: calc(-1 * (100vw - 10px));
	display: block;
	height: 100vh;
	width: calc(100vw - 60px);
	overflow-x: hidden;
	background-image: linear-gradient(to right, rgba(var( --rgb1opacity1 )) 30%, rgba(var( --rgb2opacity1 )));	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
#Title p {
	font-weight: 500; color: var(--NavColor); font-size: 1.1rem; letter-spacing: 0.1rem; word-spacing: 5px; line-height: var( --ItemBar2H ); 
}
.sidebar-wrapper > ul > li {
	padding: 5px 0;
}
.sidebar-wrapper > ul > li, .sidebar-wrapper > ul > li > div > ul > li, .sidebar-wrapper ul > li > div > ul > li > div > ul > li {
	text-align: center;
}
.sidebar-wrapper > ul > li > a{
	*border-top: 1px solid var(--BarColor); border-bottom: none; font-size: 1.1rem; letter-spacing: 0.1rem; 
}
.sidebar-wrapper > ul > li > div > ul > li > a, .sidebar-wrapper ul > li > div > ul > li > div > ul > li > a{
	border-top: none; border-bottom: none;   font-size: 1rem;
}
.sidebar-wrapper > ul > li, .sidebar-wrapper > ul > li > div > ul > li, .sidebar-wrapper ul > li > div > ul > li > div > ul > li {
	border-top: none; border-bottom: none;
}
.sidebar-wrapper ul > li > div > ul > li > div > ul > li:last-child{
	*padding-bottom: 45px;
}
.sidebar-wrapper ul li div ul li, .sidebar-wrapper ul li div ul li div ul li {
	padding-left: 15px; padding-right: 15px; 
}

.nav li > a.active, .nav li > a.active > span, .nav li > a.active > p {
	background-color: transparent; *color: #faa732!important; font-weight: 700; 
}
.nav li > a:hover,.nav li > a:hover span,.nav li > a:hover p, .nav li > a:focus, .nav li > a:focus span, .nav li > a:focus p {
	background-color: var(--BarColor);  color:  var(--BarColorHover) !important
}
.social_icon:hover {
	background-color: var(--NavColor); color:  var(--BarColor)
}
.social_icon:hover i{
	color: inherit
}
.toggled1 .navbar-toggle {
	animation: ee 0.5s; animation-fill-mode: forwards
}
.toggled1 {//body
	transition: all 0.5s ; 
}
.toggled1 .sidebar-wrapper {
	overflow-y: auto;
	animation: gg 0.5s; animation-fill-mode: forwards
}
@keyframes ee 
{
	0% {
		left: 0; 
	}
	100% {
		left: calc(100vw - 60px);
	}
	
}
@keyframes gg 
{
	0% {
		left: calc(-1 * (100vw - 10px));
	}
	100% {
		left: 0;
	}
	
}
@media (min-width: 1025px) {
	.sidebar-wrapper {
		display: none; 
	}
	.navbar-toggle {
		display: none !important;
	}
}
@media only screen and (max-width: 1024px) 
{
	#ItemBar1 {
		display:none
	}
	.sidebar-wrapper {
		
	}
	.nav li > a {
		border-radius: 0;
	}
	.navbar-toggler-bar {
		*background: #fff; 
	}
	.BarSpace {
		display: block !important; 
	}
	.sidebar-wrapper > ul > li a{
		border-top: 0px solid #faa732; border-bottom: 0px solid #21253a ; 
	}
	.sidebar-wrapper > ul > li > div > ul > li:last-child a, .sidebar-wrapper ul > li > div > ul > li > div > ul > li:last-child a{
		border-top: 0px solid #171717; *border-bottom: 1px solid #faa732;  
	}	
	.sidebar-wrapper > ul > li {
		padding: 5px;
	}
	#Title p{
		*display: none
	}
	.toggled1 {//body
		height: 100vh; overflow-y: hidden;
	}
	.toggled1 #ItemBar {
		margin-left: 0!important;
	}
}