.alert-overlay {

	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWNgYGCYCcUQBgASAAJli5xnrQAAAABJRU5ErkJggg==') repeat;
	background: rgba(0, 0, 0, 0.65);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
}

.alert-overlay .alert {

	background: white;
	width: auto;
	max-width: 640px;
	margin: 60px auto 0;
	position: relative;
	padding: 1px;
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box-shadow */
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}

.alert-overlay .alert .alert-message {

	padding: 20px;
}

.alert-overlay .alert .alert-buttons {

	background: #F1F1F1;
	padding: 10px 20px;
	text-align: right;
}

.alert-overlay .alert .alert-buttons button {

	padding: 5px 10px;
}

@media (max-width: 768px) {

	.alert-overlay .alert {

		max-width: 90%;
	}
}