@import "variables.css?v369";
@import "font.css?v369";
@import "font-awesome.css?v369";
@import "window.css?v369";
@import "btn.css?v369";
@import "overlib.css?v369";
@import "elements.css?v369";

/* icon overwrite close -> cancel
.icon-close:before {
	content: "\e65f";
} */

/* Font */

/* plus-jakarta-sans-regular - latin,latin-ext */
@font-face {
	font-display: swap;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/plus-jakarta-sans/plus-jakarta-sans-v3-latin-ext_latin-regular.svg#ABeeZee') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,
homebottom, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, table, caption {
	margin: 0;
	/*padding: 0;*/
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;*/
	vertical-align: baseline; }

html, body { height: 100%; width: 100%; }

body, body * {
	box-sizing: border-box;
}
body {
	background-color: var(--main-bg-color);
}
	body, body div {
		box-sizing: border-box;
		scrollbar-color: silver white;
	}

body, td, th {
	color: var(--main-font-color);
	font-family: var(--main-font);
	font-feature-settings: "tnum";
	font-size: 13px;
	line-height: 1.4;
}

.logo img {
	height: 50px;
	margin-top: 12px;
	position: relative;
	top: -2px;
}

/*body {
	color: #666666;
	font: normal 13px/20px Verdana, Tahoma, Sans-serif;
	line-height: 160%;
	background: white;
}*/

/* set the default font style for some wysiwyg elements */
.context-menu :not(.icon), .toolbar :not(.icon) {
	font-family: var(--main-font);
	font-size: 14px;
}

body.mode-edit {
	}
	
	body.mode-edit .readonly-mode {
		display: none;
	}

table {
	border-collapse:  separate;
	border-spacing: 0; }

a {
	color: var(--main-accent-color-orange); /* #EA640D */
}

	a:focus {
		outline: 1px dotted #EA640D;
		outline-offset: 2px;
	}

button:focus-visible, button:focus {
	outline-style: solid;
	outline-width: thin;
}

/* Placeholder styles */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.has-default::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}
.has-default::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}
.has-default:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default::-ms-input-placeholder { /* Microsoft Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.placeholder-italic::-webkit-input-placeholder {
	font-style: italic;
}
.placeholder-italic:-moz-placeholder {
	font-style: italic;
}
.placeholder-italic::-moz-placeholder {
	font-style: italic;
}
.placeholder-italic:-ms-input-placeholderr {
	font-style: italic;
}
.placeholder-italic::-ms-input-placeholder {
	font-style: italic;
}


.has-default.placeholder {
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default .placeholder {
	color: silver;
	text-decoration: underline;
	text-decoration-style: dotted;
}
label.placeholder {
	text-decoration: underline;
	text-decoration-style: dotted;
}
select.placeholder option:not(.placeholder) {
	color: rgb(0,0,0);
}

iframe { display: block; }

label {
	display: inline-block;
	/*margin-top: -1px;*/
	margin: 2px;
	vertical-align: middle;
	padding: 3px 12px 3px 0px; }
	
	.key label { padding-right: inherit; }
	label.leftside { padding: 3px 4px 2px 0px; }
	
	label img { vertical-align: top; }
	label img[id^="help"] { position: relative; top: -6px; }

label + input[type=text], label + input[type=number], label + select {
	margin: 4px 0 !important;
}

label:last-child {
	padding-right: 0px;
}

label:has(+ input[type=text]) {
	padding-right: 4px;
	align-content: center;
}
label + input + label:has(+ input:last-child) {
	padding-left: 10px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 700;
	margin: 0 0 15px;
	color: #390969;
}

.h1, h1 {
	font-size: clamp(30px,2.7777777778vw,40px)
}

.h2, h2 {
	font-size: clamp(30px,2.7777777778vw,40px);
	line-height: 1.25;
}

	.h2.h2--white, h2.h2--white {
		color: #fff;
	}

.h3, h3 {
	font-size: clamp(18px,1.3888888889vw,20px);
}

	.h3.h3--orange, h3.h3--orange {
		color: #ff8638;
	}

.h4, h4 {
	font-size: clamp(14px,1.0416666667vw,15px);
}

h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	text-decoration: none;
}

input[type="checkbox"], input[type="radio"] {
	accent-color: var(--checkbox-accent-color);
}
select::selection,
select::-webkit-selection,
select option:checked,
select option:checked:focus {
	accent-color: var(--checkbox-accent-color);
	background-color: var(--checkbox-accent-color);
	color: white;
}

ul.none {
	list-style-type: none;
	margin: 0px;
	padding: 0px; }

.item-container {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	white-space: nowrap;
}
.item-container:not(:last-child) {
	padding-right: 10px;
}

.item-container.item-link-readonly i {
	display: none;
}
.item-container.item-link-readonly.is-readonly i {
	display: inline-block;
}

.left-icon {
	position: absolute;
	color: #aaa;
	left: 9px;
	font-size: 12px;
}
.right-icon {
	position: absolute;
	color: #aaa;
	right: 10px;
	top: 11px;
	font-size: 12px;
}


.loader-small {
	margin-left: 5px;
	display: inline-block;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 13px;
	color: #666666;
}
	
	.loader-small img { vertical-align: middle; }
	.loader-small span { vertical-align: middle; padding-left: 4px; }

.loading-small {
	background-image: url(images/loader_small.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	min-height: 20px;
	display: inline-block;
}

.bar-top {
	position: fixed;
	border-top: 8px solid var(--main-accent-color-gray);
	width: 100%;
	z-index: 200;
}

.bar-panels {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	background: url(/label/formdesk/images/panelstep_line.gif) repeat-x;
	background-position-y: 12px;
	padding: 10px 10px 0 10px; }

	.bar-panels .panel-start, .bar-panels .panel-end {
		width: 50px;
	}
	.bar-panels .panel-step {
		min-width: 50px;
		text-align: center;
		display: flex;
		flex-flow: column;
		align-items: center;
		gap: 6px;
	}

		.bar-panels .panel-step img {
			width: 50px;
			align-self: center;
		}

		.bar-panels .panel-step div:first-child {
			width: 50px;
			height: 50px;
			background-color: var(--main-accent-color-gray);
			border-radius: 25px;
			color: white;
			font-size: 30px;
			align-content: center;
			transition: .3s ease-in-out;
		}
		.bar-panels .panel-step div:first-child i {
			font-size: 25px;
		}
		.bar-panels .panel-step.current-step div:first-child {
			background-color: var(--main-accent-color-orange);
			transition: .3s ease-in-out;
		}

		.bar-panels .panel-step.current-step div {
			font-weight: bold;
		}

#panels {
	display: flex;
	flex-flow: column;
	flex-grow: 1; }

	#panels .panel-scroller {
		display: flex;
		height: 1px;
		flex-grow: 1;
		overflow: auto;
	}
	
	#panels .content-panel {
		display: flex;
		flex-flow: column;
		flex-grow: 1;
	}

/* tabs */
td.tabs, td.tabs td { padding: 0px; }
td.tabs table { width: 100%; }

.radius {
	border: 1px solid #CCCCCC;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radius .fdth {
	/* border-radius */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.shadow, .shadow:focus-within {
	position: relative;
	border: var(--main-hover-border);
	transition: var(--main-hover-transition);
}

	.shadow:hover {
		/*cursor: pointer;*/
		box-shadow: var(--main-hover-shadow);
		border: var(--main-hover-border-hover);
	}
	.shadow:focus-within {
		box-shadow: var(--main-hover-shadow);
		border: var(--main-hover-border-focus);
	}

	.shadow:hover .settings {
		background: url('images/active-link.png') no-repeat center right;
	}
	
div#content {
	/*padding: 0px 0px 0px 0px; */
	position: relative; }

	#content > .content-scroller {
		display: flex;
		flex-flow: column;
		height: 1px;
		flex-grow: 1;
		overflow: auto;
	}

.bar-first { height: 12px; }
	
/*.content-page, .content-panel { position: relative; overflow: inherit; padding-right: 12px; }*/
#pages.padding-top .content-page { padding-top: 12px }

/*#pages { overflow: auto !important; }*/
#pages.float { width: 10px; height: 10px; }
#content > #pages > .content-page > iframe { margin-top: 12px }

.fdexplain > div, .fdinfo > div, .message-info > div, .fdalert > div, .message-explain > div, .message-alert > div {
	padding: 0 4px 0 0;
}

.fdalert, .message-alert, .message-info, .message-explain {
	padding: 0; /* var(--fieldset-padding);*/
}
.fdalert, .message-alert, .message-info, .message-explain {
	background-color: transparent;
	margin-bottom: 20px;
	min-height: 28px;
	/* border-radius */
	border-radius: var(--main-border-radius);
	line-height: 140%;
	vertical-align: top;
	overflow: auto;
	clear: both;
	position: relative;
}
.message-alert {
	padding-left: 48px;
	font-size: 115%;
}

	.message-alert::before {
		content: "\ea07";
		font-family: 'icomoon' !important;
		font-size: 26px;
		line-height: 25px;
		padding-right: 10px;
		vertical-align: text-top;
		position: absolute;
		left: 12px;
	}

/*.message-info::before {
	content: "\ea08";
	font-family: 'icomoon' !important;
	font-size: 28px;
	line-height: 28px;
	padding-right: 10px;
	vertical-align: text-top;
	position: absolute;
	left: 8px;
}*/

.message-alert-highlight {
	background-color: #fff;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	box-shadow: 0px 0px 15px #888;
}

.message-alert.multiline {
	background-position: 6px 18px !important;
}


.fieldset, .content-editor, div.margin, .box {
	/*margin: var(--fieldset-margin);*/
	padding: var(--fieldset-padding); }
	
	.fieldset .content-editor {
		margin: 0px 0px 5px 0px;
	}

body > .fieldset, body > .message-explain, body > .message-info, div.margin, body > .box {
	margin: var(--main-gap);
}

body.embedded .fieldset { margin: 6px 4px 20px 4px; }
/*#content.embed > .fieldset, #content.embed > .fdexplain, #content.embed > .fdinfo { margin-right: 0px; }*/


.fdheader, .header, .footer, header, footer {
	padding: 8px;
	cursor: default;
	color: white;
}
.fdheader, .header, header {
	font-weight: bold;
	background: var(--main-gradient);
}
#content .header {
	background: var(--main-gradient);
}

body .flex-row {
	display: flex;
	flex-direction: row; }

	.flex-row.flex-center {
		align-content: center;
		align-items: center;
	}
		.flex-row.flex-center input[type="radio"], .flex-row.flex-center input[type="checkbox"] {
			top: unset !important;
		}

	.flex-row.flex-start {
		align-content: flex-start;
	}

	.flex-row > input + label {
		margin-right: 8px;
		/*margin-top: unset !important;*/
	}

body .flex-column {
	display: flex;
	flex-direction: column; }

	.flex-column.flex-center {
		align-content: center;
	}

.flex-grow {
	flex-grow: 1;
}
.flex-fixed {
	flex-grow: 0 !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.flex-center-items {
	align-items: center;
}

.flex-gap {
	gap: var(--main-gap);
}
.flex-padding-gap1 {
	padding: var(--main-gap);
}
.flex-padding-gap2 {
	padding: calc(var(--main-gap) / 2);
}
.flex-gap .fieldset, .flex-gap .message-info, flex-gap .message-explain {
	margin: 0px !important;
}

.flex-window {
	display: flex;
	flex-flow: column nowrap; }

	.flex-window #content > .content-scroller > .fieldset,
	.flex-window .row-panel > div.panel .fieldset,
	.flex-window .row-panel > div.panel > .message-info,
	.flex-window .row-panel > div.panel > .message-explain {
		margin-bottom: 8px; /* !important verwijderd tbv settings tab */
	}

	
	/*.flex-window #content > .fieldset:first-child,
	.flex-window #content > .fdexplain:first-child,
	.flex-window #content > .fdinfo:first-child,
	.flex-window #content > .message-explain:first-child,
	.flex-window #content > .message-info:first-child,
	.flex-window .content-page > .fieldset:first-child,
	.flex-window .content-page > .fdexplain:first-child,
	.flex-window .content-page > .fdinfo:first-child,
	.flex-window .content-page > .message-explain:first-child,
	.flex-window .content-page .message-info:first-child {
		margin-top: 8px;
	}*/

	.flex-window form {
		display: flex;
		flex-grow: 1;
		flex-flow: column;
	}

	.flex-window #content {
		display: flex;
		flex-grow: 1;
		overflow: auto;
	}
		/* A content element that does not have a .content-page element within it */
		.flex-window #content:not(:has(> #pages > .page-scroller > .content-page)):not(:has(> .row-panel > #pages > .page-scroller > .content-page)):not(:has(> .sidebar)):not(:has(> .content-scroller)) {
			padding: var(--main-gap);
			gap: var(--main-gap);
		}
			.flex-window #content:not(:has(> #pages > .page-scroller > .content-page)):not(:has(> .row-panel > #pages > .page-scroller > .content-page)):not(:has(> .content-scroller)) > .message-explain,
			.flex-window #content:not(:has(> #pages > .page-scroller > .content-page)):not(:has(> .row-panel > #pages > .page-scroller > .content-page)):not(:has(> .content-scroller)) > .message-info {
				padding: 0px;
			}

	.flex-window.flex-column #content, 
	.window-main.flex-window #content,
	.window-dialog.flex-window #content {
		flex-flow: column nowrap;
	}
	.flex-window-row #content {
		flex-flow: row nowrap;
		align-items: stretch;
	}

	.flex-window #content > .fdexplain,
	.flex-window #content > .message-explain,
	.flex-window #content > .message-info {
		/*margin-bottom: 8px !important;*/
		flex-grow: 0;
		flex-shrink: 0;
		margin-bottom: 0px;
		padding: var(--fieldset-padding);
	}

	.flex-window #content .message-explain,
	.flex-window #content .message-info {
		overflow: unset !important;
	}

	.flex-window #content .fieldset + .content-editor,
	.flex-window #content > .fdexplain + .content-editor,
	.flex-window #content .message-explain + .content-editor,
	.flex-window #content .message-info + .content-editor {
		/*margin-top: 12px !important;*/
	}

	.flex-window .row-panel {
		display: flex;
		flex-direction: row !important;
		flex-wrap: nowrap;
		/*flex-grow: 1;
		margin-top: 8px;*/
	}
	.flex-window .row-panel .sidebar {
		/*margin-top: 0px;*/
	}
	/*.flex-window .row-panel .content-editor-parent > .fieldset,
	.flex-window .content-page > .content-editor-parent:first-child > .fieldset,*/
	.flex-window .row-panel .panel .fieldset:first-child
	/*.flex-window .row-panel .panel .message-info:first-child,
	.flex-window .row-panel .panel .message-explain:first-child*/ {
		margin-top: 0px;
	}
	.flex-window .row-panel .panel {
		display: flex;
		flex-flow: column nowrap;
		flex-grow: 1;
	}

	.flex-window #pages {
		display: flex;
		flex-grow: 1;
		flex-flow: column;
		position: relative;
		align-items: stretch;
		/*margin-top: 8px;*/
	}
		.flex-window #pages.page-top .content-page {
			padding-top: 0px;
		}

	.flex-window .row-panel #pages {
		/*margin-top: 8px;*/
	}

	.flex-window .row-panel .content-page > .fieldset:first-child,
	.flex-window .row-panel .content-page > .message-explain:first-child,
	.flex-window .row-panel .content-page .message-info:first-child {
		margin-top: 0px;
	}

	.flex-window #pages .page-scroller {
		display: flex;
		height: 1px;
		flex-grow: 1;
		overflow: auto;
	}

	.flex-window .content-page {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		align-items: stretch;
		position: relative;
		padding: var(--main-gap) var(--main-gap) 0 var(--main-gap);
		gap: var(--main-gap);
	}
	.flex-window .content-page.flex-grow {
		height: 100%;
	}

	.flex-window #content > #pages > .page-scroller > .content-page {
		/*padding: var(--main-gap);*/
	}

	.flex-window .content-page .fieldset,
	.flex-window .content-page > .fdexplain,
	.flex-window .content-page > .message-explain,
	.flex-window .content-page > .message-info {
		margin: 0px;
	}

		/* The rule below forces the flex model to show a padding below the last .fieldset when an overflow occurs (see https://chenhuijing.com/blog/flexbox-and-padding/) */
		.flex-window .content-page::after {
			content: "";
			padding-bottom: 1px;
		}

	.flex-window .content-editor-parent {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		gap: var(--main-gap);
	}

	.flex-window #pdf-content-default > .fieldset:first-child {
	}

	.flex-window .content-editor, .flex-window .content-preview {
		display: flex;
		flex-grow: 1;
		flex-direction: column;	}

		.flex-window .content-editor > .header {
			flex-shrink: 0;
		}
		.flex-window .content-editor > .content, .flex-window .content-editor > .content .fieldset {
			display: flex;
			flex-grow: 1;
			flex-direction: column;
		}

	.flex-window .editor-container {
		display: flex;
		flex-direction: column;
		flex-grow: 1; }

		.flex-window .editor-container > div:first-child {
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		}

		.flex-window .editor-container .editor-wysiwyg {
			display: flex;
			flex-direction: column;
			flex-grow: 1; }

			.flex-window .editor-container .editor-wysiwyg > div {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}

			.flex-window .editor-container .editor-wysiwyg .cke_inner {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}

			.flex-window .editor-container .editor-wysiwyg .cke_contents {
				flex-grow: 1;
				height: unset !important;
			}

.content-editor, .content-preview, .summary-items {
	background-color: white;
	/* border-radius */
	border-radius: var(--main-border-radius); }
	
	.content-editor {
		padding: 0px;
		/*margin-top: 0px;
		margin-bottom: 5px;*/
		background-color: white;
		min-width: 730px;
		/*min-height: 200px; causes the element to loose its bottom padding/margin */
	}
	.content-editor.fullscreen {
		margin: 12px;
		background-color: white;
		width: 98%;
		height: 92%;
		justify-self: anchor-center;
		align-self: anchor-center;
	}

	body.ck-fullscreen .window-blind-light {
		background-color: var(--main-bg-color);
	}
	
	#editor-preview, .editor-preview {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background-color: white; }

		#editor-preview #preview-frame, #editor-preview #preview-loading, .editor-preview .preview-frame, .editor-preview .preview-loading {
			background-color: white;
		}
		#editor-preview #preview-loading, .editor-preview .preview-loading {
			text-align: center;
			vertical-align: middle
		}
		#editor-preview #preview-loading > div, .editor-preview .preview-loading > div {
			display: inline-block;
			margin-top: 100px;
			color: #666;
		}

	.flex-window #editor-preview, .editor-preview {
		display: flex;
		flex-grow: 1;
		flex-flow: column; }
		
		.flex-window #editor-preview, .editor-preview iframe {
			flex-grow: 1;
		}

.content-editor .header, .content-preview .header, .summary-items .header {
	font-weight: normal;
	background: none !important;
	background-color: var(--header-bg-color);
	color: var(--header-font-color);
	/*height: 24px;*/
	min-height: 12px;
	padding: 0px;
	padding-top: 4px;
	border-bottom: var(--header-border);
	border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
}
	.content-editor #menu-top.header ul li a {
		color: var(--main-font-color) !important;
	}
		.content-editor #menu-top.header ul li a:focus {
			outline-color: var(--main-font-color);
		}

	.content-preview .header {
		/*height: 20px;*/
		padding: 12px 18px;
	}
	
	.content-editor .cke_top {
		border-radius: calc(var(--main-border-radius)-2) calc(var(--main-border-radius)-2) 0 0;
		background: none !important;
		border-bottom: var(--header-border) !important;
		padding: calc(var(--main-border-radius) - 2px) calc(var(--main-border-radius) - 2px) 6px;
	}
	.content-editor .cke_chrome {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.content-editor .footer {
		background-color: var(--footer-bg-color) !important;
		border-top: var(--footer-border) !important;
		border-radius: 0 0 var(--main-border-radius) var(--main-border-radius);
		padding:  calc(var(--main-border-radius) - 10px) calc(var(--main-border-radius) - 2px) calc(var(--main-border-radius) - 2px);
	}

	.content-editor .cke_contents {
		position: relative;
	}

.content-preview .footer, .summary-items .footer {
	background-color: white !important;
	/*height: 35px;*/
	padding-top: 5px;
	border-radius: 0 0 var(--main-border-radius) var(--main-border-radius);
}
		
		.content-editor .footer .button-icon, .content-preview .footer .button-icon, .summary-items .footer .button-icon {
			line-height: 180%;
			/*padding: 4px 10px;*/
		}
		.content-editor .footer .button-icon, .content-editor .footer .button-icon:hover,
		.content-preview .footer .button-icon, .content-preview .footer .button-icon:hover,
		.content-editor .footer .button-icon span, .content-editor .footer .button-icon:hover span,
		.content-preview .footer .button-icon span, .content-preview .footer .button-icon:hover span,
		.summary-items .footer .button-icon span, .summary-items .footer .button-icon:hover span {
			color: var(--main-accent-color-darkgray);
		}

			.content-editor .footer .button-icon:not(.button-active, .button-disabled),
			.content-preview .footer .button-icon:not(.button-active, .button-disabled) {
				background-color: #eee;
			}

				.content-editor .footer .button-icon:not(.button-active, .button-disabled):hover,
				.content-editor .footer .button-icon:not(.button-active, .button-disabled):hover span {
					background-color: #ccc;
				}

		.content-editor .footer .button-active, .content-preview .footer .button-active, .summary-items .footer .button-active
		.content-editor .footer .button-active:hover, .content-preview .footer .button-active:hover, .summary-items .footer .button-active:hover {
			font-weight: bold;
			background-color: var(--main-accent-color-blue);
			color: white;
			border: 1px solid white;
			border-radius: 6px;
		}

			.content-editor .footer .button-active span, .content-preview .footer .button-active span, .summary-items .footer .button-active span,
			.content-editor .footer .button-active:hover span, .content-preview .footer .button-active:hover span, .summary-items .footer .button-active:hover span {
				color: white;
			}
		
		.content-editor .footer .preview-navigation {
			display: inline-block;
			height: 100%;
			margin-left: 10px; }
			
			.content-editor .footer .preview-navigation a {
				padding: 1px;
			}

	.content-editor .footer.empty, .content-preview .footer.empty {
		height: var(--main-border-radius);
	}
	
	.content-editor .editor-frame {
		height: 100%;
		/*padding-bottom: 15px;*/ }
	
		.content-editor .editor-frame iframe, .content-preview iframe {
			background-color: White;
		}
	
	.content-editor .content {
		background-color: White;
		padding: 12px; }
		
		.content-editor .content > .fieldset {
			margin: 0px;
		}

.cke_chrome { border: none !important }
#cke_bottom_detail, .cke_bottom { display: none !important }

/* padding is to compensate the loss of the margin on .fieldset */
td.margin, .padding {
	padding: var(--fieldset-margin);
}
.padding-sides { padding: 0px 12px; }

td > .fdexplain, td > .fdinfo, td > .message-explain, td > .message-info {
	margin-bottom: 0px;
}
div.fieldset.float {
	margin-top: 0px;
}
/* kind of fieldset blocks */
.fieldset {
	background-color: var(--fieldset-bg-color);
	border-radius: var(--main-border-radius); }
	
	.fieldset.resize-width {
		/*display: inline-block;
		overflow: visible;
		margin: 3px 12px 10px 12px;*/
	}

	.fieldset .fdexplain, .fieldset .message-explain, .fieldset .message-info, .fieldset .fieldset {
		margin: 12px 0px 12px 0px;
	}

	.fieldset h2 {
		font-size: clamp(18px,1.3888888889vw,20px);
		/*color: #333333;
		font: normal 20px CalibriRegular, Arial, Sans-serif;*/
	}

	.fieldset h3 {
		margin: 16px 0 8px 0;
		padding-top: 4px;
		font-size: 18px;
		/*color: #333333;
		font: normal 18px CalibriRegular, Arial, Sans-serif;*/
	}

	.fieldset h4 {
		margin: 16px 0 8px 0;
		padding-top: 4px;
		font-size: 16px;
		/*color: #333333;
		font: normal 16px CalibriRegular, Arial, Sans-serif;*/
	}
		
	.fieldset .separate {
		border-top: 1px solid #cccccc;
	}
	
	.fieldset td.value, .grid-keyvalue > .value {
		padding: 2px; }

		.fieldset td.value.multi, .grid-keyvalue > .value.multi {
			display: unset;
			padding-top: 3px;
		}

		.fieldset td.value > label {
			padding-top: 6px;
			padding-bottom: 6px;
		}

		.fieldset td.value div.option, .grid-keyvalue > .value div.option, .flex-row div.option {
			white-space: nowrap; 
			display: flex;
			flex-flow: row nowrap;
			margin-right: 10px;
		}
			.fieldset td.value div.option > input[type="radio"], .grid-keyvalue > .value div.option > input[type="radio"],
			.fieldset td.value div.option > input[type="checkbox"], .grid-keyvalue > .value div.option > input[type="checkbox"],
			.flex-row div.option > input[type="checkbox"], .flex-row div.option > input[type="checkbox"] {
				top: unset !important;
			}

			/*.fieldset td.value:not(.flex-row) div.option:nth-child(1), .grid-keyvalue > .value:not(.flex-row) div.option:nth-child(1) {
				margin-top: 2px;
			}*/
		
	.fieldset div.text {
		display: inline-block;
		padding: 0px 12px 0px 0px;
		vertical-align: middle;
		margin-top: -1px;
	}

	.fieldset td.title {
		padding-left: 0px;
	}
	.fieldset td.key {
		text-align: left;
		padding: 6px 6px 6px 0px;
	}
	
	.fieldset.toolbar div.float {
		height: 34px;
	}
	.fieldset.toolbar label {
		padding-top: 5px !important;
	}

.grid-value {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
	gap: 4px;
}
	.grid-value > div {
		grid-column: 1 / 2;
	}

.grid-keyvalue {
	display: grid;
	grid-template-columns: max-content auto;
	grid-template-rows: auto;
	align-items: center;
	gap: 4px; }

	.grid-keyvalue > div, .grid-value > div {
		/*align-self: baseline;*/
		display: flex;
		align-items: center;
	}
		.grid-keyvalue > div > input[type="radio"], .grid-keyvalue > div > input[type="checkbox"], 
		.grid-value > div > input[type="radio"], .grid-value > div > input[type="checkbox"] {
			top: unset !important;
		}

		.grid-keyvalue > div.align-auto,
		.grid-value > div.align-auto {
			align-self: auto;
		}

	/* Grid without the info cell (2 cells/row) */
	.grid-keyvalue > div:nth-child(2n+1) {
		grid-column: 1 / 2;
	}
	.grid-keyvalue > div:nth-child(2n+2) {
		grid-column: 2 / 3;
	}
	
	/* In case we explicitly use the key value classes */
	.grid-keyvalue > div.key {
		grid-column: 1 / 2;
	}
	.grid-keyvalue > div.value {
		grid-column: 2 / 3;
	}

	/* To span 2 cells */
	.grid-keyvalue div.grid-span {
		grid-column: 1 / 3;
	}
	
.grid-keyvalue.grid-info {
	grid-template-columns: minmax(auto,max-content) 24px auto; }

	/* Grid with info cell (3 cells/row) */
	.grid-keyvalue.grid-info > div:nth-child(3n+1) {
		grid-column: 1 / 2;
	}
	.grid-keyvalue.grid-info > div:nth-child(3n+2) {
		grid-column: 2 / 3;
	}
	.grid-keyvalue.grid-info > div:nth-child(3n+3) {
		grid-column: 3 / 4;
	}

	/* In case we explicitly use the key value classes */
	.grid-keyvalue.grid-info > div.key {
		grid-column: 1 / 2;
	}
	.grid-keyvalue.grid-info > div.info {
		grid-column: 2 / 3;
	}
	.grid-keyvalue.grid-info > div.value {
		grid-column: 3 / 4;
	}

	/* To span 3 cells */
	.grid-keyvalue.grid-info .grid-span {
		grid-column: 1 / 4 !important;
	}
	.grid-keyvalue.grid-info .grid-span-keyinfo {
		grid-column: 1 / 3 !important;
	}

div.keyvalue {
	padding: 6px 10px 6px 0px; }
		
	div.keyvalue label {
		padding-right: 2px; }
		
	div.keyvalue.inline {
		display: inline-block;
		padding: 4px 10px 4px 0px; }

		div.keyvalue.inline.after {
			margin-left: 8px;
		}

	
ul.keyvalue, ul.nostyle, ul.optiongroup {
	list-style: none;
	padding-left: 0px }

	ul.keyvalue li, ul.optiongroup li {
		/*margin-left: 0px;*/
	}

ul.optiongroup {
	margin-top: 0px;
}

/*#content > .fieldset:first-child, 
#content > .fdexplain:first-child, 
#content > .fdinfo:first-child, 
#content > .message-explain:first-child, 
#content > .message-info:first-child,
.content-page > .fieldset:first-child,
.content-page > .fdexplain:first-child,
.content-page > .fdinfo:first-child,
.content-page > .message-explain:first-child,
.content-page .message-info:first-child {
	margin-top: 0px;
}*/
.last { /*margin-bottom: 8px !important;*/ }
.first { margin-top: 0px !important; }

.info-tooltip {
	display: inline-block;
	margin-top: -2px;
	vertical-align: sub;
	position: relative;
	top: -4px;
	width: 20px;
	height: 20px;
	background: url(images/info1.gif) no-repeat; }
	
	.info-tooltip > div {
		display: none;
	}

label + .info-tooltip {
	margin-left: -10px;
	margin-right: 16px;
}

/*.content-page > .fieldset, .content-page > div.resize-width > .fieldset, 
	.content-page > .fdexplain, .content-page > div.resize-width > .fdexplain { margin-right: 0px; }
*/
div.inline { display: inline-block; }
.flex-window .value div.inline {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin-right: 10px;
}

div.center, div.left, div.right {
	margin: -4px 8px 4px 4px;
	padding: 8px;
}
div.center { text-align: center; }
div.left { padding-left: 10px; }
div.right { text-align: right; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.top { vertical-align: top; }
.right { text-align: right; }
.value.top { padding-top: 6px; }

div.resize-height, div.resize-width, table.resize-height, table.resize-width { position: relative; overflow: hidden; }
.resize-overflow { overflow: auto !important; }

/*div.resize-height > div, div.resize-width > div { overflow: hidden; }*/

.info { width: 24px; vertical-align: top; align-self: baseline; padding-top: 8px } /* general info class for the info tooltip */

table.date td { padding: 0px; }

.required:after { content: "*"; }

/* user input elements */
input[type='text'], input[type='password'], input[type='image'], input[type='number'], select, textarea {
	color: #666666;
	font: normal 12px Arial, Verdana, Tahoma, Sans-serif;
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type='text'], input[type='number'], input[type='password'], select {
	/*height: 24px;*/
	vertical-align: middle;
	margin-right: 2px;
}
input[type='text'], input[type='number'], input[type='password'] {
	padding: 8px 8px;
}
/*select {
	height: 24px;
}*/

input[type=number]::-webkit-inner-spin-button {
	margin-left: 4px;
}

input[type='radio'], input[type='checkbox'] {
	margin: 1px 4px 1px 0px;
	top: 2px;
	position: relative;
}
input[type='radio'] {
	/*margin-right: 4px;*/
	top: 2px;
}

.is-flex > input[type='radio'], .is-flex > input[type='checkbox'],
.flex-row > input[type='radio'], .flex-row > input[type='checkbox'] {
	top: unset;
}

.flex-window div.value {
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* on line 1059 a label right after a radio or checkbox gets a padding of 6px, the rule below is hopefully meant only for div with class value */
	.flex-window div.value input[type='radio']:has(+ label), div.flex-window div.value input[type='checkbox']:has(+ label) {
		top: unset;
	}

.grid-keyvalue .flex-row > input[type='radio'], .grid-keyvalue .flex-row > input[type='checkbox'] {
	top: unset !important;
}

select {
	padding: 8px; }
	
	select option {
		padding: 3px;
	}

input[type='text'].element-readonly, input[type='password'].element-readonly, textarea.element-readonly,
input[type='text'].is-readonly, input[type='password'].is-readonly, textarea.is-readonly, select.is-readonly {
	border: 2px dotted silver;
}
input[type='text'].is-readonly, input[type='password'].is-readonly, textarea.is-readonly {
	/*padding: 0 6px;*/
}
.element-disabled {

}

.type-email.is-readonly {

}

div[role="button"], button {
	display: inline-block;
	cursor: pointer; }

	div[role="button"] > img, button > img {
		vertical-align: middle;
		margin-right: 4px;
	}

.window-buttonbar button, .toolbar button, .button-icon {
	background-color: inherit;
}

.list-images {
	 }

	.list-images > div img { margin-top: 5px; }

/* layout themes */
.list-themes {
	flex-flow: row wrap !important;	}
	
	.list-themes > div {
		width: 170px;
		height: 170px;
		padding: 4px;
		float: left; }
		
		.list-themes > div > div {
			background-repeat: no-repeat;
			cursor: pointer;
			height: 160px;
			width: 160px;
		}


/* layout */
div.layout-indent {
	display: inline-block;
	width: 16px;
}
/* table classes */
.table-stats {
	width: 100%; }

	.table-stats > tbody > tr > td, .table-stats > thead > tr > th {
		white-space: nowrap;
		padding: 6px;
		border-bottom: 1px solid #ccc;
	}
	
	.table-stats .col-count {
		width: 40px;
	}

	.table-stats .table-header table, .table-stats th table {
		width: 100%;
	}
	.table-stats .table-header .stats-limit, .table-stats th .stats-limit {
		width: 100%;
		text-align: left;
		padding-left: 8px;
	}

.table-stats-form {
	width: 100%; }

	.table-stats-form > tbody > tr > td {
		padding: 12px;
	}
	.table-stats-form .stats-header {
		
	}
	.table-stats-form .table-info .key {
		width: 200px;
	}

	.table-stats-form td.fdts, .table-stats-form tfoot td {
		padding: 6px;
	}

	.table-stats-form .table-stats-block {
		background-color: var(--fieldset-bg-color);
		border-radius: var(--main-border-radius);
		padding: 12px;
	}

	.table-stats-form .table-stats-bar {
		width: 200px;
		height: 20px;
		background-color: white;
		border: 1px silver solid;
	}

		.table-stats-form .table-stats-bar img {
			display: block;
			height: 18px;
		}

.stats-togglers {
}
	
	.stats-togglers img {
		cursor: pointer;
		vertical-align: middle;
		margin-right: 4px;
	}
	.stats-togglers .toggler-qno {
		margin-top: 0px;
		margin-left: 10px;
		padding: 4px;
	}

.box, .progress-container {
	font-size: 115%;
	padding: 0 var(--fieldset-padding);
	/* border-radius */
	border-radius: var(--main-border-radius);
	line-height: 140%;
	vertical-align: top;
	overflow: auto;
	clear: both;
	position: relative;
}
div.fieldset .fdexplain, div.fieldset .message-explain, div.fieldset .fdinfo, div.fieldset .message-info, div.fieldset .box, div.fieldset .progress-container {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid gray;
	border-radius: 0px;
}
div.fieldset .fieldset {
	margin: 0px 0px 8px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.progress-footer {
	padding: 8px 4px 0px 4px;
	border-top: #cccccc 1px solid;
	font-size: 8pt;
}

.no-margin-left { margin-left: 0px; }
.no-margin-right { margin-right: 0px; }

#todo-info {
	background-color: White;
	padding: 6px;
}

#help-thumbs div {
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	width: 50px;
}

/* mergecode picker */
.mergecodes {
	display: flex;
	flex-flow: row nowrap; 
	flex-grow: 1; }
	
	.mergecodes-header {
		height: 30px; }
		
		.mergecodes-header div {
			display: inline-block;
		}
		.mergecodes-header label {
			padding-right: 4px;
		}
		
	.mergecodes-left {
		display: flex;
		flex-flow: column;
		width: 230px; }
		
		.mergecodes-left select {
			flex-grow: 1;
			width: 216px;
		}
		
	.mergecodes-right {
		display: flex;
		flex-flow: column;
		flex-grow: 1;
	}
		
	.mergecodes-info {
		flex-grow: 1;
		background-color: white;
		border-style: none;
		padding: 4px;
		overflow: auto !important }

/* mergecode picker select; else Chrome will not display the listbox full height */
#lstCodes, #lstIdentifiers { display: block; }

.fd {
	background-image: none;
	background-color: none;
}
input.fdbtn {
	font-weight: normal;
	font-size: 10pt;
	font-family: arial, sans-serif
}
td.fdseperate, fd.separate {
	font-size: 1px;
	width: 2px;
	height: 2px;
	padding: 0px;
	font-family: arial;
	background-color: white;
}
td.fdsubsection {
	padding-right: 4px;
	padding-left: 4px;
	font-family: arial
}
td.fdexample {
	border: black 1px solid;
	padding: 2px;
	position: relative
}
.fdtype {
	border-top:2px outset white;
	border-left:2px outset white;
	border-right:2px outset silver;
	border-bottom:2px outset silver;
	width: 100%;
	font-family: arial;
	background-color: #e6e6e6
}
.fdqa {
	font-size: 10pt;
	color: #222222;
	font-family: arial;
	background-color: white;
}

.fdqab {
	border: white 1px solid;
	font-size: 10pt;
	color: #222222;
	font-family: arial;
	background-color: white;
}

.fdsubheader {
	font-weight: 600;
	font-size: 10pt;
	font-family: arial;
}

.table-info {
	}
	
	.table-info td { white-space:  nowrap; }
	.table-info > tbody > tr > td {
		padding: 2px 6px;
		line-height: 200%;
		border-bottom: 1px solid #ccc;
	}
	.table-info > tbody > tr > td:first-child {
		font-weight: bold;
		padding-top: 4px;
	}
	.table-info > tbody > tr:last-child > td {
		border-bottom: none;
	}
	.table-info label {
		padding-right: 4px;
	}
	.table-info .button-separator { height: 18px !important; }

.table-notification {
	z-index: 99;
	width: 100%;
	display: none;
	/*background-color: White;*/ }
	
	.table-notification .fdalert, .table-notification .fdinfo, .table-notification .message-alert, .table-notification .message-info {
		margin: 8px 12px 4px 12px;
	}

@media only screen and (max-width: 1024px) {
	
	.compact .table-notification { display: none; }

}

.difftable-autoremove {	
	border-collapse: collapse; }

	.difftable-autoremove td {
		border: 1px solid #CCCCCC;
	}
	.difftable-autoremove th, .difftable-autoremove td:first-child {
		border: 1px solid #CCCCCC;
		background-color: #F9F9F9;
		text-align: left;
		padding: 6px;
	}

div.collapsible {
	overflow: hidden; }
	
	div.collapsible span.collapsible {
		float: right;
		font-size: 14px;
		cursor: pointer;
	}
	

.fdFilterActive {
	border: #dbdce5 1px solid;
	cursor: pointer;
	font-size: 10pt;
	font-family: arial;
	color: white;
	background-color: #dbdce5 
}
.fdRowOver {
	border: #777898 1px solid;
	cursor: pointer;
	font-family: arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
	background-color: #c6c8e8;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#c6c8e8, EndColorStr=#dbdce5);
}


optgroup {
	font-style: italic;
	font-weight: bold; }

	optgroup option {
		font-style: normal;
		font-weight: normal;
	}

#header-floating, #footer-floating {
	background-color: var(--main-bg-color);
	position: absolute;
	z-index: 999;
}
#divFooter, #footer-floating {
	position: absolute;
}
#divHeader, #header-floating {
	/*padding: 4px 0px 0 4px;*/
}
/*
#list-forms #header-floating {
	border-top: 8px solid var(--main-accent-color-gray);
}
*/
#divFooter, #footer-floating {
	/*padding: 0 0px 6px 4px;*/
}

.float {
	float: left;
	position: relative; }
	
.float-right { 
	float: right;
	position: relative; }
	
/*.fdth, .fdts {
	background-color: var(--main-accent-color-gray);
}*/

/* Lists / Summaries */
#tblList th, .table-list th, .table-summary th, .fdth, tr.table-header > td {
	padding-bottom: 12px;
	padding-top: 12px;
	padding-right: 8px;
	background-color: var(--table-header-bg-color);
	border-bottom: var(--table-header-border);
	color: var(--table-header-font-color);
}
#tblList .fdth, #tblList .table-header, .table-list .table-header, .table-summary .table-header {
	height: 100%; }
	
#tblList .fdth td, #tblList .table-header td, .table-list .table-header td, #tblList th, .table-list th, .table-summary th { 
	white-space: nowrap; 
	text-align: left;
}
	
.fdth table.height, .fdth table.height td, .table-header table.height, .table-header table.height td, th table.height, th table.height td { line-height: 1; }

div.table-header {
	padding: 4px;
	vertical-align: middle;
}
#tblList th:hover, .table-list th:hover, .table-summary th:hover {
	/*background-color: #afb1b6;*/
	color: var(--main-font-color-hover);
	cursor: pointer;
}
.table-header, .table-header td, .table-header span,
#tblList th, .table-list th, .table-summary th {
	color: var(--table-header-font-color);
	text-align: left;
}

.table-header td { padding: 0px; }

.table-status > td, #tblList tfoot td, .table-list tfoot td, .table-summary tfoot td, .footer-floating tfoot td {
	padding: 10px;
	background-color: var(--table-footer-bg-color);
	border-top: var(--table-footer-border);
	color: var(--table-footer-font-color);
}

.table-status, .table-status td, .table-status span, .table-status a,
#tblList tfoot td, .table-list tfoot td, .table-summary tfoot td, #tblList tfoot a, .table-list tfoot a, .table-summary tfoot a, .footer-floating tfoot a {
	color: var(--table-footer-font-color);
}

/* Info label below a summary table row or multiple rows */
.table-row-info {
	display: none;
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-family: var(--main-font);
	padding: 4px;
	background-color: white;
	border: 1px solid #cac7c3;
}


.fdts img, .table-status img, tfoot img {
	vertical-align: middle;
}
div.fdts, div.table-status {
	padding: 4px;
}

#tblList > tbody > tr > td, .table-list > tbody > tr > td, .table-summary > tbody > tr > td {
	padding: 10px;
	border-bottom: 1px solid #eae8e8;
}
.table-results tbody > tr > td {
	vertical-align: top;
}

.col-marker { /* row marker, first cell of a table */
	color: black !important;
	padding: 0px;
	font-weight: normal;
	background-color: #d8d8d8 !important;
	border-bottom: solid 1px silver;
	text-align: center;
}
td.fdsht {
	padding-right: 6px;
}

.table-summary > tbody > tr:nth-child(odd) > td, .table-list > tbody > tr:nth-child(odd) > td {
	background-color: rgb(249,249,249);
}
.table-summary > tbody > tr:nth-child(even) > td, .table-list > tbody > tr:nth-child(even) > td {
	background-color: white;
}

/*@media screen and (min-width: 1024px), screen and (min-width: 1280px) and (min-height: 1024px), screen and (min-width: 1024px) and (min-height: 1155px) {
	tr.fdtr:hover > td, .table-summary > tbody > tr:hover > td, .table-list > tbody > tr:hover > td {
		background-color: #eae8e8;
	}
}*/
tr.fdtr:hover > td, .table-summary > tbody > tr:hover > td, .table-list > tbody > tr:hover > td {
	background-color: #eae8e8;
}

tr.fdtr .list-top, tr.table-row .list-top, .table-summary .list-top {
	vertical-align: top;
	white-space: nowrap;
}
tr.table-row .list-text, .table-summary .list-text {
	min-width: 250px;
	max-width: 400px;
	white-space: normal !important;
	overflow-wrap: break-word;
}
tr.table-row .list-text-max, .table-summary .list-text-max {
	min-width: 400px;
	max-width: 600px;
	white-space: normal !important;
	overflow-wrap: break-word;
}

.table-summary .list-num {
	text-align: right;
}


.fdtdsys, .col-system, .col-system-end {
	/*background-color: #e1e1e1;*/
	white-space: nowrap;
	vertical-align: top;
}
.fdtdsysend, .col-system-end {
	border-right: 1px dotted;
	min-width: 33px !important;
}

@media screen {
	.table-summary tr.selected > td {
		background-color: var(--main-focus-bg-color) !important;
		border-bottom: var(--main-focus-outline) !important;
		border-top: var(--main-focus-outline) !important;
		padding: 6px;
	}
}
/*.fdtdcell, .fdtdcellfirst, .fdtdcellmiddle, .fdtdcelllast {
	background-color: #cac7c3 !important;
	
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQUM3QzMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFNkUzREYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NjcpIiAvPgo8L3N2Zz4=);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cac7c3), to(#e6e3df)) !important;
	background-image: -webkit-linear-gradient(top, bottom, #cac7c3, rgb(230,227,223)) !important;
	background-image: -ms-linear-gradient(top, bottom, #cac7c3, rgb(230,227,223)) !important;
	background-image: -moz-linear-gradient(top, #cac7c3, rgb(230,227,223)) !important;
	background-image: linear-gradient(top, #cac7c3, rgb(230,227,223)) !important;
	cursor: pointer;
	padding: 3px;
}
.fdtdcell {
}
.fdtdcellfirst {
	padding-right: 4px;
}
.fdtdcellmiddle {
	padding-left: 4px;
}
.fdtdcelllast {
	padding-left: 4px;
}*/

.fderror {
	border: 2px outset;
	background-position: right center;
	font-weight: bold;
	font-size: 24pt;
	background-image: url(/label/formdesk/images/top.gif);
	color: white;
	background-repeat: no-repeat;
	font-family: arial;
	background-color: #afafca
}

/* summary classes */
.col-menu {
	width: 32px; 
	min-width: 32px; 
	max-width: 32px; 
	padding: 7px 0px 0px 4px !important; }

@media screen and (min-width: 1024px) {
	.table-summary .col-menu .button-icon { 
		visibility: hidden; 
		display: none;
	}
	.table-summary:not(.ignore-menu) .table-row:hover .col-menu .button-icon {
		visibility: visible !important;
		display: inline-block;
	}
}

.loader-row {
	margin: 7px 0px 0px 6px;
}
.table-summary .table-row .resend-result {
	margin: 9px 0px 0px 6px;
}
.table-summary .table-row:hover .col-menu .loader-row, .table-summary .table-row:hover .resend-result {
	display: none;
}

.table-summary .col-sort {
	cursor: pointer; }

	.table-summary .col-sort:not(.sort-current) span.sort .fa {
		opacity: .4;
		-moz-opacity: .4;
	}

.table-summary span.sort {
	margin-right: 4px;
}

.table-summary span.has-more {
	margin-left: 4px;
}


.col-type { width: 22px; padding: 6px 0px 3px 4px !important; text-align: center; }
.col-name, .col-title, .col-created, .col-modified, .col-submitted-last, .col-owner,
	.col-count, .col-perc { white-space: nowrap; }
.col-closed, .col-active {
	width: 36px; 
	text-align: center !important; }
	
	.col-closed img, .col-active img {
		display: block;
	}
	.col-closed i, .col-active i {
		color: red;
	}

.col-info, .col-action, tr.col-action td { cursor: pointer; }

.col-count { text-align: right !important; }
.col-top-first, thead .col-first {
	border-top-left-radius: var(--table-border-radius);
}
.col-top-last, thead .col-last {
	border-top-right-radius: var(--table-border-radius);
}
.col-bottom-first, tfoot .col-first {
	border-bottom-left-radius: var(--table-border-radius);
}
.col-bottom-last, tfoot .col-last {
	border-bottom-right-radius: var(--table-border-radius);
}

.col-top-first-inner {
	border-top-left-radius: var(--table-inner-border-radius);
}
.col-top-last-inner {
	border-top-right-radius: var(--table-inner-border-radius);
}
.col-bottom-first-inner {
	border-bottom-left-radius: var(--table-inner-border-radius);
}
.col-bottom-last-inner {
	border-bottom-right-radius: var(--table-inner-border-radius);
}

@media print {
	.col-sort span.sort {
		display: none;
	}
	.col-menu a {
		display: none !important;
	}
}

/* rule list */
.table-rules {
	display: block; }
	
	.table-rules .col-menu { 
		padding-left: 0px !important; 
		padding-top: 0px !important;
	}
	.table-rules div:not(.button-icon) {
		font-size: 11px;
		padding: 3px 4px 2px 4px;
		border-bottom: 1px dotted silver;
	}
	.table-rules td.rule-value {

	}
	.table-rules select {
		width: 100%;
	}
	.table-rules .rule-table-value {
		width: 100%;
		min-width: 224px; }

		.table-rules .rule-table-value td:last-child {
			width: 28px;
		}



.fdcolor {
	cursor: pointer;
	width: 18px;
	height: 18px;
}
.fdframe {
	background-color: white;

}
.top {
	padding-top: 6px;
	vertical-align: top;
	align-self: baseline;
}
.fdgridH {
	background-color: #666666;
	padding: 0px;
	height: 1px;
	font-size: 1px;
}
.fdgridV {
	background-color: #666666;
	padding: 0px;
	width: 1px;
	font-size: 1px;
}
.fdBar {

}
.fdContent {
	overflow: scroll;
}
.fdAlpha {
	width: 100%;
	height: 100%;
	position: relative;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
	background-color: white;
}
.fdCode, .codeblock 
{
	font: 10pt "courier new";
	padding: 4px;
	background-color: White;
}

.highlight { background-color: Yellow; }

.pdf-settings {
	margin: calc(var(--main-gap) - 6px);
}
	.pdf-settings.flex-gap::after {
		content: "";
		padding-bottom: 1px;
	}

.item-qrcode {
	display: inline-block !important;
}
.item-qrcode-container {
	padding: 8px;
	margin-top: 4px;
	background-color: white;
	border: 1px solid #CCCCCC;
	/* border-radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; }

	.item-qrcode-container img {
		width: 100%;
		display: block;
	}

	.item-qrcode-test {
		display: flex;
		flex-flow: row nowrap;
		margin-top: 8px; }
		
		.item-qrcode-test input[type=text] {
			flex-shrink: 1;
			width: 80%;
			flex-basis: content;
		}

.email-email-validation {
	display: flex;
	flex-flow: column nowrap;
}

	.email-email-validation > div {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		padding: 4px 0;
	}

		.email-email-validation > div > span {
			padding-right: 2px;
		}


.lookupsource-container .fieldset {
	padding: 0px;
}

/* Should also have the flex-window class */
body.window-main { 
	flex-flow: column nowrap;
}

body.window-dialog {
	flex-flow: column nowrap;
}
.window-dialog header {
	/*padding: 8px;
	cursor: default;
	color: white;
	font-weight: bold;
	background-color: #939599;*/
	min-height: 35px;
}
	.window-dialog header h1 {
		color: inherit;
		font-size: inherit;
		margin: 0;
	}

.window-twofactor-setup {
	}

	.window-twofactor-setup .fieldset {
		max-width: 600px;
	}

	.window-twofactor-setup .column {
		display: flex;
		flex-grow: 1;
		flex-flow: column;
		justify-content: center;
	}

	.window-twofactor-setup .row {
		display: flex;
		flex-flow: row;
		justify-content: center;
	}

	.window-twofactor-setup .grid {
		display: flex;
		flex-flow: column;
		/*display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		gap: 8px;*/
	}

		.window-twofactor-setup .grid label {
			display: block;
			text-align: center;
		}

		.window-twofactor-setup .grid input, .window-twofactor-setup .grid div.input {
		}

		.window-twofactor-setup .grid div.input {
			display: flex;
			text-align: center;
			justify-content: center;
			/*flex-flow: row nowrap;*/
		}

	.window-twofactor-setup .input input[type=text] {
		width: 120px;
		font-size: 150%;
		text-align: center;	}

		.window-twofactor-setup .button {
			vertical-align: middle;
			font-size: 150%;
		}

		.window-twofactor-setup .item-qrcode-container {
			width: 160px;
			height: 160px;
			align-content: center; }

			.window-twofactor-setup .item-qrcode-container .item-qrcode-code {
				display: none;
			}
			.window-twofactor-setup .item-qrcode-container .item-qrcode-viewcode {
				position: relative;
				height: 100%;
				align-content: center; }
				
				.window-twofactor-setup .item-qrcode-container .item-qrcode-viewcode img {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					opacity: 0.05;
				}
				.window-twofactor-setup .item-qrcode-container .item-qrcode-viewcode div {
					position: relative;
				}

			.window-twofactor-setup .item-qrcode-container img {
				display: block;
			}

		.window-twofactor-setup	#code {
			letter-spacing: 0.1em;
		}

.window-account {}

	.window-account .fieldset {
		padding: var(--fieldset-padding-wide);
	}
	.window-account .flex-row {
		gap: var(--main-gap);
	}

.window-accountstats {}
	.window-accountstats .flex-gap {
		padding-top: 0px;
		height: 1px; /* causes the content element to overflow */
	}
	.window-accountstats .flex-gap::after {
		content: "";
		padding-bottom: 1px; 
	}

.window-summary {}

	/*.window-summary .table-notification {
		padding-bottom: var(--main-gap);
	}
	.window-summary #content {
		padding-top: 0px !important;
	}*/
	.window-summary .fieldset {
		padding: 15px;
	}
	.window-summary .message-alert, .window-summary .message-info {
		padding: 4px 4px 4px 44px !important;
		min-height: 33px;
	}

.window-layout {
	}
	
	.window-layout .row-panel {
		
	}
	.window-layout #content {
		padding: var(--main-gap);
	}

	/*.window-layout .topbar[role="tablist"] .item > div {
		padding-left: 12px;
	}*/

	.window-layout .column-left {
		display: flex;
		flex-direction: column;
		width: 490px;
	}

		.window-layout .column-left .content-page {
			/*display: block;*/
			flex-grow: 1;
			height: 1px;
			overflow: auto;
		}
		.window-layout .column-left #page3 {
			padding-right: 12px;
			overflow: auto;
		}
		.window-layout .column-left .part-list {
			display: flex;
			flex-flow: column;
			min-height: 389px;
			margin-top: 4px;
			position: relative
		}

	.window-layout .column-right {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
		.window-layout .column-right .content-preview {
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		}
		/*.window-layout .column-right .content-preview .preview-header {
			background-color: white;
			border-bottom: 1px solid 
		}*/

	.window-layout .content-page {
		padding: 0px;
		gap: 0px;
		position: relative;
	}

	.window-layout .nav-bottom {
		visibility: visible !important;
	}

	.window-layout .closebox {
		position: absolute;
		top: 6px;
		right: 6px;
		z-index: 10;
		border: none;
		padding: 0px;
		margin: 0px;
		background-color: transparent;
		border-radius: 14px;
	}
		.window-layout .closebox img {
			margin-right: unset;
		}
	.window-layout .layout-tab-buttons {
		display: flex;
		flex-flow: row wrap;
		gap: 4px;
		padding: 2px 2px 18px 2px;
	}
		.window-layout .layout-tab-buttons button {
			flex: 1;
		}

	.window-layout .layout-tab-buttons + .separate {
		margin-bottom: 18px;
	}

.window-wysiwyg {

}
	.window-wysiwyg #content {
		padding: 0px !important;
	}

.window-settings {
}

	.window-settings .sidebar [role="tablist"] .item > div {
		/*padding-left: 18px;*/
	}


	.window-settings ul {
		list-style: none;
		margin-top: 10px;
		padding: 0px;
		margin-left: 8px
	}

		.window-settings ul li {
			float: left;
			margin-right: 12px;
		}

	.window-settings ul a {
		padding: 4px 0px 4px 0px;
		text-decoration: none;
	}

		.window-settings ul a:hover {
			text-decoration: underline;
		}

	.window-settings a.settings {
		padding-right: 26px;
	}

	.window-settings #pages {
		margin-top: 0px !important;
	}


	.window-settings .content-page {
		flex-direction: row !important;
		flex-wrap: wrap;
		align-items: normal !important;
		gap: var(--main-gap);
		padding: var(--main-gap);
	}

	@media screen and (min-width: 1201px) {
		.window-settings .content-page {
			flex-direction: row !important;
		}

		.window-settings .content-page > .fieldset {
			width: 534px;
		}
	}
	@media screen and (max-width: 1200px) {
		.window-settings .content-page {
			flex-direction: column !important;
		}
	}

	.window-settings .page-scroller {
		display: block !important; /* this prevents the blocks from stretching/growing */
	}

	.window-settings .content-page > .fieldset {
		display: flex;
		flex-flow: column;
		gap: 10px;
		min-height: 184px;
		margin: unset !important;
		overflow: hidden;
		position: relative;
		transition: .3s ease-in-out;
		padding: var(--fieldset-padding-settings);
	}


		.window-settings .content-page > .fieldset:hover, .window-settings .content-page > .fieldset:hover h3,
		.window-settings .content-page > .shadow:focus-within .settings-info, .window-settings .content-page > .shadow:focus-within h3 {
			color: var(--main-font-color-hover) !important;
		}

		.window-settings .fieldset.block-box .label-switch {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
			padding: 16px;
		}

		.window-settings .fieldset.has-settings {
			cursor: pointer;
		}
		/*.window-settings .fieldset.block-box > div:nth-child(2) { 
			display: flex;
			flex-flow: column;
		}*/
		.window-settings .fieldset .block-info {
			display: flex;
			flex-flow: row nowrap;
			flex-grow: 1;
			gap: 0px;
		}

			.window-settings .fieldset .block-info > div:nth-child(2) {
				display: flex;
				flex-flow: column;
			}

			.window-settings .fieldset .block-info img {
				width: 70px;
				height: 70px;
			}

		.window-settings .fieldset h3 {
			font-size: var(--fieldset-h3-font-size);
			font-weight: 700;
			margin: 0px !important;
			padding-top: 0px;
			align-content: center;
			/*height: 24px;*/
		}
			
			.window-settings .fieldset h3 label { padding: 0px; }

			.window-settings .fieldset h3 + div, .window-settings .fieldset h3 + input, .window-settings .fieldset h3 + select {
				padding-top: 4px;
			}

		.window-settings .fieldset input, .window-settings .fieldset select {
			/* Because the shadow/hover has z-index of 1, the input and select need a z-index of more than 1 */
			z-index: 2;
			position: relative; /* Needed for the z-index */
		}
		.window-settings .fieldset > div {
			gap: 10px;
		}

		.window-settings #domain {
			border: 1px solid black;
			border-right: none;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}
		.window-settings #name {
			border: 1px solid black;
			border-left: none;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}
			
		.window-settings .fieldset .button-icon { padding: 0px 4px 0px 2px; }
		.window-settings .fieldset .float { float: left; margin: 2px 0 0 6px; }
	
		.window-settings .fieldset .settings-info { 
			font-size: 13px;
			line-height: 1.8; 
			/*text-align: justify; */
			padding-right: 8px; 
			padding-left: 8px; 
			flex-grow: 1;
		}

			
		.window-settings .fieldset .date { margin-top: -4px; }

	.window-settings #page3 .fieldset, .window-settings #page7 .fieldset, .window-settings #page8 .fieldset {
		height: auto;
	}
	
	.window-settings #domain { text-align:right; border-right: none; width:264px; background-color: transparent; text-overflow: ellipsis; direction: rtl; overflow: hidden; margin-right: 0px; }
	.window-settings .protocol { text-align:right; border-right: none; width: 50px; background-color: transparent }

	.window-settings .block-box {
		/*flex-direction: row !important;*/
	}
	.window-settings .block-box > div:first-child {
		vertical-align: top;
		padding-top: 5px;
	}

.window-message {
	}
	.window-message .sidebar {
		min-width: 210px !important;
	}
	.window-message .content-page > .content-editor {
	}

.window-signing {
}
	.window-signing #page1 td.key {
		width: 250px;
	}

	.window-signing #page1 td.value input[type=text], window-signing td.value select {
		width: 300px;
	}


.window-onlinepayment {
}
	.window-onlinepayment .provider-specific .list-identifiers {
		width: 120px;
	}


.window-usage {
}
	.window-usage .panel > .message-info {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.window-usage .content-page {
		gap: 0px;
		padding: 0px;
	}

.window-export {
	}
	
	.window-export ul.none li {
		white-space: nowrap;
		margin: 10px 0; }
		
		.window-export ul.none li label {
			margin-left: 6px;
		}

.window-search {

}
	.window-search .toolbar-theme-default {
	}
	.window-search .toolbar {
		border-top: none !important;
		border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
	}

.window-groupemail {

}
	.window-groupemail td.email-from {
		vertical-align: top;
		padding-top: 14px;
	}


.window-shadowbuilder {

}
	.window-shadowbuilder .box-shadow {
		width: 75px;
		height: 50px;
		background-color: #FFF;
		border-style: solid;
		border-width: thin;
		margin: 0px auto;
	}

.window-stylebuilder {

}
	.window-stylebuilder .stylesheet-switch {
		margin: var(--main-gap) var(--main-gap) 0 var(--main-gap) !important;
	}
		.window-stylebuilder .stylesheet-switch input[type="radio"] {
			top: unset !important;
		}
		.window-stylebuilder .stylesheet-switch > div {
			display: flex;
			flex-flow: row wrap;
			gap: var(--main-gap);
		}
		.window-stylebuilder .stylesheet-switch > div > div {
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
		}

.window-error {
	}
	
	.window-error td, .window-error p {
		font-size: 15px;
		/*color: #777777; font: normal 13px/20px Verdana, Tahoma, Sans-serif;*/
	}
	
	.window-error .table-content {
		width: 620px;
		background-color: #FFFFFF;
		margin-top: 20px;
		margin-right: 20px;
		margin-bottom: 0px;
		margin-left: 20px; }

		.window-error .table-content .content-header {
			height: 10px;
			background-color: var(--main-accent-color-purple);
		}
		
		.window-error .table-content .content-body {
			padding-right: 30px;
			padding-left: 30px;
			padding-bottom: 30px;
		}
	
	.window-error .table-footer {
		width: 620px; }
		
		.window-error .table-footer td {
			font: normal 13px/16px Verdana, Tahoma, Sans-serif;
			text-align: center;
		}

.window-system {
	}
	
	.window-system .system-message {
		background-color: white;
		border: 1px solid silver;
		padding: 8px;
	}

.filepicker-container {
	/*display: flex;
	flex-flow: row nowrap;*/ }
	
	.filepicker-container input {
		flex-grow: 1;
		cursor: pointer;
	}
	.filepicker-container button {
		flex-grow: 0;
		padding: 1px;
	}

.filemanager-theme-default {
	}
	
	.filemanager-theme-default .file-item {
		}
		
		.filemanager-theme-default .file-item div {
			display: inline-block;
		}
		
		.filemanager-theme-default .file-name {
			width: 300px;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}
		.filemanager-theme-default .file-name.file-hasvalue {
		}
		
		.filemanager-theme-default .file-description {
			min-width: 400px;
			margin-left: 10px;
		}
		
		.filemanager-theme-default .file-item .file-goto {
			position: relative;
			left: -20px;
			top: 2px;
			width: 0px;
		}

.window-fileselection {

}
	.window-fileselection h2 {
		font-size: 1.1em
	}

.window-theme-calendar {
}
	
	.window-theme-calendar .cal_title {
		/* border-radius */
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
	.window-theme-calendar .cal_time {
		/* border-radius */
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}


	
@media print {
	div { overflow: visible !important; }
}

/* Item builder */
.iconsettings {
	display: inline-block;
	white-space: nowrap;
}

.iconpreview {
	display: inline-block;
	padding: 4px 6px;
	border: 1px solid silver;
	background-color: white;
	height: 28px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}
.iconpreview i, .icon i {
	/*vertical-align: middle;*/
	font-style: normal;
}

.item-wait {
	z-index: 95;
	position: absolute !important;
	padding: 0px !important;
	margin: 0px !important;
	top: 0px;
	left: 0px;
	border: none !important;
	background: white !important;
	filter: gray() alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8; }
	
	.item-wait img {
		display: block;
		margin: auto;
	}

.email-from-validation {
	font-style: italic; }

	.email-from-validation #block-from-systemdefault {
		margin-bottom: 8px;
		margin-top: 4px;
	}

	.email-from-validation #verification_code, .item-qrcode-test input[type=text] {
		letter-spacing: 0.1em;
		text-align: center;	}

		.email-from-validation #verification_code.valid, #code.valid, .item-qrcode-test input[type=text].valid {
			color: #4cbb17;
		}
		.email-from-validation #verification_code.invalid, #code.invalid, .item-qrcode-test input[type=text].invalid {
			color: red;
		}

.window-view {}
	.window-view .content-page {
		padding: 0px;
	}

.window-formresults {}

	.window-formresults #content {
		padding: 4px 10px;
	}
	.window-formresults #list-results {
		flex-grow: 1;
	}

	.window-formresults .formresults-top-bar {
		margin-bottom: 0px;
		padding: 6px
	}

	.window-formresults #cboViews, .window-view #views {
		width: 170px;
	}

	.window-formresults .table-summary {
		border-right: var(--main-gap) solid var(--main-bg-color);
	}
		
		/*.window-formresults .table-summary thead, .window-formresults .table-summary tfoot {
			position: sticky;
		}
		.window-formresults .table-summary thead {
			inset-block-start: 0;
		}
		.window-formresults .table-summary tfoot {
			inset-block-end: 0;
		}*/
			.window-formresults .table-summary tfoot div {
				display: flex;
				align-items: center;
			}
			.window-formresults .table-summary tfoot img {
				margin: 0 8px;
			}

	@media print {
		.window-formresults .button-bar,
		.window-formresults .nav-bottom,
		.window-formresults .footer-floating,
		.window-formresults .header-floating {
			display: none;
		}
		.window-formresults body {
			display: block !important;
			width: auto !important;
			overflow: visible !important;
			background: none !important;
		}
		.window-formresults #content {
			display: block !important;
			overflow: unset !important;
			width: auto !important;
			padding: 0px !important;
		}
		.window-formresults .table-summary {
			border-right: unset !important;
		}
		.flex-window form {
			display: block !important;
		}
	}
.window-formresults.in-pdf .button-bar,
.window-formresults.in-pdf .nav-bottom,
.window-formresults.in-pdf .footer-floating,
.window-formresults.in-pdf .header-floating {
	display: none;
}

body.in-pdf {
	display: block !important;
	width: auto !important;
	overflow: visible !important;
	background: none !important;
	background-color: white !important;
}
.in-pdf form {
	display: block !important;
}
.in-pdf .table-summary {
	width: 100%;
	height: 100%;
}

.window-formresults.in-pdf #content {
	display: block !important;
	overflow: visible !important;
	width: auto !important;
	padding: 0px !important;
}
.window-formresults.in-pdf .table-summary {
	border-right: 0px !important;
}




.window-usermanager {
}

	.window-usermanager .left-column {
		min-width: 330px;
		width: 38%;
	}
	.window-usermanager .right-column {
		/*margin: 12px 0px 8px 0;*/
	}
	.window-usermanager .filter-usertype {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

.window-user {
	background-color: var(--main-bg-color);
}
.window-user {
	padding-right: 12px;
}
	.window-user #content {
		padding: 0px !important;
	}

.window-userform {
	padding-right: 12px;
}

	.window-userform #content {
		padding: 0px !important;
	}

.window-messagessent {
}
	.window-messagessent .form-search .keyvalue {
		padding: 0px 10px 0 0;
	}
	.window-messagessent .table-summary {
		min-width: 800px;
		width: 100%;
	}
	.window-messagessent .list-empty {
		text-align: center;
	}
	.window-messagessent .window-frame iframe {
		padding: 10px;
	}

	.window-messagessent .form-select {
		max-width: 400px;
	}

.window-import-report {

}
	.window-import-report .import-block {
		background: var(--fieldset-bg-color);
		border-radius: var(--main-border-radius);
		padding: var(--fieldset-padding);
	}

.window-import-preview {

}
	.window-import-preview .table-list th {
		text-align: center !important;
	}

.explain-arrow-container {
}

	.explain-arrow-container .message-explain {
		position: relative;
		top: -1px;
		z-index: 1;
		border: 1px solid #CCCCCC !important;
		padding: 15px !important;
		/*margin-top: 24px !important;*/
	}
	.explain-arrow-container .explain-arrow {
		position: relative;
		z-index: 2;
		background: top left url(images/explain-arrow.png) no-repeat;
		width: 24px;
		height: 12px;
	}

/* CK Editor classes */
.CodeMirror-scroll {
	padding-bottom: 0px !important;
	margin-right: 0px !important;
}
.CodeMirror-sizer {
	padding-right: 0px !important;
	border-right-width: 0px !important;
}


/* on/off switch */

.onoffswitch {
	position: relative;
	width: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	.onoffswitch input[type="checkbox"] {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}

	.onoffswitch > label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border: 2px solid #999999;
		border-radius: 18px;
		padding: unset !important;
	}
		.onoffswitch > input:focus + label {
			/*outline: var(--main-focus-outline);*/
		}

	.onoffswitch label span:first-child {
		display: block;
		width: 200%;
		margin-left: -100%;
		transition: margin 0.3s ease-in 0s;
	}

		.onoffswitch label span:first-child:before, .onoffswitch label span:first-child:after {
			display: block;
			float: left;
			width: 50%;
			height: 18px;
			padding: 0;
			line-height: 18px;
			font-size: 14px;
			color: white;
			font-family: Trebuchet, Arial, sans-serif;
			font-weight: bold;
			box-sizing: border-box;
		}

		.onoffswitch label span:first-child:before {
			content: "";
			padding-left: 10px;
			background-color: #60C8DF;
			color: #FFFFFF;
		}

		.onoffswitch label span:first-child:after {
			content: "";
			padding-right: 10px;
			background-color: #EEEEEE;
			color: #999999;
			text-align: right;
		}

		.onoffswitch label span:last-child {
			display: block;
			width: 18px;
			margin: 0px;
			background: #FFFFFF;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 18px;
			border: 2px solid #999999;
			border-radius: 18px;
			transition: all 0.3s ease-in 0s;
			box-sizing: content-box;
		}

	.onoffswitch input[type="checkbox"]:checked + label span:first-child {
		margin-left: 0;
	}

	.onoffswitch input[type="checkbox"]:checked + label span:last-child {
		right: 0px;
	}

.cke_dialog_contents_body_formdesk {
	background-color: var(--main-bg-color) !important;
	padding: 0px !important;
}

.window-passwordforgot.is-frontend {
	background-color: white;
	color: #666666 !important;
}
	.window-passwordforgot.is-frontend td {
		color: #666666 !important;
	}
	.window-passwordforgot.is-frontend #content {
		padding: 4px !important;
	}
	.window-passwordforgot.is-frontend .fieldset {
		padding: 12px !important;
	}