/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_outerDiv{
 position:absolute; /* Always needed */
}

.modalDialog_transparentDivs{
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:10001;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #000;
	padding:2px;
	z-index:10000;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{  /* we use box-shadow now  */
	z-index:9000;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */
}

/* Zwingt die Box, immer in der Mitte des sichtbaren Bildschirms zu bleiben, egal wohin browser scrollt */
#modalDialog,
[id*="modalDialog"],
[id*="DHTMLSuite_modalBox"] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%); /* Zentriert die Box perfekt auf dem Bildschirm */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Verhindert, dass das abdunkelnde Hintergrund-Overlay oben hängen bleibt */
#DHTMLSuite_modalBox_background,
.modalDialog_background {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}