/* ----------- */
/* Popup modal */
/* ----------- */

.modalDialogSpecial
{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialogSpecial:target
{
	opacity:1;
	pointer-events: auto;
}

#openModalDisplay > div
{
    width: 85vw;
    height: 85vh;
}

#openModalEdit > div
{
    width: 40vw;
}

.modalDialogSpecial > div
{
	position: relative;
	overflow: auto;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	overflow:auto;
	max-height:75%;
}

.modalDialogSpecial > div::-webkit-scrollbar
{
	height: auto;
	width: auto;
}

.modalDialogSpecial > div::-webkit-scrollbar-thumb
{
	background: #dedede;
}

/* ----------------- */
/* Full screen modal */
/* ----------------- */

.modalDialogFullScreen
{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialogFullScreen:target
{
	opacity:1;
	pointer-events: auto;
}

#modalDialogFullScreen > div
{
    width: 100%;
    height: 100%;
}

.modalDialogFullScreen > div
{
	position: relative;
	overflow: none;
	margin: 0%;
	padding: 0px;
	border-radius: 0px;
	background: #fff;
	max-height:100%;
}

.modalDialogFullScreen > div::-webkit-scrollbar
{
	height: auto;
	width: auto;
}

.modalDialogFullScreen > div::-webkit-scrollbar-thumb
{
	background: #dedede;
}