
dialog.message {
	width: 70vw;
	height: 30vh;
	margin-top: 30vw;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	overflow: hidden;		
	}
	dialog.message.dialog-small {
	height: 20vh;
	margin-top: 40vw;
	}		
dialog.message div.message-container {
	display: flex;
	flex-direction: column;
	height: 100%;	
	}
.message-content {
	flex: 1 1 auto;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	overflow: auto;
	display: flex;
	align-items: center; 
	}
.message-buttons {
	height: 3em;
	flex: 0 0 3em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.5em;
	padding: 0 1em;
	box-sizing: border-box;
	}
.message-buttons button {
	padding: 0 1em;
	border-radius: 3px;
	font-size: .8em;
	}



label { font-size: .5em; }

form .property > input, select { width: 85vw; }
form .property.fifty > input, select { width: 45vw; }

form .property-block .error { 
	color: darkred;
	font-size: .6em;
	}
