#menu {
	/*
	margin:        256px;
	display:       block;
	*/
	display:       none;
	position:      absolute;
	top:           0;
	left:          0;
	background:    rgba(0, 0, 0, 1);
	border:        2px solid #00dfff;
	border-radius: 6px;
}

#menu-clickout {
	display:    none;
	position:   fixed;
	top:        0;
	left:       0;
	width:      100%;
	height:     100%;
	background: rgba(0, 0, 0, 0);
}

#menu .menu-item {
	padding:       8px 16px;
	font-size:     16px;
	border-bottom: 1px solid #00dfff;
}
#menu .menu-item:hover      { color: #fff; }
#menu .menu-item:last-child { border-bottom: 0; }

.row-selected {
	font-weight: bold;
	background:  #32435e !important;
	color:       #fff    !important;
}

.group-label {
	display:       inline-block;
	height:        24px;
	padding:       0 16px;
	border-radius: 12px;
	margin-left:   32px;
	margin-top:    32px;
	text-align:    center;
	font-weight:   bold;
	line-height:   24px;
	font-size:     17px;
}

#info-label           { background: #00dfff; color: #007aaa; }
#triggers-label       { background: #ffaf00; color: #a56e00; }
#triggers-acked-label { background: #8ee83f; color: #3a6d0d; }

.group {
	padding:        32px;
	border-radius:   6px;
	max-width:     800px;
	margin-top:    -12px;
}

.group.collapsed {
	padding:       0px;
	border-bottom: none !important;
	border-left:   none !important;
	border-right:  none !important;
	border-radius: 0px;
	border-width:  3px !important;
}

#info           { border: 1px solid #00dfff }
#triggers-acked { border: 1px solid #8ee83f }
#triggers       { border: 1px solid #ffaf00 }

#triggers-acked .content { display: none }

#info table td:first-child {
	width:       1px;
	white-space: nowrap;
}


h1 {
	margin:    32px 0 0 32px;
	font-size: 18px;
}

h2 {
	margin:    32px 0 -24px 32px;
	font-size: 14px;
}

table {
	width:           100%;
	border-collapse: collapse;
	font-family:     monospace;
	border:          1px solid #3e495c;
	font-size:       13px;
}

table td {
	padding:       10px 16px 10px 16px;
	border-bottom: 1px solid #3e495c;
}

a {
	color:           #aabed7;
	font-weight:     bold;
	text-decoration: none;
}

.date {
	float:        left;
	margin-right: 8px;
}

.time {
	float:       left;
	font-weight: bold;
}

#error {
	display:     none;
	margin:      32px;
	background:  #a00;
	color:       #fff;
	padding:     16px;
	font-weight: bold;
}

tr.priority td {
	font-weight:    bold;
	font-size:      22px;
	text-transform: uppercase;
	font-family:    'Oswald', sans-serif;
}

.priority.info     td { color: #009eca; }
.priority.warning  td { color: #ffcc00; }
.priority.average  td { color: #ff7700; }
.priority.high     td { color: #ff4d4d; }
.priority.disaster td { color: #ff0000; }

.hostname { display: none }

/*
.trigger.info     { color: #009eca; }
.trigger.warning  { color: #ffcc00; }
.trigger.average  { color: #ff7700; }
.trigger.high     { color: #ff4d4d; }
.trigger.disaster { color: #ff0000; }
*/

@media only screen and (max-width: 800px) {
	#content { padding: 0px }

	.group-label { margin-left: 16px; }
	.group {
		border-left:   none !important;
		border-right:  none !important;
		padding:       16px 0px 0px 0px;
		border-radius: 0px !important;
		margin-bottom: 32px;
		border-width:  3px !important;
	}

	table {
		width:  100%;
		border: none;
	}
}