.Dialog, #MsgWait  /* prevents click on something */
{
	position: fixed;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	cursor: wait;
}

/*---------------------------------------------------------------------------*/

.Dialog /* full viewport container; prevents click on something else */
{
	text-align: center;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}

.Dialog>* /* the actual dialog window */
{
	display: inline-flex; /* 'inline' makes horizontal centering work */
	flex-direction: column;
	margin-top: 15vh;
	background: white;
	border: solid 2px black;
	padding: 5px 15px;
	cursor: auto;
}

.Dialog article /* limited in size */
{
	text-align: left;
	max-width: 25em;
	max-height: 60vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
}

.Dialog input[type="number"],
.Dialog input[type="text"],
.Dialog select,
.Dialog textarea,
.Dialog .CheckSelect
{
	margin: 2px 0; /* better for browser with focus border */
}

.Dialog header,
.Dialog article,
.Dialog footer,
.Dialog section,
.Dialog p
{
	margin: 0.5em 0;
}

.Dialog textarea
{
	width: 100%;
	resize: none;
}

.Dialog .Indent
{
	margin-top: 0.25em;
	margin-left: 1.00em;
	margin-bottom: 0.25em;
}

.Dialog .Wide
{
	width: 100%;
}

.Dialog .Slim
{
	width: 8em;
}

.Dialog header,
.Dialog .Bold
{
	font-weight: bold;
}

.Dialog cite
{
	overflow-wrap: anywhere;
	user-select: text	;
}

.Dialog select
{
	width: 8em;
}

.Dialog input[type="number"]
{
	width: 4em;
}

.Dialog input[type="button"],
.Dialog input[type="submit"]
{
	width: 6em;
}

.Dialog input[type="text"],
.Dialog input[type="password"]
{
	width: 100%;
}

.Dialog input[type="radio"]
{
	vertical-align: baseline;
}

.Dialog .CheckSelect
{
	width: 100%;
	max-height: 7.5em;
	overflow-y: auto;
	border: solid 1px grey;
	padding: 3px;
}

.Dialog .CheckSelect hr
{
	margin-block-start: 2px;
	margin-block-end: 1px;
}

.Dialog img
{
	vertical-align: middle;
}

.Dialog em
{
	font-style: normal;
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/