#container {
	min-width: 17em;
}
#navigation {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 80%/* !important*/;
	border-color: #111;
	z-index: 10000;
}
#navigation .ui-layout-panel-content {
	min-height: 100%;
	box-sizing: border-box;
	background-color: #444;
	color: #ddd;
}

.navigation-is-opened {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.navigation-is-opened body {
	overflow: hidden;
}
.navigation-is-opened #container > *:not(#navigation) {
	filter: blur(2px);
}
.navigation-is-opened #navigation {
	max-height: 100vh;
	min-height: 0 !important;
	overflow-y: auto;
}
.navigation-is-opened .navigation-close-button {
	display: block;
}

#navigation a,
#navigation li a {
	color: #ddd;
}
#navigation a:hover {
	color: #fff;
}
#navigation a.ui-state-highlight {
	color: #1D4C9B;
}
#navigation .ui-treeitem--selected:not(.ui-tree-root) > .ui-tree {
	background-color: #fff;
}
#navigation .ui-treeitem--selected:not(.ui-tree-root) > .ui-tree li a {
	color: #333333;
}

#menu-show { 
	position: absolute;
	display: block;
	margin: 2px 0 0;
	cursor: pointer;
	background-image: url(../images/ui-icon-menu.png);
	width: 24px;
	height: 24px;
}
#menu-hide {
	display: block;
	text-align: right;
}
#header .ui-header-logo {
	width: 40%;
	min-width: 70px;
	max-width: 200px;
}
#header .ui-header-logo img {
	width: 100%;
}

#header h1 {
	font-size: 1em;
	margin-left: 2em;
}
#header p {
	margin-left: 30px;
}
#header p.status {
	clear: both;
}


#content {
	margin-left: 0 !important;
	min-width: 0;
}
#content .ui-table {
	font-size: 0.9em;
}
#content .ui-chart .ui-chart-axis-y-value {
	font-size: 0.7em;
}

/* TREE */
#navigation {
	color: #ffffff;
}
#navigation .ui-treenode-content.ui-state-highlight {
    color: #ffffff;
}
#navigation .ui-treenode-content.ui-state-highlight .ui-treenode-label {
    text-decoration: underline;
}
/*
#navigation .ui-icon,
#navigation .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}
#navigation .ui-icon-custom {
	background-image: url("../images/ui-icons-custom_ffffff.png");
}
*/



/* TABLES */
@media screen and (max-width: 400px)
{
	.ui-table {
		font-size: 0.8em;
	}
}