/* CSS Document */
#hamburger-menu{
	z-index: 90;
	position: absolute;
	left: 1px;
	top: 10px;
}

#hamburger-menu div btn{
    padding: 0 !important; 
}

#mainview{
	z-index: 0;
}

#mainview, #hamburger-menu {
	position: absolute;
}

#sidebar {
	min-width: 250px;
	max-width: 250px;
}

#sidebar.active {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}

#sidebar #spacer {
    display: none;
}

#sidebar.active #spacer {
    display: flex;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
}

#sidebar #sidebar-header {
	display: none;
}

#sidebar #sidebar-header img{
	width: 100px;
}

#sidebar.active #sidebar-header img{
	width: 50px;
}

#sidebar.active #sidebar-header span
{
	display: none;
}

#sidebar ul li a{
	text-align: left;
}

#sidebar.active ul li a{
	padding: 5px 0px;
	text-align: center;
	font-size: 0.65em;
}

#sidebar.active ul li a i{
	margin-right: 0;
	display: block;
	font-size: 1.5em;
	margin-bottom: 5px;
}

#sidebar.active .dropdown::after {
	top: auto;
	bottom: 10px;
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

#sidebar.active .dropdown a div {
    text-align: center;
    font-size: 0.5em;
}

#sidebar.active .dropdown a div img {
    margin-right: 0;
    display: block;
    font-size: 1.2em;
    margin-bottom: 3px;
}

@media (max-width: 768px) {

	#sidebar {
		min-width: 80px;
		max-width: 80px;
		margin-left: -85px !important;
	}

	#sidebar.active {
		min-width: 80px;
		max-width: 80px;
		margin-left: 0px !important;
		text-align: center;

	}
	
	#sidebar #spacer {
        display: none;
    }
    
    #sidebar.active #spacer {
        display: flex;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
    }


	#sidebar #sidebar-header {
		display: none;
	}

	#sidebar #sidebar-header img{
		width: 50px;
	}

	#sidebar.active #sidebar-header img{
		width: 50px;
	}

	#sidebar.active #sidebar-header span
	{
		display: none;
	}

	#sidebar.active ul li a{
		padding: 5px 0px;
		text-align: center;
		font-size: 0.65em;
	}

	#sidebar.active ul li a i{
		margin-right: 0;
		display: block;
		font-size: 1.3em;
		margin-bottom: 5px;
	}

	#sidebar.active .dropdown::after {
		top: auto;
		bottom: 10px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
	
	#sidebar.active .dropdown a div {
        text-align: center;
        font-size: 0.5em;
    }
    
    #sidebar.active .dropdown a div img {
        margin-right: 0;
        display: block;
        font-size: 1.2em;
        margin-bottom: 3px;
    }

	
}