:root {
  /* RBG COLOR MAP: */

  --white1: 253, 253, 253;  /* FDFDFD */
  --white2: 241, 241, 241;  /* F1F1F1 */
  --white3: 220, 220, 220;  /*  */

}
table.b_uty {
	margin: 0.5em 2em 0.5em 0em;
	font-family: verdana, courier, monospace; 
	border: 1px solid #888;
	margin: 0; padding: 0; 
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 0.5em;
}

table.b_uty tr {
	font-family: consolas; 
	margin: 0; padding: 0;
	background: linear-gradient(to bottom, white 0%, rgb(var(--white1)) 60%, rgb(var(--white2)) 100%) 
	, linear-gradient(to right, white 0%, rgb(var(--white1)) 45%, rgb(var(--white2)) 100%);
	background-blend-mode: darken, screen; 
}

table.b_uty tr td,th {
	font-size: 80%; 
	text-align: right; 
	font-family: consolas; 
	border: 1px solid #CCC;
	margin: 0; 
	padding: 0.25em 1.5em; 
}
table.b_uty tr:nth-child(4n+2) td {
	background: linear-gradient(to bottom, white 0%, rgb(var(--white1)) 60%, rgb(var(--white2)) 100%) 
	, linear-gradient(to right, white 0%, rgb(var(--white1)) 45%, rgb(var(--white2)) 100%)
	, red
	;
	background-blend-mode: multiply, luminosity; 
}
table.b_uty tr:nth-child(4n) td {
	background: 
	linear-gradient(
		white,
		transparent
	),
	linear-gradient(
		-45deg,
		transparent,
		rgba(100,100,100,0.3)
	),
	linear-gradient(
		45deg,
		
		rgba(100,100,100,0.3),transparent
	);
	background-blend-mode: multiply;s
}
table.b_uty tr:first-child td {
	padding: 0.5em 1.5em 0.25em 1.5em; 
}
table.b_uty tr:last-child td {
	padding: 0.25em 1.5em 1em 1.5em; 
}