/*Red Styles Sidebar*/
h3.Parent{
	border-bottom:2px solid #dadada;
	color:#c8102e;
}

h3.Parent a{
	font-weight:400;
	text-decoration:none;
	width:100%;
	display:block;
}

nav {
	position: relative;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: rgb(239,239,239);
	background: radial-gradient(circle, rgba(255,255,255,1) 12%, rgba(247,247,247,1) 89%);
}

nav ul li a {
	display: block;
	padding: 10px 15px 10px 15px;
	color: #54585a !important;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	background: rgb(239,239,239);
}

nav ul li:hover a {
	color:white !important;
}

nav ul li a span {
	padding-left:0px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	font-weight:600;
}

nav ul li a.dd{
	width:60px !important;
	background:#eee;
}
nav ul li a.dd:hover {
	color: #fff !important;
	padding-left:15px;
	background: rgb(150,12,34);
}

nav ul li {
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	
}

nav ul li:hover{
	background: rgb(200,16,46);
}

nav ul li:hover a.dd{
	background: rgb(150,12,34);
}

nav ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}

nav ul li ul{
	width:100%;
}

.break {
  	flex-basis: 100%;
  	height: 0;
}

nav ul li.init,
nav ul li.active{
	background:#c8102e;
}

nav ul li.init a,
nav ul li.active a{
	color:white !important;
}

nav ul li.init a.dd,
nav ul li.active a.dd{
	color:white !important;
	background:#960C22;
}

nav ul li.init ul,
nav ul li.active ul{
	background:#960C22;
}

nav ul li.init ul li:hover,
nav ul li.active ul li:hover{
}

nav ul li.sub-menu ul.active,
nav ul li.active ul.active{
	display:block;
}

li.rootReturn{
	display:none;
}

@media (max-width: 768px) { /* Adjust this breakpoint as necessary */
    .sideBarNav {
        display: none; /* Hide the sibling <ul> by default */
    }
	li.rootReturn{
		display:block;
	}
}
@media (min-width: 769px) { /* Adjust this breakpoint as necessary */
    .sideBarNav {
        display: block; /* Hide the sibling <ul> by default */
    }
	li.rootReturn{
		display:none;
	}
}