.bug-toolbar {
	background-color: #0a0e18;
	border: 1px solid #1a2236;
	padding: 7px 10px;
	margin-bottom: 10px;
}
.bug-toolbar .right { float: right; }

.bug-summary {
	font-family: "Courier New", monospace;
	font-size: 10px;
	color: #334455;
	letter-spacing: 1px;
	margin-bottom: 8px;
}
.bug-summary span { color: #557799; }

.bugs-table { border-collapse: collapse; width: 100%; }
.bugs-table thead th {
	font-family: Verdana, Arial; font-size: 10px;
	color: #6699aa; font-weight: bold; letter-spacing: 1px;
	text-align: left; padding: 5px 8px;
	border-bottom: 1px solid #1e2d40;
	background-color: #01031c;
	white-space: nowrap;
}
.bugs-table tbody td { padding: 6px 8px; border-bottom: 1px solid #0f1520; vertical-align: top; }
.bugs-table tbody tr:hover td { background-color: #0c1222; }
#bugRows { background-color: rgba(1, 0, 21, 0.85); }

.bug-id     { font-family: "Courier New", monospace; font-size: 10px; color: #557788; }
.bug-title a   { color: #ccd9e6; font-weight: bold; }
.bug-title a:hover { color: #ffffff; }
.bug-meta   { font-size: 10px; color: #556677; margin-top: 2px; }
.bug-meta .lbl { color: #6699aa; }

.badge {
	display: inline-block; padding: 1px 6px;
	font-size: 9px; letter-spacing: 1px;
	border: 1px solid #1e2d40;
	background-color: #0a0e18; color: #aaaaaa;
}
.badge.open          { color: #44bb77; border-color: #1f4a30; }
.badge.in_progress   { color: #d9b34a; border-color: #4a3e1f; }
.badge.needs_testing { color: #44aacc; border-color: #1f3a4a; }
.badge.closed        { color: #557788; border-color: #1a2a38; }

.prio.low  { color: #557788; }
.prio.med  { color: #aaaaaa; }
.prio.high { color: #cc6655; }

.bug-body {
	background-color: #0a0e18;
	border: 1px solid #1a2236;
	padding: 12px 16px;
	margin-top: 8px;
	line-height: 16px;
	color: #c0c8d0;
}
.bug-body p          { margin: 6px 0; }
.bug-body h1, .bug-body h2, .bug-body h3 {
	color: #ffffff; font-family: Verdana; letter-spacing: 1px;
	font-size: 13px; margin: 10px 0 6px;
}
.bug-body code {
	background-color: #060912; border: 1px solid #1a2236;
	padding: 0 4px; font-family: "Courier New", monospace; font-size: 11px;
}
.bug-body pre {
	background-color: #060912; border: 1px solid #1a2236;
	padding: 6px 8px; font-family: "Courier New", monospace; font-size: 10px;
	overflow-x: auto; line-height: 14px;
}
.bug-body pre code { background: none; border: 0; padding: 0; }
.bug-body blockquote {
	border-left: 2px solid #2a3344; margin: 6px 0; padding: 2px 10px;
	color: #889099;
}
.bug-body img { max-width: 100%; }
.bug-body table { border-collapse: collapse; margin: 6px 0; }
.bug-body th, .bug-body td { border: 1px solid #1a2236; padding: 3px 6px; }

.bug-meta-strip {
	font-family: "Courier New", monospace; font-size: 10px;
	color: #556677; letter-spacing: 1px; margin: 6px 0 0;
}
.bug-meta-strip .v { color: #889099; }

.comments { margin-top: 16px; }
.comment {
	background-color: #0a0e18; border: 1px solid #1a2236;
	padding: 8px 12px; margin-bottom: 8px;
}
.comment .head {
	font-family: "Courier New", monospace; font-size: 10px;
	color: #6699aa; margin-bottom: 4px;
}
.comment .head .name  { color: #ffffff; font-weight: bold; }
.comment .head .right { float: right; }
.comment .head .right a { color: #aa5544; }
.comment .head .right a:hover { color: #ff7766; }
.comment .body { color: #c0c8d0; line-height: 15px; }

.attachments { margin-top: 12px; }
.attachments .file {
	display: block; font-size: 10px; color: #889099;
	padding: 2px 0;
}
.attachments .file a { color: #6699aa; }
.attachments .size  { color: #556677; }
.attachments .del-x { color: #aa5544; font-size: 10px; }
.attachments .del-x:hover { color: #ff7766; text-decoration: none; }

.err { color: #cc6655; }
.ok  { color: #44bb77; }

#bugBody { max-width: 100%; max-height: 600px; box-sizing: border-box; }

.md-edit {
	width: 100%; min-height: 140px; box-sizing: border-box;
	background-color: #111111; color: #cccccc; border: 1px solid #333333;
	font-family: "Courier New", monospace; font-size: 11px; padding: 6px;
}