/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;	
	max-width: 70%;
	min-width: 15%;
	height: auto;
	z-index: 1000 !important;
	visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
	display: block !important;
}

/* Individual modal styles with animations/transitions */