:root 
{
	--page-bgcolor: #eeeeee;
	--page-textcolor: #000000;
	--page-linkcolor: #ff0000;
	--page-alinkcolor: #00ff00;
	--page-vlinkcolor: #ff0000;


	--padding-0: 0;
	--padding-1: 0.25rem;
	--padding-2: 0.5rem;
	--padding-3: 1.0rem;
	--padding-4: 1.5rem;
	--padding-5: 3.0rem;

	--margin-0: 0;
	--margin-1: 0.25rem;
	--margin-2: 0.5rem;
	--margin-3: 1.0rem;
	--margin-4: 1.5rem;
	--margin-5: 3.0rem;
}






*
{
	box-sizing: border-box;
}
html
{
	margin: 0;
	padding: 0;
	min-width: 100vw;
	min-height: 100vh;
}
body 
{
	margin: 0;
	padding: 0;
	min-width: 100vw;
	min-height: 100vh;
	font-family: 'Arial', 'Verdana', sans-serif;
	line-height: 1.1em;
}


.d-none { display: none !important; } .d-inline { display: inline !important; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-flex { display: flex !important; }

.p-0 { padding:var(--padding-0) !important; } .p-1 { padding:var(--padding-1) !important; } .p-2 { padding:var(--padding-2) !important; } .p-3 { padding:var(--padding-3) !important; } .p-4 { padding:var(--padding-4) !important; } .p-5 { padding:var(--padding-5) !important; } 
.pt-0, .py-0 { padding-top:var(--padding-0) !important; } .pt-1, .py-1 { padding-top:var(--padding-1) !important; } .pt-2, .py-2 { padding-top:var(--padding-2) !important; } .pt-3, .py-3 { padding-top:var(--padding-3) !important; } .pt-4, .py-4 { padding-top:var(--padding-4) !important; } .pt-5, .py-5 { padding-top:var(--padding-5) !important; } 
.pb-0, .py-0 { padding-bottom:var(--padding-0) !important; } .pb-1, .py-1 { padding-bottom:var(--padding-1) !important; } .pb-2, .py-2 { padding-bottom:var(--padding-2) !important; } .pb-3, .py-3 { padding-bottom:var(--padding-3) !important; } .pb-4, .py-4 { padding-bottom:var(--padding-4) !important; } .pb-5, .py-5 { padding-bottom:var(--padding-5) !important; } 
.pl-0, .px-0 { padding-left:var(--padding-0) !important; } .pl-1, .px-1 { padding-left:var(--padding-1) !important; } .pl-2, .px-2 { padding-left:var(--padding-2) !important; } .pl-3, .px-3 { padding-left:var(--padding-3) !important; } .pl-4, .px-4 { padding-left:var(--padding-4) !important; } .pl-5, .px-5 { padding-left:var(--padding-5) !important; } 
.pr-0, .px-0 { padding-right:var(--padding-0) !important; } .pr-1, .px-1 { padding-right:var(--padding-1) !important; } .pr-2, .px-2 { padding-right:var(--padding-2) !important; } .pr-3, .px-3 { padding-right:var(--padding-3) !important; } .pr-4, .px-4 { padding-right:var(--padding-4) !important; } .pr-5, .px-5 { padding-right:var(--padding-5) !important; } 
.m-0 { margin:var(--margin-0) !important; } .m-1 { margin:var(--margin-1) !important; } .m-2 { margin:var(--margin-2) !important; } .m-3 { margin:var(--margin-3) !important; } .m-4 { margin:var(--margin-4) !important; } .m-5 { margin:var(--margin-5) !important; } .m-auto { margin:auto !important; } 
.mt-0, .my-0 { margin-top:var(--margin-0) !important; } .mt-1, .my-1 { margin-top:var(--margin-1) !important; } .mt-2, .my-2 { margin-top:var(--margin-2) !important; } .mt-3, .my-3 { margin-top:var(--margin-3) !important; } .mt-4, .my-4 { margin-top:var(--margin-4) !important; } .mt-5, .my-5 { margin-top:var(--margin-5) !important; } .mt-auto, .my-auto { margin-top:auto !important; } 
.mb-0, .my-0 { margin-bottom:var(--margin-0) !important; } .mb-1, .my-1 { margin-bottom:var(--margin-1) !important; } .mb-2, .my-2 { margin-bottom:var(--margin-2) !important; } .mb-3, .my-3 { margin-bottom:var(--margin-3) !important; } .mb-4, .my-4 { margin-bottom:var(--margin-4) !important; } .mb-5, .my-5 { margin-bottom:var(--margin-5) !important; } .mb-auto, .my-auto { margin-bottom:auto !important; } 
.ml-0, .mx-0 { margin-left:var(--margin-0) !important; } .ml-1, .mx-1 { margin-left:var(--margin-1) !important; } .ml-2, .mx-2 { margin-left:var(--margin-2) !important; } .ml-3, .mx-3 { margin-left:var(--margin-3) !important; } .ml-4, .mx-4 { margin-left:var(--margin-4) !important; } .ml-5, .mx-5 { margin-left:var(--margin-5) !important; } .ml-auto, .mx-auto { margin-left:auto !important; } 
.mr-0, .mx-0 { margin-right:var(--margin-0) !important; } .mr-1, .mx-1 { margin-right:var(--margin-1) !important; } .mr-2, .mx-2 { margin-right:var(--margin-2) !important; } .mr-3, .mx-3 { margin-right:var(--margin-3) !important; } .mr-4, .mx-4 { margin-right:var(--margin-4) !important; } .mr-5, .mx-5 { margin-right:var(--margin-5) !important; } .mr-auto, .mx-auto { margin-right:auto !important; }