#sidebar
{
	padding-top: 130px;
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 50px;
    border-right: 1px solid #e2e2e2;/*#d3d3d3;*/
    background-color: #343a3f; /* 2b303a*/;
    transition: ease-in 0.2s;
}

#sidebar a
{
	display: block;
	text-decoration: none;
	padding: 10px;
	border-left: 4px solid #343a3f;
	margin: 0;
	cursor: pointer;
}

#sidebar a:hover
{
	background-color: #52595e;
	border-left-color: #52595e;
}

#sidebar a span
{
	font-size: 20px;
	color: #fcfcfc;
}

#sidebar .active-module
{
	background-color: #52595e;
	border-left-color: #2c96ff;
}

#sidebar .active-module:hover
{
	background-color: #52595e;
	border-left-color: #2c96ff;
}

#sidebar .active-module span
{
	color: #2c96ff;
}

#sidebar .sidebar-responsive
{
	display: none;
}


/* ---------- NAVIGATION BAR ---------- */
#navbar
{
	padding-top: 130px;
	position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 200px;
    margin-left: 50px;
    border-right: 1px solid #e2e2e2;
    transition: ease-in 0.2s;
    overflow: auto;
    background-color: #fcfcfc;
}

#navbar ul
{
	display: block;
	padding: unset;
}

#navbar ul li
{
	display: block;
	list-style-type: none;
	padding: unset;
}

#navbar ul li a
{
	cursor: pointer;
	text-decoration: none;
}

#navbar ul li a .icon
{
	position: relative;
	margin-right: 5px;
	font-size: 20px;
	color: #0f0f0f;
}

#navbar ul li a .txt
{
	position: relative;
	top: -5px;
	color: #0f0f0f;
}

#navbar ul li a div
{
	padding: 2px 2px 2px 15px;
	margin: 2px;
}

#navbar ul li a .root span
{
	color: #EF004A;
}

#navbar ul li a .active
{
	background-color: #efefef;
}

#navbar ul li a .active span
{
	color: #2c96ff;
}

#navbar ul li #root .active
{
	background-color: #efefef;
}

#navbar ul li #root .active span
{
	color: #EF004A;
}

#navbar ul li a div:hover
{
	background-color: #efefef;
}

/* ---------- MEDIA QUERIES ---------- */

@media screen and (max-width: 900px)
{
	#navbar
	{
		display: none;
	}
}

@media screen and (max-width: 760px)
{
	#sidebar
	{
		display: none;
	}	
}