@media not print {
	html {
		height: 100%;
	}
	.printonly {
		display: none;
		visibility: hidden;
	}
}
@media print {
	footer {
		bottom: 0;
		float: left;
		left: 0;
		position: fixed;
		right: 0;
	}
	nav, .printnot {
		display: none;
		visibility: hidden;
	}
}
/* -------------------------------------------------------------------------------------------------------------------- */
.fas {
	font-family: 'Font Awesome 5 Free' !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
:root {
	--color01: #999999;
	--color02: #F0F0F0;
	--color03: #E0E0E0;
	--color04: #CCCCCC;
	--color05: #414141;
	--color06: #717171;
	--color07: #E4E4E4;
	--color08: #FFFFFF;
	--color09: #BBBBBB;
	--color10: #FF0000;
	--bradius1: 4px;
	--bradius2: 8px;
	--bshadow1: 0 2px 4px;
	--bshadow2: 0 4px 8px;
}
button.wfw, input.wfw, select.wfw, textarea.wfw,
.button, .input, .select, .textarea,
.tox-tinymce, .selectize-input, .wfwBox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: 1px groove var(--color01);
	border-radius: var(--bradius1);
    -webkit-border-radius: var(--bradius1);
    -moz-border-radius: var(--bradius1);
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	resize: none;
}
.tox-tinymce, .selectize-input {
	border: 1px groove var(--color01) !important;
	border-radius: var(--bradius1) !important;
    -webkit-border-radius: var(--bradius1) !important;
    -moz-border-radius: var(--bradius1) !important;
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
}
button.wfw, input[type=button].wfw,
.button, .input[type=button] {
	background-color: var(--color02);
	color: var(--color06);
	cursor: pointer;
	font-weight: bold;
	padding: 8px 16px;
}
input[readonly].wfw, textarea[readonly].wfw, select[readonly].wfw,
input:disabled.wfw, textarea:disabled.wfw, select:disabled.wfw,
.input[readonly], .textarea[readonly], .select[readonly],
.input:disabled, .textarea:disabled, .select:disabled {
	background-color: var(--color02);
	color: var(--color06);
	cursor: not-allowed;
}
button:enabled:hover.wfw, input[type=button]:enabled:hover.wfw,
.button:enabled:hover, .input[type=button]:enabled:hover {
	background-color: var(--color03);
	color: var(--color05);
}
button:not(:enabled):hover.wfw, input[type=button]:not(:enabled):hover.wfw,
.button:not(:enabled):hover, .input[type=button]:not(:enabled):hover {
	xcursor: not-allowed;
	/* TO DO */
}
button:not(:enabled):active:hover.wfw, input[type=button]:not(:enabled):active:hover.wfw,
.button:not(:enabled):active:hover, .input[type=button]:not(:enabled):active:hover {
	background-color: var(--color02);
	border: 1px groove var(--color01);
	border-radius: var(--bradius1);
    -webkit-border-radius: var(--bradius1);
    -moz-border-radius: var(--bradius1);
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	color: var(--color06);
}
button:active.wfw, input[type=button]:active.wfw,
.button:active, .input[type=button]:active {
	box-shadow: 0 0 1px var(--color01), 0 0 var(--color08) inset;
	-webkit-box-shadow: 0 0 1px var(--color01), 0 0 var(--color08) inset;
	-moz-box-shadow: 0 0 1px var(--color01), 0 0 var(--color08) inset;
	color: var(--color05);
}
input[type=number].wfw, input[type=password].wfw, input[type=text].wfw, textarea.wfw,
.input[type=number], .input[type=password], .input[type=text], .textarea,
.selectize-input {
	padding: 8px;
	width: 100%;
}
input[type=number].wfw:not(.noshadow):hover, input[type=password].wfw:not(.noshadow):hover,
input[type=text].wfw:not(.noshadow):hover, textarea.wfw:not(.noshadow):hover,
input[type=number].wfw:not(.noshadow):focus, input[type=password].wfw:not(.noshadow):focus,
input[type=text].wfw:not(.noshadow):focus, textarea.wfw:not(.noshadow):focus,
.input[type=number]:not(.noshadow):hover, .input[type=password]:not(.noshadow):hover,
.input[type=text]:not(.noshadow):hover, .textarea:not(.noshadow):hover,
.input[type=number]:not(.noshadow):focus, .input[type=password]:not(.noshadow):focus,
.input[type=text]:not(.noshadow):focus, .textarea:not(.noshadow):focus,
.selectize-control:not(.noshadow):hover, .selectize-control:not(.noshadow):focus,
select.wfw:not(.noshadow):hover, select.wfw:not(.noshadow):focus,
.imagehandler-item:not(.noshadow):hover {
	box-shadow: 0px 0px 3px 3px var(--color01) !important;
	-webkit-box-shadow: 0px 0px 3px 3px var(--color01) !important;
	-moz-box-shadow: 0px 0px 3px 3px var(--color01) !important;
}
input[type=checkbox].wfw, input[type=radio].wfw,
.input[type=checkbox], .input[type=radio] {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
}
input[type=checkbox].wfw + label.wfw span:first-child:before, input[type=radio].wfw + label.wfw span:first-child:before,
.input[type=checkbox] + label.wfw span:first-child:before, .input[type=radio] + label.wfw span:first-child:before {
    display: inline-block;
	color: var(--color04);
	font-family: 'Font Awesome 5 Free';
	font-size: 140%;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 4px;
	position: relative;
}
input[type=checkbox].wfw + label.wfw span:first-child:before,
.input[type=checkbox] + label.wfw span:first-child:before {
	content: '\f204';
}
input[type=radio].wfw + label.wfw span:first-child:before,
.input[type=radio] + label.wfw span:first-child:before {
	content: '\f192';
}
input[type=checkbox]:checked.wfw + label.wfw span:first-child:before, input[type=radio]:checked.wfw + label.wfw span:first-child:before,
.input[type=checkbox]:checked.wfw + label.wfw span:first-child:before, .input[type=radio]:checked + label.wfw span:first-child:before {
	color: var(--color01);
}
input[type=checkbox]:checked.wfw + label.wfw span:first-child:before,
.input[type=checkbox]:checked + label.wfw span:first-child:before {
	content: '\f205';
}
input[type=radio]:checked.wfw + label.wfw span:first-child:before,
.input[type=radio]:checked + label.wfw span:first-child:before {
	content: '\f111';
}
input[type=checkbox].wfw + label.wfw span:last-child, input[type=radio].wfw + label.wfw span:last-child,
.input[type=checkbox] + label.wfw span:last-child, .input[type=radio] + label.wfw span:last-child {
	display: block;
	margin-left: 0.5em;
	padding: 8px 0;
}
textarea.wfw, .textarea {
	overflow: hidden;
}
label.wfw, .label {
    cursor: pointer;
	display: flex;
}
select.wfw, .select {
	background: rgba(255,255,255,1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23999999'><polygon points='0,0 100,0 50,100'/></svg>") no-repeat;
	background-size: 1em;
	background-position: calc(100% - 6px) center;
	padding: 8px 4px;
	height: 100%;
	width: 100%;
}
option.wfw, .option {
	padding: 7px 8px;
}
option.nullvalue.wfw, .option.nullvalue {
	display: none;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.nobackground {
	background: none !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.noborder {
	border: 0 none !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.nopadding {
	padding: 0 !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.noshadow {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;	
}
.noshadow:hover, .noshadow:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;	
}
/* -------------------------------------------------------------------------------------------------------------------- */
th.wfw, .th {
	font-size: 80%;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.bold { font-weight: bold; }
.italic { font-style: oblique; }
.line-o { text-decoration: overline; }
.line-t { text-decoration: line-through; }
.line-t { text-decoration: underline; }
/* -------------------------------------------------------------------------------------------------------------------- */
.text5   { font-size:   5%; }
.text10  { font-size:  10%; }
.text20  { font-size:  20%; }
.text30  { font-size:  30%; }
.text40  { font-size:  40%; }
.text50  { font-size:  50%; }
.text60  { font-size:  60%; }
.text70  { font-size:  70%; }
.text80  { font-size:  80%; }
.text90  { font-size:  90%; }
.text100 { font-size: 100%; }
.text110 { font-size: 110%; }
.text120 { font-size: 120%; }
.text130 { font-size: 130%; }
.text140 { font-size: 140%; }
.text150 { font-size: 150%; }
.text160 { font-size: 160%; }
.text170 { font-size: 170%; }
.text180 { font-size: 180%; }
.text190 { font-size: 190%; }
.text200 { font-size: 200%; }
.text220 { font-size: 220%; }
.text250 { font-size: 250%; }
.text300 { font-size: 300%; }
/* -------------------------------------------------------------------------------------------------------------------- */
.pre {white-space: pre;}
.nowrap {white-space: nowrap;}
.pre-wrap {white-space: pre-wrap;}
.pre-line {white-space: pre-line;}
/* -------------------------------------------------------------------------------------------------------------------- */
.clb { clear: both; }
.left { float: left; }
.right { float: right; }
/* -------------------------------------------------------------------------------------------------------------------- */
.inline { display: inline; }
/* -------------------------------------------------------------------------------------------------------------------- */
.notallowed { cursor: not-allowed !important; }
/* -------------------------------------------------------------------------------------------------------------------- */
.label-required {
	color: var(--color10);
	font-size: 65%;
	padding: 0 0.7em;
	position: relative;
	top: -0.2em;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.iconstack:before {
}
.icon {
	text-align: center;
	white-space: nowrap;
	width: 2.6em;
}
.icon:not(.button) {
	color: var(--color05);
}
.icon.button {
	background: none;
	padding: 0;
}
.icon-disabled {
	cursor: not-allowed;
}
.spacer {
	white-space: nowrap;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.container-origin {
}
.container-subst {
	display: none;
}
.container-hidden, .container-hidden * {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: -99999999;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.field-union {
	background-color: var(--color03);
	border: 1px groove var(--color01);
	border-radius: var(--bradius1);
    -webkit-border-radius: var(--bradius1);
    -moz-border-radius: var(--bradius1);
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	width: 100%;
}
.field-composite table, .field-union table {
	width: 100%;
}
.field-composite td, .field-union td {
	text-align: center;
	vertical-align: middle;
}
.field-composite-td:not(:last-child) {
	padding-right: 10px;
}
.field-union td {
	border-right: 2px solid var(--color01);
}
.field-union td:last-child {
	border: 0px none;
}
.field-union td *:not(.selectize-dropdown) {
	border: 0px none;
	box-shadow: none;
}
.field-composite td button, .field-union td button {
	width: 100%;
}
.field-union td:first-child, .field-union td:first-child * {
	border-bottom-left-radius: var(--bradius1);
    -webkit-border-bottom-left-radius: var(--bradius1);
    -moz-border-radius-bottomleft: var(--bradius1);
	border-top-left-radius: var(--bradius1);
    -webkit-border-top-left-radius: var(--bradius1);
    -moz-border-radius-topleft: var(--bradius1);
}
.field-union td:last-child, field-union td:last-child * {
	border-bottom-right-radius: var(--bradius1);
    -webkit-border-bottom-right-radius: var(--bradius1);
    -moz-border-radius-bottomright: var(--bradius1);
	border-top-right-radius: var(--bradius1);
    -webkit-border-top-right-radius: var(--bradius1);
    -moz-border-radius-topright: var(--bradius1);
}
.field-composite-icon, .field-union-icon {
	width: 2.6em;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.selectize-control .selectize-input.disabled {
	background-color: var(--color02) !important;
}
.selectize-dropdown {
}
/* -------------------------------------------------------------------------------------------------------------------- */
.dialog, .window {
	background-color: var(--color08);
	border: 1px groove var(--color01);
	border-radius: var(--bradius2);
    -webkit-border-radius: var(--bradius2);
    -moz-border-radius: var(--bradius2);
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset;
	position: fixed;
	text-align: left;
	z-index: 999999;
}
.dialog {
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 94%;
}
.dialog-titlebar, .window-titlebar {
	background-color: var(--color09);
	border-radius: var(--bradius2) var(--bradius2) 0 0;
    -webkit-border-radius: var(--bradius2) var(--bradius2) 0 0;
    -moz-border-radius: var(--bradius2) var(--bradius2) 0 0;
	color: var(--color05);
	font-weight: bold;
	padding: 0.5em 1em;
	position: relative;
	width: 100%;
}
.dialog-titlebar .dialog-titlebar-button, .window-titlebar .window-titlebar-button {
	border-top-right-radius: var(--bradius2);
	-webkit-border-top-right-radius: var(--bradius2);
    -moz-border-radius-topright: var(--bradius2);
	cursor: pointer;
	padding: 0.5em;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.dialog-titlebar .dialog-titlebar-button:hover, .window-titlebar .window-titlebar-button:hover {
	background-color: var(--color05);
	color: var(--color09);
}
.dialog-message {
	padding: 1em;
	min-width: 20em;
}
.dialog-buttonbar {
	border-top: 2px solid var(--color09);
	padding: 0.5em 0 0.5em 1em;
}
.dialog-buttonbar button {
	float: right;
	margin-right: 1em;
	position: relative;
}
.dialog-gauge {
	margin: 0 1em 1em 1em;
	position: relative;
}
.dialog-gauge-value {
	bottom: 0;
	font-weight: bold;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 6px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.view-table-wrapper, .view-tablebyside-wrapper, .view-tablegrid-wrapper {
	width: 100%;
}
.view-table-element, .view-tablebyside-element, .view-tablegrid-element {
	padding: 4px 0;
}
.view-table-element {
	padding: 4px 2px;
}
tr .view-table-element:last-child {
	padding-right: 0;
}
.view-table-label, .view-tablebyside-label, .view-tablegrid-label {
	padding-top: 12px;
	vertical-align: top;
}
.view-tablebyside-label-small {
	display: none;
	xxx_font-size: 80%;
	padding-bottom: 2px;
}
tr:not(:first-child) .view-tablebyside-label-small {
	padding-top: 0.7em;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.google-maps-route-table-link {
	cursor: pointer;
	font-size: small;
	padding: 2px 0;
}
.google-maps-route-table-text {
	font-size: small;
	padding: 2px 0;
	vertical-align: top;
}
.google-maps-route-table-text-small {
	font-size: x-small;
	padding-top: 5px;
	vertical-align: top;
}
.google-maps-route-table-duration {
	font-size: small;
	padding: 2px 3px 2px 0;
	text-align: right;
	vertical-align: top;
	width: 100px;
}
.google-maps-route-table-distance {
	font-size: small;
	padding: 2px 3px 2px 0;
	text-align: right;
	vertical-align: top;
	width: 60px;
}
.google-maps-route-table-step {
	font-size: small;
	padding: 2px 8px 2px 0;
	text-align: right;
	vertical-align: top;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.menu-dd-h > li {
    float:left;
	padding: 10px 10px;
}
.menu-dd-h li a {
    display: block;
}
.menu-dd-h li:hover > ul {
    visibility: visible;
}
.menu-dd-h li ul {
    display: inline;
	margin-top: 10px;
	margin-left: -10px;
	padding: 0 10px;
    position: absolute;
    visibility: hidden;
}
.menu-dd-h li ul li {
    float: none;
	padding: 10px 0;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.menu-list-h li {
	display: inline;
	padding: 10px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.menu-list-v {
	position: absolute;
	visibility: hidden;
}
.menu-list-v li {
	padding: 10px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.square-list {
	list-style-type: square;
	padding-left: 16px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.accordion-head-text {
	font-weight: bold;
	padding-left: 12px;
}
.accordion-nav-container {
	text-align: right;
}
.accordion-nav-button {
	font-size: 80% !important;
	margin: 20px 20px 5px 0 !important;
}
.accordion-nav-button:last-child {
	margin-right: 0 !important;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2em !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.tabs-container {
	-webkit-border-radius: var(--bradius1);
	-moz-border-radius: var(--bradius1);
	border-radius: var(--bradius1);
}
.tabs-tabbar-wrapper {

}
.tabs-tabbar {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: +1;
}
.tabs-tabbar li {
	background-color: var(--color09);
	border: 1px solid var(--color06);
	-webkit-border-top-left-radius: var(--bradius1);
	-webkit-border-top-right-radius: var(--bradius1);
	-moz-border-radius-topleft: var(--bradius1);
	-moz-border-radius-topright: var(--bradius1);
	border-top-left-radius: var(--bradius1);
	border-top-right-radius: var(--bradius1);
	color: var(--color06);
	cursor: pointer;
	display: inline;
	padding: 10px 1em;
}
.tabs-tabbar li:hover, .tabs-tabbar-active-tab {
	background-color: #FFFFFF !important;
}
.tabs-tabbar-active-tab {
	font-weight: bold;
}
.tabs-tabbar-active-tab {
	border-bottom: 2px solid #FFFFFF !important;
}
.tabs-tabcard-wrapper {
	border: 1px solid var(--color06);
	-webkit-border-bottom-left-radius: var(--bradius1);
	-webkit-border-bottom-right-radius: var(--bradius1);
	-moz-border-radius-bottomleft: var(--bradius1);
	-moz-border-radius-bottomright: var(--bradius1);
	border-bottom-left-radius: var(--bradius1);
	border-bottom-right-radius: var(--bradius1);
	position: relative;
	top: -1px;
}
.tabs-tabcard {
	display: none;
	left: 0;
	right: 0;
	padding: 1em 1em;
	position: relative;
}
.tabs-tabcard-active {
	display: block !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.zoomer-container {
	display: inline-block;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.mce-tinymce {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
	border: 1px groove var(--color01) !important;
	border-radius: var(--bradius1) !important;
    -webkit-border-radius: var(--bradius1) !important;
    -moz-border-radius: var(--bradius1) !important;
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
}
.tox-toolbar {
	background-color: var(--color07) !important;
}
.tox-statusbar {
	background-color: var(--color07) !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.ui-helper-reset {
	font-size: inherit !important;
}
.ui-tooltip {
	font-size: 0.85em !important;
	padding: 4px !important;
	z-index: 9999999 !important;
}
.ui-widget {
	border-radius: var(--bradius1) !important;
    -webkit-border-radius: var(--bradius1) !important;
    -moz-border-radius: var(--bradius1) !important;
	box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-webkit-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	-moz-box-shadow: var(--bshadow1) var(--color01), 0 0 var(--color08) inset !important;
	font-size: inherit !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
div.dataTables_filter, div.dataTables_info, div.dataTables_length, div.dataTables_paginate, div.dt-buttons {
	font-family: inherit !important;
	font-size: 80% !important;
	font-weight: normal !important;
	padding: 0.25em !important;
	margin: 0 !important;
}
div.dataTables_filter *, div.dataTables_length *,  div.dataTables_paginate *, div.dt-buttons * {
	font-family: inherit !important;
	font-size: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
}
div.dataTables_filter input, div.dataTables_length select {
	background-color: #FFFFFF !important;
}
div.dataTables_length option {
	font-family: inherit !important;
}
button.dt-button {
	border: 1px groove var(--color01) !important;
	border-radius: var(--bradius1);
    -webkit-border-radius: var(--bradius1);
    -moz-border-radius: var(--bradius1);
	font-weight: bold !important;
	padding: 2px 6px !important;
}
input.dt-checkbox + label.wfw span:last-child {
	display: none !important;
}
input.dt-checkbox + label.wfw span:first-child:before {
 	font-size: 90% !important;
	padding-top: 0 !important;
}
input.dt-checkbox + label.wfw span:first-child:before {
	content: '\f0c8' !important;
}
input.dt-checkbox:checked + label.wfw span:first-child:before {
	content: '\f14a' !important;
}
td.dt-checkbox-cell, th.dt-checkbox-cell {
	box-sizing: border-box !important;
	padding: 0 4px !important;
	width: 1em !important;
}
th.dt-checkbox-cell DataTables_sort_icon {
	display: none !important;
}
th.dt-checkbox-cell div.DataTables_sort_wrapper span {
	position: relative !important;
	right: 0 !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.imagehandler-container {
	display: flex;
	flex-wrap: wrap;
	left: -4px;
	position: relative;
	top: -4px;
	width: calc(100% + 8px);
}
.imagehandler-editor, .imagehandler-grabber {
	height: calc(100% - 1em) !important;
	width: calc(100% - 1em) !important;
	max-width: 100% !important;
}
.imagehandler-editor .dialog-message {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 2.5em;
}
.imagehandler-editor-canvas-wrapper, .imagehandler-infwin-canvas-wrapper {
	background-image:
		-moz-linear-gradient(45deg, #BBBBBB 25%, transparent 25%), 
		-moz-linear-gradient(-45deg, #BBBBBB 25%, transparent 25%),
		-moz-linear-gradient(45deg, transparent 75%, #BBBBBB 75%),
		-moz-linear-gradient(-45deg, transparent 75%, #BBBBBB 75%);
	background-size: 20px 20px;    
	background-position: 0 0, 10px 0, 10px -10px, 0px 10px;
	border: 2px solid #BBBBBB;
}
.imagehandler-editor-canvas-wrapper {
	bottom: 10px;
	left: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.imagehandler-infwin-canvas-wrapper {
	height: 6em;
	margin-bottom: 0.6em;
}
.imagehandler-editor-canvas-image {
	height: 100%;
	object-fit: contain;
	width: 100%;
}
.imagehandler-grabber .dialog-buttonbar {
	bottom: 0;
	position: absolute;
	width: 100%;
}
.imagehandler-grabber-hint {
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 0.7em;
	text-align: center;
}
.imagehandler-grabber-filelist {
	width: 100%;
}
.imagehandler-grabber-filelist tr th {
	background-color: var(--color09);
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}
.imagehandler-grabber-filelist tr td {
	border-bottom: 1px solid var(--color09);
	border-right: 1px solid var(--color09);
	padding: 0.1em 0.2em;
}
.imagehandler-grabber-filelist tr td:nth-child(1) {
	border-left: 1px solid var(--color09);
}
.imagehandler-grabber-filelist tr td:nth-child(1), .imagehandler-grabber-filelist tr td:nth-child(2) {
	text-align: center;
	width: 1.55em;
}
.imagehandler-grabber-filelist tr td:nth-child(1) i {
	color: var(--color09);
	width: 1em;
}
@keyframes fa-blink {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.imagehandler-grabber-filelist tr td:nth-child(2) i {
   -webkit-animation: fa-blink .75s linear infinite;
   -moz-animation: fa-blink .75s linear infinite;
   -ms-animation: fa-blink .75s linear infinite;
   -o-animation: fa-blink .75s linear infinite;
   animation: fa-blink .75s linear infinite;
   color: orange;
}
.imagehandler-grabber-filelist tr td:nth-child(5), .imagehandler-grabber-filelist tr td:nth-child(6),
.imagehandler-grabber-filelist tr td:nth-child(7)  {
	text-align: right;
}
.imagehandler-grabber-message {
	font-size: 90%;
	font-weight: bold;
	padding-top: 1em;
}
.imagehandler-grabber-message i {
	color: var(--color10);
}
.imagehandler-grabber-fileboxopener {
	bottom: 0.5em;
	left: 1em;
	position: absolute;
	z-index: 1;
}
.imagehandler-item {
	background-color: var(--color04);
	border: 1px groove var(--color01);
	border-radius: var(--bradius1);
    -webkit-border-radius: var(--bradius1);
    -moz-border-radius: var(--bradius1);
	overflow: hidden;
	margin: 4px;
	position: relative;
}
.imagehandler-item-append {
	align-items: center;
	display: flex;
	justify-content: center;
}
.imagehandler-item-change, .imagehandler-item-delete, .imagehandler-item-edit, .imagehandler-item-infwin, .imagehandler-item-magnify {
	background-color: var(--color05);
	border: 1px solid var(--color05);
	border-radius: 100%;
	color: #FFFFFF !important;
	font-size: 90%;
	height: 1.8em;
	opacity: 0.5;
	padding: 0.3em 0;
	position: absolute;
	top: 4px;
	width: 1.8em !important;
}
.imagehandler-item-change {
	right: calc(2em + 4px);
}
.imagehandler-item-delete {
	right: 4px;
}
.imagehandler-item-edit {
	left: calc(50% - 0.9em);
}
.imagehandler-item-infwin {
	left: calc(2em + 4px);
}
.imagehandler-item-magnify {
	left: 4px;
}
.imagehandler-item-preview {
	object-fit: contain;
}
.imagehandler-item-cover {
	background: rgba(255, 255, 255, 0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.imagehandler-item-info {
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	height: 1em;
	margin-top: 1em;
	padding: 0 4px;
	position: absolute;
	text-shadow: 2px 2px 6px var(--color05), -2px -2px 6px var(--color05), -2px 2px 6px var(--color05), 2px -2px 6px var(--color05);
	text-align: center;
	width: 100%;
	z-index: 2;
}
.imagehandler-item-field {
	font-size: 80% !important;
	padding-bottom: 4px !important;
	padding-top: 4px !important;
}
.imagehandler-item .imagehandler-item-field {
	xxxbackground-color: #ff0000 !important;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.slider-slidecontainer-wrapper-with-arrows {
	align-items: center;
	display: flex;
	justify-content: center;
}
.slider-slidecontainer-with-arrows {
	width: calc(100% - 6em);
}
.slider-slidecontainer-arrow {
	position: absolute;
}
.slider-slidecontainer-arrow-left {
	left: 0;
}
.slider-slidecontainer-arrow-right {
	right: 0;
}
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:42rem) {
	.ui-accordion .ui-accordion-content {
		padding: 1em !important;
	}
	.tabs-tabcard {
		padding: 1em;
	}
	/* ---------------------------------------------------------------------------------------------------------------- */
	.view-tablebyside-label {
		display: none;
	}
	.view-tablebyside-label-small {
		display: block;
	}
	.view-table-label {
		font-size: 80%;
		padding-bottom: 2px;
	}
	.view-table-label, .view-table-element {
		display: block;
	}
	/* ---------------------------------------------------------------------------------------------------------------- */
	.view-table-label, .view-table-element {
		display: block !important;
	}
}