.dialog-overlay {
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.dialog {
	z-index: 3;
	background-color: #fff;
	padding: 20px;
	text-align: center;
	width: 90%;
	max-width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.dialog button {
    margin-left: 10px;
    margin-right: 10px;
}

.dialog-overlay[aria-hidden="true"],
.dialog[aria-hidden="true"],
.dlg-submit[aria-hidden="true"], 
.dlg-error[aria-hidden="true"] {
    display: none;
}

.dialog-overlay:not([aria-hidden="true"]),
.dialog:not([aria-hidden="true"]) {
	display: block;
}
.dlg-submit:not([aria-hidden="true"]),
.dlg-error:not([aria-hidden="true"]) {
    display: normal;
}

.sr-only {
	opacity: 0;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.dialog h2,
.dialog p,
.dialog ul {
    direction: rtl;
}
#err-list {
    text-align: right;
}