.sidebar
{
	z-index: 900;
	overflow: auto;
	position: absolute;
	-webkit-overflow-scrolling: touch;
	width: 300px;
	background-color: #424243;
	box-sizing: border-box;
	border-right: 2px solid #2E2E2E;
	transition: left 0.5s, right 0.5s;
}

.page-content.nav-top .sidebar
{
	top: 86px;
	bottom: 0px;
}

.page-content.nav-bottom .sidebar
{
	top: 0px;
	bottom: 86px;
}

.sidebar.left
{
	left: 0px;
}

.sidebar.right
{
	right: 0px;
}

.sidebar.left.closed
{
	left: -300px;
}

.sidebar.right.closed
{
	right: -300px;
}

.sidebar ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
}

.sidebar ul li
{
	margin: 0px;
	padding: 0px;
}

.sidebar ul li a
{
	cursor: pointer;
	position: relative;
	display: block;

	padding: 10px;
	padding-left: 40px;

	color: #fff;
	text-decoration: none;

	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 10px center;

	transition: background 0.25s;
}

.sidebar ul li ul li   
{
    font-size: 0.8em;
    padding-left:30px;
}

.sidebar ul li ul li a   
{
    background-size: 12px 12px;
}

.sidebar ul li ul li:hover{
    background-color:#4a4a4b;
    transition: background 0.25s;
}

.sidebar ul li ul li.dis-lang
{
    color:gray;
}

.sidebar ul li ul li.dis-lang:hover 
{
    background-color: #4a4a4b;
    cursor: pointer;
}

.sidebar ul li ul li.dis-lang a, .sidebar ul li ul li.dis-lang span
{
    display: inline-block;
}

.sidebar ul li a:hover
{
	background-color: #4a4a4b;
}

.sidebar ul li a.active 
{
    color: #C8C04C;
}

.sidebar ul li.select li a.active
{
	background-image: url('../images/template/menu-checked.svg');
}

/*
	Sub Menu
*/

.sidebar ul li.has-subs > a
{
	padding-right: 30px;
}

.sidebar ul li.has-subs > a:after
{
	content: " ";
	position: absolute;
	top: 0px;
	right: 0px;

	width: 30px;
	height: 100%;

	background-size: 13px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/template/menu-closed.svg');
}

.sidebar ul li ul
{
	max-height: 0px;
	overflow: hidden;

	background-color: #383838;

	transition: max-height 0.25s;
}

.sidebar ul li.opened ul
{
	max-height: 1000px;
	transition: max-height 2s;
}

    .sidebar ul li.opened.has-subs > a {
        color: #C8C04C;
    }

.sidebar ul li.opened.has-subs > a:after
{
	background-image: url('../images/template/menu-opened.svg');
}

/*
	Menu Home Icon
*/

.sidebar ul li.home > a
{
	background-image: url('../images/template/menu-home.svg');
}

/*
	Menu Stack Icon
*/

.sidebar ul li.stack > a
{
	background-image: url('../images/template/menu-stack.svg');
}

.sidebar ul li.has-subs.stack.opened > a
{
	background-image: url('../images/template/menu-stack-opened.svg');
}

.sidebar ul li.stack.language > a
{
	background-image: url('../images/options-menu/language-icon-white.svg');
}

.sidebar ul li.has-subs.stack.opened.language > a
{
	background-image: url('../images/options-menu/language-icon-sundance.svg');
}

.sidebar ul li.stack.navigation > a
{
	background-image: url('../images/options-menu/navigation-icon-white.svg');
}

.sidebar ul li.has-subs.stack.opened.navigation > a
{
	background-image: url('../images/options-menu/navigation-icon-sundance.svg');
}

.sidebar ul li.stack.legend-menu > a
{
	background-image: url('../images/options-menu/legend-icon-white.svg');
}

#tools-menu ul li.has-subs.stack.opened.legend-menu > a
{
	background-image: url('../images/options-menu/legend-icon-sundance.svg');
}