@CHARSET "ISO-8859-1";
/* lists */
/* Forms */
/* Menus */
/* Tiles */
.DDheaderLarge {
 	width: calc(100% - 20px);
	height: 27px;
	padding-left: 5px;
	line-height: 25px;
	font-size: 12pt;
	font-family: "Verdana bold", sans-serif;
	margin-top: 3px;
	margin-bottom: 10px;
	clear: both;
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
	display:inline-block;
}
.DDheaderLarge+.DDwintitleimg{
	margin-top: 3px;
	right:5px;
}
.DDheaderSmall {
 	width: calc(100% - 85px);
	height: 27px;
	float: left;
	padding-left: 5px;
	line-height: 25px;
	font-size: 12pt;
	font-family: "Verdana bold", sans-serif;
	margin-top: 3px;
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
	display:inline-block;
}
.DDheaderSmall+.DDwintitleimg{
	position:relative;
	margin-top: 3px;
	right:68px;
}
.DDheadopen {
	margin-right: 5px;
	font-size: 16pt!important;
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
	padding-left:7px;
	padding-right:7px;
	height:22px;
	width:22px;
	position:relative;
	top: 3px;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}
.DDcollapse {
	display: none;
  transition: height 0.25s linear;
}
textarea,pre{tab-size:2}

#DDwinlvw {
	margin: 15px 0 0 20px;
/*	border: 1px solid;*/
	overflow: hidden;
  border-color: var(--DDmainColor);
	background-color: var(--DDlist);
  width:calc(100% - 36px);
	display:inline-block;
}
#_DDsysscrollenv{
	display:inline-block;
	width:60px;
	height:20px;
	position:absolute;
	left:0px;
	top:0px;
}
.DDsysscroll{
	display:inline-block;
	width:21px;
	height:0px;
	background-color:var(--DDbackgr);
	border: 1px solid var(--DDbackgr);
	position:relative;
	left:20px;
	top:20px;
}
.DDsysscrolltip{
	position: relative;
	top: 0px;
	background-color:var(--DDhilight);
}
.DDsysscrolltipoff{
	background-color:var(--DDbackgr);
}
.DDlvright{
	display:inline-block;
	vertical-align:top;
}
#DDwinew {
	margin: 15px 0px 0 21px;
	border-color: var(--DDmainColor);
	position:relative;
}
a:hover {
    color: var(--DDsecondColor);
}
.DDwinlvbw {
	position: absolute;
	border: 1px solid var(--DDmainColor);
	background-color: var(--DDwhite);
	padding: 3px;
	display:none;
	margin: 15px 4px 0 10px;
  width: 165px;
}
.DDapp {
	opacity:1;
	margin-bottom: 10px;
	margin-right: 10px;
	display:inline-block;
	position:relative;
}
.DDapp:hover {
	opacity:0.8;
}
.DDappdnd {
	filter: hue-rotate(90deg);
}
.DDappnotifier{
	position: absolute;
	display: inline-block;
	right: 20px;
	top: 6px;
	width: 20px;
	height: 20px;
	z-index: 2;
	background-color: #ff2313;
	border: 1px solid;
	border-color: white;
	border-radius: 11px;
}
#_DDpagelist{
	width:100%;
	overflow-x:hidden;
}
.DDpagebaritem {
	width: 32px;
	height: 32px;
	border-radius: 15%;
	display: inline-block;
	padding: 1px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	line-height: 30px;
	background-color: var(--DDrow);
	color: var(--DDwhite);
}
.DDpagebaritem.current {
	background-color: var(--DDhilight);
	color: var(--DDblack)
}
a.DDpagebaritem{
	color: var(--DDblack)
}
a:hover.DDpagebaritem{
	background-color: var(--DDsecondColor);
	color: var(--DDblack)
	text-decoration: none;
}
.DDpagebartitle {
	line-height: 30px;
	margin-right: 5px;
	margin-left: 5px;
}
.homeTable{
  border: 1px solid;
  border-color: var(--DDmainColor);
}
#DDcontentRight { /* wordt gebruikt */
	float: left;
	width: 100%;
}
.borderadd{
/*	border: 1px solid;*/
	background-color: var(--DDform);
	padding: 5px;
	width: calc(100% - 45px);
}
.borderno{
  width: calc(100% - 35px);
}
._DDlisttd,._DDlisttdalt,._DDlistth,._DDlisttdsel,._DDlisttool{
  padding: 1px 1px 1px 5px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}
._DDlisttd,._DDlisttdalt,._DDlisttdsel{
	height: 21px;
}
._DDlisttdalt{
	background-color: var(--DDrow);
}
._DDlistth{
	border-style:solid;
	border-width:1px 0px 3px 0px;
	border-color: var(--DDmainColor);
	height: 18px;
	overflow: hidden;
}
._DDlisttdsel,._DDctitemsel{
	background-color: var(--DDhilight);
}
._DDlisttool {
  line-height: 27px;
	font-size: 24px;
	padding-left: 1px;
	padding-bottom: 2px;
}
._DDlisttd:hover,._DDlisttdsel:hover,._DDlisttdalt:hover {
	background-color: var(--DDsecondColor);
}
._DDlisttdimg{
	height: 18px;
	vertical-align: top;
}
.DDcolorbar{
	margin:2px;
	height:17px;
}
.DDsearchlist,.DDstatwin {	
	margin-left: 1px;
	margin-right: 1px;
	padding: 3px;
	display: none;
  transition: height 0.25s linear;
}
._DDlisthead{
	display:inline-block;
}
.DDsortbtn {
	padding: 2px 5px 2px 5px;
	float: right;
	font-size: small;
}
.nooverflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
._DDfreeze {
	border-color: var(--DDhilight);
	background-color: var(--DDhilight);
}
.DDlabelhead {
	width: 240px;
	display: inline-block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 24px;
	vertical-align: middle;
	background: var(--DDmainColor);
	color: var(--DDwhite);
}
.DDimglogic,.DDimgdomain {
	margin-top: 1px;
	margin-bottom: 1px;
}
.DDmenuButton,.DDmenuButtonro {
	height: 28px;
	border: 1px solid;
	width: 16.5%;
	line-height: 28px;
	font-weight: 900;
	font-family: "Verdana bold", sans-serif;
	font-size: 8pt;
	margin-right: 1px;
	margin-top: 20px;
}
.DDmenuButton {
	border-color: var(--DDmainColor);
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
	cursor: pointer;
}
.DDmenuButtonro {
	border: 1px solid var(--DDgreylo);
	background-color: var(--DDgreyhi);
	color: var(--DDgreylo);
	cursor: default;
}
.DDmenuButtonOverview {
	height: 28px;
	border: 1px solid;
	width: 100px;
	margin: 0 1px 4px 0;
	line-height: 28px;
	font-size: 7pt;
	font-weight: 900;
	font-family: "Verdana bold", sans-serif;
	cursor: pointer;
	float: right;
	border-color: var(--DDmainColor);
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
}
.DDnawbutton{
	margin-right: 5px;
	width: 80px;
	border-style: solid;
	border-width: 1px;
	color: var(--DDwhite);
	background: var(--DDmainColor);
}
.DDmenupanel{
    border: none;
}
.DDnawpanel{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top: 2px;
	display: none;
	transition: height 0.25s linear;
	border-style: solid;
	border-width: 1px;
	background: var(--DDrow);
	border-color: var(--DDhilight);
}
.DDlinecentered{
	text-align:center;
}
/* ------ elements definitions ------- */
.DDelements {
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: bottom;
	background-color: var(--DDwhite);
	color: var(--DDblack);
	border-color: var(--DDmainColor);
  scrollbar-width: thin;
}
.DDelements:read-only,.DDelements:disabled,input:disabled,.DDlistbox[disabled] {
	color: var(--DDgreylo);
	border-color: var(--DDgreylo);
	background-color: var(--DDgreyhi);
}
/* ------ label definitions ------- */
.DDlabel,.DDlabel3,.DDlabelboxed {
	width: 150px;
	display: inline-block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 24px;
	vertical-align: bottom;
}
.DDlabel2, .DDlabel4 {
	padding-left: 2px;
	display: inline-block;
	height: 18px;
	width: 138px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	vertical-align: middle;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	background-color: var(--DDwhite);
	border-color: var(--DDmainColor);
}
.DDlabel3 {
	width: 90px;
}
.DDlabel4 {
	margin-top: 6px;
	margin-right: 5px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.DDlabelboxed {
	line-height: 16px;
	padding: 1px 1px 1px 5px;
	border: 1px solid;
	border-color: var(--DDmainColor);
}
.DDlabellink {
	position: absolute;
	left: 150px;
	line-height: 20px;
}
.DDline {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 20px;
	vertical-align: middle;
}
input[type="text"],select,input[type="password"] {
	border-style: solid; /*WTOx*/
	border-width: 0px 0px 1px 1px; /*WTOx*/
	padding-left: 2px;
	max-width: 96%;
	border-color: var(--DDmainColor);
	background-color: inherit; /* WTOx*/
}
.DDctrlerror {
	background-color: #F23E28 !important;
}
/* ------ checkbox & radio definitions ------- */
/*
.DDswitch,.DDswitchro {
	padding-left: 2px;
	padding-right: 2px;
	display: inline-block;
	width: 14px;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	cursor: context-menu;
}
.DDswitchro {
	background-color: var(--DDgreylo);
}
*/
.DDcheckbutton{
	display:inline-block;
	width:120px;
	height:20px;
	line-height:18px;
	text-align: center;
	background-color:var(--DDmainColor);
	color:var(--DDblack);
	margin-top:3px;
	margin-right:1px;
}
input[disabled] + .DDcheckbutton, input[disabled] + .DDcheckbutton:hover{ /* disabled or hover on disabled. Input must have attribute `disabled`*/
	background-color:var(--DDgreyhi) !important;
	color: var(--DDgreylo) !important;
	cursor: default;
}
.DDcheckbutton:hover{
	background-color:var(--DDsecondColor) !important;
	cursor: pointer;
}
input[checked] + .DDcheckbutton{ /* selected (checked is not updated) */
	background-color:var(--DDhilight);
	color:var(--DDblack);
}
/* ------ animated checkboxes ------ */
.DDcheckbox,.DDcheckboxro {
	border-color: #555555;
	border-style: solid;
  	border-width: 1px;
	border-radius: 8px;
	width: 36px;
	height: 15px;
	position: relative;
	margin-top: 5px;
	background: linear-gradient(to right, #59FB92 0%,#59FB92 46%,#CE4254 53%,#CE4254 100%);	
}
.DDcheckboxro {
	background: linear-gradient(to right, #b4e6b4 0%,#b4e6b4 46%,#e6b4b4 53%, #e6b4b4 100%);
}
.DDcheck {
	display: block;
	width: 20px;
	height: 13px;
	border-radius: 8px;
	background: #fff linear-gradient(180deg,#A1A1A1, #FFFFFF);
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0px;
	left: 0px;
}
.DDcheck:hover {
	background: linear-gradient(#FFFFFF 0%, #A1A1A1 100%);
}
.DDcheckbox input[type=checkbox],.DDcheckboxro input[type=checkbox],.DDcheckbox input[type=radio],.DDcheckboxro input[type=radio] {
	display: none;
}
@keyframes labelON {
	0% {
		top: 0px;
   	left: 0px;
	}
	100% {
		top: 0px;
   	left: 14px;
	}
}
@keyframes labelOFF {
	0% {
		top: 0px;
   	left: 16px;
	}
	100% {
		top: 0px;
   	left: 0px;
	}
}
input[type=checkbox]:checked + label.DDcheck, input[type=radio]:checked + label.DDcheck {
	top: 0px;
	left: 14px;
	margin-left: 0px;
	animation-name: labelON;
 	animation-duration: .2s;
 	animation-iteration-count: 1;
 	animation-timing-function: ease-in;
 	box-shadow: #1b3c71 -1px 0px 3px;
 	-moz-box-shadow: #1b3c71 -1px 0px 3px;
}
input[type=checkbox] + label.DDcheck, input[type=radio] + label.DDcheck {
	top: 0px;
	left: 0px;
	margin-left: 0px;
	animation-name: labelOFF;
 	animation-duration: .2s;
 	animation-iteration-count: 1;
 	animation-timing-function: ease-in;
 	box-shadow: #1b3c71 1px 0px 3px;
 	-moz-box-shadow: #1b3c71 1px 0px 3px;
}
label.DDinfo {
	position: absolute;
	color: var(--DDblack);
	top: 0px;
	left: 50px;
	white-space: nowrap;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}
/* ------ listbox definitions ------- */
.DDlistbox {
	display: inline-block;
	margin-top: 3px;
	width: 198px;
	height: 20px;
	padding-left: 2px;
	padding-right: 5px;
	text-align: left;
	vertical-align: bottom;
	cursor: context-menu;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: var(--DDmainColor);
}
/*
input[disabled] + .DDlistbox:hover{
	background: var(--DDgreyhi);
}*/
.DDlistbox:hover:not([disabled]),.DDlbitemsel {
	background: var(--DDsecondColor);
}
.DDlbcaption {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.DDlbbutton {
	float: right;
	font-size: 12pt!important;
}
.DDlbwindow {
	padding: 3px;
	width: 198px;
	overflow-y: hidden;
	transition: height 0.25s linear;
}
.DDlbitem,.DDlbitemsel {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	height: 20px;
	vertical-align: middle;
	overflow: hidden;
}
.DDlbitemsel {
	cursor: default;
}
/* ----------- error handeling ------------ */
.DDerrorbar { 
	width: calc(100% - 40px);
	display: none;
	border: 1px solid;
	float: left;
	margin: 10px 0 0 21px;
	padding-left: 5px;
	overflow: hidden;
	font-family: Verdana, sans-serif;
	color: var(--DDmainColor);
	border-color: var(--DDmainColor);
	background-color: var(--DDwhite);
}
.DDerrorbar span { 
	float: left;
	margin-bottom: 25px;
}
.DDerrortitle { /*DDerrortitle  bijv. Notification*/
	width: 100%;
	float: left;
}
.DDerrorbar.DDerrorbarshow {
	display: block;
	background: #f2dede;
	border: solid 1px #ebccd1;
	color: #a94442;
}
.red_alert_color ,.red{
	color: var(--DDredcolor);
}
.green_alert_color,.green{
	color: var(--DDgreencolor);
}
.bold{
	font-weight: bold;
}
.error_content{
	float: left;
}
/* ------ popup definitions ------- */
.DDpopup {
	height: 18px;
	width: 20px;
	display: inline-block;
	position: relative;
	left: -1px;
	top: 0px;
	text-align: center;
	vertical-align: bottom;
	border-bottom-right-radius: 5px;
	font-size: large;
	border-style: solid;
	border-width: 1px;
	border-color: var(--DDmainColor);
}
.DDpopup:hover {
	background: var(--DDsecondColor);
}
input[disabled] + .DDpopup:hover {
	background: inherit;
}
.DDcalculator,.DDtime,.DDcalendar,.DDpallette,.DDcolor,.DDmask,.DDlbwindow,.DDmessage {
	position: absolute;
	padding: 3px;
	z-index: 5;
	display: none;
	border-style: solid;
	border-width: 1px;
	background: var(--DDrow);
	border-color: var(--DDmainColor);
}
.DDcalculator,.DDtime,.DDcalendar,.DDpallette,.DDcolor,.DDmask {
  transition: height 0.25s linear;
}
.DDmessage {
	width: 200px;
	position: fixed;
	display: inline-block;
	z-index: 5;
	bottom: 20px;
	left: -208px;
	transition: left 0.5s, opacity 0.5s;
}
.DDbtn1,.DDbtn2,.DDbtnselected,.DDbtndisabled {
	width: 28px;
	margin: 0px;
	padding-left: 1px;
	padding-right: 3px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	cursor: default;
	background: var(--DDrow);
	color: var(--DDblack);
	height:29px;
	padding-top:3px;
}
.DDbtnsmall {
	font-size: small;
}
.DDbtnselected {
	background: var(--DDhilight);
}
.DDbtnselected:hover {
	background: var(--DDsecondColor);
}
.DDbtnfullwidth {
	height: 28px;
	width: 100px;
	border: 1px solid;
	position:absolute;
	right:0px;
	bottom:-1px;
	font-size: 8pt;
	font-weight: 900;
	line-height: 28px;
	text-align: center;
	font-family: "Verdana bold", sans-serif;
	cursor: pointer;
	margin: 5px 0 0;
	margin-left: 1%;
	border-color: var(--DDmainColor);
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
}
.DDbtn2 {
	width: 58px;
	height: 30px;
}
.DDtextselectfield {
	cursor: pointer;
}
.DDsubmit {
	height: 28px;
	border: 1px solid;
	width: 100%;
	margin-bottom: 4px;
	line-height: 28px;
	font-weight: 900;
	font-family: "Verdana bold", sans-serif;
	font-size: 8pt;
	cursor: pointer;
	border-color: var(--DDmainColor);
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
}
.DDcustom_btn_submit, .DDcustom_btn_cancel {
	border: 1px solid;
	cursor: pointer;
	font-family: "Verdana bold", sans-serif;
	font-size: 7pt;
	font-weight: 900;
	height: 28px;
	line-height: 28px;
	margin: 0 5px 4px 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 15%;
	float: right;
	background-color: var(--DDmainColor);
	border-color: var(--DDmainColor);
	color: var(--DDsecondColor);
}
.DDnummem {
	width: 58px;
	height: 32px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	display:inline-block;
}
.DDbtndisabled {
	color: var(--DDgreylo);
}
.DDdisabledLink{
	color: var(--DDgreylo);
}
input[type="submit"]:disabled, input[type="button"]:disabled {
    background: var(--DDgreyhi);
    border-color: var(--DDgreyhi);
}	
.DDbtn1:hover,.DDbtn2:hover {
	background: var(--DDsecondColor);
}
.DDbtn3 { /* buttons ok en cancel in popups*/
	background: var(--DDmainColor);
	width: 38px;
	height: 20px;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	float: left;
	/*vertical-align: middle;*/
	text-decoration: none;
	cursor: default;
	border-radius: 3px;
	font-size: medium;
	margin-top:5px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--DDmainColor) var(--DDwhite) var(--DDwhite) var(--DDmainColor);
	color: var(--DDwhite);
}
.DDbtn3:hover {
	background: var(--DDhilight);
}
.DDdateday {
	border-width: 0px;
	height: 32px;
	width: 28px;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	display: inline-block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	vertical-align: middle;
	text-decoration: none;
	cursor: default;
}
.DDtimeline, .dateline ,.DDcalcline{
	height: 32px;
	line-height: 32px;
	font-size: 26px;
}
.DDcalcline2{
	margin-top: 5px;
	margin-bottom: 5px;
}
.DDcalcpart {
	line-height: 32px;
	z-index: 5;
	display: none;
}
.DDcalcinfo {
	display: none;
	position: absolute;
	background-color: var(--DDwhite);
	top: 65px;
	left: 4px;
	width: 247px;
	padding: 3px;
	height: 0px;
  transition: height 0.25s;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-color: var(--DDmainColor) var(--DDwhite) var(--DDwhite) var(--DDmainColor);    
}
/* ----- message window ----- */
.DDpopuptitle {
	display: block;
	text-align: center;
	line-height: 20px;
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
}
.DDpopupbody {
	min-height: 80px;
	left: 0px;
	position: relative;
	display: block;
	border-width: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* ------ hslider definitions ------- */
.slidera,.slideraro,.sliderb,.sliderc {
	position: relative;
	height: 20px;
	top: 0px;
	left: 0px;
	background: linear-gradient(rgba(255,255,179,1) 0%,rgba(255,255,0,1) 46%,rgba(183,183,0,1) 53%, rgba(154,131,1,1) 100%);
	display: inline-block;
	vertical-align: bottom;
}
.slideraro {
	background: linear-gradient(rgba(229,229,229,1) 0%,rgba(170,170,170,1) 46%,rgba(122,122,122,1) 53%, rgba(95,95,95,1) 100%);
}
.sliderb, .sliderc {
	background: linear-gradient(rgba(164,255,255,1) 0%,rgba(76,181,224,1) 50%,rgba(6,113,158,1) 56%, rgba(4,72,102,1) 100%);
}
._DDhprogress, ._DDvprogress, .DDhslider, .DDvslider {
	display: inline-block;
}
/* ------ vslider definitions ------- */
.vslidera,.vslideraro,.vsliderb,.vsliderc {
	position: relative;
	width: 20px;
	top: 0px;
	left: 0px;
	background: linear-gradient(to right,rgba(164,255,255,1) 0%,rgba(76,181,224,1) 50%,rgba(6,113,158,1) 56%, rgba(4,72,102,1) 100%);
	display: block;
	vertical-align: top;
}
.vslideraro {
	background: linear-gradient(to right,rgba(229,229,229,1) 0%,rgba(170,170,170,1) 46%,rgba(122,122,122,1) 53%, rgba(95,95,95,1) 100%);
}
.vsliderb, .vsliderc {
	background: linear-gradient(to right,rgba(255,255,179,1) 0%,rgba(255,255,0,1) 46%,rgba(183,183,0,1) 53%, rgba(154,131,1,1) 100%);
}
.DDbm {
	height: 22px;
	margin-top:2px;
	line-height: 20px;
	cursor: default;
}
.DDbm:hover {
	background: var(--DDsecondColor);
}
.DDfabutton,.DDfabutton2{
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	width: 18px;
	height: 19px;
	font-size: 19px;
	text-align: right;
	color: var(--DDblack);
}
.DDfabutton:hover{
	color: var(--DDhilight);
}
.DDfabutton3{
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 8px;
	width: 18px;
	height: 19px;
	font-size: 19px;
	text-align: right;
	color: var(--DDblack);
}
.DDfabutton4{
	margin-bottom: 1px;
	margin-right: 5px;
}
.DDnews {
	margin-right:5px;
	float: right;
	width: 55px;
	height: 25px;
	padding-top: 2px;
	font-size: 22px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
#DDnews3 {
	animation: DDblinknews 1.5s linear;
	animation-iteration-count: 5;
}
@keyframes DDblinknews {
  from {color: var(--DDwhite);}
  to {color: var(--DDmainColor);}
}
.DDnews2 {
	font-size: 14px;
}
/* tile windows */
.il26 {
	background-image: url(../../../doubledutch/include/img/il26.png);
}
.il06 {
	background-image: url(../../../doubledutch/include/img/il06.png);
}
.il07 {
	background-image: url(../../../doubledutch/include/img/il07.png);
}
.il09  {
	background-image: url(../../../bizz-e_new/include/img/il09.png);
}
.il13  {
	background-image: url(../../../doubledutch/include/img/il13.png);
}
.il55 {
	background-image: url(../../../doubledutch/include/img/il55.png);
	line-height: 17px;
	padding-top: 4px;
	padding-right: 18px;
}
.DDcardimg,.DDcardimgro {
	width: 128px;
	height: 128px;
}
.DDcardtxt{
	padding: 5px;
	width: 118px;
	text-align: center;
}
.DDcard, .DDcardro{
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid var(--DDmainColor);
	background-color: var(--DDrow);
	vertical-align:top;
	height: 164px;
	display: none;
}
.DDcardimg:hover {
	opacity:0.8;
	filter: hue-rotate(45deg);
}
.DDcardro{
	background-color: var(--DDgreylo);
}
.DDtilesibling{
	vertical-align:top;
}
.DDcard2,.DDcard3,.DDcard2RO{
	width:calc(25% - 8px);
	display:inline-block;
	border: 1px solid var(--DDmainColor);
	background-color: var(--DDrow);
	margin:3px;
	vertical-align:top;
	min-height:406px;
	position:relative;
	color: var(--DDblack);
}
.DDcard2footer{
	position:absolute;
	bottom:-1px;
	left: -1px;
	width: calc(100% - 8px);
	height:26px;
	text-align:center;
}
.DDcard2title,.DDcard2footer,.DDcard2footer2{
	line-height: 25px;
	font-size: 11pt;
	font-family: "Verdana bold", sans-serif;
	background-color: var(--DDmainColor);
	color: var(--DDwhite);
	padding:5px;
}
.DDcard2footer2{
	position:absolute;
	bottom:-1px;
	left: -1px;
	width: calc(100% - 16px);
	height:18px;
	text-align:center;
	background-color:inherit;
	color: var(--DDmainColor);
	border:4px solid;
	line-height:18px;
}
.DDcard2icon{
	font-size: 60pt;
	line-height:80px;
	text-align:center;
	color: var(--DDmainColor);
}
.DDcard2body{
	padding:3px;
	min-height:340px;
}
.DDcard2:hover {
	filter: hue-rotate(45deg);
}
#DDbookmarkwindow {
	display: inline-block;
	z-index: 5;
	bottom: 20px;
	left: -100px;
	width: initial;
	transition: left 0.5s;
	visibility: hidden;
}
._DDctitem,._DDctitemsel,._DDctitemro {
	color: var(--DDblack);
  padding: 3px 1px 1px 5px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
	height: 16px;
	display: inline-block;
}
._DDctitem {
	background-color: var(--DDrow);
	border-color: var(--DDrow);
}
._DDctitemsel{
	background-color: var(--DDhilight);
	border-color: var(--DDmainColor);
}
._DDctitem:hover,._DDctitemsel:hover {
	background-color: var(--DDsecondColor);
}
._DDctitemro {
	color: var(--DDgreylo);
	background-color: var(--DDgreylo);
}
.DDctree{
	width: 100%;
	margin-left: 20px;
	margin-right: 35px;
	margin-top: 10px;
}
._DDctactive {
	color: var(--DDblack);
  padding: 3px 1px 1px 5px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
	height: 18px;
	display: inline-block
}
.DDheader {
	line-height: 5em;
	height: 64px;
}
td.DDtextLeft {
	width: calc(100% - 335px);
	margin-left:10px;
	display:inline-block;
}
.DDtextLeft {
	width: calc(100% - 335px);
	margin-left:10px;
	display:inline-block;
}
.DDitem {
	border: 1px solid var(--DDmainColor);
	border-radius: 10px;
	width: 280px;
	height: 140px;
	padding: 10px;
	margin: 10px;
	color: var(--DDblack);
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align:top;
}
.DDpartnerimg {
	max-width: 240px;
	height: 100px;
}
.DDlblsymbol{ /* zie select partner */
	font-weight:bold;
}
/* Registration extra */
.DDpager {
	font-size: 16pt;
}
/*-------------------- Column defs ------------------------*/
.DDmenu3col {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.DDmenu2col {display: grid;grid-template-columns: 1fr 1fr;}
.DDmenu1col {display: grid;grid-template-columns: 1fr;}

.DDmenuColumn {
	width: 33%;
}
.DDcolumn1{
	width: 50%;
	float: left;
}
.Dcolumn1{
	width: 100%;
	float: left;
}
.Dcolumn2{
	width: 50%;
	float: left;
}
.Dcolumn3{
	width: 33%;
	float: left;
}
.Dcolumn60{
	width: 66%;
	display: inline-block;
	vertical-align: top;
}
.Dcolumn40{
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
.DDcolumn1 img,.Dcolumn1 img,.Dcolumn2 img,.Dcolumn3 img{
	display: block;
	margin: 0 auto;
}
.DDcolumn1 p,.Dcolumn1 p,.Dcolumn2 p,.Dcolumn3 p{
	width: 95%;
}
/*--- tables ----*/
table {
	border: 0px solid;
	width: 100%;
	font-family: Verdana;
	font-size: 12px;
	padding: 2px;
}
th {
	margin-right: 2px;
  background-color: var(--DDmainColor)
}
td {
	font-family: arial;
	font-size: 12px;
	padding: 4px;
}
td textarea {
	width: 98%;
  border-color: var(--DDmainColor);
}
h2 {
	margin-top: 0px;
}
a, a:visited {
	text-decoration: none;
	color: var(--DDlinkcolor);
}
a:hover {
	color: var(--DDhovercolor);
  	text-decoration: none;
}
/*-------------------- Bars%Stripes ------------------------*/
.DDcolumnBnS{
  column-width: 150px;
  column-count: 10;
	width: 98%;
	white-space: nowrap;
	user-select: all;
}
/*--------------------------------------------*/

@media all and (min-width: 320px) and (max-width: 1024px){
	ul li a, .DDdisabledLink{
		font-size: 16px!important;
	}
	tr{
		height: 32px!important;
	}
	.DDmenuButton,.DDmenuButtonro{
		width: 33% !important;
		height: 32px!important;
	}
	.DDbreadcrumb{
		font-size: 16px!important;
	}
}	
.DDtreeview {
	font-size: 11px;
	white-space: nowrap;
}
.DDtreeviewleft {
	background-color: var(--DDrow);
	display:inline-block;
	border-right:var(--DDmainColor) 1px solid
}
.DDtreeview a.node {
	padding: 1px 2px 1px 2px;
	color: var(--DDblack);
}
.DDtreeview a.nodeSel {
	padding: 1px 2px 1px 2px;
	background-color: var(--DDhilight);
	color: var(--DDblack);
}
.DDtreeview .clip {
	overflow: hidden;
}
.DDtreeview a.node:hover, .DDtreeview a.nodeSel:hover {
	background-color: var(--DDsecondColor);
	text-decoration: underline;
	cursor: pointer; 
}
.DDtreeview a.dnd {
	color: var(--DDwhite);
	background-color: var(--DDmainColor);
}
.ddanchor:before{
 content: "\2326";
}
.DDpalbtn{
	width: 18px;
	height: 16px;
	display: inline-block;
	cursor: default;
	background: var(--DDrow);
	color: var(--DDmainColor);
	border-style: solid;
	border-width: 1px;
	border-color: var(--DDwhite) var(--DDmainColor) var(--DDmainColor) var(--DDwhite);
}
.DDpalbtn2{
	width: 76px;
	height: 48px;
	margin-right: 2px;
	display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: var(--DDmainColor);
    background: var(--DDrow);
}
.DDrtedocument {
	border-style: solid;
	border-width: 1px;
	background: var(--DDrow);
	border-color: var(--DDhilight);
	padding: 3px;
	clear: left;
	height: 200px;
	font-size: 12pt;
	overflow: scroll;
}
.DDrteditor {
	font-size: 20px;
	line-height: 32px;
	border-style: solid;
	border-width: 1px;
	background: var(--DDhilight);
	border-color: var(--DDmainColor);
	overflow: auto;
	margin-bottom: 2px;
	padding: 2px;
}

.DDinputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.DDinputfile + label {
	font-size: 16px;
	color: var(--DDwhite);
	background-color: var(--DDmainColor);
	cursor: pointer;
	padding: 3px;
}
.DDinputfile + label + span {
	padding: 3px;
}
.DDinputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.DDhelptitle {
	margin-top:5px;
	color: var(--DDwhite);
	background-color: var(--DDmainColor);
	padding: 10px;
}
.DDhelp {
	line-height: 16px;
	font-size: small;
	overflow: hidden;
	position: relative;
	animation: DDslidein 0.5s linear;
}
@keyframes DDslidein {
  from {left: 110%;}
  to {left: 0%;}
}
.DDtreein {
	position:relative;
  animation: DDslidein2 0.5s linear;
	animation-fill-mode: forwards;
  left: -100%;
}
@keyframes DDslidein2 {
  from {left: -100%;}
  to {left: 0%;}
}
.DDhelplink {
	color: var(--DDmainColor);
}
.DDhelplink:hover {
	color: var(--DDsecondColor);
	text-decoration: underline;
}
.DDatfscript {
	color: var(--DDblack);
	font-size:small
}
.DDatfscript:hover {
	background-color: var(--DDsecondColor);
}
.DDgradienteditor{
	border-style: solid;
	border-width: 1px;
	border-color: var(--DDmainColor);
	margin-top:3px;
	padding:3px;
	display:inline-block;
	min-width:336px;
}
.DDgraedit{
	height:40px;
	margin-left:4px;
	margin-right:4px;
}
.DDgrapnt{
	position:relative;
	width:9px;
	height:14px;
	top:-8px;
	display:inline-block;
	background-image: url(../../../doubledutch/include/img/il19.png);
	background-position: 0px 0px;
}
.DDimg {
	margin-top:5px;
	margin-bottom:5px;
}
/*--- image carousel */
._DDimgcarousel{
	border-style: solid;
	border-width: 1px 0px;
	border-color: var(--DDmainColor);
}	
.DDimgcleft{
	width:25px;
	display:inline-block;
	vertical-align: top;
	line-height: 550px;
	border-style: solid;
	border-width: 0px 1px;
  border-color: var(--DDmainColor);
	font-size:30px;
	text-align:center;
}
.DDimgcleft:hover {
	background: var(--DDrow);
}
.DDimgc{
	width:374px;
	height:530px;
}
.DDimgc2{display:inline-block;width:374px;}
.DDimgct{
	height:540px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
  border-color: var(--DDmainColor);
	display:inline-block;
	vertical-align:top;
	padding:5px;
	width: calc(100% - 439px);
}
.DDimgclose{
	animation-name: closepage;
  animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@keyframes closepage {
  0% {width:374px;}
  100% {width:0px;}
}
.DDimgopen{
	animation-name: openpage;
  animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@keyframes openpage {
  0% {width:0px;}
  100% {width:374px;}
}
._DDbtngrpopen{
  transition-property: opacity,width;
  transition-duration: 0.4s,0.4s;
}
/*--- dropdown menus */
.DDbMVimg{
	width: 64px;
	height: 64px;
	display:inline-block;
}
.DDmnutitle {white-space:nowrap;display:inline-block;vertical-align:top;margin-left:5px;}
.DDmnusep {
	width:5px;
	border-left: 1px solid white;
	margin-left:10px;
	margin-right:3px;
}
.DDmnu {display:inline;font-size:small;list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: var(--DDmainColor);}
.DDdropdown {display: inline-block;}
.DDdropdown:hover>.DDsubmenu {display: block;}
.DDdropbtn,.DDdropbtn:visited {display: inline-block; color: var(--DDwhite); text-align: center; padding: 0px 10px; text-decoration: none;}
.DDmenuitem,.DDmenuitem:visited {color: var(--DDblack); padding: 8px 16px; text-decoration: none; display: block; text-align: left;}
.DDmenuitem:hover,.DDdropdown:hover>.DDdropbtn {background-color: var(--DDsecondColor);color: var(--DDblack);}
.DDsubmenu {display: none; position: absolute; background-color: var(--DDrow); min-width: 160px; box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.4); z-index: 1;}
.DDlitxt {margin-left:10px;}
.DDmenuline {color: var(--DDgreylo);}
 
/* grouper control */
.DDgrouperborder{
	border-radius:9px;
}
.DDgrouperborder,.DDgrouperborder2,.DDgrouperborder3{ /* geen ronde hoekjes*/
	/*border:solid 1px;*/
	border-color: var(--DDmainColor);
	padding: 5px;
	margin-top:15px;
	margin-bottom:3px;
	margin-right:5px;
	vertical-align:top;
	/*font-size: 8px;*/
}
.DDgrouperborder3{ /* tab*/
	margin-top:4px;
	background-color:var(--DDgrouper);
}
.DDgrouper{
	border-radius:10px;
}
.DDgrouper,.DDgrouper2 {
	font-size: 16px;
	position:relative;
	top:-17px;
	left:15px;
	background-color:var(--DDmainColor);
	color: var(--DDwhite);
	padding-left:15px;
	padding-right:15px;
	padding-bottom:3px;
}
/* bar diagram */
.DDdiagram{
display:inline-block;	border: 1px solid;padding: 3px 3px 3px 3px;border-color: var(--DDmainColor);margin-right:5px;
}
.DDdiagram1,.DDdiagram2 {
	display:inline-block;
	width:40px;
	margin-right:3px;
}
.DDdiagram2 {
	height:22px;
	text-align: center;
	line-height: 20px;
}
/* piano */
.DDpiano1{
	display:inline-block;
	width: 30px;
	background-color: var(--DDmainColor);
	vertical-align: top;
}
.DDpiano2{
	padding-left:3px;
}
/* tab control */
.DDtabs {
	font-size: 18px;
	line-height: 30px;
	margin-bottom:-16px;
	margin-left: 30px;
	width: calc(100% - 34px);
	position: relative;
}
.DDpaneltabs {
	font-size: 18px;
	margin-left: 30px;
	position: relative;
}
.DDpanelvtabs {
	display: inline-block;
	margin-top:4px;
	font-size: 18px;
	position: relative;
}
.DDtabsheet,.DDtabdisabled,.DDtabselected{
	border-radius: 5px 5px 0px 0px;
}
.DDvtabsheet,.DDvtabselected,.DDvtabdisabled{
	display: inline-block;
	margin-bottom: 2px;
	border-radius: 5px 0px 0px 5px;
}		
.DDtabsheet,.DDtabdisabled,.DDvtabsheet,.DDvtabdisabled,.DDtabselected,.DDvtabselected{
	padding: 0px 8px 4px 8px;
	margin-right:1px;
	border-color: var(--DDmainColor);
	border-width: 1px;
	background-color:var(--DDrow);
}
.DDtabselected{
	border-color: var(--DDmainColor) var(--DDmainColor) var(--DDbackgr) var(--DDmainColor);
	border-width: 1px 1px 2px 1px;
	background-color:var(--DDgrouper);
}
.DDvtabselected{
	border-color: var(--DDmainColor) var(--DDbackgr) var(--DDmainColor) var(--DDmainColor);
	border-width: 1px 2px 1px 1px;
	background-color:var(--DDgrouper);
}
.DDtabdisabled,.DDvtabdisabled{
	background-color:var(--DDgreylo);
}
.DDtabsheet:hover,.DDvtabsheet:hover,.DDtabdisabled:hover,.DDvtabdisabled:hover{
	background-color:var(--DDsecondColor);
}
.DDwish1{
	background-color:#FF9797;
	color:#000000;
	border-radius:3px;
}
.DDwish2{
	background-color:#4dbeef;
	color:#000000;
	border-radius:3px;
}
.DDwish3{
	color:#000000;
	background-color:#7df381;
	border-radius:3px;
}
.DDrruletbar{
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: var(--DDmainColor);
	padding: 1px; 
	line-height: 9px;
	margin-bottom: 5px;
	margin-left:175px;
}
.DDlisttoolboxinfo{
	margin-left:10px;
	font-size:small;
	color: var(--DDblack);
	overflow:hidden;
}
/* form line / label area /  control area classes */
.DDformline{
	display:inline-block;
	width:50%;
}
.DDformline2{
	display:inline-block;
	width:35%;
	vertical-align: top;
}