/***************************************************************
 * 
 *	Project:	Table Test
 *	Version: 	1.1
 *	Copyright:	Paul Swarthout (c) 2022, All Rights Reserved
 *	URL:		https://www.paulswarthout.com
 *
 ***************************************************************/
 table {
	color:black;
	font-weight:bold;
	font-size: var(--default_font_size);
	margin:auto;
	width:150px;
}
td {
	vertical-align:top;
}
th {
	font-weight:bold;
	color:white;
	padding:10px;
}
table tr:nth-child(even) {
	background-color: rgb(192, 192, 192);
}
table tr:nth-child(odd) {
	background-color:white;
}
table tr:first-child {
	background-color:rgb(0, 0, 0);
}
input {
	margin-top:10px;
}
input[type=button] {
	width:250px;
	height:25px;
	font-size: var( --default_button_text_size );
	font-weight:bold;
	font-family:monospace;
	background-color:rgb(192, 192, 255);
	box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
}
input[type=button]:hover {
	cursor:pointer;
	color:darkblue;
	text-shadow: 1px 1px 1px rgba(0, 255, 255, 1);
}
input[type=button]:active {
	color:darkblue;
	text-shadow: 1px 1px 1px rgba(0, 255, 255, 1);
	box-shadow:-5px -5px 5px rgba(0, 0, 0, .5);
}
input[type=text] {
	width:100px;
	border-left:0pt;
	border-top:0pt;
	border-right:0pt;
	border-bottom: solid 1pt black;
	font-size: var(--default_font_size);
	background-color:transparent;
}
label {
	font-size:var(--default_label_font_size);
	font-weight:bold;
	font-family:arial;
}
div {
	font-size:var(--default_font_size);
}
.page-grid {
	display:grid;
	grid-template-columns:min-content min-content;
}
.input-grid {
	display:grid;
	grid-template-rows:min-content min-content min-content min-content;
	grid-row:1;
	grid-column:1;
	margin-right:25px;
}
.statistics-grid {
	display:grid;
	grid-template-columns:min-content min-content min-content;
	grid-row:1;
	grid-column:2;
}
.statistics-grid input[type=text] {
	text-align:right;
}
.stats-row-1 {
	grid-row:1;
	text-align:center;
}
.stats-row-2 {
	grid-row:2;
	grid-column: 1 / span 3;
	text-align:center;
	background-color:rgb(192, 192, 192);
}
.stats-row-3 {
	grid-row:3;
	text-align:center;
}
.stats-row-4 {
	grid-row:4;
	grid-column:1 / span 3;
	background-color:rgb(192, 192, 192);
	text-align:center;
}
.stats-row-5 {
	grid-row:5;
	text-align:center;
}
.stats-row-6 {
	grid-row:6;
	text-align:center;
}
:is(.stats-row-1, .stats-row-3, .stats-row-5) input[type=text] {
	border-left:solid 1pt black;
	border-bottom:solid 1pt black;
	border-right:solid 1pt black;
}
:is(.stats-row-1, .stats-row-3, .stats-row-5) input[type=button] {
	width:fit-content;
}
.data-grid {
	display:grid;
	grid-template-columns:1fr var(--numbers_column_width);
	grid-row:2;
}
.buttons-grid {
	display:grid;
	grid-template-rows:min-content min-content;
}
.button-col {
	display:grid;
	grid-template-columns: 3fr 1fr 1fr 1fr;
	border-bottom:solid 2px black;
}
.button-col input[type=button] {
	width:fit-content;
}

.form-range-values {
	display:grid;
	grid-template-rows:min-content;
	text-align:center;
}
.form-range-values input[type=text] {
	width:100px;
	text-align:center;
}
.up-down {
	display:grid;
	grid-template-rows:min-content;
	text-align:center;
	column-gap:25px;
}
.up-down input[type=button] {
	width:fit-content;
}
.prose {
	text-align:left;
	grid-column:1;
	grid-row:1;
	padding:10px;
	font-size:8pt;
	font-family:monospace;
}
.form-generate input[type=button] {
	width:var(--generate_button_width);
	margin:10px;
}
#landscape-no-support {
	display:none;
}
#portrait-no-support {
	display:none;
}
#print-no-support {
	display:none;
}
#warning, .warning {
	color:red;
	font-size:10pt;
	background:rgba(255,255,200,.7);
	padding:4px;
	text-align:center;
}
.data-table {
	position:absolute;
	top:0px;
	right:0px;
}
li {
	font-family:monospace;
	font-size:8pt;
}