/* modals */

div.modal
{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;

	background-color:rgba(5,1,0,.85);
	z-index:10000;
	
	transition:opacity .25s ease 0s;
	
	overflow-y:auto;
	
	text-align: center;
}
div.modal.remove
{
	opacity:0;
}
div.modal.hidden
{
	opacity:0;
	pointer-events:none;
}
div.modal:before
{
	/*	vertically centers dialogue within modal */
	content:'';
	display:inline-block;
	height:100%;
	max-height:100vh;
	vertical-align:middle;

}
div.modal .dialog
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	
	margin:0;
	padding:16px;

	width:400px;
	max-width:96%;

	text-align:left;
	color:var(--light);
	
	background-color: rgb(92, 92, 92);
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 6px 0px;	
}
div.modal .dialog .head
{
	padding:0 0 8px 0 !important;
	border-bottom:1px solid var(--dark);
	font-size:20px;
	line-height:24px;
}
div.modal .dialog .body
{
	padding:8px 0 16px 0;
}
div.modal .dialog .footer
{
	padding-top:12px;
	border-top:1px solid var(--dark);
	text-align:right;
}

