/********** Style for the body **********/
html {
	height:				100%;
}

.AdminBody {
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	line-height:      	20px;
	background-color: 	#FFFFFF;
	margin:           	0;
	padding:          	0;
	text-decoration:  	none;
	height:				100%;
}

.AdminPopupBody {
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	line-height:      	20px;
	background-color:	#CCCCCC;
	margin:           	0;
	padding:          	0;
	text-decoration:  	none;
}

/********** Style for the boxes, NOT for the wizards! **********/

.Box {
	border: 			1px solid #999;
	width:				100%;
}

.BoxTitle {
	color:				#FFFFFF;
	background-color:	#4F89BE;
	height: 			20px;
	padding:			0px 0px 0px 10px;
	vertical-align:		middle;
	font-weight:		normal;
	background-image:	url(../images/menu_bg_toolbar.gif);
	background-repeat:	repeat-x;
}

.BoxContent {
	background-color:	#FFFFFF;
	text-align:			left;
	padding:			10px 10px 10px 10px;
	}

.BoxLink {
	text-decoration: 	none;
	}

.BoxLink A:LINK {
	color:				#000000;
	text-decoration: 	underline;
}

.BoxLink A:VISITED {
	color:				#000000;
	text-decoration: 	underline;
}

.BoxLink A:HOVER {
	color:				#000000;
	text-decoration:	none;
}

.BoxLink A:ACTIVE {
	color:				#000000;
	text-decoration: 	underline;
}

.BoxHelpLink {
	text-decoration: 	none;
	text-align:			right;
}

.BoxText {
	color:				#000000;
	text-align:			left;
}

/********** Style for the content field **********/

.AdminContent {
	text-align:			left;
	padding:			10px;
	background-color:	#F8F8F8;
}

.AdminActionsPanel {
	padding: 			10px;
	width:				380px;
	vertical-align:		top;
	border-right:		1px solid #999;
	background-color:	#F8F8F8;
	color:				#333333;
}

.AdminActionsPanelTitle {
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#949494;
	white-space:		nowrap;
}

.AdminFullScreenPanelTitle {
	display:	block;
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#949494;
	white-space:		nowrap;
	margin-bottom:10px;
}

.AdminDescriptionsPanel {
	padding:			10px;
	width:				520px;
	vertical-align:		top;
	background-color:	#FFFFFF;
	color:				#6C6C6C;
}

.AdminDescriptionsPanelTitle {
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#949494;
}

.AdminDescriptionsPanel A:LINK{
	color:				#6C6C6C;
	text-decoration:	underline;
}

.AdminDescriptionsPanel A:VISITED{
	color:				#6C6C6C;
	text-decoration:	underline;
}

.AdminDescriptionsPanel A:HOVER{
	color:				#6C6C6C;
	text-decoration:	none;
}

.AdminDescriptionsPanel A:ACTIVE{
	color:				#6C6C6C;
	text-decoration:	underline;
}

.AdminDescriptionsPanel LI {
	margin-left: 10px;
	list-style-position:outside;
}

.AdminMenuDescriptionPaneGroupTitle {
	display:			block;
	color:				#6C6C6C;
	font-weight: 		bold;
}

.AdminMenuDescriptionPaneGroupContent {
	display:			block;
	color:				#6C6C6C;
	font-size:			10px;

}

.AdminMenuDescriptionPaneSubGroupTitle {
	display:			block;
	color:				#6C6C6C;
	font-size:  		10px;
	font-weight: 		bold;
}

.AdminMenuDescriptionPaneSubGroupContent {
	display:			block;
	color:				#6C6C6C;
	font-size:			10px;
	padding: 			0px 0px 10px 10px;
}

.AdminMenuDescriptionPaneGroupContent A:LINK {
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
}

.AdminMenuDescriptionPaneGroupContent A:VISITED {
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
}

.AdminMenuDescriptionPaneGroupContent A:HOVER {
	color:				#000000;
	text-decoration:	underline;
	font-weight:		normal;
}

.AdminMenuDescriptionPaneGroupContent A:ACTIVE {
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
}

.AdminMenuPaneTitle {

}

/********** Style for the menu buttons **********/

.AdminMenu {
	border: 			1px solid black;
	border-bottom:		none;
	width: 				940px;
	padding:			0px;
	margin:				0px;
}

.AdminMenuButtonActive {
	font-size:			12px;
	font-weight:		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
	vertical-align:		middle;
	background-color:	#4F89BE;
	height:				22px;
	text-align:			center;
}

.AdminMenuButtonActive A:LINK {
	text-decoration:	underline;
	color:				#FFFFFF;
}
.AdminMenuButtonActive A:VISITED {
	text-decoration:	underline;
	color:				#FFFFFF;
}
.AdminMenuButtonActive A:ACTIVE {
	text-decoration:	underline;
	color:				#FFFFFF;
}
.AdminMenuButtonActive A:HOVER {
	text-decoration:	none;
	color:				#FFFFFF;
}

.AdminMenuButton {
	font-size:			12px;
	font-weight:		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
	vertical-align:		middle;
	background-color:	#4F89BE;
	height:				22px;
	text-align:			center;
}

.AdminMenuButton A:LINK {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.AdminMenuButton A:VISITED {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.AdminMenuButton A:HOVER {
	color: 				#FFFFFF;
	text-decoration: 	underline;
}

.AdminMenuButton A:ACTIVE {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.AdminButtonImage {
	display:			none;
}

/********** Style for the 'ingelogd als' container **********/

.AdminTitle {
	text-align:			right;
	color:				#6C6C6C;
	font-size:			10px;
	background-color:	#FFFFFF;
	padding: 			10px;
	
	width:				50%;
	vertical-align:		top;
}

.AdminTitle A:LINK, .AdminTitle A:VISITED, .AdminTitle A:HOVER, .AdminTitle A:ACTIVE {
	text-align:			right;
	color:				#6C6C6C;
	font-size:			10px;
}

/********** Style for the 'version' container **********/

.AdminVersion {
	text-align:			right;
	vertical-align:		bottom;
	color:				#000000;
	font-size:			10px;
	margin:				0px 0px 0px 0px;
}

/********** Style for the 'breadcrumb' container **********/

.AdminBreadCrumb {
	text-align:			left;
	color:				#6C6C6C;
	font-size:			10px;
	padding:			10px;
	background-color:	#FFFFFF;
	
	width:				50%;
	vertical-align:		top;
}

.AdminBreadCrumbTable {
	width:				940px;
	border-left:		1px solid #999;
	border-right:		1px solid #999;
	border-bottom:		1px solid #999;
}

.AdminBreadCrumb A:LINK, .AdminBreadCrumb A:VISITED, .AdminBreadCrumb A:HOVER, .AdminBreadCrumb A:ACTIVE {
	text-align:			left;
	color:				#6C6C6C;
	font-size:			10px;
	padding:			0px;
}

TD.AdminBreadCrumbLink, TD.AdminBreadCrumbLink A:LINK, TD.AdminBreadCrumbLink A:VISITED, TD.AdminBreadCrumbLink A:HOVER, TD.AdminBreadCrumbLink A:ACTIVE {
	text-align:			right;
	color:				#6C6C6C;
	font-size:			10px;
}

.AdminTable {
	border-left:		1px solid #999;
	border-right:		1px solid #999;
	border-bottom:		1px solid #999;
}

.AdminMessageTable {
	color:				#FFFFFF;
	background-color:	#75B86C;
	height: 			20px;
	width:				100%;
	border:				1px solid #999;
}

.AdminConfirmBoxTD {
	color:            	#000000;
	background-color: 	#CCFFCC;
	text-align:			center;
}

.AdminFailureBoxTD {
	color:            	#000000;
	background-color: 	#FFCC66;
	text-align:			center;
}

.AdminFormFieldCheckbox {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:      	bold;
	vertical-align:		middle;
	text-align :      	left;
}

.AdminFormFieldText {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:		normal;
	padding:    		1px;
	border: 			1px solid #333333;
	width:				256px;
	vertical-align:		middle;
	text-align:      	left;
}

.AdminFormFieldRadio {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:      	bold;
	vertical-align:		middle;
	text-align :      	left;
}

.AdminFormFieldSelect {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:      	normal;
	border: 			1px solid black;
	margin: 			0px;
	padding:			1px;
}

.AdminFormFieldTextArea {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:      	normal;
	padding:    		1px;
	border: 			1px solid #000000;
	height:				70px;
	width:				256px;
	vertical-align:		middle;
	text-align :      	left;
}

.AdminFormFieldFile {
	color:            	#000000;
	background-color: 	#FFFFFF;
	font-weight:      	normal;
	padding-top:    	0px;
	border: 			1px solid #000000;
	text-align :      	left;
}

.AdminFormButtonSubmit, .AdminFormButtonReset {
	color:            	#000000;
	background-color: 	#CCCCCC;
	font-weight:      	normal;
	cursor:           	pointer;
	text-align :      	center;
	border: 			1px solid #000000;
	text-align: 		center;
	vertical-align:		middle;
	width: 				auto;
	margin: 			0px;
	padding: 			1px;
	background-image:	url(../images/button_bg.gif);
	background-repeat: 	repeat-x;	
}

.AdminFormButtonSubmit:active, .AdminFormButtonReset:active {
	background-position		: 0 -50px;
	outline					: none;
}

.AdminFormButtonSubmitDisabled {
	color: 				#333333;
	border-color: 		#999999;
	background-image: 	none;
	background-color: 	#CCCCCC;
	font-weight:      	normal;
	text-align :      	center;
	border: 			1px solid #000000;
	text-align: 		center;
	vertical-align:		middle;
	width: 				auto;
	margin: 			0px;
	padding: 			1px;
	cursor: 			default;
}

.AdminWizardSectionTitle {
	font-size: 			22px;
	line-height: 		26px;
	padding-bottom: 	10px;
	
	/*
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	*/
}

.AdminWizardSectionPreviewButton {
	text-align:			right;
	white-space:		nowrap;
}

.AdminWizardSectionPreviewButton > span {
	 display:			inline-block;
	 vertical-align:	text-top;
	 background-color:	#deecfd;
	 padding:			0 5px;
	 margin: 			0 10px 0 0;
	 border: 			1px solid #8db2e3;
	 border-radius:		5px;
}

.AdminWizardContent {
	display:			table;/*follow content height*/
	position:			relative;
	min-height:			70px;
	width:				100%;
	clear:				both;
}

.AdminWizardContent:HOVER {
	background-color:	#F0F0F0;
}

.AdminWizardContentToolbox {
	display:			none;
	position:			absolute;
	right:				10px;
	top:				10px;
	z-index:			10;
	
	background-color:	#FFF;
	border:				1px solid #999;
	padding:			5px;
	
	-webkit-border-radius	: 5px;
	   -moz-border-radius	: 5px;
	     -o-border-radius	: 5px;
	        border-radius	: 5px;
	
	-webkit-box-shadow		: 0 0 5px rgba(0,0,0,0.3);
	   -moz-box-shadow		: 0 0 5px rgba(0,0,0,0.3);
	     -o-box-shadow		: 0 0 5px rgba(0,0,0,0.3);
	        box-shadow		: 0 0 5px rgba(0,0,0,0.3);
}

.AdminWizardContentToolbox A {
	display:			inline-block;
	margin:				5px;
	line-height:		16px;
}

.AdminWizardContentToolbox A.disabled {
	cursor:default;
	
	-webkit-opacity		: 0.3;
	   -moz-opacity		: 0.3;
	     -o-opacity		: 0.3;
	        opacity		: 0.3;
	
	filter: alpha(opacity=30);
	zoom:1;
}

.AdminWizardContentToolbox IMG {
	vertical-align:		top;
	margin:				0;	
}

.AdminWizardContent:HOVER .AdminWizardContentToolbox {
	display:block;
}

.AdminWizardTitle {
	white-space: 		nowrap;
	background-color: 	#4F89BE;
	border-bottom: 		1px solid #999;
	color: 				#FFFFFF;
	font-weight:		bold;
	padding-left:		5px;
	background-image:	url(../images/menu_bg_toolbar.gif);
	background-repeat:	repeat-x;
}

.AdminWizardSubTitle {
	background-color:	#F8F8F8;
	padding: 			10px 0px 10px 5px;
	border-bottom: 		1px solid #999;
	color: 				#000000;
}

.AdminWizardElementLeft,
.AdminWizardElementLeftButtons,
.AdminWizardElementLeftButtonsTab {
	padding: 			5px;
	text-align:			left;
	width:				200px;
}

.AdminWizardElementRight,
.AdminWizardElementRightButtons,
.AdminWizardElementRightButtonsTab {
	padding: 			5px;
	text-align:			left;
}

.AdminWizardElementRightButtons,
.AdminWizardElementRightButtonsTab {
	white-space:		nowrap;
}

.AdminWizardElementHelp {
	padding: 			5px;
	text-align:			left;
}

.AdminWizardElementText,
.AdminWizardElementTextSmall {
	font-weight: 		normal;
	color:				#000000;
}

.AdminWizardElementTextSmall {
	font-size: 			9px;
	font-style:			inherit;
}

.AdminWizardElementInfo {
	font-weight: 		normal;
	color:				#000000;
}

.AdminWizardElementTab {
	padding:			5px;
}

.AdminWizardElementLeftButtons {
	width: 				206px;
}

.AdminWizardElementLeftButtonsTab {
	width: 				202px;	
}

.AdminWizardElementTooltip {
	font-weight:		normal;
}

.AdminWizardElementTooltip SPAN {
	font-weight:		bold;
	display:			block
}

.AdminWizardElementTooltipError {
	padding:			0 0 10px;
	margin:				0 0 10px;
	
	border-bottom:		1px dotted #666;
	color: 				#CC3300;
	font-weight:		normal;
}

.AdminWizardElementTooltipError SPAN {
	display:			block;
	font-weight:		bold;
}

.AdminWizardElementTooltipError IMG {
	vertical-align:		top;	
	margin:				3px 3px 0 0;
}

.AdminWizardTable {
	border-left: 		1px solid #999;
	border-right: 		1px solid #999;
	border-top: 		1px solid #999;
	border-bottom: 		1px solid #999;
	margin-left: 		auto;
	margin-right: 		auto;
	width: 				100%;
	background-color:	#FFFFFF;
}

.AdminWizardNote {
	color:				#333;
	font-weight: 		normal;
	font-style:			italic;
	border-top:			1px solid #999;
	padding:			5px;
}

.AdminWizardRequired {
	color: 				#000000;
}

.AdminLink {
	color:				#6C6C6C;
	font-size:			8pt;
	font-weight:		normal;
}

.AdminPNGIcon {
	vertical-align: 	middle;
	display:			inline;
}

/********** Style for the 'mesages' container **********/

.AdminInfoBox {
	height					: 20px;
	padding					: 0px;
	margin					: 0px;
	border-left				: 1px solid #999;
	border-right			: 1px solid #999;
	border-bottom			: 1px solid #999;
	background-color		: #DCECD7;
	text-align				: left;
	color					: #336633;
}

.AdminErrorBox {
	height					: 23px;
	line-height				: 23px;
	padding					: 0px;
	margin					: 0px;
	border-left				: 1px solid #999;
	border-right			: 1px solid #999;
	border-bottom			: 1px solid #999;
	background-color		: #F5E0CD;
	text-align				: left;
	color					: #FF0000;
	font-weight				: normal;
}

.AdminInfoBox IMG, .AdminErrorBox IMG {
	padding					: 4px;
}

.AdminLoginContainer {
	margin					: 0 auto;
	padding					: 30px;
	width					: 300px;
	
	border					: 1px solid #E2E2E2;
	background-color		: #FFF;
	
	background-image		: -ms-linear-gradient(bottom, rgb(226,226,226) 0%, rgb(255,255,255) 37%);
	background-image		: -webkit-gradient(	linear,	left bottom, left top, color-stop(0, rgb(226,226,226)),	color-stop(0.37, rgb(255,255,255)));
	background-image		: -webkit-linear-gradient(bottom, rgb(226,226,226) 0%, rgb(255,255,255) 37%);
	background-image		: -o-linear-gradient(bottom, rgb(226,226,226) 0%, rgb(255,255,255) 37%);
	background-image		: linear-gradient(bottom, rgb(226,226,226) 0%, rgb(255,255,255) 37%);
	background-image		: -moz-linear-gradient(bottom, rgb(226,226,226) 0%, rgb(255,255,255) 37%);
		
	-webkit-box-shadow		: 0 0 0px 1px #FFFFFF, 0 5px 20px 0 rgba(0, 0, 0, 0.25);
	   -moz-box-shadow		: 0 0 0px 1px #FFFFFF, 0 5px 20px 0 rgba(0, 0, 0, 0.25);
	     -o-box-shadow		: 0 0 0px 1px #FFFFFF, 0 5px 20px 0 rgba(0, 0, 0, 0.25);
	        box-shadow		: 0 0 0px 1px #FFFFFF, 0 5px 20px 0 rgba(0, 0, 0, 0.25);
	
	-webkit-border-radius	: 10px;
	   -moz-border-radius	: 10px;
	     -o-border-radius	: 10px;		
	        border-radius	: 10px;
}

.AdminLoginContainer DIV {
	display					: block;
	position				: relative;
	height					: 24px;
}

.AdminLoginContainer INPUT {
	position				: absolute;
	z-index					: 2;
	background				: none !important;
	top						: 0;
	left					: 0;
	width					: 270px;
}

.AdminLoginContainer LABEL {
	position				: absolute;
	z-index					: 1;
	color					: #999;
	font-style				: italic;
	padding					: 3px 5px;
	top						: 0;
	left					: 0;
}

/* SECTIONS TREE ***********************************************************/
#guiTreeDiv_sectionsTree .guiTreeNode {
	padding			: 0 70px 0 0;
}

.guiMessageContainer {
	position		: fixed !important;
	left			: auto !important;
	right			: 0;
}

#gdpr_text_agreement_container {
    display: block;
    height: 520px;
    overflow: auto;
    background: #fff;
    padding: 5px 15px;
    border: #ddd solid 1px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    margin: 15px 0;
}

#GdprApprovalButton {
	background: #3498db;
	border: 0;
	-webkit-border-radius: 13;
	-moz-border-radius: 13;
	border-radius: 13px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

#GdprApprovalButton:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.green{
	background-color:rgb(163,207,187);
	color:rgb(10,54,34);
	text-align:center;
}
.yellow{
	background-color:rgb(255,243,205);
	color:rgb(102,77,3);
	text-align:center;
}
.red{
	background-color:rgb(248,215,218);
	color:rgb(88,21,28);
	text-align:center;
}
.filterSearchBar{
	display:flex;
	gap:1em;
	align-items:center;
	justify-content:flex-end;
	font-size:0.7rem;
	margin-bottom:0.5em;
}
.no_email{
	display: grid;
	place-content: center;
	padding: 0.5rem;
	border:rgb(102,77,3) dashed 1px;
	background-color:rgb(255,243,205);
	color:rgb(102,77,3);
	text-align:center;
}