:root {
  --textgray: #A5A5A5;
  --orange: #FFC000;
  --bluegray: #D9E2F3;
  --white: #ffffff;

  --textsize1: 2.5vw; /*28pt*/
  --textsize2: 1.6vw; /*18pt*/
  --textsize3: 1.25vw; /*14pt*/
  --textsize4: 0.89vw; /*10pt*/
  --textsize5: 0.71vw; /*8pt*/
  --celllen: 3.75%;
  --extendedcell: 7.5%;
}
table {
	width: 100%;
}
.header-sub {
	color: var(--orange);
	font: Bold var(--textsize2) Calibri;
	background: black;
}
.fill-row-headers {
	color: white;
	font: Bold var(--textsize3) Calibri;
	background: black;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}
.fill-row-headers-sub {
	color: white;
	font: Bold var(--textsize5) Calibri;
	background: black;
	text-align: center;
	vertical-align: middle;
	width: var(--extendedcell);
}
.empty-row-headers {
	padding-left: 5px;
	text-align: left;
	font: Bold var(--textsize4) Calibri;
	vertical-align: middle;
}
.black-cell {
	color: white;
	font: Bold var(--textsize3) Calibri;
	background: black;
	text-align: center;
	vertical-align: middle;
	width: var(--celllen);
}
.blue-cell {
	color: black;
	font: Bold var(--textsize3) Calibri;
	background: var(--bluegray);
	text-align: center;
	vertical-align: middle;
	width: var(--celllen);
}
.orange-cell {
	color: black;
	font: Bold var(--textsize3) Calibri;
	background: var(--orange);
	text-align: center;
	vertical-align: middle;
	width: var(--celllen);
}
.gray-cell {
	color: black;
	font: Bold var(--textsize3) Calibri;
	background: var(--textgray);
	text-align: center;
	vertical-align: middle;
}
.gray-header-cell {
	color: black;
	font: Bold var(--textsize5) Calibri;
	background: var(--textgray);
	text-align: center;
	vertical-align: middle;
}
.white-cell {
	color: black;
	font: Bold var(--textsize3) Calibri;
	background: white;
	text-align: center;
	vertical-align: middle;
}
.smalltext {
	font: var(--textsize4) Calibri;
}
.extended {
	width: 80px;
}
.selling-days-shown {
	color: black;
	font: var(--textsize5) Calibri;
	background: var(--orange);
	text-align: center;
	vertical-align: middle;
	width: var(--celllen);
}
.selling-days-hidden {
	color: white;
	background: white;
	text-align: center;
	vertical-align: middle;
	width: var(--celllen);
}
input {
	font: Bold var(--textsize3) Calibri;
	background: transparent;
	text-align: center;
	border: 0 transparent;
	outline: none;
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 0;
}