/* @class="apZenDf.Component.fieldComponentSet" */

.ap-fc {
	transition-property: filter;
	transition-duration: 0.25s;
}

.ap-fc:empty:not(.ap-fc-input) {
	display: none;
}
.ap-fc.ap-fc-input:empty::after {
	/* Simuleer inhoud voor een input-element dat geen inhoud (:empty) heeft om zodoende toch een opgevulde div te krijgen (met eg een zichtbare readonly markup) */
	content: 'dummy';
	visibility: hidden;
}

.ap-fc:not(.ap-dbReadOnly) > .dateTextDiv {
	width: calc(100% - 22px) !important;
}
.ap-fc-property-combo table,
.ap-fc-property-combo.ap-dbReadOnly input.comboboxInput {
	width: 100%;
}
.ap-fc-property-combo:not(.ap-dbReadOnly) input.comboboxInput {
	width: calc(100% - 20px) !important;
}
.ap-fc.ap-dbReadOnly:not(.ap-cmp-email) {
	pointer-events: none;
}
.ap-fc.ap-dbReadOnly > .dateTextDiv,
.ap-fc input.text,
.ap-fc textarea.textarea,
.ap-fc input.dateTextInput,
.ap-fc.zendiv > .button,
.ap-fc.ap-dbLookupEdit .group,
.ap-fc.ap-dbLookupEdit .ap-text-and-trigger > table > tbody > tr > td:nth-of-type(2) {
	width: 100% !important;
}

.ap-fc-container.loading {
	background-color: #CCC;
	filter: grayscale(1);
	opacity: 0.5;
}
.ap-fc-container.loading input,
.ap-fc-container.loading textarea,
.ap-fc-container.loading .ap-dbLookupEdit .spanTrigger,
.ap-fc-container.loading .dateTextIcon,
.ap-fc-container.loading .ap-html {
	visibility: hidden;
}

.ap-fc-hint {
	margin-top: 4px;
	margin-bottom: 8px;
  background-color: #201c29e6;
  padding: 6px 6px 6px 8px;
  box-shadow: 2px 2px 4px 1px #9E9E9E;
  color: white;
  border-radius: 4px;
}

.ap-fc-hint .button {
	border: 0 !important;
}

.ap-fc-icon-button > .button.ap-icon {
	line-height: normal !important;
}

.ap-fc-label {
	white-space: nowrap;
	height: 100%;
  line-height: 22px;
}

.ap-fc-label.ap-fc-disabled:not(.ap-fc-readonly) {
	opacity: 0.4;
}

.ap-fc-disabled {
	pointer-events: none;
	filter: grayscale(1);
}

.ap-fc-dimmed {
	filter: blur(0) opacity(20%) grayscale(100);
	pointer-events: 'none';
}

.zendiv.ap-fc-disabled .button:disabled {
	opacity: 1;
}

.ap-fc-hidden {
	display: none;
}

.ap-fc-info-html {
	border: 1px solid #d4d4d4;
	background-color: #F5F5F5 !important;
	padding: 2px 4px;
}

.ap-fc-dragHandle > img {
	margin-top: 2px;
	vertical-align: middle;
	cursor: pointer;
}

/* @class="apZenDf.Component.dropdownButton" */

.ap-dropdownButton {
	cursor: default;
}

.ap-dropdownButton .btn-group > .btn-default.ap-dropdown-is-hidden {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.ap-dropdownButton .dropdown-menu > li {
	font-size: 12px;
}

.ap-dropdownButton .dropdown-menu > li:not(.dropdown-header):hover {
	cursor: pointer;
}

.ap-dropdownButton .dropdown-menu > li.dropdown-header.ap-icon-left,
.ap-dropdownButton .dropdown-menu > li > a.ap-icon-left {
	text-align: left;
}

.ap-dropdownButton .dropdown-menu > li.disabled {
	opacity: 0.5;
}

.ap-dropdownButton .dropdown-menu > .disabled > a, 
.ap-dropdownButton .dropdown-menu > .disabled > a:hover,
.ap-dropdownButton .dropdown-menu > .disabled > a:focus {
	color: black !important;   /* nu via opacity hierboven */
}

.ap-dropdownButton .dropdown-header {
	font-weight: bold;
	background-color: #F8F8F8;
	color: #555 !important;
}

.ap-dropdownButton:not(:hover) > .btn-markup-on-hover.dropdown:not(.open) > .dropdown-toggle {
	border-color: transparent;
	background-color: transparent;
	filter: grayscale(1);
}
.ap-dropdownButton:not(:hover) > .btn-markup-on-hover.dropdown:not(.open) > .dropdown-toggle > span.caret {
	display: none;
}

/* @class="apZenDf.Component.dynCalendar" */

/* @doc="Table used to layout the schedule." */
.schedulePaneTable {
	font-family: lucida sans unicode;
	border: 1px solid black;
	width: 100%;
	table-layout: fixed;
}

/* @doc="Header for a day within the schedule." */
.schedulePaneDayHeader {
	background: #CBE2F4;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	font-weight: normal !important;	
}

.schedulePaneDayHeaderTop	{
	background: #CBE2F4;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	font-weight: normal !important;	
}


/* @doc="Header for the schedule." */
.schedulePaneHeader {
	background: #404040;
	background-image: url(images/grad-gray-10x100.png);
	background-repeat: repeat-x;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.scheduleMonthCell {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: right;
	vertical-align: top;
	position: relative;
	font-size:10px;

}

.scheduleMonthCellGray{
	font-size:10px;
	background-color:#DADADA !important;
	color:grey;
}

/* @doc="Description for a schedule cell." */
.scheduleSlotCaption {
	font-size: 8pt;
	text-align: left;
	vertical-align: middle;
	border: none;
}

.scheduleMonthCellHi {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: right;
	vertical-align: top;
	color:white;
	background: #3892D3 !important;
	position: relative;
}

.calendarItem{
	font-size:11px;
}

.calendarItemExtra{
	text-align: right;
	font-size:11px;
	text-align: right;
	vertical-align: top;
	position: relative;
	padding: 2px;

}

.calendarExtraItems{
	text-align: right;
	font-size:11px;
	text-align: right;
	vertical-align: top;
	position: relative;
	padding: 2px;

}

.scheduleMonthItems {
	padding: 2px;
	padding-top:11px;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	overflow: hidden;
	position: absolute;
}

.scheduleSlot, .scheduleSlotHi {
	border-right: none;
}

/* @class="apZenDf.Component.dynCalendarMonthDetail" */

/* @doc="Table used to layout the schedule." */
.schedulePaneTable {
	font-family: lucida sans unicode;
	border: 1px solid black;
	width: 100%;
	table-layout: fixed;
}

/* @doc="Header for a day within the schedule." */
.schedulePaneDayHeader {
	background: #CBE2F4;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	font-weight: normal !important;	
}

.schedulePaneDayHeaderTop	{
	background: #CBE2F4;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	font-weight: normal !important;	
}


/* @doc="Header for the schedule." */
.schedulePaneHeader {
	background: #404040;
	background-image: url(images/grad-gray-10x100.png);
	background-repeat: repeat-x;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.scheduleMonthCell {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: right;
	vertical-align: top;
	position: relative;
	font-size:10px;

}

.scheduleMonthCellGray{
	font-size:10px;
	background-color:#DADADA !important;
	color:grey;
}

/* @doc="Description for a schedule cell." */
.scheduleSlotCaption {
	font-size: 8pt;
	text-align: left;
	vertical-align: middle;
	border: none;
}



.calendarItem{
	font-size:11px;
}

.calendarItemExtra{
	text-align: right;
	font-size:11px;
	text-align: right;
	vertical-align: top;
	position: relative;
	padding: 2px;

}

.calendarExtraItems{
	text-align: right;
	font-size:11px;
	text-align: right;
	vertical-align: top;
	position: relative;
	padding: 2px;

}

.scheduleMonthItems {
	padding: 2px;
	padding-top:11px;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	overflow: hidden;
	position: absolute;
}
/* @class="apZenDf.Component.iframe" */

.ap-iframe.stretched,
.ap-iframe.stretched > iframe {
	height: 100%;
	width: 100%;
}

/* @class="apZenDf.Component.colorPicker" */
table.colorPicker {
	border: 0px solid #7F9DB9 !important;
}

.colorPickerCell {
	cursor: pointer;
	border: 0 !important;
	padding: 2px !important;
}

.colorPickerCell div {
	border: 1px solid #aca899 !important;
}

.colorPickerCellSelected,
.colorPickerCellSelected div {
	border-color: #4F4F4F !important;
}

/* @class="apZenDf.Component.dataGrid" */
	
	/*
	.dataGrid{
		background: none !important;
	}

	.dataGrid, .dgCell, .dgHdr, .dgOverlay{
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: color 0 ease-in !important;
		transition: none !important;
	}

	div.dgHdr, div.dgHdrSelected{
		background: none !important;
		background-color: #DDDDDD !important;
		font-weight: normal !important;
		font-family: tahoma, arial, verdana, sans-serif !important;
		font-size: 12px !important;
	}
	
	.dgSelector, .dgSelectorFocus{
		border: none !important;
	}
	*/
	
/* @class="apZenDf.Component.dateText" */

.dateTextDiv {
	height: 21px !important;
	border: 0 !important;
}

.dateTextInput {
	height: 100%;
}

.dateTextIcon {
	margin: 2px 0 0 2px;
	cursor: pointer;
}

/* @class="apZenDf.Component.dynaGrid" */

.dynaGridWrapper {
	border: 1px solid #7F9DB9 !important;
	border-top: 0px !important;
}

.dynaGridWrapperHeader {
	border: 1px solid #7F9DB9 !important;
	border-bottom: 0px !important;
	height: 22px !important;
	overflow: hidden !important;
}

table.dynaGrid {
	color: black !important;
}

table.dynaGrid td,
table.dynaGridDisabled td {
	border-left: 1px solid #EDEDED !important;
	border-bottom: 1px solid #EDEDED !important;
	cursor: default !important;
	text-align: left !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
	vertical-align: top;
}

table.dynaGrid td div, table.dynaGridDisabled td div {
	padding: 4px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

table.dynaGrid th.dynaGridColumn,
table.dynaGridDisabled th.dynaGridColumn {
	background-color: #E6E7E9 !important;
	font-weight: normal !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	cursor: default !important;
	height: 22px;
}

table.dynaGridDisabled {
	background: none !important;
}

table.dynaGrid th.dynaGridColumn,
table.dynaGridDisabled th.dynaGridColumn {
	border-left: 1px solid #C5C5C5 !important;
	border-bottom: 1px solid #C5C5C5 !important;
}

table.dynaGrid tr.dynaGridRowEven {
	background: #FAFAFA !important;
}

.dynaGridWrapperHeader {
	height: auto !important;
}
.dynaGridInput {
	background: #FAFAFA !important;
	height:100% !important;
	padding: 0 !important;
	border:none !important;
}

.ap-dynagrid.ap-invalidInput {
	outline: 2px solid #F5B5AB !important;
}

.ap-dynagrid.ap-orderable .dynaGridWrapperHeader,
.ap-dynagrid.ap-orderable .dynaGridWrapperHeader > table.dynaGrid,
.ap-dynagrid.ap-orderable .dynaGridWrapperHeader > table.dynaGridDisabled,
.ap-dynagrid.ap-orderable .dynaGridWrapper,
.ap-dynagrid.ap-orderable .dynaGridWrapper > table.dynaGrid,
.ap-dynagrid.ap-orderable .dynaGridWrapper > table.dynaGridDisabled {
  width: fit-content !important;
}

.ap-dynagrid.ap-orderable .dynaGridWrapperHeader tbody,
.ap-dynagrid.ap-orderable .dynaGridWrapper tbody {
  display: flex;
  flex-direction: column;
}

.ap-dynagrid.ap-orderable th.dynaGridColumn {
	white-space: normal;
	word-break: break-all;
}

.ap-dynagrid.ap-orderable .dynaGridWrapper > table.dynaGrid td div, 
.ap-dynagrid.ap-orderable .dynaGridWrapper > table.dynaGridDisabled td div {
	word-break: break-all;
  white-space: normal;	
}
/* @class="apZenDf.Component.email" */

/*ps: valid-selector enkel 'actief' wanneer de input-control NIET-readonly staat gemarkeerd*/
.ap-cmp-email input[type=email].has-value:valid {
	color: blue;
	cursor: pointer;
}

.ap-cmp-email input[type=email].has-value:valid:hover {
	text-decoration: underline;
}

.ap-cmp-email.ap-dbReadOnly input[type=email].has-value {
	color: blue !important;
	text-decoration: underline;
	cursor: pointer;
}
.ap-cmp-email.ap-dbReadOnly input[type=email]:not(.has-value) {
	pointer-events: none;
}

/* @class="apZenDf.Component.fieldSet" */

.zenAsciFieldSet {
	margin-top: 8px;
	padding: 4px 16px 16px 16px;
	border: 1px solid #B5B8C8;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
	background-color: white;
}

.zenAsciFieldSetLegend {
	position: relative;
	font-weight: bold;
	font-size: 0.9em;
	color: white;
	background-color: #8CB3E4;
	z-index: 1;
	top: -12px;
	padding: 2px 4px;
	left: -8px;


	border: 1px solid #7f9db9;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
}

/* @class="apZenDf.Component.hgroup" */

.ap-hgroup .labelText {
	height: 20px;
	line-height: 20px;
}

/* @class="apZenDf.Component.number" */

.ap-cmp-number input[type=number]::-webkit-inner-spin-button, .ap-cmp-number input[type=number]::-webkit-outer-spin-button {
	opacity: 0.5;
}

/* @class="apZenDf.Component.tablePane" */

.ap-tablePane .tpPadRow {
	display: none;
}

.ap-tablePane > .tpTable > .tpBody > tr.ap-deleted > td {
	text-decoration: line-through !important;
	color: silver !important;
	filter: grayscale(1) !important;
}

.ap-tablePane > .tpTable > .tpBody > tr.ap-deleted > td img {
	opacity: 0.5;
}

.ap-tablePane.ap-sticky-header {
	border: 1px solid #7F9DB9;
}

.ap-tablePane.ap-sticky-header > .tpTable {
	border: 0;
}

.ap-tablePane.ap-sticky-header > .tpTable > .tpHead > tr:not(.tpFilterRow) > th  {
	position: sticky;
	top: 0;
	z-index: 10000;
}

.ap-tablePane.ap-multiSelect > .tpTable > .tpHead > tr > th:nth-child(1),
.ap-tablePane.ap-multiSelect > .tpTable > .tpBody > tr > td.tpCB {
	text-align: center;
}

.ap-tablePane.ap-multiSelect > .tpTable > .tpHead > tr > th:nth-child(1) > input,
.ap-tablePane.ap-multiSelect > .tpTable > .tpBody > tr > td.tpCB > input {
	margin: 0;
}

.ap-tablePane.ap-breathingRoom > .tpTable > .tpHead > tr > th,
.ap-tablePane.ap-breathingRoom > .tpTable > .tpBody > tr > td {
	padding: 4px 8px;
}

.ap-tablePane.ap-sticky-header > .tpTable > .tpHead > tr.tpFilterRow .tpFilterLayout > tbody > tr > td {
	border: none !important;
}

.ap-tablePane.ap-sticky-header > .tpTable > .tpHead > tr.tpFilterRow > th input[type=text].tpFilter {
	width: 100%;
}

/* @class="apZenDf.Component.vgroup" */

/* DEPRECATED 03/11:
.ap-vgroup .labelText {
	position: relative;
	top: 2px;
}
*/

.ap-vgroup .labelText {
	height: 20px;
	line-height: 20px;
}

/* @class="apZenDf.Component.dbLookupEdit" */

.ap-dbLookupEdit .triggers {
	position: relative;
}

.ap-dbLookupEdit .spanTrigger {
	border: 1px solid #7B9EBD;
	padding: 2px 3px;
	background-color: #f4f4f4;
}

.ap-dbLookupEdit:not(.disabled) .spanTrigger {
	cursor: pointer;
}

.ap-dbLookupEdit.disabled .ap-lblExtra .labelText {
	color: gray;
}

.ap-dbLookupEdit .spanTrigger:hover {
	background-color: #f8f8f8;
}

.ap-dbLookupEdit.disabled .spanTrigger {
	color: #BBB;
}

.ap-dbLookupEdit .spanClear {
	position: absolute;
	background-color: white;
	margin-left: -17px;
	margin-top: -2px;
	padding: 2px 4px;
	cursor: pointer;
	display: none;
}

.ap-dbLookupEdit .spanClear img {
	opacity: 0.2;
}

.ap-dbLookupEdit:not(.disabled):hover .spanClear {
	display: block;
}

.ap-dbLookupEdit .spanClear:hover img {
	opacity: 1;
}

.ap-dbLookupEdit .spanClear.hidden,
.ap-dbLookupEdit.disabled .spanClear {
	cursor: default;
	display: none !important;
}

.ap-dbLookupEdit.ap-invalidInput .ap-invalidUnderline {
	background-image: none;
}

.ap-dbLookupEdit .ap-lblExtra {
	height: 20px;
}

.ap-dbLookupEdit .ap-lblExtra.small .labelText {
	line-height: 14px;
	font-size: 10px;
}

.ECComposit .ECCompositText .text {
	border-right: 0;
}

.ECComposit .ECCompositText.asLink input {
	text-decoration: underline;
	color: #0066CC !important;
	cursor: pointer;
}

.ap-dbLookupEdit.validated .ECCompositText .text,
.ap-dbLookupEdit.validated .spanClear {
	background-color: #DCEDC8 !important;
}

.ap-dbLookupEdit input.text:disabled {
	/* TR 07/03/23: pointer events op disabled ctrls bubblen niet meer naar boven, tenzij pointer-events=none */
	pointer-events: none;
}

/* @class="apZenDf.Component.dialog" */

.asciDialog {
	padding: 0;
}

.asciDialog .modalGroupBody {
	padding: 0;
}

.modalGroup {
	transition: none;   /*No transition here.. please!!*/
}

/* @class="apZenDf.Component.layoutPane" */

.ap-layoutPane {
	display: none;
}

.ui-layout-content {
		padding:	10px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
	}

/* @class="apZenDf.Component.multiSelect" */

	.ap-multiSelect.ap-orientation-flexH {
		 display: flex;
		 align-items: flex-start;
		 gap: 8px;
	}

	.htmlVisualisationX {
		margin-top: 4px;
	}
	
	.htmlVisualisationX li,
	.ap-multiSelect.ap-orientation-flexH .htmlVisualisation li {
		background: #e2e6f0;
		border: 1px solid #9daccc;
		padding: 1px 1px 1px 3px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		display:inline; 
		float:left;
		margin: 0 4px 4px 0;
		max-width: 200px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.ap-multiSelect.ap-orientation-flexH .ap-multiSelect-link-select {
		order: 1;
		padding: 2px;
	}
	.ap-multiSelect.ap-orientation-flexH .htmlVisualisation {
		order: 2;
	}
	.ap-multiSelect.ap-orientation-flexH .htmlVisualisation:empty {
		display: none;
	}
	
	.ap-multiSelect.ap-orientation-flexH .htmlVisualisation ul {
		display: flex;
    flex-wrap: wrap;
    gap: 4px;
	}
	
	.ap-multiSelect.ap-orientation-flexH .htmlVisualisation li {
		margin-bottom: 0;
		white-space: nowrap;
	}
	
	.htmlVisualisationY li {
		background: #e2e6f0;
		border: 1px solid #9daccc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		color: #1c2a47;
		cursor: default;
		white-space: nowrap;
		padding: 2px;
		margin-bottom: 4px;
		list-style-type: none;
	}

	.spanOms {
		margin: 0 4px;
		white-space: nowrap;
	}
	
	.xx	{
	 	text-decoration: none;
	 	color: black;
	}

	.xx img	{
	 	opacity: 0.2;
	 	margin-left: 2px;
	}
	
	.xx img:hover	{
		/*Opacity niet naar 1 laten gaan want dat gaf een visuele bug in Chrome op moment van schrijven 21/08/14*/
	 	opacity: 0.9;
	}
	
	.ap-multiSelect:not(.ap-orientation-flexH) .ap-multiSelect-link-clear {
		margin-bottom: 8px;
	}

/* @class="apZenDf.Component.tabGroup" */

.ap-tabGroup.ap-hide-disabled-tabs .tabGroupButtonDisabled,
.ap-tabGroup.ap-hide-disabled-tabs .tabGroupButtonDisabled + .tabGroupGapTd {
	display: none;
}

.ap-tabGroup.ap-flex1 {
	flex: 1;
}

.ap-tabGroup.ap-flex1 > .tabGroupBar {
	height: 24px;
}

.ap-tabGroup.ap-flex1 > .tabGroupBody {
	height: calc(100% - 24px);
}

.ap-tabGroup.ap-flex1 > .tabGroupBody > div,
.ap-tabGroup.ap-flex1 > .tabGroupBody > div > .group {
	height: 100%;
	width: 100%;
}

/* Overname van EXTJS x-hide-offsets (voor wanneer ..extJSGridSupport=1 maar de ExtJS niet is ingeladen, die zou hide-problemen veroorzaken */
.ap-tabGroup .ap-tab.x-hide-offsets {
	display: block!important;
	visibility: hidden!important;
	position: absolute!important;
	top: -10000px!important;	
}

/* @class="apZenDf.Component.comboBox" */

#ap-page.act-as-web-app .ap-comboBox .comboboxImgButton {
	padding: 7px 7px 8px 7px;
  margin-left: -2px;
}

#zenBody.act-as-web-app .comboboxItem, 
#zenBody.act-as-web-app .comboboxItemSelected {
    font-size: 14px !important;
}

/* @class="apZenDf.Component.dbLocalizeButton" */

.zendiv.ap-dbLocalizeButton.ap-default-layout .button {
	height: 20px !important;
	line-height: 17px !important;
	text-transform: uppercase;
	padding-left: 22px;
	border-radius: 0;
	background-size: 12px;
	/* URL via data-uri, aangezien de css-file van dit component niet in de apzen-sandbox ziet en dus om niets clever te moeten doen op url-gebied */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADbElEQVR42m2Ta0xTZxjH/+f09PS0QE87Cm1pIWxUYasXTFCQOFkyLxCUxS8SsmgUtxgTEz8oaoxT52Xbh2Vjcy5ZsmTLRDGKgwluxmToMi7OKUwmXsDKrdQKtlBK23NOzzn1tcnMor7J8+HN87y/5/9cXgqvOAuKl7GlRYsWZ2c7XV3eSGJ4dNwTGbv393Bvp/RiLPX/S3lFBVdbu2WPNe/N7SLNWbwzEoqdKTjaHQArhgMLxIFvm8+d/bSj/XLsJcCmzbX23XV1v/IZ1sKvOkZR9jqP1sEQHGksPDMKRAWYm6oiW/L1XW1prGg4+ZPvOeDdFSu5Eye+6crNyVmkqCoiYhyTsxJa7k/jcVRBTElAkIE48VXZiM/v66v/+njJUNelWBLQdP7nj6rWrjmsKApUYt7pKJrvhzAeTUBD04hIMoEAArF3XhNwd5bB8D/dhy9+/OFBypZfyPx+qW18jiMz8xmgw/ME3/VMgtOxMOi0YBgGcgIIizJEFZBlBXvfiCAcCgYPHDxkp9JLqoovnPr+2hftA1gzLwsNPT6kpBhgNHBgtQxooiBBLCYpsEXH4E5TkMXGEYtG0dTc8jZlLd9Ss69u1+l2TwA0RSOq0mBYLXQks1arSQJAa+CKe7H6LQeMJjNsegqBwBPUf1m/h7KVf1BjLqs+vd5tQdPtSbgdZshqAlGFIvJpAmAIgEK10Y84b0MKgbpNVBL659Urt6iMkrVL+Mrtf1kMDNJ1wMIsHoNBAQGyMgnymNbQoIiyGvME7kip0LMMsg3Ep9VD8dwYoFJzCpisDUe84FKty3NNOLTcDlEQcdsfQttQDP1hUgajQQUfwqjAIExx0BMVBUbA137mk+QYXRsO7GPzS49tLLSguoCHIMQgihJEScIPdyOYmY3gvVwuuRPPFJGuYLTveuP5xpObkgBT3nydc92ODtbiLDpWZoNDp0IQBUgEMDU1hTTehAs9HnTr3dCRyajT/t7Bhs9KH93qFJ6vsrWwLNO+4v2L6Y6cov2LeTAy6UMwCBPpelvvA3QzLrAcqXvK3zPy24+VI3/84n/pM5nz5unsSyt3bl1VtCM3TZNpJJkv9w7gWsIJJS5OhIfuHB/vbP18ov+68Mrf+N9xzc1nli0t2WaxZKxu/XfslBAJP5x9NHIz8LBffjH2KZqYaEfZ3BceAAAAAElFTkSuQmCC) !important;
}

.zendiv.ap-dbLocalizeButton.ap-default-layout.entity-invalidated .button {
	background-color: #FBE9E7;
  border-color: #BF360C;
	color: #BF360C;
}

.zendiv.ap-dbLocalizeButton.ap-default-layout.entity-translated .button {
	background-color: #E8F3DB;
  border-color: #97C95D;
}

.zendiv.ap-dbLocalizeButton.ap-default-layout:not(.entity-translated):not(.entity-invalidated):not(.entity-current-is-translated) {
	filter: grayscale(1);
}

/* @class="apZenDf.Component.propertyComboBox" */

.comboboxItem, .comboboxItemSelected {
	font-size: 12px;
}

/* EOF */