.dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 750;
	visibility: hidden;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
}

.dialog.open {
	visibility: visible;
	transition-delay: 0.0s;
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
}

	.dialog-background {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-webkit-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
	}

	.dialog.open > .dialog-background {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-webkit-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-moz-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
	}

	.dialog-inner {
		position: absolute;
		top: 50.0%;
		left: 50.0%;
		width: 280px;
		background-color: #FFFFFF;
		-webkit-transform: translate(-50.0%, -50.0%);
		-moz-transform: translate(-50.0%, -50.0%);
		-ms-transform: translate(-50.0%, -50.0%);
		-o-transform: translate(-50.0%, -50.0%);
		transform: translate(-50.0%, -50.0%);
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-webkit-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
	}

	.dialog.open > .dialog-inner {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-webkit-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-moz-transition: opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
	}

		.dialog-header {
			position: relative;
			float: left;
			width: 100.0%;
			height: 56px;
		}

		.dialog-content {
			position: relative;
			float: left;
			width: 100.0%;
			max-height: 168px;
			overflow: hidden;
			overflow-y: auto;
		}

		.dialog-actions {
			position: relative;
			float: left;
			width: 100.0%;
			padding: 8px;
		}

			.dialog-actions > * {
				float: right;
			}

			.dialog-actions > * + * {
				margin-right: 8px;
			}