body
{
	background-color: #CFCFCF;
	color: #313131;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	margin: 0px;
}

/*##############################################################################//
//                                  BANNER                                     //*
//##############################################################################*/

.banner
{
	width: 100%;
	padding: 9px 5px 8px 11px;
	background-color: #FFFFFF;
	color: #ab5b5f;
	font-size: 180%;
	box-sizing: border-box;
	font-weight: bold;
}

.banner > .logo
{
	background: url('../img/logo.svg');
	float: left;
	margin-right: 4px;
	width: 29px;
	height: 29px;
}

/*##############################################################################//
//                                    MENU                                      //*
//##############################################################################*/

.menuBar
{
	width: 100%;
	height: 2.2em;
	padding: 3px 11px 3px 0px;
	background-color: #FFF;
	color: #000;
	box-sizing: border-box;
}

.menuBar > .item
{
	height: 100%;
	padding: 3px 10px 3px 10px;
	background-color: #FFF;
	color: #000;
	font-size: 110%;
	float: left;
	font-weight: bold;
	box-sizing: border-box;
}
.menuBar > .item:hover
{
	color: #ab5b5f;
	cursor:pointer;
}

.menuBar > .item.active {
	color: #ab5b5f;
}

#dashboardContainer
{
	margin: 0px;
	padding-bottom: 8px;
}

/*##############################################################################//
//                                  DATA                                        //
//##############################################################################*/

.data
{
	background-color: #EAEAEA;
	margin: 8px 8px 0px 8px;
	box-sizing: border-box;
}

.data > .title
{
	width: 100%;
	background-color: #25a79f;
	color: #ffffff;
	padding: 5px 3px 3px 5px;
	box-sizing: border-box;
	font-weight: bold;
}

.title > .clickable {
	float:right;
}
.title > .clickable:hover {
	cursor:pointer;
}

.data > .content
{
	height: 350px !important;
	width: 100% !important;
	box-sizing: border-box;
	background-color: #FFF;
	padding: 5px 5px 3px 5px;
	margin-bottom: -5px;
}

.data > .legend
{
	position:absolute;
}

.bar-legend
{
	list-style-type: none;
}

.bar-legend li
{
	color: #FFFFFF;
	padding: 3px 4px 0px 3px;
	float: Left;
	opacity: 0.7;
}

/*##############################################################################//
//                                 SERVERS                                      //
//##############################################################################*/
.table
{
	display:table;
	width:100%;
	margin:1px 0px 0px 0px;
	white-space:nowrap
}

.table > .row
{
	border-spacing:1px;
	color:#000;
	background-color:#FFF;
	display:table-row
}

.table > .row.old {
	display: none;
}

.table > .row.visibleold {
	display: table-row;
}

.row:nth-child(odd)
{
	background-color:#eee;
}

.row:nth-child(even)
{
	background-color:#fff;
}

.table > .totalrow
{
	border-spacing:1px;
	color:#000;
	/*background-color:#bce7f5;*/
	display:table-row;
	font-weight: bold;
}

.table>.headerRow
{
	display:table-row;
	background-color:#ab5b5f;
	color:#fff;
	font-weight:bold
}

.cell {
	display:table-cell;
	padding:2px 5px 2px 5px;
}

.cell.center {
	min-width: 40px;
	text-align: center;
}

.cell.center.highlight {
	background-color:#a6dff2;
	color:#000;
}

.pushcell {
	display:table-cell;
	width:100%
}