/*////////////////////////////////////////////
// Copyright © 2023 Windex Bedrijfssoftware //
////////////////////////////////////////////*/

.popup {
	border-radius: 3px;
	position: fixed;
	z-index: 12;
	display: none;
	background: #EEEEEE;
	box-shadow: 0px 0px 25px #CCCCCC;
	/*	Workitem 4262 (28-02-2022)
		Aanpassing padding ter voorkoming van witte rand 
		(na verwijdering Popup_ResizeOnContentChange en Popup_SetHeightContentPanel) */
	padding-top: 5px;
	height: auto;
	min-width: 477px; /* Minimumbreedte = enkel blok (437) + marges (2 x 20) */
}

	.popup .wcc_ContentBlockTitle {
		padding-left: 8px;
	}

.popup_Active {
	border: 1px solid #0191D2;
	box-shadow: 0px 0px 25px #7F7F7F;
}

.tooncontact .popup {
	height: 75%;
	width: 75%;
}
.tooncontact .popup_DualBlock{
	min-width:unset;
}
.tooncontact .textEditor_ExpandContentPanel {
	overflow: visible;
}

.popup_ScrollableContent {
	overflow-x: hidden; /* Horizontale schuifbalken nooit tonen */
	overflow-y: auto;
	max-height: 70%; /* Maximumhoogte declaratief zetten. Gebruikt door IE */
	max-height: 70vh; /* Nodig voor geneste popups in Chrome en FireFox */
}

.popup_CloseImage {
	position: absolute;
	top: 10px;
	right: 10px;
	background-image: url('/Theming/Styles/Images/PopupClose.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

.popup_CloseImage:hover {
	background-image: url('/Theming/Styles/Images/PopupCloseHover.png');
}

.popup_CloseImage:active {
	background-image: url('/Theming/Styles/Images/PopupCloseActive.png');
}

.popup_HasScrollBar > .popup_BottomSpacer {
	height: 36px; /* Bij schuifbalk geen paddingBottom i.v.m. overlapping onderrand */
}

.popup_BottomPanel {
	height: 36px;
	width: 100%;
	background: linear-gradient(0deg, rgba(183,183,183,1) 0%, rgba(208,208,208,1) 100%);
	/*	Workitem 4262 (28-02-2022)
		Verwijdering margins ter voorkoming van witte rand 
		(na verwijdering Popup_ResizeOnContentChange en Popup_SetHeightContentPanel) */

	z-index: 11; /* Acties/Metadata op voorgrond van uitgeklapte expanders tonen */
}

	.popup_ButtonPanel {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

.popup_ContentPanel {
	padding-bottom: 3px; /* I.v.m. verticale schuifbalk bij minimale inhoud (bijv. één dropdown) */
	position: relative;
	height: auto;
}

/* In popups linkermarge gebruiken i.p.v. rechter om schuifbalk de vrijgekomen ruimte te laten benutten */
.popup_ContentPanel .wcc_ContentBlock, .popup_ContentPanel .wcc_ContentBlockFullHeight {
	margin-left: 20px;
	margin-right: 0px;
}

.popup_ContentBlock {
	float: left;
	min-width: 450px; /* Minimumbreedte voor popups zonder blokken */
	margin-right: 20px;
}

.popup_DualBlock {
	min-width: 934px; /* Minimumbreedte = dubbel blok (894) + marges (2 x 20) */
}

.popup_SingleBlock {

}

.popup_Overlay { /* T.b.v. juiste positionering overlay in Chrome */
	background-color: #EEEEEE;
	z-index: 11;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	top: 0;
	left: 0;
	position: absolute;
	display: inline;
	height: 100% !important;
}

.popup_TitleBlock {
	margin-left: 29px;
}

.popup_NoContentBlocks {
	background-color: #FFFFFF;
}

/* In popups zonder blokken wel linkermarge toevoegen (terugwaartse compatibiliteit) */
.popup_NoContentBlocks .popup_ContentPanel {
	margin-left: 20px;
}

.popup_HasScrollBar .popup_ContentPanel {
	padding-bottom: 0px; /* Bij schuifbalk geen paddingBottom i.v.m. overlapping onderrand */
}

.popup_HasScrollBar .popup_ContentPanel:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
}