/* #region --- Modal dialogs --- */

.dialogDef {
	display: none;
}

.dialogPopupWrapper {
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:1100;
	background-color: rgba(0, 0, 0, 0.40);
}

	.dialogPopupBox {
		background-color: #FFF !important;
		color: #000;
		border: solid 2px #888;
		border-radius: 9px;
		position: absolute;
		left: 50%;
		top: 45%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		width: 60%;
		min-width: 312px;
		max-width: 360px;
	}

	.dialogPopupTextBox {
		padding: 20px 20px 20px 16px;
	}

		.dialogPopupIcons {
			display: table-cell;
			vertical-align: top;
		}

		.dialogPopupTextBox h1 {
			font-size: <% var name="DialogTitleFontSizeD" %>;
			font-weight: <% var name="DialogTitleFontWtD" %>;
			color: #888;
			margin-top: 0;
		}

		.dialogPopupText {
			font-size: <% var name="DialogBodyFontSizeD" %>;
			font-weight: <% var name="DialogBodyFontWtD" %>;
			display: table-cell;
			padding-left: 5px;
		}

	.dialogNavArea {
		text-align: center;
		padding-bottom: 20px;
		width: 100%;
	}

		.dialogBtn {
			padding: 0 8px;
		}

/* #endregion */