.dialogContainer {
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: background 250ms ease-in-out;
	background: rgba(0, 0, 0, 0.15);
	pointer-events: auto;
	overflow: hidden;
}

.dialogContainerHidden{
	background: none;
	pointer-events: none;
}

.dialog {
	width: 600px;
	height: auto;
	pointer-events: auto;
	transition: opacity 250ms ease-in-out,
				transform 250ms ease-in-out;
	opacity: 1;
	transform: translateY(0);
	resize: both;
	/*overflow:auto;*/
	
}

.dialogContent {
	max-height: 500px; 
	overflow-y: scroll;
	overflow-x: hidden;
}

.dialogHidden {
	pointer-events: none;
	opacity: 0;
	transform: translateY(400px);
}

.ui-dialog {
	padding: 1rem !important;
	background: white !important;
	border-radius: 4px !important;
    box-shadow: 0 0.6em 1.0em rgba(100, 100, 100, 0.2) !important;
}

/*
	Do away with the tacky orange title bar.
*/
.ui-dialog-titlebar {
	display: none !important;
}

/*.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
    height: auto;
    width: 600px;
    top: 69.5px;
    left: calc(100% / 2 - 300px);
    display: block;
}*/