body { background-color: #c0c0c0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; }
p { margin: 0; }

table.nav { width: 100%; margin: 5px; }
table.nav td { vertical-align: middle; }
table.nav td.small { width: 10%; min-width: 102px; }

table.content { border-collapse: collapse; margin: 0 auto; background-color: white; }
table.content, table.content th, table.content td { border: solid 1px black; }
table.content th { background-color: #666; color: white; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; }
table.content tr.inactive { background-color: #c0c0c0; }
table.content td { vertical-align: top; padding-left: 5px; padding-right: 5px; }
table.content span.icons { float: right; margin-left: 5px; }
table.content td.overtime { background-color: #ee4b2b; } /* Bright Red */
table.content td.interval-good { background-color: rgba(102, 194, 165, 0.6); } /* Soft teal */
table.content td.interval-medium { background-color: rgba(252, 141, 98, 0.6); } /* Soft salmon */

td.left { text-align: left; }
td.center { text-align: center; }
td.right { text-align: right; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

a.button {
	display: inline-block;
	padding: 8px 16px;
	background-color: #eee;
	border: 1px solid #888;
	border-radius: 4px;
	text-decoration: none;
	color: #000;
}
a.button:hover { background-color: #aaa; }
a.button svg { vertical-align: middle; margin-right: 6px; }


span.alert {
	display: inline-block;
	background-color: #ff4757; /* red-ish alert color */
	color: white;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 0.9em;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	position: relative;
	top: -2px; /* adjust if needed */
}
span.small { font-size: x-small; }

.cat-1 { background-color: #66CCEE; color: black; }
.cat-2 { background-color: #228833; color: white; }
.cat-3 { background-color: #CCBB44; color: black; }
.cat-4 { background-color: #EE6677; color: black; }
.cat-5 { background-color: #AA3377; color: white; }
.cat-6 { background-color: #BBBBBB; color: black; }
.cat-7 { background-color: #4477AA; color: white; }