.supremia-dialog {
	min-width:13em;
	min-height:6em;
	border:1px solid #DEDEDE;
	box-shadow:2px 2px 4px -1px rgba(0, 0, 0, 0.3);
	padding: 0;
	margin: 0;
	position: absolute;
}
.supremia-dialog.dialog-open{
	display:grid;
	grid-template-rows: min-content 1fr min-content;
	resize: both;
	overflow: auto;
}
body.supremia-dialog-modal-open{
	overflow: hidden;
}
.supremia-dialog.dialog-fixed{
	resize: none;
}
.supremia-dialog.dialog-dragging{
	cursor: grabbing;
}
.supremia-dialog.dialog-dragging .dialog-title-container{ 
	user-select: none;
}
.supremia-dialog .dialog-title-container{
	display:grid;
	grid-template-columns: 1fr 1.2em;
	gap: 0.2em;
	padding: 0.3em;
	background-color: #e9e9e9;
	align-items: center;
}
.supremia-dialog .dialog-title-container.hide-close{
	grid-template-columns: 1fr;
}
.supremia-dialog .dialog-title-container .dialog-title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}
.supremia-dialog .dialog-title-container.hide-close .dialog-title-close{
	display:none;
}
.supremia-dialog .dialog-title-container .dialog-title-close span{
	cursor: pointer;
	padding: 0.2em;
	border: 1px solid #c5c5c5;
	background-color: #f6f6f6;
	color : #777777;
	font-size: 0.8em
}
.supremia-dialog .dialog-title-container .dialog-title-close span[disabled="disabled"]:hover{
	cursor: auto;
	border: 1px solid #c5c5c5;
	background-color: #f6f6f6;
}
.supremia-dialog .dialog-title-container .dialog-title-close span:hover{
	border: 1px solid #cccccc;
  background-color: #ededed;
}
.supremia-dialog .dialog-content-container:focus-visible{
	outline-width: 0;
}
.supremia-dialog .dialog-content-container{
	max-height:80vh;
	overflow:auto;
	word-break:break-word;
	padding: 0.3em;
}
.supremia-dialog .dialog-content-container.scroll-x{
	overflow-x: scroll;
}
.supremia-dialog .dialog-content-container.scroll-y{
	overflow-y: scroll;
}
.supremia-dialog .dialog-button-container{
	display: grid;
	grid-template-columns: auto auto;
	padding: 0.5em;
	border-top: 1px solid #c5c5c5;
}
.supremia-dialog .dialog-button-container > .button-right{
	text-align: right;
}
.supremia-dialog .dialog-button-container:empty{
	display:none;
}
.supremia-dialog .dialog-button-container button {
	margin: 0.1em 0.3em
}
.supremia-dialog .supremia-btn[disabled="disabled"]{
	background-color: white;
	color: #c5c5c5;
	border-color: #c5c5c5;
	transition: 0;
	cursor: auto;
}