/***************************************************************
 * 
 *	Project:	Table Test
 *	Version: 	1.1
 *	Copyright:	Paul Swarthout (c) 2022, All Rights Reserved
 *	URL:		https://www.paulswarthout.com
 *
 ***************************************************************/
 @media only print {
	#main-page {
		display:none;
	}
	#print-no-support {
		display:inline;
	}
}
@media only screen and (min-width:700px) {
	:root {
		--default_font_size: 12pt;
		--default_label_font_size:10pt;
		--default_button_text_size: 12pt;
		--default_width:33%;
		--numbers_column_width:160px;
		--generate_button_width:250px;
	}
	.warning {
		display:none;
	}
}
@media only screen and (max-width:700px) {
	:root {
		--default_font_size: 12pt;
		--default_label_font_size: 10pt;
		--default_button_text_size: 12pt;
		--default_width:33%;
		--numbers_column_width:100px;
		--generate_button_width:fit-content;
	}
	table {
		width:fit-content;
		text-align:center;
	}
	.form-generate input[type=button] {
		width:fit-content;
	}
	.warning {
		display:none;
	}
}
@media only screen and (max-width:630px) {
	:root {
		--default_font_size: 12pt;
		--default_label_font_size: 10pt;
		--default_button_text_size: 12pt;
		--default_width:33%;
		--numbers_column_width:fit-content;
		--generate_button_width:fit-content;
	}
	table {
		width:fit-content;
		text-align:center;
	}
	table th {
		display:none;
	}
	.form-generate input[type=button] {
		width:fit-content;
	}
	.warning {
		display:none;
	}
}
@media only screen and (max-width:570px) {
	table {
		display:none;
	}
	.warning {
		display:inline;
	}
}
@media only screen and (max-width:535px) and (orientation:portrait) {
	#main-page {
		display:none;
	}
	#data-grid {
		display:none;
	}
	#portrait-no-support {
		display:inline;
		font-size:4vw;
	}
	#landscape-no-support {
		display:none;
	}
}
@media only screen and (max-width:535px) and (orientation:landscape) {
	#main-page {
		display:none;
	}
	#landscape-no-support {
		display:inline;
		font-size:4vw;
	}
	#portrait-no-support {
		display:none;
	}
}