@charset "UTF-8";

:root {
	--txtPad: 0.25em 0.50em;
	--parGap: 0.25em 1.00em 0.75em;
}
*						{	margin:0; padding:0;																													}
ul,ol,li,p,dl,dt		{	margin:revert;			padding:revert;			line-height:1.50em;																		}
html					{	font-size:1.00em; line-height:1.00em;																									}
h1,h2,h3,h4,h5,h6,p		{
	padding:var(--txtPad);	margin:var(--parGap);	line-height:1.50em;
}


h1.btm ,h2.btm ,h3.btm ,h4.btm ,h5.btm ,h6.btm ,p.btm
	{	margin-bottom: 0.125em; padding-bottom: 0; line-height: 1em; margin-top: 1.5em;	}

h1>a, h2>a, h3>a, h4>a, h5>a, h6>a
	{	text-decoration: none;		}
h1>a[href]:hover, h2>a[href]:hover, h3>a[href]:hover, h4>a[href]:hover, h5>a[href]:hover, h6>a[href]:hover
	{	text-decoration: underline;	}

a[href]:visited {	color: #a64;	}
a[href]:link {		color: #07d;	}
a[href]:hover {		color: #080;	}
a[href]:active {	color: #da0;	}

.agenda, .agenda ol, .agenda ul, .agenda li {	line-height: 2.35em; text-align: justify;	}



ul#userMenu {
	position:	absolute;		z-index:	999;				list-style:	none;					text-wrap:	nowrap;
	right:		 0.375em;		top:		-2.25em;			min-width:	calc(7.5em + 7.5vw);	max-width:	calc(21em + 21vw);
	margin:		 0.15em 0.50em;	width:		min-content;		padding: 0.25em 0.3em 0.15em 2.5em;	
	line-height: 1em; 			border-radius: 1.0em;			border: 5px double #fff1;			
	transform-origin: top;		transition:	all 0.5s ease;		transition-delay: 0.15s;
}
ul#userMenu li {		display: block; position: relative; margin-bottom: 0.75em; line-height: 1em;	}
ul#userMenu li:has(a) {	margin-bottom: 0.25em;	}
ul#userMenu li a {		margin: 0em; padding: 0.25em 0.85em; display: block; border-radius: 1em; background-color: #fff4; transition: all 0.25s ease; text-decoration: none; 	}
ul#userMenu li a[href] {	border: 1px solid #ccc4;	}
ul#userMenu li a[href].disabled {		opacity: 0.65; background-color: #111c; color: #fffe;	}

ul#userMenu li a:not([href]) {	text-wrap: wrap;	}
ul#userMenu li:nth-of-type(n+2) {	display: none; font-size: min(2.4vh, 1.0em);	}
ul#userMenu li:nth-of-type(2) {		margin-left: 1em; font-size:0.75em;	}
ul#userMenu li:nth-of-type(3) {		margin-top: 1.5em;	}
ul#userMenu li:first-of-type:not(:has(a)), ul#userMenu li.IN {
	color: white; text-shadow: 1px 1px 1px black, -1px -1px 1px black;
	margin-bottom: 0;
}
ul#userMenu li:first-of-type::before {		content: "👤"; content: "\1F464" / "user menu";	position: absolute; top: 0.15em; left: -1.5em; font-size: 1.5em;	}
ul#userMenu li[mode]:first-of-type::after {		font-size: 0.650em;	margin: 0 1em;	padding: 0 0;	}
ul#userMenu li[mode="offline"]:first-of-type::after {	content: "🔴"; content: "\1F534" / "offline"; 			}
ul#userMenu li[mode="passive"]:first-of-type::after {	content: "🟡"; content: "\1F7E1" / "idle";	 			}
ul#userMenu li[mode="active"]:first-of-type::after {	content: "🟢"; content: "\1F7E2" / "online"; 			}

ul#userMenu li[mode="offline"]:first-of-type:hover::after {	content: "🔴"; content: "\1F534" " (offline)"; 			}
ul#userMenu li[mode="passive"]:first-of-type:hover::after {	content: "🟡"; content: "\1F7E1" " (idle)";	 			}
ul#userMenu li[mode="active"]:first-of-type:hover::after {	content: "🟢"; content: "\1F7E2" " (online)"; 			}


ul#userMenu:hover, ul#userMenu:focus {	background-color: #234c; border-color: #68b4; padding-top: 0.65em; transform: scale(1.1);	}
ul#userMenu:hover li:first-of-type::before,
ul#userMenu:focus li:first-of-type::before
	{	text-shadow: 1px 1px 1px white, -1px -1px 1px white; font-size: 2em; top: 25%; left:-1.25em; transform: scale(1.1);	}
ul#userMenu:hover>li:nth-of-type(n+2),
ul#userMenu:focus>li:nth-of-type(n+2)
	{	display: block;	}
ul#userMenu:hover>li a,
ul#userMenu:focus>li a
	{	background-color: #ffff; border-color: #111e;	}
ul#userMenu li:first-of-type a { margin-top: -0.25em; }
ul#userMenu li a[href]:hover,
ul#userMenu li a[href]:active
	{	background-image: linear-gradient(#9bca, #023a, #467a); color: white; font-weight: bold; text-decoration: none; padding: 0.35em 0 0.35em 1.65em; transform: scale(1.15);	}

ul#userMenu li a[href]::before {	position: relative; top: 0.05em; left: -0.15em; font-size: 2.5em; line-height: 1.25em;	}
ul#userMenu li a[href].AS::before {	content: "⚙️";	content: "\2699" "\FE0F";	}
ul#userMenu li a[href].AP::before {	content: "🔑";	content: "\1F511";	}
ul#userMenu li a[href].GP::before {	content: "😎";	content: "\1F60E";	}
ul#userMenu li a[href].BP::before {	content: "📃";	content: "\1F4C3";	}
ul#userMenu li a[href].DP::before {	content: "🤨";	content: "\1F928";	}
ul#userMenu li a[href].CP::before {	content: "🙋";	content: "\1F64B";	}
ul#userMenu li a[href].SP::before {	content: "👷";	content: "\1F477";	}
ul#userMenu li a[href].VP::before {	content: "😉";	content: "\1F609";	}
ul#userMenu li a[href].HD::before {	content: "👾";	content: "\1F47E";	}
ul#userMenu li a[href].LO::before {	content: "💤";	content: "\1F4A4";	}
ul#userMenu li a[href].PS::before {	content: "🌐";	content: "\1F310";	}

p {	text-align: justify;	}

@property --bg-angle {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}

@keyframes flow {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 30vw;
		--bg-angle: 360deg;
	}
}


body	{
	background-image: linear-gradient(var(--bg-angle), #8cf2, #fff4 50%, #8cf2);
	background-size: 2vh 2vw;	min-height: 100vh;
	box-sizing: border-box;	border: 2em solid #016a;
	border-image: linear-gradient(var(--bg-angle), #036c 0%, #defe 50%, #036c 100%) 1;
	animation: flow 30s infinite steps(300) paused;
	position: relative;	container: body / inline-size;
}
body:hover {	animation-play-state: running;	}

img.tlc {			width: 5em; margin: 5px; max-width: 20vw; position: absolute; top: 0; 							}
img.centered {		margin: auto;	display: inline-block;				block-size: auto;	object-fit: contain;	}
img.fit-width {		margin: auto;	max-width: 85vw;	height: auto;	block-size: auto;	object-fit: contain;	}
img.fill-width {	margin: auto;	width: 85vw; 		height: auto;	block-size: auto;	object-fit: cover;		}



ul.ptl-mnu {
	display: grid;	grid-template-columns: repeat( auto-fit, minmax(calc(6em + 6vw), 1fr) );
	list-style: none; border-radius: 0.5em;
	margin: 0.10em 0.15em; padding: 0.10em 0.15em; border: 0.01em solid #eeea;
}
ul.ptl-mnu a {
	max-width: 48vw;
}
ul.ptl-mnu li a[href] {
	border-radius: 0.5em; text-decoration: none;
	margin: 0.20em 0.15em; padding: 0.35em 0.15em; border: 0.01em solid #eeea;
	display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center;
	aspect-ratio: 1.2 / 1;
	container: tool / inline-size;
}
ul.ptl-mnu li a[href] icon {
	font-size: calc( 3.0em + 2.5vw ); font-size: 50cqw; transform: translateY(-0.6em); 
}
ul.ptl-mnu li a[href] name {
	font-size: 8cqw; line-height: 1em;
}
ul.ptl-mnu li a[href]:hover {
	background-color: #eee5;
}

ul.ptl-mnu .disabled {
	background-color: #421f;
	color: #feed;
}
ul.ptl-mnu .disabled:hover {
	background-color: #c00c !important;
}
ul.ptl-mnu.thumbs {
	background-color: #579c;
}
ul.ptl-mnu.thumbs>li {
	/* container: row / inline-size; */
}
ul.ptl-mnu.thumbs>li>a {
	aspect-ratio: unset;
	height: calc(100% - 1.25em);
}
ul.ptl-mnu.thumbs>li>a>name {
	font-size: 1.5em;
	line-height: 2.0em;
	color: white;
}
ul.ptl-mnu.thumbs>li>a>img {
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
ul.ptl-mnu.thumbs>li>a:hover>img, ul.ptl-mnu.thumbs>li>a:focus>img {
	object-fit: contain;
}




.disabled {						opacity: 0.75;				}
.center, .c	{					text-align: center;			}
.left, .l	{					text-align: left;			}
.right, .r	{					text-align: right;			}
.smallcaps, .small-caps, .sc {	font-variant: small-caps;	}

a[href].back {
	font-size: 0.65em; margin: 0.10em 0.15em; padding: 0.10em 0.65em 0.10em 0.45em; border-radius: 1.0em; text-decoration: none; border: 0.01em solid #eeea;
}
a[href].back:hover {
	background-color: #eee5;
}

.placeholder {
	align-content: center; text-align: center;
	padding: 0.5em; margin: 0.5em; border-radius: 0.5em; border: 0.01em solid #cccc;
	min-width: calc(90vw  - 4em); max-width: calc(99vw  - 4em);
	min-width: calc(90cqw - 0em); max-width: calc(99cqw - 0em);
	width: calc(95% - 0em); width: -webkit-fill-available;
	min-height: calc(80vh  - 4em);	min-height: calc(80cqh - 0.5em);
	container: placeholder / inline-size;
}

.placeholder>span {}

label {
	display: inline-block;	min-width: 4em;	width: 6vw;	max-width: 8em;	text-align: right; padding-right: 0.5em;
}

form {}

form input {
	box-sizing: border-box;
	width: 16vw; min-width: 14em; max-width: 21em; padding: 0.1em 0.3em; margin: 0.1em 0.0em;
}

form input.long {
	min-width: 14em; max-width: 90vw; max-width: 90cqw;
	width:	calc(100%   - 9.5vw - 30px);
	width:	calc(100cqw - 9.5vw - 30px);
}

form input.short {
	min-width: unset !important; max-width: unset !important;
	width:	7em !important;
}


form input[type="checkbox"] {
	min-width: unset; width: 2em; margin: 0.15em 0.15em 0.15em 2.25em;
}
form select {
	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;
	width: 16vw; min-width: 14em; max-width: 21em; padding: 0.1em 0.3em; margin: 0.1em 0.0em;
}
form select[multiple] {
	height: 1.5em;
}
form select[multiple]:focus {
	height: auto;	/* height: calc(1.5em * attr(size));	 */
	width: auto;
}
form input[type="text"][disabled][readonly][value^="["][value$="]"] {
	color: #0000;
}

form span.field {
	display: inline-block;	white-space: nowrap;
}
form span.field.invalid input				{	background-color: #f884;	}
form span.field.valid1::after				{	position: absolute;	margin-top: 0.25em;	display: inline-block;	content: "️✔"; content: "️\2714" / "valid";		color: green;	transform: scale(1.50);	}
form span.field.valid1.verified::after		{	position: absolute;	margin-top: 0.25em;	display: inline-block;	content: "️✔"; content: "️\2714" / "valid";		color: green;	transform: scale(1.50);	}
form span.field.valid0.verified::after		{	position: absolute;	margin-top: 0.25em;	display: inline-block;	content: "❓"; content: "\2753" / "unverified";	color: red;		transform: scale(1.25);	}
form span.field.valid0.invalid::after		{	position: absolute;	margin-top: 0.25em;	display: inline-block;	content: "❌"; content: "\274C" / "invalid";	color: red;								}
form span.field.valid0.missing::after		{	position: absolute;	margin-top: 0.25em;	display: inline-block;	content: "⭕"; content: "\2B55" / "missing";		color: red;								}
form span.field.valid0 label {	font-weight: bold; text-decoration: underline;	}
form span.field.missing {
	input, select	{	background-color: #ff44;	}
}

form span.field:has(input[type="text"][disabled][readonly][value^="["][value$="]"]) { 	position: relative; }
form span.field:has(input[type="text"][disabled][readonly][value^="["][value$="]"])::after {
	content: "?    ?    ?"; color: #d00d; font-weight:bold; font-family: sans-serif; text-align: center; padding-left: 20%; line-height: 1.65em;
	position: absolute;	inset: 0; z-index: 999999; white-space: pre;
}
form span.field.verified:has(input[type="text"][disabled][readonly][value^="["][value$="]"])::after {
	line-height: 1.15em;
}


form img#preview {
	max-width: 90vw;	max-height: 65vh;
	min-width: 320px;	min-height: 240px;
	margin: 1em auto;	display: block;
	border: 1px solid #cccc;
}

form textarea {
	box-sizing: border-box;
	margin:		0.2em 0;
	padding:	0.25em 0.5em;
	min-width:	50vw;	min-height:	20vh;
	width:		calc(100%   - 8vw - 30px);
	width:		calc(100cqw - 8vw - 30px);
	max-width:	90vw;	max-height:	90vh;
}
form textarea.solo {		height: 60vh;	}
form textarea.WYSIWYG {		height: 75vh;	}


form.small {		display: inline-grid;	}
form.small label {	width: 14em;			}


form#createAccount div#fields, form#login div#fields, form#pwReset div#fields  {
	display: grid;
	grid-template-columns: auto auto;
	width: min-content;
	margin: auto;
}

form#createAccount div#formHead, form#login div#formHead, form#pwReset div#formHead, form.small div#formHead>div.actionBar {		display: none;		}
form#createAccount div#formFoot, form#login div#formFoot {		transform: scale(0.85);		}

form#login div#fields {	grid-template-columns: auto;	}
form#createAccount span.field, form#login span.field {}

form#pwReset {
	
}

@media screen and (min-width: 600px) {
	form#createAccount span.field label, form#login span.field label, form#pwReset span.field label {
		min-width: 9em;
	}
}



::-webkit-datetime-edit-second-field {
	/* FUCK-OFF!!! */
}
::-webkit-datetime-edit-minute-field {
	/* 5 MIN INCREMENTS W/O FORCED VALIDATION, FFS, GOOGLE!!! */
	/* DON’T SHOW 00-59 THEN BITCH ABOUT THE WRONG NUMBER BEING SELECTED!!! */
	/* SHOW 00,05,10,15,20,25,30,35,40,45,50,55, & FUCK-ALL ELSE!!! */
	/* INSTEAD CHROME HAD TO OPT FOR THE SHITTIEST IMPLEMENTATION IMAGINIBLE!!! */
	/* PS: don’t read SOURCE-CODE/COMMENTS if you can’t handle the dev CURSING. */
}



#fErr {
	font-size: 0.75em; line-height: 1.0; margin: 2em auto;
}
#fErr tr, #fErr td {}
#fErr td:first-of-type {	text-align: right; padding-right: 1em;	}	/* FUCKING NP++ CSS FOLDING BUGS!!! */



div {}



div.toolbar, div.actionBar {
	padding: 0.5em;	display: flex;	gap: 0.5em;	overflow: auto;	width: auto;	/* max-width: calc(100cqw - 3.0em); */
	/* thank you, Bharat (bhch@gitbub), for finding a more elegant centering solution that using a double-container approach */
	/* long toolbars are now mobile fiendly/compatible, while short toolbars still center nicely! */
}
div.toolbar>a:first-child, div.actionBar>button:first-child {	margin-left: auto;		}
div.toolbar>a:last-child, div.actionBar>button:last-child {		margin-right: auto;		}

div.toolbar, div.list {}
div.toolbar>a, div.list>a
	{	padding: 0.4em 0.8em;	text-decoration: none;	border-radius: 0.3em;	}
div.toolbar>a[href], div.list>a[href]
	{	border: 1px solid #bcde;	}
div.toolbar>a[href]:hover, div.list>a[href]:hover
	{	border-color: #5678;	box-shadow: 0.15em 0.15em 0.15em #1236;	text-decoration: underline; transform: scale(1.1);	}
div.toolbar {			margin-top: 1.5em;	margin-bottom: 1.5em;	font-variant: small-caps;	padding: 0.2em 0.4em;	line-height: 1.35em;	}
div.toolbar>a[href]	{		 background: #2341; border-color: #abc8;	}
div.toolbar>a.big {		font-size: 1.35em;	border-width: 5px;	border-style: double;	}

div.toolbar.inline {	display: inline-flex; margin: 0.10em;	}
div.toolbar.inline>a {	padding: 0.2em 0.4em; font-size:0.75em; letter-spacing:0.1em;	}

div.toolbar>a.sm {	transform: scale(0.85);	}
div.toolbar>a.lg {	transform: scale(1.10);	}

div.toolbar.nav {	font-size: 0.75em;	}

div.toolbar.nav>select.nav {	font-size: 1.35em;	}

div.toolbar>a.disabled {		opacity: 0.25;	}
div.toolbar>a.disabled:hover {	background-color: #d00e; opacity: 0.9; color: #feee;	}

div.list>a[verified="1"]::after		{
	position: absolute;	margin-left: 1.00em;	display: inline-block;	content: "️✔"; content: "️\2714" / "valid";		color: green;	transform: scale(1.50);
}

div.list>a.err	{	background-color: #f00e; color: #fffe; text-shadow: 1px 1px 1px black;	}
div.list>a.warn	{	background-color: #b80d; color: #ffff; text-shadow: 1px 1px 1px black;	}
div.list>a.nil	{	background-color: #db63; color: #000e;	}

div.list>a.err.rev		{	border: 0.60em dashed #fe8e; box-shadow: inset 0em 0em 1.25em #113e;	}
div.list>a.err.exs		{	border: 0.80em dotted #efdf; box-shadow: inset 0em 0em 2.50em #84ce;	}
div.list>a.err.high		{	border: 0.40em dotted #ffce;	}
div.list>a.warn.exs		{	border: 0.80em dotted #fe8e; box-shadow: inset 0em 0em 3.75em #ffcc;	}
div.list>a.warn.high	{	border: 0.60em dotted #fe8e;	}
div.list>a.warn.low		{	border: 0.40em double #ffce;	}
div.list>a.warn.min		{	border: 0.80em double #ffce; box-shadow: inset 0em 0em 5.00em #336c;	}
div.list>a.nil.min		{	border: 0.30em double #4444; box-shadow: inset 0em 0em 0.35em #3365;	}

a.navFirst	{}
a.navLast	{}
a.navPrev	{}
a.navNext	{}

a.navFirst.selected, a.navLast.selected	{
	border: 0.15em dotted #024f !important;	opacity: 0.35 !important; color: black; border-style: ;
}


.actionBar {}
.actionBar button {
	padding: 0.3em 0.6em;
}
.actionBar button:hover {
	box-shadow: 0.15em 0.15em 0.15em #3336;
}

.dtPrompt {
	position: 'fixed'; z-index: '9999';	top: '50%'; left: '50%'; transform: 'translate(-50%, -50%)';
}

div.text {	display: flex;	}

div.article {	margin: 1em;	border: 1px solid #1111;	}

div.content {	padding: 1em;	}
div.content>p>img {	display: block; width:90vw; max-width: calc(90vw - 8em); margin: 0.5 auto;	}

div.postIt {
	display: block;			width: fit-content;		margin: 1em auto;			white-space: pre-wrap;	text-align: left;
	font-family: cursive;	line-height: 1.35em;	letter-spacing: 0.042em;	color: #426d;
	transform: rotateZ(-2deg);	padding: 1.35em 1.35em 2.35em;	border: 1px solid #4444;	background-color: #fffcf0c0;
	box-shadow: 0.175em 0.225em 0.125em #4444, inset -0.175em -0.225em 0.2em #f0e8e080;		border-radius: 0.1em 0.28em 1.35em 0.35em;
}


.mono {		font-family: "Courier New", monospace;	}
b.mono, .mono b, b .mono {	font-size: 1.2em;	}


div.navMenu {
	font-size: 0.85em;	padding: 0.5em;	display: flex;	justify-content: center;	gap: 0.5em;	flex-wrap: wrap;
}
div.navMenu>a {					padding: 0.3em 0.6em;	border-radius: 0.3em;						}
div.navMenu>a[href] {			border: 1px solid #eeee;											}
div.navMenu>a[href]:hover {		border-color: #8888;	box-shadow: 0.15em 0.15em 0.15em #3336;		}

div.navBox {}
div.navBox.navTop {		min-height: 3.75em;							}

div.auto-scroll {
	overflow:	auto;
	min-width:	calc( 80vw - 2em);	min-width:	calc( 90cqw - 2em);
	min-height:	calc( 82vh - 5em);	min-height:	calc( 80cqh - 5em);
	max-width:	calc( 90vw - 0em);	max-width:	calc(100cqw - 0em);
	max-height:	calc( 82vh - 5em);	max-height:	calc( 80cqh - 5em);
}

div.warning {	 font-size: 1.25em;	font-weight: bold; background-color: #fe8a; font-variant: small-caps; border-radius: 2em 0;	 animation: warningBlink 1.5s ease-out infinite;	}
div.warning::before, div.warning::after {	content: "⚠️"; content: "\26A0\FE0F" / "warning";	margin-inline: 0.25em;	}
@keyframes warningBlink {
	  0% {	opacity: 0.1;	transform: scale(0.9);	}
	 50% {	opacity: 0.9;	transform: scale(1.1);	}
	100% {	opacity: 0.1;	transform: scale(0.9);	}
}

div.success {	 font-size: 1.25em;	font-weight: bold; background-color: #4e6c; font-variant: small-caps; border-radius: 2em 0;	 animation: successBlink 2.0s ease-out infinite;	}
div.success::before, div.success::after {	content: "✔️"; content: "\2714\FE0F" / "success";	margin-inline: 0.25em;	}
@keyframes successBlink {
	  0% {	opacity: 0.3;	transform: scale(0.95);	}
	 50% {	opacity: 0.7;	transform: scale(1.05);	}
	100% {	opacity: 0.3;	transform: scale(0.95);	}
}




/* ALERTS */

p.alert {
	border: 1px solid #eeee;	margin: 0.2em 1.0em;	opacity: 0.65;
	max-height: 1.35em; overflow-y: scroll;
	transition: all 0.65s ease; transition-delay: 0.35s;
}
p.alert.pin {			background-color: #feb6;	border-color: #edac;	}
p.alert.normal {		background-color: #efb6;	border-color: #deac;	}

p.alert>span {}
p.alert>span.title {	font-weight: bold; margin-right: 0.5em;				}
p.alert>span.msg {		font-style: italic;									}

p.alert:hover, p.alert:focus {		opacity: 1.0;	max-height: 40vh;		}


iframe#gMap {
	/* width:  80vw;	height: 40vh; */
	display: block;	min-height: 6em; aspect-ratio: 4/3;
	width: inherit;	width: 100%; width: 100cqw;
	background-color: #4444;	margin-bottom: 1em;
}

iframe#pdf_view {
	/* width:  80vw;	height: 40vh; */
	display: inline-block;	min-height: 6em; aspect-ratio: 8/11;
	width: inherit;	min-width: 50vw; max-width: 100%; max-width: calc(100cqw - 10em);
	background-color: #4444;	margin-bottom: 1em;
}
ul.ptl-mnu.doc-list {
	/* float: left; */	min-width: 8em;	max-width: 15vw;	display: inline-block;
}
.flex,		.iflex			{	display: flex; flex-wrap: wrap; align-items: stretch;	}
.flex>*,	.iflex>*		{	flex: 1; min-width: max-content; white-space: nowrap; padding: 0.025em 0.15em; margin: 0.025em 0.15em;	}
.flex ss, .flex>*:has(ss), .flex sss, .flex>*:has(sss), .flex ssss, .flex>*:has(ssss),
.iflex ss, .iflex>*:has(ss), .iflex sss, .iflex>*:has(sss), .iflex ssss, .iflex>*:has(ssss)
	{	min-width: auto; white-space: normal; flex-basis: max-content;	}
.iflex {	display: flex;	}

ul.ico {	list-style:	none;	}

.check::before {		transform: scaleX(1.5); display: inline-block; font-weight: bold; content: '✔︎'; content: '\2714\FE0E';	}
.check.crit::before {	color: #0a0;	}
.check.part::before {	color: #db0;	}
.check.optn::before {	color: #0bd;	}

bbbb	{	font-size: 2.00em; font-weight: bold;	}
bbb		{	font-size: 1.65em; font-weight: bold;	}
bb		{	font-size: 1.35em; font-weight: bold;	}
ss		{	font-size: 0.75em; font-style: italic;	}
sss		{	font-size: 0.50em; font-style: italic;	}
ssss	{	font-size: 0.25em; font-style: italic;	}

/* adapt display for mobile */
@media only screen and (max-width: 800px) {
	html {					/* font-size:4.00vw; */						}
	ul.ptl-mnu {			/* font-size:8.00vw; */						}
	div.navMenu {			margin: 0.5em;								}
	form div.text {			display: block;	margin-bottom: 0.5em;		}
	form .field:not(.checkbox) label, form div.text label {
		display: block;		max-width: 80vw;	width: auto;
		margin-top: 1em;	text-align: left;
	}
	span.field:has(input[type="text"][disabled][readonly][value^="["][value$="]"])::after {					line-height: 5.6em;	}
	span.field.verified:has(input[type="text"][disabled][readonly][value^="["][value$="]"])::after {		line-height: 4.8em;	}
	form .field.checkbox {		margin-top: 0.75em;	margin-bottom: 0.75em;	}
	form .field input {	margin-bottom: 0.5em;	}
	img.tlc {	width: 2.5em; margin: 2px; top: -1.9em; left: -1.9em;	}

	a[href].back {	font-size: 0.85em; margin: 0.85em; display: inline-block; transform: scale(1.65);	}

}



a.selected-tab {	background-color: #2463;	border: 1px solid #8888;	}

table.stats {
	text-align: left;				white-space: pre-wrap;
	background-color: #eee4;		border: 1px solid #555a;
	margin: 1em auto;				max-width: 85vw; max-width: 95cqw;
	line-height: 1.375em;			font-size: calc(5pt + 1.25vw);
}
table.stats tr>* {			padding: 0.35em 0.65em;		border: 1px solid #555a;	}
table.stats th {	font-family: sanserif; font-weight: normal; text-align: right; background-color: #f0f8ff60;	}
table.stats td {			background-color: #fffc;	word-break: break-word;		}
table.stats th::after {		content: ':';											}

table.stats caption {	font-size: 1.5em; padding: 0.25em; font-variant: small-caps;	}

table.stats tr.NULL {	background-color: white; color: blue; font-size: 0.65em;	}
table.stats tr.NULL th, table.stats tr.NULL td {
	opacity: 0.65;
}


/* AGENDA & MINUTES style rules: */
td.directors {	white-space: nowrap; width: 0;	}


xr {
	position: absolute;
	left: 45%; bottom: 0.5em;
}


@media print {
	body {
		background: none;
		border: none;
	}
	ul#userMenu {	display: none;	}
	.no-print {		display: none;	}
}