/**
 * Stylesheet for StateBar
 *
 * Part of BlueSpice MediaWiki
 *
 * @author     Robert Vogel <vogel@hallowelt.com>

 * @package    BlueSpice_Extensions
 * @subpackage StateBar
 * @copyright  Copyright (C) 2016 Hallo Welt! GmbH, All rights reserved.
 * @license    http://www.gnu.org/copyleft/gpl.html GNU Public License v2 or later
 * @filesource
 */

#bs-statebar-viewtoggler {
	float: right;
	height: 48px;
	display: table;
	box-sizing: border-box;
	padding: 0 10px;
}

#bs-statebar-viewtoggler span{
	text-transform: uppercase;
	padding-right: 10px;
}

#bs-statebar-viewtoggler span, #bs-statebar-viewtoggler.icon-menu2-after:after{
	display: table-cell;
	vertical-align: middle;
}

#bs-statebar-view {
	border: none;
	display: none;
}

.bs-statebar-body-item {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
}

.bs-statebar-top-item {
	display: inline-block;
	font-size: 90%;
}

.bs-statebar-top-icon {
	display: inline-block;
}

.bs-statebar-top-item span,
.bs-statebar-top-item a,
.bs-statebar-top-item a:visited {
	display: inline-block;
	text-decoration: none;
}
#bs-statebar-view ul#footer-info{
	display: block;
	list-style: none;
}
#bs-statebar {
	background-color: #eee;
	clear: both;
}
#bs-statebar .clearfix{
	clear: both;
}

#bs-statebar-viewtoggler{
	color: lightgrey;
}

#bs-statebar-viewtoggler:hover, #bs-statebar-viewtoggler.open{
	color: #3e5389;
}

#bs-statebar-view .bs-statebar-body-item {
	float: left;
}

.bs-statebar-top-item {
	height: 48px;
	display: table;
	box-sizing: border-box;
	margin-left: 10px;
	float: left;
}

.bs-statebar-top-icon, div.bs-statebar-top-item span.bs-statebar-top-text{
	display: table-cell;
	vertical-align: middle;
}