/*
 * Sumoshop Backend Basic v4.01.296
 * Copyright 2025 Sumoshop https://www.sumoshop.dk
 * All rights reserved
 */
@import "icon.css";

:root {
	--backend-full: 100vw;
	--backend-mobile: 600px;
	--backend-margin: 10px;
	--backend-padding: 10px;
	--backend-columns: 6;
	--backend-columns-large: 3;
	--backend-background-color: #ffffff;
	--backend-header-background-color: #ffffff;
	--backend-main-background-color: #f7fafc;
	--backend-footer-background-color: #f7fafc;
	--backend-menu-background-color: #597b8f;
	--backend-color: #333333;
	--backend-hover-color: #e1e7eb;
	--backend-hover-color-transparent: rgba(225, 0, 235, 0);
	--backend-menu-color: #ffffff;
	--backend-border-color: #cccccc;
	--backend-border-radius: 5px;
	--backend-button-background-color: #597b8f;
	--backend-button-color: #ffffff;
	--backend-confirm-background-color: #5c9c7b;
	--backend-reject-background-color: #dd8897;
	--backend-highlight-background-color: #fffdad;
	--backend-focus-color: #ffaa00;
	--backend-font-family: Roboto, Helvetica, Arial;
	--backend-font-size: 16px;
	--backend-font-weight: 300;
	--backend-headline-font-family: Roboto, Helvetica, Arial;
	--backend-headline-font-size: 40px;
	--backend-headline-font-weight: 500;
}

* {
	background-repeat: no-repeat;
}

html {
	box-sizing: border-box;
	transform: none !important;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	color: var(--backend-color);
	line-height: 1.2;
	overflow-x: hidden;
	overflow-y: auto;
}

body, input, textarea, select {
	font-family: var(--backend-font-family);
	font-size: var(--backend-font-size);
	font-weight: var(--backend-font-weight);
}

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, svg, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 solid;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

header, footer, main {
	display: block;
	clear: both;
	position: relative;
	width: 100%;
}

header {
	z-index: 1001;
	z-index: 1000;
	background-color: var(--backend-header-background-color);
}

a {
	color: var(--backend-color);
	text-decoration: none;
}

img, svg, object {
	display: block;
	max-width: 100%;
}

object {
	pointer-events: none;	
}

iframe {
	border: 0;
}

br {
	clear: both;
}

strong {
	font-weight: var(--backend-headline-font-weight);
}

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

th {
	text-align: left;
}

ol, ul {
	list-style: none;
}

.backend-headline, .backend-subheadline, .backend-button, .dashboardwidget-title, .dashboardwidget-score, .dashboardwidget-number-current {
	font-family: var(--backend-headline-font-family);
	line-height: 1;
	text-overflow: ellipsis;
}

.backend-headline, .backend-subheadline, .dashboardwidget-title, .dashboardwidget-score, .dashboardwidget-number-current, h1, h2, h3, h4, table th {
	font-weight: var(--backend-headline-font-weight);
}

.backend-headline {
	clear: both;
}

h1.backend-headline {
	font-size: var(--backend-headline-font-size);
	padding-bottom: 3px;
}

h2.backend-subheadline {
	font-size: calc(var(--backend-headline-font-size) * .7);
}

h3.backend-subheadline {
	font-size: calc(var(--backend-headline-font-size) * .5);
}

h4.backend-subheadline {
	font-size: calc(var(--backend-headline-font-size) * .4);
}

h1>a, h2>a, h3>a, h4>a {
	font-weight: inherit;
}

.backend-button {
	display: inline-block;
	margin: var(--backend-margin);
	border-radius: var(--backend-border-radius);
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: var(--backend-padding);
	background-color: var(--backend-button-background-color);
	color: var(--backend-button-color);
	font-size: var(--backend-font-size);
	font-weight: var(--backend-font-weight);
}

/* Scale */
.backend-form-row .backend-button {
	margin: calc(var(--backend-margin) * 0.5) var(--backend-margin);
}

.backend-button:not(.backend-disabled):active, .backend-form input[type="button"]:not(.backend-disabled):active, .backend-form input[type="submit"]:not(.backend-disabled):active, .backend-form input[type="reset"]:not(.backend-disabled):active {
	margin-top: calc(var(--backend-margin) * 0.5 + 2px);
	margin-bottom: calc(var(--backend-margin) * 0.5 + 2px);
	padding-top: calc(var(--backend-padding) - 2px);
	padding-bottom: calc(var(--backend-padding) - 2px);
}

.backend-button:hover:not([class*="disabled"]) {
	background-color: color-mix(in srgb, var(--backend-button-background-color), transparent 40%);
	color: var(--backend-button-color);
}

.backend-disabled {
	opacity: 0.3 !important;
	cursor: not-allowed !important;
	transition: 200ms opacity;
}

.backend-disabled .backend-disabled {
	opacity: 1 !important;
}

.backend-transparent {
	opacity: 0;
	transition: 200ms opacity;
}

.backend-hidden {
	display: none !important;
}

.backend-hidden.backend-visible {
	display: block !important;
}

li.backend-form-row .form-wrap {
	max-width: calc(100% - var(--backend-margin) * 2);
}

li.backend-form-row-range .form-wrap {
	border: 0;
	background-color: transparent;
}

li.backend-form-row .backend-form-label, li.backend-form-row input, li.backend-form-row select, li.backend-form-row textarea, li.backend-form-row .form-wrap, li.backend-form-row .redactor-box {
	opacity: 1;
	transition: 200ms opacity, 200ms outline-color;
}

/*
li.backend-form-row.backend-disabled .backend-form-label, li.backend-form-row.backend-disabled input, li.backend-form-row.backend-disabled select, li.backend-form-row.backend-disabled textarea, li.backend-form-row.backend-disabled .form-wrap, lli.backend-form-row.backend-disabled .redactor-box {
	opacity: 0.3;
	cursor: not-allowed;
}
*/

li.backend-form-row.backend-disabled fieldset .backend-icon-add {
	cursor: not-allowed;
}

li.backend-form-row .backend-form-label-ai {
	margin: 0;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	padding: 1px 4px;
	vertical-align: middle;
	font-size: calc(var(--backend-font-size) * 0.8);
}

li.backend-form-row.backend-disabled .redactor-toolbar li a {
	cursor: not-allowed;
}

li.backend-form-row.backend-disabled .redactor-toolbar li a:hover {
	background-color: transparent;
}
/*
li.backend-form-row.backend-disabled label {
	opacity: 0.3;	
}
*/
.backend-pager {
	float: right;
	height: 40px;
	overflow-y: hidden;
}

.backend-pager-top {
	position: absolute;
	top: -50px;
	right: 0;
}

.backend-include .backend-pager-top {
	top: -30px;
}

.backend-pager:not(.visible) {
	display: none;
}

.backend-pop-body {
	padding: var(--backend-margin);
}

.backend-pop-body .backend-pager-top {
	left: 50%;
	right: auto;
}

.backend-pager-counter {
	float: left;
	margin: var(--backend-margin);
}

.backend-pager-pages {
	float: right;
}

.backend-pager-pages>li {
	float: left;
}

.backend-pager-pages>li>a {
	display: block;
	float: left;
	margin: var(--backend-margin) calc(var(--backend-margin) / 2);
}

.backend-pager-pages>li>a.backend-pager-button-previous, .backend-pager-pages>li>a.backend-pager-button-next {
	margin: var(--backend-margin);
}

.backend-pager-pages .backend-selected {
	font-weight: var(--backend-headline-font-weight);
}

.backend-pager-container-skip-left::before {
	content: "...";
	display: block;
	float: left;
	margin: var(--backend-margin);
}

.backend-pager-container-skip-right::after {
	content: "...";
	display: block;
	float: left;
	margin: var(--backend-margin);
}

.backend-loading, .common-chart.loading {
	animation: fade-100-20 200ms linear forwards, loading 750ms linear 200ms infinite;
	cursor: wait !important;
	position: relative;
}

#backend-main.backend-loading::after, #backend-main:not(.backend-loading) .backend-list-body.backend-loading::after, #backend-main:not(.backend-loading) .backend-form.backend-loading:not(.backend-form-searchfilter)::after, .common-chart.loading::after {
	content: "";
	display: block;
	z-index: 999;
	width: 100%;
	height: 100%;
	min-height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: var(--backend-icon-loading);
	background-repeat: no-repeat;
	background-size: 20% auto;
	background-position: 50% 50%;
}

.backend-loading a {
	cursor: wait !important;
}

img.backend-loading:not(.backend-loaded) {
	animation: none;
	opacity: 0;
}

.backend-loaded {
	animation: fade-20-100 250ms linear forwards;
}

.backend-added {
	animation: fade-added 2500ms linear forwards;
}

.backend-list.backend-loaded {
	animation: fade-20-0 100ms linear forwards, fadein 250ms linear 150ms forwards;
}

.backend-form input:not([type="checkbox"]):not([type="radio"]), .backend-form select, .backend-form textarea, .backend-form textarea.backend-form-widget-wysiwyg, .backend-form-perform input:not([type="checkbox"]):not([type="radio"]), .backend-form-perform select, .backend-form-perform textarea, .backend-form-perform textarea.backend-form-widget-wysiwyg {
	border-radius: var(--backend-border-radius);
	padding: var(--backend-padding);
	appearance: none;
}

.backend-form input[type="color"] {
	padding: 4px !important;
	cursor: pointer;
}

.backend-form input[type="color"]::-moz-color-swatch, .backend-form input[type="color"]::-webkit-color-swatch {
	border-radius: var(--backend-border-radius);
	border-color: var(--backend-border-color);
}

.backend-form textarea:focus-visible {
	outline: 0 !important;
}

.backend-form select {
	background-image: var(--backend-icon-down);
	background-position: calc(100% - 10px) 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
}

.backend-form .redactor-box {
	border-radius: var(--backend-border-radius);
}

.backend-form .redactor-box .re-embed:before {
	content: "\e61f";
}

.backend-form .redactor-toolbar {
	border-top-left-radius: var(--backend-border-radius);
	border-top-right-radius: var(--backend-border-radius);
	z-index: 998 !important;
}

.backend-form .redactor-editor {
	display: block;
	border-bottom-left-radius: var(--backend-border-radius);
	border-bottom-right-radius: var(--backend-border-radius);
	padding: var(--backend-padding);
}

.backend-form .redactor-toolbar li a:active, .backend-form .redactor-toolbar li a.redactor-act {
	background-color: var(--backend-button-background-color);
	color: var(--backend-background-color);
}

.backend-form .redactor-toolbar li a:hover {
	background-color: var(--backend-hover-color);
	color: var(--backend-color);
}

.backend-form textarea {
	font: inherit;
}

.backend-form input:focus:invalid, .backend-form input.backend-invalid, .backend-form select:focus:invalid, .backend-form select.backend-invalid, .backend-form li.backend-invalid {
	z-index: 10;
	outline: none;
	box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.5);
}

.backend-form-error, .backend-list .error, .backend-list .backend-error {
	color: #ff0000;
}

.backend-form.backend-sticky {
	padding-bottom: 50px;
}

/* 2504 This gave extra padding in bottom of all forms? What was the purpose?
.backend-form.backend-sticky-buttons-visible { */

/* 2506 This gave extra padding in bottom of popup forms? No longer required?
2506 IS required when scroll bars */
#backend-pop-main .backend-form.backend-sticky-buttons-visible {
	margin-bottom: 50px;
}

.backend-form .backend-form-row-buttons {
	transition: max-height 200ms;
	max-height: 100px;
	overflow: hidden;
}

.backend-form .backend-form-row-buttons.backend-hidden {
	display: block !important;
	max-height: 0;
	opacity: 0;
}

/*.backend-form.backend-sticky-buttons .backend-form-row-buttons {*/
.backend-form.backend-sticky-buttons>ul>li.backend-form-row-buttons {
/*	z-index: 10;*/
	z-index: 1000;
	position: fixed;
	bottom: 0;
	width: calc(100% + 40px);
	background-color: var(--backend-background-color);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
/*	margin-left: -20px;*/
	left: 0;
	text-align: center;
}

/*#backend-pop-main .backend-form.backend-sticky-buttons .backend-form-row-buttons {*/
#backend-pop-main .backend-form.backend-sticky-buttons>ul>li.backend-form-row-buttons {
	padding-left: 10px;
	padding-right: 10px;
}

.backend-form li {
	position: relative;
	padding: 0px;
}

.backend-form li.backend-form-fieldset {
	float: left;
	width: calc(100% - 20px);
	margin: 20px 10px 10px 10px;
}

.backend-form label {
	vertical-align: top;
}

.backend-form label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), .backend-list-description dt, .backend-form input[type=reset], .backend-form input[type=button].backend-button-cancel {
/*	width: calc((var(--backend-full) - var(--backend-margin) * 2) / var(--backend-columns) - var(--backend-margin) * 2);*/
	width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) - var(--backend-margin) * 4);
}

.backend-form label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), .backend-list-description dt {
	display: inline-block;
/*	margin: var(--backend-margin);*/
	margin: calc(var(--backend-margin) * 0.5) var(--backend-margin);
/*	padding: 5px 0;*/
	padding: var(--backend-padding) 0;
/* Scale */
/*	line-height: 30px;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#backend-pop-main>.backend-content {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#backend-body.backend-static-1 .backend-form label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), #backend-body.backend-static-1 .backend-list-description dt, #backend-body.backend-static-1 .backend-form input[type=reset], #backend-body.backend-static-1 .backend-form input[type=button].backend-button-cancel {
/*	width: calc((var(--backend-full) - var(--backend-margin) * 2) / var(--backend-columns) - 75px - var(--backend-margin) * 2);*/
	width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) - 20px - var(--backend-margin) * 4);
}

#backend-pop-main .backend-form label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), #backend-pop-main .backend-list-description dt, #backend-pop-main .backend-form input[type=reset], #backend-pop-main .backend-form input[type=button].backend-button-cancel {
	width: calc((var(--backend-full) - var(--backend-margin) * 2 - 10px * 2) / var(--backend-columns) - var(--backend-margin) * 2);
}


.backend-form .megalist label {
	font-weight: 300;
	letter-spacing: normal;
}

.backend-form label.label-radiolist, .backend-form label.label-radiolistul, .backend-form label.label-multilist {
	vertical-align: top;
}

.backend-form label.required::after {
	content: " *";
}

.backend-form label.rightlabel {
	margin-left: 0;
	width: auto;
}

.backend-form label.empty.cancel {
	display: none;
}

.backend-form li label {
	padding-left: 0;
	padding-right: 0;
}

.backend-form .backend-multilist, .backend-form .backend-megalist {
	display: inline-block;
}

.backend-form .backend-megalist-overflow {
	margin: var(--backend-margin);
}

.backend-form .backend-megalist, .backend-form .backend-gridlist-container, .backend-form .backend-conditionlist {
	display: inline-block;
	max-height: 300px;
	overflow-y: auto;
}

.backend-form .backend-megalist {
/*	max-width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) * (var(--backend-columns) - 2) - var(--backend-margin) * 4);*/
	max-width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) * (var(--backend-columns) - 2));
}

.backend-form .backend-multilist-container {
	max-height: 400px;
	overflow-y: auto;
}

.backend-form .backend-multilist label {
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}

.backend-form .backend-gridlist-container {
	background: linear-gradient(var(--backend-background-color) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--backend-background-color) 70%) 0 100%, linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)) 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 50px, 100% 50px, 100% 20px, 100% 20px;
	background-attachment: local, local, scroll, scroll;
}

.backend-form:not(.backend-advanced-enabled)>ul>li.backend-form-simple-odd .backend-gridlist-container, .backend-form.backend-advanced-enabled>ul>li.backend-form-advanced-odd .backend-gridlist-container {
	background: linear-gradient(color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%) 70%) 0 100%, linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)) 0 100% !important;
	background-repeat: no-repeat !important;
	background-size: 100% 50px, 100% 50px, 100% 20px, 100% 20px !important;
	background-attachment: local, local, scroll, scroll !important;
}

.backend-form>ul>li.backend-form-row:hover .backend-gridlist-container {
	background: linear-gradient(var(--backend-hover-color) 30%, rgba(255, 255, 255,0)), linear-gradient(rgba(255, 255, 255, 0), var(--backend-hover-color) 70%) 0 100%, linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)) 0 100% !important;
	background-repeat: no-repeat !important;
	background-size: 100% 50px, 100% 50px, 100% 20px, 100% 20px !important;
	background-attachment: local, local, scroll, scroll !important;
}

.backend-form .backend-subbox.backend-sortable {
	overflow-y: scroll;
}

.backend-form .backend-subbox label {
	display: inline-block;
	overflow: hidden;
	width: auto !important;
	max-width: 200px;
/* Scale */
/*	height: 40px;*/
	vertical-align: middle;
/*	margin: var(--backend-margin);*/
	margin: calc(var(--backend-margin) * 0.5) var(--backend-margin);
	margin-right: 0;
	border: 1px solid var(--backend-border-color);
	border-right: 0;
	border-radius: var(--backend-border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: calc(var(--backend-padding) - 1px);
	text-overflow: ellipsis;
	background-color: var(--backend-background-color);
}

.backend-form .backend-subbox>div:first-child>label {
	width: 150px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*.backend-form .backend-subbox>div>label:hover,*/
.backend-form .backend-subbox.backend-sortable>div>label:hover {
	width: auto !important;
	max-width: 300px;
	min-width: 150px;
}

.backend-form .backend-subbox.backend-sortable>div.backend-cols-5>label:hover {
	min-width: 125px;
}

.backend-form .backend-subbox.backend-sortable>div.backend-cols-6>label:hover {
	min-width: 100px;
}

.backend-form .backend-subbox>div {
/*	transition: 200ms;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px;
	vertical-align: middle;
}

.backend-form .backend-subbox>div.backend-hidden {
	display: inline-block !important;
	opacity: 0;
	max-width: 0;
}

.backend-form .backend-subbox.backend-sortable>div {
	display: block;
	float: left;
	position: relative;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-3>div:nth-child(3n+1) {
	clear: both;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-4>div:nth-child(4n+1) {
	clear: both;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-5>div:nth-child(5n+1) {
	clear: both;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-6>div:nth-child(6n+1) {
	clear: both;
}

.backend-form .backend-subbox.backend-sortable>div>label {
	width: 150px !important;
	margin-left:  0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-5>div>label {
	width: 125px !important;
}

.backend-form .backend-subbox.backend-sortable.backend-cols-6>div>label {
	width: 100px !important;
}

.backend-form .backend-subbox input.backend-icon-delete {
	width: 0 !important;
/* Scale */
/*	height: 40px;*/
	margin-left: 0;
/* Scale */
	margin-right: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-right: 25px !important;
	vertical-align: middle;
	text-indent: -9999px;
	background-image: var(--backend-icon-invert-remove);
	background-position: 50% 50%;
}

.backend-form .backend-subbox a.backend-icon-sortable {
	display: inline-block;
	height: 40px;
	margin-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-right: 25px !important;
	vertical-align: middle;
	text-indent: -9999px;
}

.backend-form .backend-subbox:disabled input.backend-icon-delete, .backend-form .backend-subbox:disabled a.backend-icon-sortable, .backend-form .backend-subbox:disabled>div>img {
	opacity: 0.3;
}

.backend-form .backend-subbox>div>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
	margin: var(--backend-margin);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: var(--backend-border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #ffffff;
}

.backend-form .backend-subbox>div:hover>img {
	display: none;
}

/* Changed for include...
.backend-form div, .backend-form .radiolistul { */
.backend-form .backend-form-inputlabel, .backend-form .backend-form-widget-datepicker, .backend-form .backend-form-widget-dialog, .backend-form .backend-multilist-container, .backend-form .backend-subbox>div, .backend-form .backend-megalist>div, .backend-form .backend-megalist-panel, .backend-form .radiolistul {
	display: inline-block;
}

.backend-form .backend-conditionlist {
	display: inline-block;
/*	width: calc((var(--backend-full) - var(--backend-margin) * 2) * 2/3 - var(--backend-margin) * 2);*/
	width: calc(var(--backend-full) * (var(--backend-columns) - 2)/var(--backend-columns) - var(--backend-margin) * 4 - var(--backend-padding) * 2 - 4px);
}

.backend-form .backend-conditionlist>li>ul>li {
	float: left;
	width: calc((100% - 100px) / 3);
}

.backend-form .backend-conditionlist>li>ul>li:first-child {
	width: 100px;
}

.backend-form .backend-conditionlist>li>ul>li>* {
	max-width: calc(100% - var(--backend-margin) * 2);
}

.backend-form .backend-conditionlist>li>ul>li>*>* {
	max-width: 100%;
}

.backend-form .backend-conditionlist>li>ul::after {
	content: "";
	display: block;
	clear: both;
}

.backend-form input[type=text], .backend-form input[type=search], .backend-form input[type=email], .backend-form input[type=tel], .backend-form input[type=date], .backend-form input[type=time], .backend-form input[type=url], .backend-form input[type=number], .backend-form input[type=password], .backend-form .backend-button-submit, .backend-form textarea, .backend-form select, .backend-form .backend-form-input-wrap, .backend-form .backend-form-textarea-wrap, .backend-form .backend-form-select-wrap, .backend-form .redactor-box, .backend-list-description dd {
/*	width: calc((var(--backend-full) - var(--backend-margin) * 2) * 1/3 - var(--backend-margin) * 2);*/
	width: calc(var(--backend-full) * (var(--backend-columns) - 3)/var(--backend-columns) - var(--backend-margin) * 4 - var(--backend-padding) * 2 - 4px);
	max-width: 100%;
	vertical-align: middle;
	margin: 10px;
}

.backend-form input[type=datetime-local] {
	min-width: 240px;
}

.backend-form input[type=text][name=metatitle], .backend-form textarea[name=metadescription] {
	width: calc(var(--backend-full) * (var(--backend-columns) - 4)/var(--backend-columns) - var(--backend-margin) * 4 - var(--backend-padding) * 2 - 4px);
}

.backend-form .backend-gridlist {
	display: inline-block;
}

.backend-form .backend-gridlist input {
	width: 100px;
}

.backend-form-widget-link select {
	width: 100px;
}

.backend-form-widget-link .backend-subbox span {
	display: none;
}

.backend-form input[type=text], .backend-form input[type=search], .backend-form input[type=email], .backend-form input[type=tel], .backend-form input[type=date], .backend-form input[type=time], .backend-form input[type=url], .backend-form input[type=number], .backend-form input[type=password], .backend-form textarea, .backend-form select, .backend-form .backend-form-input-wrap, .backend-form .backend-form-textarea-wrap, .backend-form .backend-form-select-wrap, .backend-form .redactor-box, .backend-form-perform input {
	border: 1px solid var(--backend-border-color);
}

.backend-list-table input[type=text] {
	width: 100%;
}

/*.backend-searchfilter input:not([type=checkbox]), .backend-searchfilter select {*/
#backend-main .backend-searchfilter input:not([type=checkbox]), #backend-main .backend-searchfilter select, #backend-head .backend-searchfilter input:not([type=checkbox]), #backend-head .backend-searchfilter select {
	width: calc((var(--backend-full) - var(--backend-margin) * 2) / var(--backend-columns) - var(--backend-margin) * 2);
}

#backend-main .backend-searchfilter .dialog, #backend-head .backend-searchfilter .dialog {
	width: calc(50% - var(--backend-margin) * 2);
	float: left;
}

#backend-main .backend-searchfilter input.backend-button, #backend-head .backend-searchfilter input.backend-button {
	width: auto;
}

.backend-form .backend-form-searchfilter-filters .backend-subbox>div>label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option) {
	width: auto !important;
	max-width: 110px;
}

/* #backend-pop-main .backend-searchfilter input:not([type=checkbox]):not(.backend-form-searchfilter-submit), #backend-pop-main .backend-searchfilter select {*/
#backend-pop-main .backend-searchfilter input:not([type=checkbox]):not(.backend-form-searchfilter-submit) {
	width: calc((var(--backend-full) - var(--backend-margin) * 2 - 10px * 2) / var(--backend-columns) - var(--backend-margin) * 2 - 2px);
	min-width: 50px;
}

.backend-form input:not([type=submit]):not([type=button]):not(.backend-performcheck), .backend-form textarea, .backend-form select, .backend-form .backend-form-input-wrap, .backend-form .backend-form-textarea-wrap, .backend-form .backend-form-select-wrap, .backend-form .redactor-box, .backend-form-perform input {
	background-color: var(--backend-background-color);
}

.backend-form-fieldset>ul>li, .backend-form-searchfilter>ul>li {
	border-top: 1px solid var(--backend-border-color);
}

.backend-form .form-wrap, .backend-form .form-select-inner-list {
	/* Scale */
	margin: calc(var(--backend-margin) * 0.5) var(--backend-margin);
}
/*
.backend-form.backend-advanced-enabled>ul>.backend-form-fieldset>ul>li:nth-child(1 of .backend-form-advanced), .backend-form.backend-simple-enabled>ul>.backend-form-fieldset>ul>li:nth-child(1 of .backend-form-simple) {
	border-top: none;
}
*/
/* CSS 4
.backend-form:not(.backend-advanced-enabled)>ul>li:nth-match(2n of .backend-form-simple), .backend-form.backend-advanced-enabled>ul>li:nth-match(2n of .backend-form-advanced) {
	background-color: #f8f8f8;
}
*/
.backend-form:not(.backend-advanced-enabled)>ul>li.backend-form-simple-odd:not(.backend-form-fieldset), .backend-form.backend-advanced-enabled>ul>li.backend-form-advanced-odd:not(.backend-form-fieldset), .backend-form:not(.backend-advanced-enabled)>ul>li.backend-form-fieldset>ul>li.backend-form-simple-odd, .backend-form.backend-advanced-enabled>ul>li.backend-form-fieldset>ul>li.backend-form-advanced-odd, .backend-form-searchfilter>ul>li:nth-child(2n+1), .backend-list-description>div:nth-child(2n+1) {
	background-color: color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%);
}

.backend-form li:not(.backend-form-row-strings) textarea:not([name='metadescription']):not(.wysiwyg), .backend-form li:not(.backend-form-row-strings) .backend-form-textarea-wrap, .backend-form .multilist-container, .backend-form .redactor-box {
/*	width: calc((var(--backend-full) - 20px - var(--backend-margin) * 2) * 2/3 - var(--backend-margin) * 2);*/
	width: calc(var(--backend-full) * (var(--backend-columns) - 2)/var(--backend-columns) - var(--backend-margin) * 4 - var(--backend-padding) * 2 - 4px);
	max-width: 100%;
}

.backend-pop-body .backend-form textarea:not([name='metadescription']), .backend-pop-body .backend-form .backend-form-textarea-wrap, .backend-pop-body .backend-form .multilist-container, .backend-pop-body .backend-form .redactor-box {
	width: calc((var(--backend-full) - var(--backend-margin) * 2 - 10px * 2) * (var(--backend-columns) - 1) / var(--backend-columns) - var(--backend-margin) * 2 + 12px);
}

.backend-form input.form-number, .backend-form input.form-numberpercentage {
	max-width: 115px;
}

.backend-form-searchfilter-filters input.form-number {
	max-width: calc(((var(--backend-full) - var(--backend-margin) * 2) / var(--backend-columns) - var(--backend-margin) * 2) / 3 - 10px);
}

.backend-form input[type=date] {
	max-width: 150px;
}

.backend-form input[type=time] {
	max-width: 100px;
}

.backend-form .datepicker-date .form-wrap {
	float: left;
}

.backend-form .datepicker-date .form-select-wrap, .backend-form .datepicker-date .form-selectstandard-wrap {
	margin-left: 5px;
	margin-right: 5px;
}

.backend-form .datepicker-date select {
	max-width: 50px;
}

.backend-form .datepicker-date select.datepicker-y {
	max-width: 70px;
}

.backend-form .datepicker-date select {
}

.backend-form .form-checkbox-wrap, .form-checkbox-wrap input[type="checkbox"] {
	width: 24px !important;
	height: 24px !important;
}

.backend-form .form-checkbox-wrap {
/* Scale */
/*	margin-top: 18px;
	margin-bottom: 18px;**/
	margin-top: calc(var(--backend-padding) + var(--backend-margin) * 0.5 - 2px);
	margin-bottom: calc(var(--backend-padding) + var(--backend-margin) * 0.5 - 2px);
}

.backend-form .form-checkbox-wrap.form-active {
	background-color: var(--backend-button-background-color);
}

.backend-form .form-checkbox-wrap.form-active .form-checkbox-inner {
	border-color: var(--backend-button-color);
	left: -1px;
}

.backend-form .form-checkbox-inner {
	width: 60%;
	height: 40%;
	border-color: var(--backend-button-background-color);
}

.backend-form .radiolist, .backend-form .radiolistul {
	width: calc(var(--backend-full) * 1/2);
	max-width: 100%;
	vertical-align: middle;	
}

.backend-form input[type="button"].backend-button-cancel, .backend-form input[type="reset"].backend-button-cancel, .backend-message .backend-button-cancel {
	opacity: 0.5;
}

.backend-form input[type="checkbox"] {
	vertical-align: middle;
}

.backend-form .radiolist label {
	display: inline;
	margin: 0;
	vertical-align: middle;
}

.backend-form .radiolist span::after, .backend-form .radiolist label::after {
	content: "";
	display: block;
	margin: 10px 100% 10px 0;
}

.backend-form .radiolist input[type=radio], .backend-form input[type=checkbox] {
	margin: calc(10px + 0px);
	margin-left: 10px;
}

.backend-form .radiolist .image, .backend-form .radiolistul .image {
	max-width: calc(100% - 10px * 2);
}

.backend-form .multilist input[type=checkbox] {
	margin: 0;
}

.backend-form .datepicker {
	vertical-align: middle;
}

.backend-form .datepicker select, .backend-form .datepicker .backend-form-select-wrap {
	display: block;
	float: left;
	width: calc(var(--backend-full) * 1/6 - var(--backend-margin) * 2);
	width: calc(var(--backend-full) / var(--backend-columns) - var(--backend-margin) * 2);
}

.backend-form .link {
	display: inline-block;
}

.backend-form-fieldset {
	margin: 20px;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

.backend-form-perform {
	clear: both;
}

li.backend-form-fieldset.backend-closed, .backend-form.backend-closed, .backend-form-perform-actions-fieldset.backend-closed {
	max-height: 20px !important;
}

li.backend-form-fieldset.backend-closed>.backend-include {
	height: 0;
	overflow: hidden;
}

.backend-form-perform-actions-fieldset {
	width: 100%;
}

.backend-form-fieldset>legend, .backend-form>legend, .backend-form-perform-actions-fieldset>legend {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 5px;
	padding-bottom: 5px;
	background-color: var(--backend-background-color);
	font-weight: var(--backend-headline-font-weight);
}

.backend-closed>legend>a {
	opacity: 0.35;
}

.backend-form-fieldset>legend>a, .backend-form>legend>a, .backend-form-perform-actions-fieldset>legend>a {
	padding: 0px 22px 0px 5px;
	background-image: var(--backend-icon-down);
	background-size: auto 10px;
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) 50%;
}

.backend-form-fieldset.backend-closed>legend>a, .backend-form.backend-closed>legend>a, .backend-form-perform-actions-fieldset.backend-closed>legend>a {
	background-image: var(--backend-icon-down);
}

.backend-form.backend-closable {
	margin-top: 30px;
	box-shadow: none;
}
/*
.backend-form.backend-closable.backend-closed {
	height: 10px;
	margin-bottom: 0;
	border-color: #ffffff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
*/
.backend-form-fieldset>ul, .backend-form-fieldset>iframe, .backend-form-fieldset>section, .backend-form.backend-closable>ul, .backend-form-perform-actions-fieldset>ul {
	overflow-x: visible;
/*	position: relative;
	top: -10px;*/
	margin-top: 15px;
	max-height: 6000px;
	transition: 200ms max-height;
}

.backend-form-fieldset>iframe {
	max-height: 75vh;
	overflow-y: auto;
}

.backend-form-fieldset.backend-closed>ul, .backend-form-fieldset.backend-closed>iframe, .backend-form.backend-closed>ul, .backend-form-perform-actions-fieldset.backend-closed>ul {
	overflow: hidden;
	max-height: 0px;
}

.backend-form .backend-form-fieldset label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-dialog-option):not(.backend-form-perform-label), .backend-form .backend-form-searchfilter-filters label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option) {
	width: calc((var(--backend-full) - var(--backend-margin) * 2) / var(--backend-columns) - var(--backend-margin) * 2 - 40px);
/*	width: calc((var(--backend-full) - var(--backend-margin) * 2) / 6 - var(--backend-margin) * 2 - 40px);*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.backend-form .backend-form-searchfilter-filters label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.backend-searchfilter-mergelabel), .backend-form .backend-form-searchfilter-filters>li>.form-selectstandard-wrap {
	width: calc(50% - var(--backend-margin) * 2) !important;
	float: left;
}

.backend-form .backend-form-searchfilter-filters .backend-searchfilter-mergelabel {
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.backend-form .backend-form-searchfilter-filters>li::after {
 	content: "";
 	display: block;
 	clear: both;
}

.backend-form .backend-form-searchfilter-filters>li>.form-selectstandard-wrap>select {
	max-width: 100%;
} 

#backend-head {
	position: fixed;
	top: 0;
	background-color: var(--backend-header-background-color);
	color: var(--backend-color);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
}

#backend-head a {
	color: #333333;	
}

#backend-head a:hover {
	opacity: 1 !important;
}

#backend-ajax {
	display: none;
}

a:active img {
	filter: drop-shadow(0px 0px 5px #819baa);
}

a:active {
	text-shadow: 0px 0px 5px #819baa;
}

#backend-menu {
	overflow-y: auto;
	position: fixed;
	top: 60px;
	left: calc(-100vw / var(--backend-columns));
	width: calc(100vw / var(--backend-columns));
	background-color: var(--backend-menu-background-color);
	transition: all 200ms;
	opacity: 0;
	visibility: hidden;
/*	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);*/
}

#backend-menu>ul>li>ul {
	height: auto;
	max-height: 0px;
	overflow: hidden;
	visibility: hidden;
	transition: all 200ms;
}

#backend-menu.backend-active-2>ul>li.backend-hassubs.backend-open, #backend-menu.backend-active-3>ul>li.backend-hassubs:not(.backend-closed), #backend-menu.backend-active-4>ul>li.backend-hassubs:not(.backend-closed) {
	padding-bottom: 10px;
}

#backend-menu>ul>li>ul>li {
	max-height: 30px;
	overflow: hidden;
	opacity: 1;
}

#backend-menu>ul>li.backend-simple-enabled>ul>li:not(.backend-simple), #backend-menu>ul>li.backend-advanced-enabled>ul>li:not(.backend-advanced) {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
}

#backend-menu>ul>li.backend-advanced-enabled>ul>li:not(.backend-simple), #backend-menu>ul>li.backend-advanced-enabled>ul>li.backend-advanced {
	transition: max-height 100ms, opacity 100ms;
}

#backend-menu.backend-active {
	left: calc(-100vw / var(--backend-columns) + 55px);
	opacity: 1;
	backdrop-filter: blur(20px);
}

#backend-body.backend-static-1 #backend-menu.backend-active, #backend-body.backend-static-2 #backend-menu.backend-active, #backend-body.backend-static-3 #backend-menu.backend-active, #backend-body.backend-static-4 #backend-menu.backend-active {
	height: calc(100vh - 60px);
	visibility: visible;
}

#backend-body:not(.backend-static-1):not(.backend-static-2):not(.backend-static-3):not(.backend-static-4) #backend-menu.backend-active:not(.backend-active-3):not(.backend-active-4) {
	border-bottom-right-radius: 5px;
}

#backend-menu.backend-active-2, #backend-menu.backend-active-3, #backend-menu.backend-active-2, #backend-menu.backend-active-4 {
	left: 0px;
}

#backend-menu.backend-active-3, #backend-menu.backend-active-4 {
	height: calc(100vh - 60px);
}

#backend-menu.backend-active-2>ul>li.backend-open>ul, #backend-menu.backend-active-3>ul>li:not(.backend-closed)>ul, #backend-menu.backend-active-4>ul>li:not(.backend-closed)>ul {
	max-height: 800px;
	visibility: visible;
}

#backend-menu>ul>li {
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#backend-menu li>a, #backend-menu li>span {
	transition: all 100ms;
}

#backend-menu li>a:hover, #backend-menu li>span:hover, #backend-menu li.backend-selected>a, #backend-menu li.backend-selected>span, #backend-menu.backend-active-1 li.backend-open>span, #backend-action-actions li.backend-selected>a {
	background-color: rgba(255, 255, 255, 0.2);
	transition: backgrouund-color 0ms;
}

#backend-menu a {
	display: block;
	padding: 5px 10px 5px 50px;
}

#backend-menu>ul>li>span, #backend-menu>ul>li>span>a {
	display: block;
	width: 100%;
	height: 55px;
}

#backend-menu.backend-active-1>ul>li>span, #backend-menu.backend-active-1>ul>li>span>a {
	text-indent: -9999px;
}

#backend-menu-tooltip {
	display: none;
	position: fixed;
	left: 55px;
	width: 160px;
	height: 50px;
	padding: 20px;
	opacity: 0.9;
	color: var(--backend-menu-color);
	background-color: var(--backend-menu-background-color);
	font-size: calc(var(--backend-font-size) * 1.125);
}

#backend-menu-tooltip.backend-active {
	display: block;
}

#backend-menu>ul>li>span>a {
	border-radius: 0;
	padding: 20px 20px 20px 50px;
	font-size: calc(var(--backend-font-size) * 1.125);
	opacity: 0.9;
	color: var(--backend-menu-color);
}

#backend-body *:not(input[type=text]):not(input[type=email]):not(input[type=password]):not(input[type=number]):focus-visible {
	outline: 2px dotted var(--backend-focus-color);
	outline-offset: -2px;
}

#backend-body *:not(input[type=text]):not(input[type=email]):not(input[type=password]):not(input[type=number]):not(.backend-button):not(#backend-aiassistant-chat-input).focus-visible {
	background-color: color-mix(in srgb, var(--backend-focus-color) 10%, rgba(0, 0, 0, 0) 90%);
	transition: background-color 200ms ease-out;
}

#backend-body .backend-form-searchfilter-query:focus-visible {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: var(--backend-button-background-color);
	outline-offset: -3px;
	outline-radius: 3px;
	transition: 0.2s outline-color;
}

#backend-body .form-focus *:focus-visible {
	outline: none;
}

#backend-menu>ul>li.backend-hassubs>span>a {
	float: left;
	width: calc(100% - 50px);
	padding-left: 0;
	color: var(--backend-menu-color);
}

#backend-menu>ul>li.backend-hassubs>span>a.backend-menu-openclose {
	width: 50px;
}

#backend-menu.backend-active-1>ul>li.backend-hassubs>span>a.backend-menu-openclose {
	visibility: hidden;
}

#backend-menu>ul>li>span {
	background-image: var(--backend-icon-home);
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-position: calc(100% - 20px) 50%;
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>li:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-home);
}

#backend-menu>ul>#backend-menu-sales>span {
	background-image: var(--backend-icon-sales);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-sales:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-sales);
}

#backend-menu>ul>#backend-menu-catalog>span {
	background-image: var(--backend-icon-catalog);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-catalog:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-catalog);
}

#backend-menu>ul>#backend-menu-marketing>span {
	background-image: var(--backend-icon-marketing);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-marketing:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-marketing);
}

#backend-menu>ul>#backend-menu-content>span {
	background-image: var(--backend-icon-content);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-content:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-content);
}

#backend-menu>ul>#backend-menu-user>span {
	background-image: var(--backend-icon-user);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-user:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-user);
}

#backend-menu>ul>#backend-menu-maintenance>span {
	background-image: var(--backend-icon-maintenance);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-maintenance:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-maintenance);
}

#backend-menu>ul>#backend-menu-statistics>span {
	background-image: var(--backend-icon-statistics);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-statistics:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-statistics);
}

#backend-menu>ul>#backend-menu-setup>span {
	background-image: var(--backend-icon-setup);
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>#backend-menu-setup:not(.backend-highlight)>span {
	background-image: var(--backend-icon-invert-setup);
}

.backend-menu-openclose {
	display: inline-block;
	width: 26px;
	overflow: hidden;
	background-image: var(--backend-icon-open);
	background-size: auto 14px;
	background-position: 50% 50%;
	text-indent: -9999px;
	transition: all 200ms;
}

#backend-menu.backend-invert:not(.backend-highlight)>ul>li:not(.backend-highlight) .backend-menu-openclose {
	background-image: var(--backend-icon-invert-open);
}

.backend-menu-openclose.backend-hidden {
	background-image: none;
	opacity: 0;
}

.backend-active-2 .backend-open>span>.backend-menu-openclose, .backend-active-3 .backend-hassubs>span>.backend-menu-openclose, .backend-active-4 .backend-hassubs>span>.backend-menu-openclose {
/*	transform: scaleY(-1);*/
	transform: rotate(-180deg);
}

.backend-active-2 .backend-open.backend-simple-enabled>span>.backend-menu-openclose, .backend-active-3 .backend-hassubs.backend-simple-enabled>span>.backend-menu-openclose, .backend-active-4 .backend-hassubs.backend-simple-enabled>span>.backend-menu-openclose {
	transform: rotate(-90deg);
}

#backend-menu>ul>li>ul>li>a {
	font-size: var(--backend-font-size);
	color: var(--backend-menu-color);
}

#backend-notifications, #backend-notification {
	position: fixed;
	top: 60px;
	right: calc(-100vw / var(--backend-columns));
	width: calc(100vw / var(--backend-columns));
	height: calc(100vh - 60px);
	background-color: rgba(50, 50, 50, 0.8);
	transition: all 200ms;
	opacity: 0;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

#backend-notification {
	height: auto;
	top: 90px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#backend-notifications.backend-active, #backend-notification.backend-active {
	right: 0px;
	opacity: 1;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

#backend-notifications>ul>li, #backend-notification>ul>li {
	padding: var(--backend-padding);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 100ms;
}

#backend-notifications>ul>li>span, #backend-notification>ul>li>span {
	float: left;
	width: 50px;
	height: 20px;
	font-weight: 500;
}

#backend-notifications>ul>li>a, #backend-notification>ul>li>a {
	display: block;
	float: left;
	width: calc(100% - 50px);
}

#backend-notifications>ul>li:hover, #backend-notification>ul>li:hover {
	background-color: var(--backend-button-background-color);
	transition: background-color 0ms;
}

.backend-list {
	clear: both;
/* float none!? */
	float: left;
	width: 100%;
}

/*.backend-list-commodities__price, .backend-list-commodities__offer, .backend-list-items__quantity, .backend-list-items__reserved, .backend-list-_available, .backend-list-items__extreserved, .backend-list-promotions__max_counter, .backend-list-promotions__discount_pct, .backend-list-promotions__discount_amount, .backend-list-orders__total */
.backend-list-commodities__price, .backend-list-commodities__offer, .backend-list-promotions__max_counter, .backend-list-promotions__discount_pct, .backend-list-promotions__discount_amount, .backend-list-orders__total {
	text-align: right;
}

.backend-list-items__quantity, .backend-list-items__reserved, .backend-list-_available, .backend-list-items__extreserved {
	text-align: center;
}

.backend-list-table, .backend-list-grid .backend-list-head.backend-sortable-active, .backend-pre {
	margin: var(--backend-margin);
	background-color: var(--backend-background-color);
}

.backend-list-tablelike.backend-treesortable>.backend-list-body>ul.backend-even, .backend-list-tablelike.backend-treesort>.backend-list-body>ul.backend-even {
	background-color: color-mix(in srgb, transparent 95%, rgb(0, 0, 0) 5%);
}

.backend-pre {
	padding: var(--backend-margin);
	clear: both;
}

.backend-pre pre {
	white-space: pre-wrap;
}

.backend-pre hr {
	border: 0;
	border-top: 1px solid var(--backend-border-color);
}

#backend-main .backend-list-table>.backend-list-head {
	position: sticky;
	top: 60px;
	z-index: 110;
}

#backend-main .backend-include .backend-list-table>.backend-list-head {
	position: static;
}

#backend-main .backend-include:hover .backend-list-container:not(.backend-list-nosticky)>.backend-list-table>.backend-list-head {
	position: sticky;
}

#backend-main .backend-list-nosticky>.backend-list-table>.backend-list-head {
	position: static;
}

.backend-list-container::after {
	content: "";
	display: block;
	clear: both;
}

#backend-pop-main .backend-list-container, #backend-main .backend-list-container.backend-list-nosticky {
	overflow-x: auto;
}

.backend-list-body>li {
	transition: all 100ms;
}

.backend-list-grid>.backend-list-body>ul {
	display: block;
	float: left;
	width: calc((var(--backend-full) - 20px) / var(--backend-columns) - var(--backend-margin) * 2);
	margin: var(--backend-margin);
	text-align: center;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: #ffffff;
	transition: 200ms;
}

#backend-pop-main .backend-list-grid>.backend-list-body>ul {
	width: calc(var(--backend-full) / var(--backend-columns) - var(--backend-margin) * 2);
	max-width: calc(100% / var(--backend-columns) - var(--backend-margin) * 2);
}

.backend-list-grid.control-effects>.backend-list-body>ul, .backend-menupanel.backend-parentresource ~ #backend-image-index #backend-image-index-list.backend-list-grid>.backend-list-body>ul {
	width: calc((var(--backend-full) - 20px) / var(--backend-columns-large) - var(--backend-margin) * 2) !important;
	max-width: calc(100% / var(--backend-columns-large) - var(--backend-margin) * 2) !important;
}

.backend-include .backend-list-grid>.backend-list-body>ul {
	width: calc(100% / var(--backend-columns) - var(--backend-margin) * 2) !important;
}

.backend-include .backend-menupanel.backend-parentresource ~ #backend-image-index #backend-image-index-list.backend-list-grid>.backend-list-body>ul {
	width: calc(100% / var(--backend-columns-large) - var(--backend-margin) * 2) !important;
}

#backend-pop-main .backend-list-grid.control-effects>.backend-list-body>ul {
	width: calc(var(--backend-full) / var(--backend-columns-large) - var(--backend-margin) * 2);
}

.backend-menupanel.backend-parentresource ~ #backend-image-index #backend-image-index-list.backend-list-grid .backend-list-body .backend-list-_primaryimage {
	height: calc(100vw / var(--backend-columns-large) / 1.2 - 40px);
}

.backend-backdrop .backend-list-grid>.backend-list-body>ul {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

#backend-body.backend-static-2 .backend-list-grid>.backend-list-body>ul, #backend-body.backend-static-3 .backend-list-grid>.backend-list-body>ul, #backend-body.backend-static-4 .backend-list-grid>.backend-list-body>ul {
	width: calc((var(--backend-full) * 5 / 6 - 20px) / 5 - var(--backend-margin) * 2);
	width: calc((var(--backend-full) * (var(--backend-columns) - 1) / var(--backend-columns) - 20px) / (var(--backend-columns) - 1) - 10px * 2);
	width: calc((var(--backend-full) * (var(--backend-columns) - 1) / var(--backend-columns) - var(--backend-padding) * 2) / (var(--backend-columns) - 1) - 10px * 2);
}

body>.backend-content>.backend-list-grid>.backend-list-body>ul {
	transition: 0ms;
}

#backend-body.backend-static-1 .backend-list-grid>.backend-list-body>ul {
	width: calc((var(--backend-full) - 75px) / var(--backend-columns) - var(--backend-margin) * 2);
}

.backend-list-grid>.backend-list-body>ul:hover {
	background-color: var(--backend-hover-color);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
	transition: 0ms;
}

/*.backend-list-table>.backend-list-body>ul:nth-child(2n+0), table.backend-list-table>tbody>tr:nth-child(2n+0) {*/
.backend-list-tablelike>.backend-list-body>ul.backend-even, .backend-list-table>tbody>tr.backend-even, .backend-list-table>tbody>tr:not(.backend-even):not(.backend-odd):nth-child(2n+0), .backend-autocomplete>ul>li:nth-child(2n+0) {
	background-color: color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%);
}

table.backend-list-table>thead>tr>th, table.backend-list-table>tbody>tr>td, table.backend-list-table>tbody>tr>th {
	padding: 5px;
}

.backend-list-table>.backend-list-body>ul, .backend-form>ul>li {
	transition: 200ms;
}

.backend-imagelist-upload>.backend-list-image {
	font-weight: 500;
	line-height: 50px;
	background-image: var(--backend-icon-image);
	background-size: 60% auto;
	background-position: 50% 75%;
	cursor: pointer;
}
/* */
.backend-list-tablelike>.backend-list-body:not(.ui-sortable-sorting)>ul:hover, .backend-list-table>tbody>tr:hover, .backend-form>ul>li:not(.backend-form-fieldset):not(.backend-form-row-buttons):hover, .backend-form>ul>li.backend-form-fieldset>ul>li:hover, .backend-list.backend-list-description>div:hover {
	position: relative;
	z-index: 100;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
	transition: 0ms;
	background-color: var(--backend-hover-color) !important;
}

.backend-list-tablelike>.backend-list-body:not(.ui-sortable-sorting)>ul:hover, .backend-list-table>tbody>tr:not(.backend-even):not(.backend-odd):hover, .backend-form>ul>li:not(.backend-form-fieldset):not(.backend-form-row-buttons):hover, .backend-form>ul>li.backend-form-advanced-odd:not(.backend-form-fieldset):hover, .backend-form>ul>li.backend-form-simple-odd:not(.backend-form-fieldset):hover, .backend-form>ul>li.backend-form-fieldset>ul>li:hover, .backend-form>ul>li.backend-form-fieldset>ul>li.backend-form-advanced-odd:hover, .backend-form>ul>li.backend-form-fieldset>ul>li.backend-form-simple-odd:hover, .backend-list.backend-list-description>div:hover {
	background-color: var(--backend-hover-color);
}

.backend-list>.backend-list-body>ul.backend-lister-checked, .backend-highlight, .backend-form-highlight {
	background-color: var(--backend-highlight-background-color) !important;
}

.backend-searchfilter.backend-highlight>form, .backend-searchfilter.backend-highlight input:not([type="submit"]):not([type="button"]) {
	background-color: transparent !important;
}

#backend-menu.backend-invert.backend-highlight>ul>li>span>a, #backend-menu.backend-invert.backend-highlight>ul>li>ul>li>a, #backend-menu.backend-invert>ul>li.backend-highlight>ul>li>a, #backend-menu.backend-invert>ul>li.backend-highlight>span>a, #backend-menu.backend-invert>ul>li>ul>li.backend-highlight>a {
	color: var(--backend-color) !important;
}

.backend-locked {
	opacity: 0.5;
}

.backend-list>.backend-list-body>ul.backend-lister-checked.backend-even {
/*	background-color: #f6e6b8 !important;*/
	background-color: color-mix(in srgb, var(--backend-highlight-background-color) 95%, rgb(0, 0, 0) 5%) !important;
}

.backend-list>.backend-list-body>ul.backend-lister-checked:hover {
/*    background-color: #dfc683 !important;*/
	background-color: color-mix(in srgb, var(--backend-highlight-background-color) 90%, rgb(0, 0, 0) 10%) !important;
}

.backend-list>li:not(.backend-list-head):not(.backend-loading):hover {
	position: relative;
	z-index: 10;
}

.backend-list-table>li {
	border-radius: 5px;
}

.backend-list .image {
	display: block;
	max-width: 100%;
	margin: 0px auto;
}

.backend-list-grid>li>ul>li {
	margin: 10px;
	display: block;
}

.backend-list::after, .backend-list-body::after {
	content: "";
	display: block;
	clear: both;
}

.backend-list-grid>.backend-list-head:not(.backend-sortable-active) {
	display: none;
}

.backend-list-grid>.backend-list-head.unlocked {
	display: block;
	float: none;
	width: calc(100% - 20px);
	margin: 10px auto !important;
	background-color: #999;
}

.backend-list-grid>.backend-list-head.unlocked::after {
	content: "";
	clear: both;
}

.backend-list-grid>.backend-list-head.unlocked>ul>li {
	display: inline-block;
	width: auto;
	margin: 10px;
}

.backend-list-table, .backend-list-grid>.backend-list-head.backend-sortable-active {
	display: table !important;
}

.backend-list-table, .backend-list-grid>.backend-list-head.backend-sortable-active, .backend-pre {
	width: calc(100% - var(--backend-margin) * 2) !important;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

.backend-list-table {
	border-collapse: separate;
}

.backend-list-table th:first-child, .backend-list-tablelike>li.backend-list-head>ul:first-child>li:first-child {
	border-top-left-radius: var(--backend-border-radius);
}

.backend-list-table th:last-child, .backend-list-tablelike>li.backend-list-head>ul:first-child>li:last-child {
	border-top-right-radius: var(--backend-border-radius);
}

.backend-list-table tr:last-child td:first-child, .backend-list-tablelike>li.backend-list-body>ul:last-child>li:first-child {
	border-bottom-left-radius: var(--backend-border-radius);
}

.backend-list-table tr:last-child td:last-child, .backend-list-tablelike>li.backend-list-body>ul:last-child>li:last-child {
	border-bottom-right-radius: var(--backend-border-radius);
}

table.backend-list-table>tbody>tr {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.backend-list-table>li {
	display: table-row-group;
}

.backend-list-table>li>ul, .backend-list-grid>.backend-list-head.backend-sortable-active>ul {
	display: table-row;
	float: none !important;
}

.backend-list-table>li>ul>li, .backend-list-grid>.backend-list-head.backend-sortable-active>ul>li {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	transition: all 100ms;
}
/*
.backend-list-body>ul>li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.backend-list-body>ul>li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
*/
.backend-list-body>ul>li>a {
	display: block;
}

.backend-list-table>.backend-list-body>ul>li img {
	max-width: 40px;
	max-height: 40px;
	margin: auto;
}

/*.backend-list>.backend-list-head:not(.unlocked)>ul>.backend-list-head-add {*/
.backend-list>.backend-list-head:not(.backend-sortable-active)>ul>.backend-sortable-fields-add {
	display: none !important;
}

.backend-list>.backend-list-head>ul>li, .backend-list-table>thead>tr>th {
	padding: 0 5px;
	background-color: color-mix(in srgb, var(--backend-background-color) 80%, rgb(0, 0, 0) 20%);
	font-weight: var(--backend-headline-font-weight);
	white-space: nowrap;
}

.backend-list-head>ul>li:not(.ui-sortable-handle)>span {
	cursor: not-allowed;
}

.backend-list-sort {
	padding-right: 30px;	
}

.backend-list-sort.backend-selected {
	background-position: calc(100% - 10px) 50%;
	background-size: auto 15px;
	background-repeat: no-repeat;
	background-image: var(--backend-icon-down);
}

.backend-list-sort.backend-selected.backend-list-sort-desc {
	background-image: var(--backend-icon-up);
}

.backend-sortable-selected .backend-list-sort.backend-selected {
	padding-right: 0;
	background-image: none;
}

.backend-list>.backend-list-head>ul>li.backend-list-can-sort:hover {
	background-color: var(--backend-hover-color);
}

.backend-list>.backend-list-head>ul>li>a, .backend-list>.backend-list-head>ul>li>span {
	display: inline-block;
}

.backend-list>.backend-list-head>ul>li>a.backend-sortable-fields-remove, .backend-list>.backend-list-head>ul>li.backend-sortable-fields-add>a, .backend-form>.backend-sortable-fields>.backend-form-row>label>a.backend-sortable-fields-remove, .backend-form>.backend-sortable-fields>li>.backend-sortable-fields>.backend-form-row>label>a.backend-sortable-fields-remove, .backend-form>.backend-sortable-fields>.backend-sortable-fields-add>a, .backend-sortable-fields>.backend-quickbutton>a.backend-sortable-fields-remove, .backend-quickbuttons.backend-sortable-fields>.backend-sortable-fields-add>a, .backend-sortable-fields>.dashboard-widget>a.backend-sortable-fields-remove, .dashboard.backend-sortable-fields>.backend-sortable-fields-add>a {
	display: none;
	position: relative;
	z-index: -1;
	width: 0px;
	height: 0px;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-image: var(--backend-icon-remove);
	background-size: auto 13px;
	background-position: 50% 50%;
	text-indent: -9999px;
	vertical-align: middle;
	opacity: 0;
	visibility: hidden;
	transition: 200ms;
	cursor: pointer !important;
}

.backend-form>.backend-sortable-fields>.backend-sortable-fields-add>a.backend-disabled {
	cursor: not-allowed !important;
}

.backend-list>.backend-list-head>ul>li.backend-sortable-fields-add>a, .backend-form>.backend-sortable-fields>.backend-sortable-fields-add>a, .backend-quickbuttons.backend-sortable-fields>.backend-sortable-fields-add>a, .dashboard.backend-sortable-fields>.backend-sortable-fields-add>a {
	background-image: var(--backend-icon-add);
}

.backend-quickbuttons.backend-sortable-fields>.backend-sortable-fields-add>a, .dashboard.backend-sortable-fields>.backend-sortable-fields-add>a {
	margin: 10px;
}

.backend-list>.backend-list-head.backend-sortable-active>ul>li>a.backend-sortable-fields-remove, .backend-list>.backend-sortable-active>ul>li.backend-sortable-fields-add>a, .backend-form.backend-sortable-active>.backend-sortable-fields>.backend-form-row>label>a.backend-sortable-fields-remove, .backend-form.backend-sortable-active>.backend-sortable-fields>li>.backend-sortable-fields>.backend-form-row>label>a.backend-sortable-fields-remove, .backend-sortable-active>.backend-sortable-fields>.backend-sortable-fields-add>a, .backend-sortable-active>.backend-sortable-fields>.backend-quickbutton>a.backend-sortable-fields-remove, .backend-sortable-active>.backend-sortable-fields>.dashboard-widget>a.backend-sortable-fields-remove {
	display: inline-block;
	visibility: visible;
	width: 30px;
	height: 30px;
	opacity: 1;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.8);
}

.backend-sortable-fields-form {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 60px;
	max-height: calc(100vh - 100px);
	border: 0 !important;
/*	overflow-y: auto;
	overflow-x: hidden;*/
}

.backend-sortable-fields-form.backend-active {
	display: block;
}

.backend-list-table>li>ul>li {
	padding: 0 5px;
/*	Not necessary anymore?
	line-height: 50px;*/
}

.backend-list-table>li.backend-list-head>ul>li {
/* Scale */
/*	line-height: 50px;*/
	line-height: calc(var(--backend-font-size) * 1.25 + var(--backend-padding) * 2 + var(--backend-margin));
}

.backend-list-table>li>ul>li {
	position: relative;
}

.backend-inlineaction {
	position: relative;
	position: absolute;
	left: 2px;
	left: -38px;
	top: 5px;
	overflow: hidden;
	display: block;
	width: 0;
	height: 100%;
	opacity: 0;
	transition: opacity 200ms;
}

.backend-list-body li:hover .backend-inlineaction {
	overflow: visible;
	opacity: 1;
}

.backend-list-body li .backend-inlineaction>a {
/*	position: absolute;
	top: -2px;
	right: -4px;*/
	margin: 0;
	padding-left: 0px !important;
	text-indent: -9999px;
}

.backend-list-body li .backend-inlineaction>a.backend-button:not(.backend-disabled):active {
	margin-top: 2px;
	margin-bottom: 2px;
}

.backend-list-grid .backend-list-commodity-brand, .backend-list-grid .backend-list-commodity-category, .backend-list-grid .backend-list-commodity-offer {
	display: none !important;
}

.backend-list-body>ul>li input:not(type=checkbox), .backend-list-body>ul>li textarea {
	width: auto !important;
	border-radius: var(--backend-border-radius);
	border: 1px solid var(--backend-border-color);
	padding: 5px;
	background-color: var(--backend-background-color);
}

.backend-list-body>ul>li input[name=price], .backend-list-body>ul>li input[name=offer], .backend-list-body>ul>li input[name=retailprice], .backend-list-body>ul>li input[name=quantity], .backend-list-body>ul>li input[name=reserved] {
	max-width: 80px !important;
}

.backend-headline, .backend-subheadline, .backend-description, .backend-text, .backend-image, div.backend-nomatch {
	margin: var(--backend-margin);
}

.backend-list.backend-nomatch>.backend-list-head {
	display: none;
}

.backend-description, .backend-text {
	line-height: 1.5;
}

#backend-main>h1.backend-headline {
	clear: both;
	float: left;
/* Brug efter felt er flyttet korrekt - ??
	width: calc(var(--backend-full) * 2 / 3 - var(--backend-margin) * 2) !important;
	width: calc(100% / 3 - var(--backend-margin) * 2); */
	max-width: calc(100% - var(--backend-margin) * 2);
	margin-top: 0;
}

#backend-pop-main>h1.backend-headline:not(.backend-headline-resource), .backend-include>h1.backend-headline:not(.backend-headline-resource) {
	display: none;
}

#backend-main>div>h1.backend-headline {
	line-height: var(--backend-headline-font-size);
}

#backend-main>div>h1.backend-headline-hasimage, h1.backend-headline-hasimage {
	line-height: 48px;
}

#backend-pop-main>h1.backend-headline {
	position: relative;
	z-index: 2;
	max-width: calc(100% / 3);
}

.backend-headline-image, .backend-headline-icon {
	display: block;
	float: left;
	max-width: 50px;
	height: 50px;
	margin: 0;
	margin-right: 10px;
}

.backend-headline-image>img, .backend-headline-icon>img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

a.backend-headline-image, a.backend-headline-icon {
	position: relative;
}

a.backend-headline-image::after, a.backend-headline-icon::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: var(--backend-border-radius);
	padding: var(--backend-padding) calc(var(--backend-padding) + 5px);
	background-image: var(--backend-icon-invert-view);
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: var(--backend-button-background-color);
	opacity: 0;
	transition: opacity 200ms;
}

a.backend-headline-image:hover::after, a.backend-headline-icon:hover::after {
	opacity: 1;
}

.backend-headline-image>img[src$=".svg"] {
	padding: 5px;
}

.backend-headline-icon>img[src$=".svg"] {
	width: 50px;
	padding: var(--backend-padding);
}

#backend-body.backend-static-1 #backend-main>h1.backend-headline {
	width: calc(var(--backend-full) / 3 - 55px - var(--backend-margin) * 2) !important;
	width: calc(var(--backend-full) / 3 - 65px - var(--backend-margin) * 2) !important;
}

.backend-content {
	clear: both;
	position: relative;
/* For sticky header, remove this - why was it needed!? */	
/*	overflow: auto; */
}

.backend-content::after {
	content: "";
	display: block;
	clear: both;
/* Fix bug */
	height: 1px;
}

/* Crappy hack for positioning pager etc., but breaks sticky header position */
/*
main>div[id$="-list"].backend-content {
	position: relative;
	top: -40px;
}
*/
.backend-pop-overlay {
	background-color: rgba(80, 80, 80, 0.5) !important;
	backdrop-filter: blur(1px);
}

.backend-pop-close, .backend-pop-inner .backend-slider-prev, .backend-pop-inner .backend-slider-next {
	width: 30px !important;
	height: 30px !important;
	border-radius: var(--backend-border-radius);
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-size: auto 12px;
	background-repeat: no-repeat;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	text-align: center;
	text-indent: -9999px;
	background-color: var(--backend-button-background-color);
}

.backend-pop-close {
	position: absolute;
	top: -15px !important;
	right: -15px !important;
	background-image: var(--backend-icon-invert-close);
	text-indent: -9999px;
}

.backend-pop-inner .backend-slider-prev {
	left: -15px !important;
	background-image: var(--backend-icon-invert-up);
	background-size: auto 8px;
	transform: rotate(-90deg);
}

.backend-pop-inner .backend-slider-next {
	right: -15px !important;
	background-image: var(--backend-icon-invert-down);
	background-size: auto 8px;
	transform: rotate(-90deg);
}

.backend-pop-close:active {
	transform: scale(0.9);
}

.backend-pop-inner .backend-slider-prev:active, .backend-pop-inner .backend-slider-next:active {
	transform: scale(0.9);
}

.backend-pop-wrap {
	border-radius: var(--backend-border-radius);
	border: 1px solid var(--backend-border-color);
/*	background-color: rgba(255, 255, 255, 0.9) !important;*/
	background-color: var(--backend-background-color) !important;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.backend-boolean, .backend-boolean-checked {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: var(--backend-icon-checkbox);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: 50% 50%;
}

.backend-boolean-checked {
	background-image: var(--backend-icon-checkbox-active);
}

.dashboard {
	clear: both;
}

.dashboard-form {
}

.dashboard-period, .dashboard-period-prev, .dashboard-period-next {
	display: inline-block;
	vertical-align: middle;
	font-size: var(--backend-font-size);
}

.dashboard-period span {
	font-weight: var(--backend-font-weight);
}

.dashboard-period-next {
	margin-left: 0;
}

.dashboard-widget {
/*	overflow: hidden;*/
	float: left;
	position: relative;
	height: calc(100vw / 6 + 40px);
	margin: var(--backend-margin);
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
	max-width: 100vw;
	opacity: 1;
	transition: 200ms;
}

.dashboard-widget {
	overflow-y: hidden;
}

#widget-sumoshopstatus, #widget-sumoshopblog, .dashboard-widget-sumoshopstatus, #sumoshopstatus.dashboard-widget, .dashboard-widget-sumoshopblog, #sumoshopblog.dashboard-widget {
	overflow-y: auto;
}

.backend-backdrop .dashboard-widget {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.backend-front:not(.backend-advanced-enabled) .dashboard li.dashboard-widget:not(.dashboard-widget-simple), .backend-front.backend-advanced-enabled .dashboard li.dashboard-widget:not(.dashboard-widget-advanced) {
	overflow: hidden;
	max-width: 0;
	max-height: 0;
	margin: 0;
	border: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transition: 200ms;
}

.dashboard-widget-iframe {
	padding: var(--backend-padding);
}

.dashboard-widget.block-1_1 {
	width: calc(100% - var(--backend-margin) * 2);
}

.dashboard-widget.block-1_2 {
	width: calc(100% / 2 - var(--backend-margin) * 2);
}

.dashboard-widget.block-5_6 {
	width: calc(100% * 5 / 6 - var(--backend-margin) * 2);
}

.dashboard-widget.block-3_4 {
	width: calc(100% * 3 / 4 - var(--backend-margin) * 2);
}

.dashboard-widget.block-2_3 {
	width: calc(100% * 2 / 3 - var(--backend-margin) * 2);
}

.dashboard-widget.block-1_3 {
	width: calc(100% / 3 - var(--backend-margin) * 2);
}

.dashboard-widget.block-1_4 {
	width: calc(100% / 4 - var(--backend-margin) * 2);
}

.dashboard-widget.block-1_6 {
	width: calc(100% / 6 - var(--backend-margin) * 2);
}

.dashboard-widget-grayed {
	opacity: 0.4;
}

.dashboard-widget-grayed .dashboardwidget-score, .dashboard-widget-grayed canvas {
	filter: blur(3px);
}

.dashboard {
	list-style-type: none;
}

.dashboard::after {
	content: "";
	display: block;
	clear: both;
}

.dashboardwidget-list li:nth-child(odd) {
	background-color: color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%);
}

.dashboardwidget-title {
	float: left;
	margin: 0;
	font-size: var(--backend-font-size);
	line-height: 32px;
}

.dashboardwidget-score {
	float: right;
	margin: 0;
	font-size: calc(var(--backend-font-size) * 1.25);
	line-height: 32px;
}

.dashboardwidget-score span {
	font-size: calc(var(--backend-font-size) * 2);
	border-bottom: 4px double var(--backend-border-color);
}

.dashboardwidget-scoresub {
	clear: both;
}

.dashboardwidget-charttitle {
	clear: both;
}

.dashboardwidget-list {
	clear: both;
	padding-top: 10px;
	padding-left: 30px;
	font-size: calc(var(--backend-font-size) * 1.25);
	list-style: decimal;
}

.dashboardwidget-list li {
	padding: 5px 0;
}

.dashboardwidget-list li a {
	float: left;
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboardwidget-list li span {
	float: right;
	font-weight: var(--backend-headline-font-weight);
}

.dashboardwidget-number {
	clear: both;
	margin-top: 15%;
	text-align: center;
}

.dashboardwidget-number-current {
	font-size: 40px;
	font-weight: var(--backend-headline-font-weight);
}

.dashboardwidget-number-current span {
	border-bottom: 4px double var(--backend-border-color);
	margin: 0 10px;
	font-size: 80px;
	font-weight: var(--backend-headline-font-weight);
}

.dashboardwidget-number>div {
	display: inline-block;
	text-align: center;
}

.dashboardwidget-number-trend-positive, .dashboardwidget-number-trend-negative, .dashboardwidget-number-trend-neutral {
	margin-top: 10px;
	font-size: 20px;
}

.dashboardwidget-number-trend-positive::before, .dashboardwidget-number-trend-negative::before, .dashboardwidget-number-trend-neutral::before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 0;
	height: 0;
	margin-right: 10px;
}

.dashboardwidget-number-trend-negative::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #ca9584;
}

.dashboardwidget-number-trend-positive::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #6cb07d;
}

.dashboardwidget-number-trend-neutral::before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #333333;
}
/*
.dashboardwidget-status, .dashboardwidget-blog {
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}
*/
.dashboardwidget-status>li {
	display: block;
	clear: both;
	margin: var(--backend-margin) 0;
	padding: var(--backend-padding);
	border-radius: 5px;
	line-height: 20px;
/*	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.05);*/
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}

.dashboardwidget-blog>li {
	display: block;
	clear: both;
	margin: var(--backend-margin) 0;
	line-height: 20px;
/*	border: 1px solid var(--backend-border-color);
	background-color: var(--backend-main-background-color);*/
}

.dashboardwidget-blog img {
	float: left;
	max-width: calc(100% / 3 - var(--backend-margin));
	margin-right: var(--backend-margin);
	margin-bottom: var(--backend-margin);
}

.dashboardwidget-blog span {
	display: block;
}

.dashboardwidget-blog li>a::after {
	content: "";
	display: block;
	clear: both;
}

.dashboardwidget-blog li:last-child>a::after {
	content: "";
	display: none;
	clear: none;
}

.dashboardwidget-status>li>a {
	text-decoration: underline;
}

.dashboardwidget-status-green {
	background-color: #bff1bc;
	border: 1px solid #8cd0b1;
}

.dashboardwidget-status-yellow {
	background-color: #fcf0b0;
	border: 1px solid #b7d3a0;
}

.dashboardwidget-status-red {
	background-color: #fc6553;
	border: 1px solid #df547d;
}

.dashboardwidget-status-yellow, .dashboardwidget-status-red {
	padding-left: 35px !important;
	background-image: var(--backend-icon-checkbox);
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.dashboardwidget-status-yellow.dashboardwidget-status-resolved, .dashboardwidget-status-red.dashboardwidget-status-resolved {
	background-image: var(--backend-icon-checkbox-active);
}

.common-chart-list {
	max-height: 100%;
	overflow-x: visible;
	overflow-y: auto;
}

.widget-googleanalytics h4.dashboardwidget-title {
	padding-right: 30px;
	background-image: url("../integrations/googleanalytics.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 30px;
}

.widget-iframe>iframe {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.backend-form input[type=number], .backend-form input.form-numberpercentage, .backend-form input[type=range] {
	width: 100px;
}

.backend-form input[type=range] {
	appearance: auto !important;
	background-color: transparent !important;
}

.backend-form input[type=number] {
	-moz-appearance: textfield !important;
}

li.backend-form-row {
	max-height: 400px;
}

li.backend-form-row:not(.backend-loading) {
	opacity: 1 !important;
}

li.backend-form-row.backend-disabled label, li.backend-form-row.backend-disabled .form-wrap {
	opacity: 0.3 !important;
}

li.backend-form-row.backend-disabled .form-wrap, li.backend-form-row.backend-disabled .form-wrap input, li.backend-form-row.backend-disabled .form-wrap textarea {
	cursor: not-allowed;	
}

.backend-form>ul>li.backend-changed, .backend-form>ul>li.backend-form-fieldset>ul>li.backend-changed, .backend-form-searchfilter-filters>li.backend-searchfilter-activefilter, .backend-form-searchfilter-query.backend-changed {
	background-color: var(--backend-highlight-background-color) !important;
}

.backend-form:not(.backend-advanced-enabled)>ul>li.backend-changed.backend-form-simple-odd, .backend-form.backend-advanced-enabled>ul>li.backend-changed.backend-form-advanced-odd, .backend-form-searchfilter-filters>li.backend-searchfilter-activefilter:nth-child(odd) {
	background-color: color-mix(in srgb, var(--backend-highlight-background-color) 95%, rgb(0, 0, 0) 5%) !important;
}

li.backend-form-fieldset.backend-form-advanced {
	max-height: 6000px;
}

.backend-form:not(.backend-advanced-enabled):not(.backend-form-searchfilter)>ul>li:not(.backend-form-simple), .backend-form.backend-advanced-enabled:not(.backend-form-searchfilter)>ul>li:not(.backend-form-advanced), .backend-form:not(.backend-advanced-enabled):not(.backend-form-searchfilter)>ul>li.backend-form-fieldset>ul>li:not(.backend-form-simple), .backend-form.backend-advanced-enabled:not(.backend-form-searchfilter)>ul>li.backend-form-fieldset>ul>li:not(.backend-form-advanced) {
	overflow: hidden;
	max-height: 0;
	margin: 0;
	border: 0;
	opacity: 0;
	transition: 200ms;
}

.backend-buttons>input {
	max-width: 400px;
	transition: 200ms;
}

.backend-buttons:not(.backend-advanced-enabled)>input:not(.backend-simple), .backend-buttons:not(.backend-simple-enabled)>input:not(.backend-advanced) {
	max-width: 0;
	margin: 0;
	border: 0;
	padding: 0 !important;
	opacity: 0;
}

li.backend-quickbutton {
	max-width: 300px;
	max-height: 300px;
	opacity: 1;
	transition: 200ms;
}

.backend-quickbuttons #backend-quickbutton-support {
	float: right;
	background-color: var(--backend-button-background-color);
}

.backend-quickbuttons #backend-quickbutton-support a {
	color: var(--backend-button-color);
}

.backend-front:not(.backend-advanced-enabled) .backend-quickbuttons li.backend-quickbutton:not(.backend-quickbutton-simple), .backend-front.backend-advanced-enabled .backend-quickbuttons li.backend-quickbutton:not(.backend-quickbutton-advanced) {
	overflow: hidden;
	max-width: 0;
	max-height: 0;
	margin: 0;
	border: 0;
	opacity: 0;
	visibility: hidden;
	transition: 200ms;
}

.backend-headline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.backend-list-grid .backend-list-body.ui-sortable-active>ul {
	transition: all 0s !important;
}

/*.ui-sortable-handle:not(.backend-button) {*/
/*.backend-list .ui-sortable:not(.ui-sortable-sorting) .ui-sortable-handle:not(.backend-button) {*/
.backend-list .ui-sortable-handle:not(.backend-button), .backend-quickbuttons .ui-sortable-handle, .dashboard .ui-sortable-handle, .backend-pager .ui-droppable-hover {
	outline: 2px dashed #888;
	outline-offset: 5px;
	animation: sortable 500ms infinite;
}

.backend-form-export-field-fields .ui-sortable-handle:not(.backend-button) {
	outline-offset: -5px;
}

.backend-list-body>.ui-sortable-handle:not(.backend-button)  {
	outline: none;
	animation: none;
}

/*.ui-sortable-placeholder {*/
.backend-list .ui-sortable-placeholder, .backend-quickbuttons .ui-sortable-placeholder, .dashboard .ui-sortable-placeholder {
	visibility: visible !important;
	z-index: 1;
	border: none !important;
	box-shadow: none !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-offset: 5px;
	animation: sortable 200ms infinite !important;
}

.backend-list .ui-sortable-helper, .backend-list .ui-sortable-helper:hover, .backend-list-tablelike>.backend-list-body>ul.ui-sortable-helper:hover {
	z-index: 100 !important;
	opacity: 0.75 !important;
	background-color: transparent !important;
/*	box-shadow: none !important;*/
	transition: 0ms !important;
}

.backend-list .ui-sortable-helper>li {
	border-top: 0;
}

.backend-list.backend-treesort .ui-sortable-helper>li:not(.backend-treesort-primary), .backend-list.backend-treesort .ui-sortable-placeholder>li:not(.backend-treesort-primary) {
	opacity: 0;
}

.backend-treesort-row {
	position: relative;
	user-select: none;
}

.backend-treesort-path {
	display: block;
	z-index: -1;
	position: absolute;
	bottom: 50%;
	width: var(--backend-treesort-width);
	min-height: 50px;
	margin-left: var(--backend-treesort-margin);
	border: 1px solid #333333;
	border-top: 0;
	border-right: 0;
	border-bottom-left-radius: 7px;
}

.ui-sortable:not(.ui-sortable-sorting) .backend-treesort-row:hover .backend-treesort-path, .ui-sortable-placeholder .backend-treesort-path {
	border-width: 3px;
}

.backend-treesort-inner {
	display: inline;
	margin-left: calc(10px + var(--backend-treesort-margin));
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	background-image: var(--backend-icon-sortable);
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-position: 5px 50%;
}

.backend-even .backend-treesort-inner {
	background-color: color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%);
}

.backend-odd .backend-treesort-inner {
	background-color: var(--backend-background-color);
}

.backend-list>Li>ul.grayed>li:not(.backend-list-_actions) {
	opacity: 0.4;
}

.backend-treesort-inner>a {
	white-space: nowrap;
}

.backend-treesort-inner.ui-sortable-handle:hover>a {
	cursor: pointer !important;
}

.backend-treesort-row:not(.ui-sortable-placeholder) .backend-treesort-inner.ui-sortable-handle:not(.backend-button) {
	outline-width: 0;
}

.ui-sortable:not(.ui-sortable-sorting) .backend-treesort-inner.ui-sortable-handle:not(.backend-button):hover {
	outline-width: 2px;
}

.backend-treesort-counter {
	margin-left: 10px;
}

.backend-treesort-children {
	display: none !important;
}

.backend-treesort .ui-sortable-placeholder {
	outline: none !important;
	background-color: transparent !important;
	cursor: inherit;
}

.backend-treesort-foldable {
	display: inline-block !important;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-image: var(--backend-icon-down);
	background-size: auto 20px;
	background-repeat: no-repeat;
	transition: 200ms all;
}

.backend-treesort-foldable-folded .backend-treesort-foldable {
	transform: rotate(-90deg);
}

.backend-treesort-row {
	transition: all 200ms;
	transition-behaviour: allow-discrete;
	opacity: 1;

	@starting-style {
		opacity: 0;
		display: none;
	}
}

.backend-list-table .backend-treesort-row.backend-treesort-foldable-hidden {
	opacity: 0;
	display: none;
}
/*
.backend-treesort-row li>a, .backend-treesort-row li>span, .backend-treesort-row li>.backend-treesort-inner {
	display: inline-block;
	overflow: hidden;
	max-height: 50px;
	transition: all 200ms;
}

.backend-treesort-row.backend-treesort-foldable-hidden li>a, .backend-treesort-row.backend-treesort-foldable-hidden li>span, .backend-treesort-row.backend-treesort-foldable-hidden li>.backend-treesort-inner {
	max-height: 0;
	padding: 0;
}
*/
.backend-list-body .backend-list-menuitems__link>* {
	max-width: 33vw;
	overflow: hidden;
	text-overflow: ellipsis;
}

@keyframes sortable {
	0% {
		outline-color: #000;
	}
	40% {
		outline-color: #ba8;
	}
	60% {
		outline-color: #ba8;
	}
	100% {
		outline-color: #000;
	}
}

@keyframes loading {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.25;
	}
	100% {
		opacity: 0.2;
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade-100-20 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}

@keyframes fade-20-0 {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fade-20-100 {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade-added {
	0% {
		opacity: 0.2;
		background-color: var(--backend-hover-color);
	}
	20% {
		opacity: 1;
		background-color: var(--backend-hover-color);
	}
	40% {
		opacity: 0.2;
		background-color: var(--backend-hover-color);
	}
	60% {
		opacity: 1;
		background-color: var(--backend-hover-color);
	}
	80% {
		opacity: 0.2;
		background-color: var(--backend-hover-color);
	}
	100% {
		opacity: 1;
	}
}

.backend-list-head .ui-sortable-handle {
	outline-offset: -3px;
	outline-color: #333;
}

.backend-sortable:not([disabled]) .ui-sortable-handle:hover, .backend-sortable:not([disabled]) .ui-sortable-handle:hover>a, .backend-sortable:not([disabled]) .ui-sortable-handle:hover>label, .backend-sortable:not([disabled]) .backend-icon-sortable:hover {
	cursor: move !important;
}

.ui-sortable>li, .form>ul>li {
	transition: background-color 100ms;
}

.ui-sortable>li:not(.backend-form-fieldset):hover, .form>ul>li:not(.form-submit):hover {
	background-color: rgb(179, 196, 206, 0.5);
	transition: background-color 0s;
}

ul.backend-list-image>li {
	width: 220px;
}

ul.backend-list-image>li.image>div:first-child {
	width: 200px;
	height: 200px;
	margin: 10px;
}

ul.backend-list-image>li.image>div:first-child img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
    margin: auto;
}

li.backend-list-image, li.backend-list-_primaryimage {
	display: inline-block;
	vertical-align: middle;
}

.backend-list-grid .backend-list-image>*, .backend-list-grid .backend-list-_image>*, .backend-list-grid .backend-list-_primaryimage>* {
	margin: 10px auto;
	margin: auto;
}

.backend-list-grid .backend-list-imageview, .backend-list-grid .backend-list-imagecolor {
	min-height: 20px;
}

.backend-list-image .image, .backend-list-_image .image, .backend-list-_primaryimage .image {
	display: inline-block;
	vertical-align: middle;
}

.backend-list-image img:not([src$=".svg"]), .backend-list-_image img:not([src$=".svg"]), .backend-list-_primaryimage img:not([src$=".svg"]), .backend-list-commodity-image img:not([src$=".svg"]) {
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

.backend-list-type img {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 !important;
	margin-right: 5px !important;
	vertical-align: middle;
}

.backend-list-grid>.backend-list-body>ul>li {
/*	width: 100% !important; Search results too wide */
	white-space: nowrap;
	text-overflow: ellipsis;
}

.backend-list-grid>.backend-list-body>ul>li:not(.backend-list-image):not(.backend-list-_image):not(.backend-list-_actions) {
	overflow: hidden;
}

.backend-list-table .backend-list-body li.backend-list-_actions {
	width: 85px;
/* Scale */
/*	height: 50px;*/
	height: calc(var(--backend-font-size) * 1.25 + var(--backend-padding) * 2 + var(--backend-margin));
}

.backend-list-table li.backend-list-actions-outer-container-1 {
	width: 35px;
}

.backend-list-table li.backend-list-actions-outer-container-2 {
	width: 60px;
}

.backend-list-table li.backend-list-actions-outer-container-3 {
	width: 85px;
}

.backend-list-table li.backend-list-actions-outer-container-4 {
	width: 110px;
}

.backend-list-table li.backend-list-actions-outer-container-5 {
	width: 135px;
}

.backend-list-grid li.backend-list-actions-outer-container .backend-list-primarytitle {
	max-width: calc(100% - 85px);	
}

.backend-list-grid li.backend-list-actions-outer-container-1 .backend-list-primarytitle {
	max-width: calc(100% - 35px);	
}

.backend-list-grid li.backend-list-actions-outer-container-2 .backend-list-primarytitle {
	max-width: calc(100% - 60px);	
}

.backend-list-grid li.backend-list-actions-outer-container-3 .backend-list-primarytitle {
	max-width: calc(100% - 85px);	
}

.backend-list-grid li.backend-list-actions-outer-container-4 .backend-list-primarytitle {
	max-width: calc(100% - 110px);	
}

.backend-list-grid li.backend-list-actions-outer-container-5 .backend-list-primarytitle {
	max-width: calc(100% - 135px);	
}

.backend-list-table li.backend-list-pid, .backend-list-table li[class$=".pid"] {
	width: 50px;
}

.backend-list-table .backend-list-body li.backend-list-image, .backend-list-table .backend-list-body li.backend-list-_image, .backend-list-table .backend-list-body li.backend-list-_primaryimage {
	width: 50px;
	height: 50px;
}

.backend-list-table li.backend-list-title {
	overflow: hidden;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
/*	overflow-wrap: anywhere;*/
}

.backend-list-grid li.backend-list-title, .backend-list-grid li.backend-list-title>a>span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.backend-list-grid li.backend-list-title {
	width: calc(100% - 10px * 2);
}

#backend-list-list.list-table .backend-list-type>img {
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}

.backend-list-grid .backend-list-description, .backend-list-grid .backend-list-match {
	display: none;
}

.backend-list-grid .backend-list-body .backend-list-image, .backend-list-grid .backend-list-body .backend-list-_image, .backend-list-grid .backend-list-body .backend-list-_primaryimage {
	height: calc(100vw / var(--backend-columns) / 1.2 - 40px);
}

.backend-list-grid.control-effects .backend-list-body .backend-list-image, .backend-list-grid.control-effects .backend-list-body .backend-list-_image, .backend-list-grid.control-effects .backend-list-body .backend-list-_primaryimage {
	height: calc(100vw / var(--backend-columns-large) / 1.2 - 40px);
}

.backend-list-grid .backend-list-body .backend-imagelist-upload>.backend-list-image {
	height: calc(100vw / var(--backend-columns) / 1.2);
}

/*.backend-list-grid .backend-list-body .backend-imagelist-upload {*/
.backend-list .backend-list-body .backend-imagelist-upload {
	border-style: dashed;
}

.backend-list.backend-advanced-enabled .backend-list-body .backend-imagelist-upload {
	display: block;
	position: fixed !important;
	bottom: 2px;
	right: 0px;
	margin: var(--backend-margin);
	border: 1px dashed var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

.backend-include .backend-list.backend-advanced-enabled .backend-list-body .backend-imagelist-upload {
	position: absolute !important;
}

.backend-list.backend-advanced-enabled .backend-list-body .backend-imagelist-upload>li {
	display: block;
	min-width: 80px;
	min-height: 80px;
	text-align: center;
	line-height: 25px;
}

.backend-imagelist-upload.backend-drop {
	animation: fade-100-20 500ms infinite;
	cursor: copy !important;
}

.backend-list-grid .backend-list-image>a, .backend-list-grid .backend-list-_image>a, .backend-list-grid .backend-list-_primaryimage>a {
	display: block;
	height: 100%;
	/* FF Border hack */
	padding-top: 1px;
	padding-bottom: 1px;
}

.backend-list-grid .backend-list-image img, .backend-list-grid .backend-list-_image img, .backend-list-grid:not(#backend-subclassesimages-index-list) .backend-list-_primaryimage img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 100%;
	max-height: 100%;
	min-height: calc(50% - 50px);
	margin: auto;
}

.backend-list-grid .backend-list-image>a:active img, .backend-list-grid .backend-list-_image>a:active img, .backend-list-grid .backend-list-_primaryimage>a:active img {
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
}

.backend-list-grid .backend-list-image img[src$=".svg"], .backend-list-grid .backend-list-_image img[src$=".svg"], .backend-list-grid .backend-list-_primaryimage img[src$=".svg"] {
	max-width: 67%;
}

.backend-list-grid .backend-list-image>a:active img[src$=".svg"], .backend-list-grid .backend-list-_image>a:active img[src$=".svg"], .backend-list-grid .backend-list-_primaryimage>a:active img[src$=".svg"] {
	max-width: calc(67% - 10px);
}

.backend-form input[type=reset], .backend-form input[type=button].backend-button-cancel, .backend-message .backend-button-cancel {
	background-color: #999;
	vertical-align: middle;
}

.backend-input[type=reset]:hover, .backend-form input[type=button].backend-button-cancel:hover, .backend-message .backend-button-cancel:hover {
	background-color: #bbb !important;
}

.backend-form>ul>li {
	position: relative;
	text-align: left;
}

.backend-form li>.backend-form-tooltip, .backend-form>.backend-form-tooltip, .backend-form li>.backend-form-error, .dashboard-widget-tooltip {
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	z-index: -1;
	position: absolute;
	top: 10px;
	width: calc(var(--backend-full) / var(--backend-columns) - var(--backend-margin) * 2);
	max-width: 0;
	max-height: 0;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: var(--backend-border-radius);
	padding: var(--backend-padding);
	overflow-y: hidden;
	background: linear-gradient(rgba(255,255,255,1) 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 70%) 0 100%, linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0)), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3)) 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 50px, 100% 50px, 100% 20px, 100% 20px;
	background-attachment: local, local, scroll, scroll;
/*	background-color: #ffffff;*/
	background-color: var(--backend-background-color);
/*	transition: opacity 100ms, max-height 100ms;*/
	transition: opacity 100ms;
	hyphens: auto;
}

.backend-sortable-fields-form li:nth-child(3n)>.backend-form-tooltip {
	right: 10px;
}

.dashboard-widget-tooltip {
	left: 0;
	top: 40px;
}

.backend-form li:hover>.backend-form-tooltip, .backend-form li>input:focus+.backend-form-tooltip, .backend-form li>.form-focus+.backend-form-tooltip, .backend-form li>input:focus+script+.backend-form-tooltip, .backend-form li>.form-focus+script+.backend-form-tooltip, .backend-form li>.form-focus+.backend-autocomplete+.backend-form-tooltip, .backend-form>input:hover+.backend-form-tooltip, .backend-form>input:focus+.backend-form-tooltip, .backend-form li>.backend-form-error, .dashboardwidget-title:hover+.dashboard-widget-tooltip, .dashboard-widget-tooltip:hover {
	z-index: 100;
	opacity: 1;
	visibility: visible;
	transition: all 0ms;
	max-height: 500px;
	min-width: 200px;
	max-width: none;
	overflow-y: auto;
}

.backend-form>ul>li:not(.backend-form-fieldset), .backend-form>ul>li.backend-form-fieldset>ul>li {
	overflow: visible;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/*
.backend-form>ul>li.backend-form-row-largemultilist:not(.backend-form-fieldset), .backend-form>ul>li.backend-form-fieldset>ul>li.backend-form-row-largemultilist {
	overflow-y: auto;
}
*/

.backend-form:not(.backend-sortable-fields-form)>ul>li:not(.backend-form-fieldset), .backend-form:not(.backend-sortable-fields-form)>ul>li.backend-form-fieldset>ul>li {
	clear: both;
}

.backend-active-2 .backend-form li>.backend-form-tooltip-wysiwyg, .backend-active-3 .backend-form li>.backend-form-tooltip-wysiwyg, .backend-active-4 .backend-form li>.backend-form-tooltip-wysiwyg, .backend-active-2 .backend-form li>.backend-form-tooltip-text, .backend-active-3 .backend-form li>.backend-form-tooltip-text, .backend-active-4 .backend-form li>.backend-form-tooltip-text, .backend-active-2 .backend-form li>.backend-form-tooltip-multilist, .backend-active-3 .backend-form li>.backend-form-tooltip-multilist, .backend-active-4 .backend-form li>.backend-form-tooltip-multilist, .backend-active-2 .backend-form li>.backend-form-tooltip-link, .backend-active-3 .backend-form li>.backend-form-tooltip-link, .backend-active-4 .backend-form li>.backend-form-tooltip-link, .backend-pop-body .backend-form li>.backend-form-tooltip-wysiwyg, .backend-pop-body .backend-form li>.backend-form-tooltip-text, .backend-pop-body .backend-form li>.backend-form-tooltip-multilist, .backend-pop-body .backend-form li>.backend-form-tooltip-link {
	right: 10px;
	top: -40px;	
}

.backend-active-2 .backend-sortable-fields-form li>.backend-form-tooltip, .backend-active-3 .backend-sortable-fields-form li>.backend-form-tooltip, .backend-active-4 .backend-sortable-fields-form li>.backend-form-tooltip {
	top: 10px;
}

/* Hide too wide tooltip on focus */
.backend-active-2 .backend-form li:not(:hover)>.form-focus+.backend-form-tooltip-wysiwyg, .backend-active-3 .backend-form li:not(:hover)>.form-focus+.backend-form-tooltip-wysiwyg, .backend-active-4 .backend-form li:not(:hover)>.form-focus+.backend-form-tooltip-wysiwyg, .backend-active-2 .backend-form li>.form-focus+.backend-form-tooltip-text, .backend-active-3 .backend-form li>.form-focus+.backend-form-tooltip-text, .backend-active-4 .backend-form li>.form-focus+.backend-form-tooltip-text, .backend-active-2 .backend-form li>.form-focus+.backend-form-tooltip-multilist, .backend-active-3 .backend-form li>.form-focus+.backend-form-tooltip-multilist, .backend-active-4 .backend-form li>.form-focus+.backend-form-tooltip-multilist, .backend-active-2 .backend-form li>.form-focus+.backend-form-tooltip-link, .backend-active-3 .backend-form li>.form-focus+.backend-form-tooltip-link, .backend-active-4 .backend-form li>.form-focus+.backend-form-tooltip-link, .backend-active-2 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip-text, .backend-active-3 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip-text, .backend-active-4 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip-text, .backend-active-2 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip, .backend-active-3 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip, .backend-active-4 .backend-form li:not(:hover)>.form-focus+.backend-autocomplete+.backend-form-tooltip {
	opacity: 0;
	z-index: -1;
}

.backend-form-tooltip b {
	font-weight: var(--backend-headline-font-weight);
}

.backend-form>ul>li>input:focus+.backend-form-tooltip, .backend-form>ul>li .form-focus+.backend-form-tooltip {
	color: #333333;
}

.backend-form-perform-container {
	clear: both;
	z-index: 1000;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	max-height: 105px;
	opacity: 1;
	transition: all 200ms;
	background-color: var(--backend-background-color);
	text-align: center;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.backend-form-perform-container input[type=checkbox] {
	margin: 0;
}

.backend-form-perform-container label {
	vertical-align: middle;
}
/*
.backend-list-nopager.backend-list-performactive {
	margin-bottom: 60px;
}
*/
#backend-pop-main .backend-list-nopager.backend-list-performactive {
	margin-bottom: 100px;
}

.backend-form-perform-container.backend-hidden {
	display: block !important;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.backend-form-perform-all, .backend-form-perform-swap {
	display: inline-block;
	margin: var(--backend-margin);
	border-right: 1px solid var(--backend-border-color);
	padding-right: 10px;
}

.backend-form-perform-all label, .backend-form-perform-swap label {
	margin-left: 2px;
}

#backend-body.backend-advanced-enabled .backend-form-perform-all label, #backend-body.backend-advanced-enabled .backend-form-perform-swap label {
	display: none;
}

.backend-form-perform-all input, .backend-form-perform-swap input {
	width: 21px;
	height: 21px;
	vertical-align: middle;
}

.backend-form-perform-action>a {
	margin-bottom: 0;
}

.backend-form-perform-actions-container, .backend-sortable-fields-form {
	z-index: -1;
	position: fixed;
/*	top: 75px;*/
	top: 50%;
	left: 50%;
/*	transform: translateX(-50%);*/
	transform: translateX(-50%) translateY(-50%);
	max-height: 0;
/*	box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.2);*/
	transition: all 100ms;
	opacity: 0;
}

.backend-sortable-fields-form .backend-pop-close {
	top: -25px !important;
	right: -25px !important;
}

.backend-form-perform-actions, .backend-export, .backend-sortable-fields-list {
	margin: 0 !important;
	max-height: 0;
	overflow-y: scroll;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: var(--backend-border-radius);
	padding: 0 !important;
	background-color: var(--backend-background-color);
	text-align: left;
}

.backend-export-container {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 25px;
	transform: translateX(-50%);
	overflow: hidden;
	visibility: hidden;
}

.backend-form-export-field-fields li {
	display: block;
	float: left;
	width: 25%;
}

.backend-form-export-field-fields::after {
	content: "";
	display: block;
	clear: both;
}

.backend-form-export-field-buttons {
	text-align: center;
}

.backend-form-perform-actions-container>.backend-pop-close {
	display: none;
}

.backend-form-perform-actions-container.backend-active>.backend-pop-close {
	display: block;
}

.backend-form-perform-actions {
	height: 100%;
}

.backend-form-perform-actions label {
	float: left;
	width: calc(50% - 22px) !important;
}

.backend-form-perform-actions label.backend-form-perform-actions-field-label-full {
	width: 100% !important;
}

.backend-form-perform-actions label .form-wrap {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 4px;
}

.backend-form-perform-actions .backend-form-perform-actions-field.backend-active {
	background-color: var(--backend-highlight-background-color);
}

.backend-form-perform-actions .backend-form-perform-actions-field:nth-child(2n+0).backend-active, .backend-form-perform-actions.backend-highlight .backend-form-perform-actions-field:nth-child(2n+0) {
	background-color: color-mix(in srgb, var(--backend-highlight-background-color) 95%, rgb(0, 0, 0) 5%) !important;
}

.backend-form-perform-actions .form-disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.backend-form-perform-actions-field:nth-child(2n+0), .backend-sortable-fields-list>li:not(.backend-form-row-buttons):nth-child(2n+0) {
	background-color: color-mix(in srgb, var(--backend-background-color) 95%, rgb(0, 0, 0) 5%);
}

.backend-form>ul.backend-sortable-fields-list>li {
	border-top: 0;
}

.backend-form.backend-form-perform-actions>li, .backend-form.backend-form-perform-actions>li.backend-form-perform-actions-fieldset>ul>li, .backend-form>.backend-sortable-fields-list>li {
	float: left;
	clear: none;
	width: calc(100% / 3);
	overflow-x: hidden;
}

.backend-form.backend-form-perform-actions>li.backend-form-perform-actions-fieldset {
	width: 100%;
}

.backend-export-container.backend-active {
	overflow: visible;
}

.backend-export-container.backend-active, .backend-export-container.backend-active>.backend-export, .backend-form-perform-actions-container.backend-active, .backend-form-perform-actions-container.backend-active>.backend-form-perform-actions, #backend-action.backend-active, .backend-sortable-fields-form.backend-active, .backend-sortable-fields-form.backend-active>.backend-sortable-fields-list {
	z-index: 1000;
	max-height: calc(100vh - 100px);
	opacity: 1;
	visibility: visible;
}

.backend-export-container.backend-active, .backend-form-perform-actions-container.backend-active, .backend-form-perform-actions-container.backend-active>.backend-form-perform-actions, .backend-sortable-fields-form.backend-active>.backend-sortable-fields-list {
	padding: var(--backend-padding) !important;
}

.backend-form-perform-actions input[type=button]:not(.backend-button-cancel) {
	width: calc(100% - 20px);
	height: 40px;
}

/*.backend-form-perform-actions input[type="text"], .backend-form-perform-actions input[type="number"], .backend-form-perform-actions .form-input-wrap, .backend-form-perform-actions .form-selectstandard-wrap {*/
.backend-form-perform-actions .form-input-wrap, .backend-form-perform-actions .form-selectstandard-wrap {
	width: calc(50% - 22px) !important;
}

.backend-form-perform-actions .form-input-wrap, .backend-form-perform-actions .form-selectstandard-wrap {
	float: left;
	height: 40px;
	margin-right: 0;
}

.backend-form-input-percentage {
	position: absolute;
	top: 0;
	right: 25px;
	height: 100%;
	line-height: 60px;
}
.backend-form-perform-actions>li.backend-form-perform-headline {
	width: 100%;
}

.backend-form-perform-actions .form-input-wrap input[type="number"], .backend-form-perform-actions .form-selectstandard-wrap select {
	width: 100%;
	height: 38px;
}
/*
.backend-form-perform-actions input[type=number] {
	width: 118px;
	height: 38px;
}
*/
.backend-form.backend-form-perform-actions>li.backend-form-perform-buttons, .backend-form>.backend-sortable-fields-list>li.backend-form-row-buttons {
	width: 100%;
}

.backend-list input[type=checkbox], .backend-form-perform-actions input[type=checkbox] {
	width: 21px;
	height: 21px;
	margin: 2px;
	vertical-align: middle;
}

.backend-form .backend-form-row input[type=checkbox] {
	width: 40px;
	height: 40px;
	vertical-align: middle;	
}

.backend-form {
	clear: both;
	margin: var(--backend-margin);
/*	width: calc(var(--backend-full) * 5/6 - var(--backend-margin) * 2);*/
	width: calc(var(--backend-full) * (var(--backend-columns) - 1)/var(--backend-columns) - var(--backend-padding) * 2 - var(--backend-margin) * 2);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

.backend-backdrop .backend-form {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

#backend-head .backend-form, #backend-head .backend-form input:not([type="submit"]):not([type="button"]) {
	background-color: var(--backend-header-background-color);
}
/*
.backend-form input[type="submit"] {
	width: calc(50% - 20px);
}
*/
#backend-main {
	margin-top: 60px !important;
	width: var(--backend-full);
	min-height: calc(100vh - 100px);
	margin: 0 auto;
/* Padding bottom fixes Firefox paint bug */
	padding-bottom: 1px;
	padding: var(--backend-padding);
	background-color: var(--backend-main-background-color);
}

#backend-pop-main .backend-searchfilter, .backend-include .backend-searchfilter {
	margin: var(--backend-margin);
	margin-top: calc(var(--backend-margin) / 2);
}

.backend-form.backend-form-advanced-enabled .backend-form-fieldset-images.backend-form-advanced:not(.backend-closed), .backend-form.backend-form-simple-enabled .backend-form-fieldset-images.backend-form-simple:not(.backend-closed) {
	min-height: 275px;
}

#backend-foot {
	height: 40px;
	padding: 15px 0;
	text-align: center;
	font-size: 10px;
	background-color: var(--backend-footer-background-color);
}

#backend-body.backend-static-1 #backend-main {
	width: calc(100vw - 55px);
	margin-left: 55px;
}

#backend-body.backend-static-2 #backend-main, #backend-body.backend-static-3 #backend-main, #backend-body.backend-static-4 #backend-main {
	width: calc(var(--backend-full) * calc(var(--backend-columns) - 1) / var(--backend-columns));
	margin-left: calc(100vw / var(--backend-columns));
}

#backend-main.backend-hidden {
	display: block !important;
	opacity: 0;
	transition: all 200ms;
}

#backend-header {
	height: 60px;
}

#backend-header-logo, #backend-header-search {
	float: left;
	width: calc(100% / 3);
}

#backend-header-logo>img {
	float: left;
	height: 30px;
	margin: 15px 18px;
	opacity: 1;
	transition: 200ms opacity;
}

.backend-active-2 #backend-header-logo>img, .backend-active-3 #backend-header-logo>img, .backend-active-4 #backend-header-logo>img {
	margin-left: 50px;
}

#backend-header-logo-login>img {
	height: 50px;
	margin: 10px auto;
}

#backend-intro-pop {
	max-height: 100%;	
	overflow-y: auto;
}

#login, #backend-intro {
	background-image: url("../logo/sumoshop-icon-invert.svg");
	background-size: auto 90%;
	padding: calc(50vh - 130px) 0;
	--backend-background-color: rgba(255, 255, 255, 0.8);
}

#backend-intro #backend-intro-headline, #backend-intro #backend-intro-body, #backend-intro #backend-intro-themes, #backend-intro .backend-button {
	display: none;
}

#login-headline {
	display: none;
	text-align: center;
}

#backend-form-login {
	margin: auto;
	width: calc(var(--backend-full) * 1/2);
}

#backend-form-login.backend-sticky-buttons .backend-form-row-buttons {
	left: 0;
	text-align: center;
}

#backend-form-login .backend-form-row-email input, #backend-form-login .backend-form-row-password input {
	width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) * 2 - var(--backend-margin) * 4);
}

#backend-intro-themes>li {
	clear: both;
	border-top: 1px solid var(--backend-border-color);
}

#backend-intro-themes .backend-image {
	width: calc(100% / 3 - var(--backend-margin) * 2);
	float: right;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

#backend-header-menutoggle {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% / 3);
	height: 100%;
}

#backend-header:hover #backend-header-logo>img {
	opacity: 0.6;
	transition: 0ms opacity;
}

#backend-header-search {
	height: 60px;
/* Scale */
/*	padding: var(--backend-padding);*/
	padding: 10px;
	border-left: 1px solid var(--backend-border-color);
	border-right: 1px solid var(--backend-border-color);
	text-align: center;
	color: #888888;
}

#backend-header-search:hover, #backend-header-search:focus-within {
	background-color: var(--backend-background-color);
	color: var(--backend-color);
}

#backend-body {
	background-color: var(--backend-main-background-color);
}

#backend-body #backend-main::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(80, 80, 80, 0);
	opacity: 0;
	z-index: -1;
	transition: all 200ms;
}

#backend-body.backend-focus-search #backend-main::before {
	z-index: 999;
	opacity: 1;
	background-color: rgba(80, 80, 80, 0.5);
	backdrop-filter: blur(1px);
}

#backend-overlayclose {
	display: block;
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	background-color: rgba(80, 80, 80, 0.5);
	backdrop-filter: blur(1px);
	transition: 200ms opacity, 100ms z-index;
}

#backend-overlayclose.backend-active {
	z-index: 999;
	opacity: 1;
}
/*
// This does not compute when desired element is outside of main view
#backend-overlayclose.backend-active+#backend-body {
	height: 100vh;
	overflow: hidden;
}
*/
.backend-searchfilter.backend-active {
	z-index: 1000;
	position: relative;
}

.backend-form-searchfilter-toggle, .backend-form-searchfilter-reset, .backend-form-searchfilter-submit {
	float: left;
	width: 20px !important;
	height: 20px;
	margin: 10px;
	border: 0 !important;
	text-indent: -9999px;
	background-image: var(--backend-icon-filter);
	background-size: auto 20px;
	background-repeat: no-repeat;
	opacity: 0.3;
}

.backend-form-searchfilter-toggle.backend-disabled {
	opacity: 0.1;
	cursor: not-allowed;
}

.backend-searchfilter:hover .backend-form-searchfilter-toggle:not(.backend-disabled), .backend-searchfilter:hover .backend-form-searchfilter-reset:not(.backend-disabled), .backend-searchfilter:hover .backend-form-searchfilter-submit, .backend-searchfilter:focus-within .backend-form-searchfilter-toggle:not(.backend-disabled), .backend-searchfilter:focus-within .backend-form-searchfilter-submit {
	opacity: 1;
}

.backend-searchfilter:hover .backend-form-searchfilter-toggle:not(.backend-disabled):hover, .backend-searchfilter:hover .backend-form-searchfilter-reset:not(.backend-disabled):hover, .backend-searchfilter:hover .backend-form-searchfilter-submit:hover {
	opacity: 0.6;
}

.backend-form-searchfilter.backend-loading .backend-form-searchfilter-submit {
	opacity: 1;
	background-image: var(--backend-icon-loading);
}

.backend-searchfilter.backend-searchfilter-activefilter .backend-form-searchfilter-toggle {
	margin-right: 0;
}

.backend-form-searchfilter-reset {
	display: none;
/*	width: 10px !important;*/
	margin-left: 0;
	margin-right: 0;
	background-image: var(--backend-icon-clear);
/*	background-size: auto 10px;*/
	background-size: auto 16px;
}

.backend-searchfilter.backend-searchfilter-activefilter .backend-form-searchfilter-reset {
	display: block;
}

.backend-form-searchfilter-submit {
	background-image: var(--backend-icon-search);
	background-size: 20px auto;
	cursor: pointer;
}

.backend-searchfilter:not(.backend-changed) input[type="submit"].backend-form-searchfilter-submit:active {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.backend-searchfilter.backend-changed .backend-form-searchfilter-submit {
	margin: 5px 10px !important;
	width: 90px !important;
	height: 30px;
	opacity: 1;
	text-indent: 0;
	line-height: 0;
	color: #ffffff;
	text-align: left;
	background-image: var(--backend-icon-invert-search);
	background-position: calc(100% - 10px) 50%;
	background-color: var(--backend-confirm-background-color);
}

.backend-searchfilter.backend-changed input[type="submit"].backend-form-searchfilter-submit:active {
	margin: 6px 10px !important;
	height: 28px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.backend-searchfilter:not(#backend-header-search) .backend-form-searchfilter-query {
	width: calc(100% - 100px) !important;
}

.backend-searchfilter.backend-searchfilter-activefilter:not(#backend-header-search) .backend-form-searchfilter-query {
	width: calc(100% - 110px) !important;
	padding-left: 0 !important;
}

#backend-header-search.backend-changed .backend-form-searchfilter-query {
	width: calc(100% - 140px) !important;
}

.backend-searchfilter.backend-changed:not(#backend-header-search) .backend-form-searchfilter-query {
	width: calc(100% - 160px) !important;
}

.backend-searchfilter.backend-changed.backend-searchfilter-activefilter:not(#backend-header-search) .backend-form-searchfilter-query {
	width: calc(100% - 170px) !important;
}

#backend-header-search.backend-changed .backend-form-searchfilter-submit {
	margin-right: 0 !important;
}

.backend-form-searchfilter-query {
	float: left;
	width: calc(100% - 80px) !important;
	height: 40px;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 10px !important;
	line-height: 40px;
}

.backend-autocomplete {
	display: block !important;
	position: relative;
	clear: both;
	margin: 0 10px;
	opacity: 0;
	transition-duration: 0.2s;
}

header .backend-autocomplete {
	top: 10px;
	margin: 0;
}

.backend-form-row .backend-autocomplete {
	display: inline-block !important;
	position: absolute;
	top: 10px;
	clear: none;
	width: calc(var(--backend-full) / var(--backend-columns) - var(--backend-margin) * 2);
	margin: 0;
}

.backend-form .backend-form-row .backend-autocomplete.backend-visible:not(.backend-autocomplete-autopos)+.backend-form-tooltip {
	display: none !important;
}

.backend-autocomplete.backend-visible {
	opacity: 1;
}

.backend-autocomplete>ul {
	position: absolute;
	z-index: 1000;
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 0;
	border: 1px solid var(--backend-hover-color);
	border-top: 0;
	border-radius: var(--backend-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0 40px;
	background-color: var(--backend-background-color);
	transition-duration: 0.2s;
	text-align: left;
	box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.backend-form-row .backend-autocomplete>ul {
	margin: 0;
	border-top-left-radius: var(--backend-border-radius);
	border-top-right-radius: var(--backend-border-radius);
}

.backend-autocomplete.backend-visible>ul {
	max-height: 1000px;
	transition-duration: 0.5s;
}

.backend-autocomplete>ul>li {
	display: block;
	border-top: 1px solid #eeeeee;
	padding: calc(var(--backend-margin) / 2) var(--backend-margin);
	cursor: pointer;
	line-height: 20px;
	vertical-align: middle;
}

.backend-autocomplete>ul>li::after {
	content: "";
	display: block;
	clear: both;
}

.backend-autocomplete>ul>li.backend-selected {
	position: relative;
	top: 0;
	z-index: 1;
	background-color: var(--backend-hover-color);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
}

.backend-autocomplete>ul>li>span {
	display: inline-block;
	vertical-align: middle;
}

.backend-autocomplete>ul>li>.backend-autocomplete-type, .backend-autocomplete>ul>li>.backend-autocomplete-tag {
	overflow: hidden;
	width: 80px;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: var(--backend-headline-font-weight);
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}

.backend-autocomplete>ul>li>.backend-autocomplete-type.backend-autocomplete-type-notitle {
	width: 100%;
}

.backend-autocomplete>ul>li>.backend-autocomplete-type>img {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-right: 5px;
	vertical-align: middle;
}

.backend-autocomplete>ul>li>.backend-autocomplete-image {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}

.backend-autocomplete>ul>li>.backend-autocomplete-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

#backend-header-right {
	float: right;
	max-width: calc(100% / 3 - 10px);
	height: 60px;
/* Required for drop down menus... */
	overflow-x: visible;
	overflow-y: visible;
	padding-right: 10px;
}

#backend-header>ul>li {
	float: left;
	opacity: 0.5;
}

#backend-header>ul>li:hover, #backend-header>ul>li.backend-active {
	opacity: 1;
}

#backend-header>ul>li>a {
	display: block;
	height: 60px;
	padding: var(--backend-padding);
/* Scale */
/*	line-height: 40px;*/
	line-height: calc(60px - var(--backend-padding) * 2);
}

#backend-header-user, #backend-header-quicklinks {
	position: relative;
}

#backend-header-quicklinks>.backend-dropdown {
	right: 0;
}

#backend-header-user>a, #backend-header-quicklinks>a, #backend-header-packingstation>a, #backend-header-alerts>a, #backend-header-notifications>a {
	margin-right: 10px;
	padding: var(--backend-padding) 25px var(--backend-padding) var(--backend-padding) !important;
	background-image: var(--backend-icon-link);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: auto 18px;
}

.backend-invert #backend-header-quicklinks>a {
	background-image: var(--backend-icon-invert-link);
}

#backend-header-user>a {
	background-image: var(--backend-icon-user);
}

.backend-invert #backend-header-user>a {
	background-image: var(--backend-icon-invert-user);
}

#backend-header-packingstation>a {
	background-image: var(--backend-icon-packingstation);
}

.backend-invert #backend-header-packingstation>a {
	background-image: var(--backend-icon-invert-packingstation);
}

#backend-header-alerts>a {
	background-image: var(--backend-icon-alert);
}

.backend-invert #backend-header-alerts>a {
	background-image: var(--backend-icon-invert-alert);
}

#backend-header-notifications>a {
	background-image: var(--backend-icon-notifications);
}

.backend-invert #backend-header-notifications>a {
	background-image: var(--backend-icon-invert-notifications);
}

.backend-invert .backend-form-searchfilter-toggle {
	background-image: var(--backend-icon-invert-filter);
}

.backend-invert .backend-form-searchfilter-submit {
	background-image: var(--backend-icon-invert-search);
}

#backend-header-quicklinks>a, #backend-header-alerts>a>span, #backend-header-notifications>a {
	display: inline-block;
}

#backend-header-alerts>a>span {
	margin-right: 5px;
}

/*#backend-body.backend-advanced-enabled #backend-header-quicklinks>a, #backend-body.backend-advanced-enabled #backend-header-packingstation>a, #backend-body.backend-advanced-enabled #backend-header-alerts>a>span:not(#backend-header-alerts-counter), #backend-body.backend-advanced-enabled #backend-header-notifications>a {*/
#backend-header-quicklinks>a, #backend-header-packingstation>a, #backend-header-alerts>a>span:not(#backend-header-alerts-counter), #backend-header-notifications>a {
	text-indent: -9999px;
}

#backend-header-user>ul, #backend-header-quicklinks>ul {
	position: absolute;
	top: 60px;
	right: 0;
	overflow: hidden;
	visibility: hidden;
	width: 200px;
	max-height: 0;
	border-bottom-left-radius: var(--backend-border-radius);
	border-bottom-right-radius: var(--backend-border-radius);
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(1px);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: 0.2s;
}

#backend-header-user.backend-active>ul, #backend-header-quicklinks.backend-active>ul {
	visibility: visible;
	max-height: 400px;
	opacity: 1;
}

#backend-header-user>ul>li>a, #backend-header-quicklinks>ul>li>a {
	display: block;
	padding: 5px 10px;
}

#backend-header-notifications-list, #backend-header-notification-list {
	visibility: hidden;
	position: fixed;
	top: 60px;
	right: min(-300px, calc(-100vw / var(--backend-columns)));
	width: calc(100vw / var(--backend-columns));
	min-width: 300px;
	height: calc(100vh - 60px);
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 200ms;
	opacity: 0;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

#backend-header-notification-list {
	height: auto;
	top: 90px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#backend-header-notifications-list.backend-active, #backend-header-notification-list.backend-active {
	visibility: visible;
	right: 0px;
	opacity: 1;
	backdrop-filter: blur(1px);
}

#backend-header-notifications-list>li, #backend-header-notification-list>li {
	padding: var(--backend-padding);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 100ms;
}

#backend-header-notifications-list>li>span, #backend-header-notification-list>li>span {
	float: left;
	width: 50px;
	height: 20px;
	font-weight: 500;
}

#backend-header-notifications-list>li>a, #backend-header-notification-list>li>a, #backend-header-notifications-list>li>span:nth-child(2) {
	display: block;
	float: left;
	width: calc(100% - 50px);
	font-weight: var(--backend-font-weight);
}

#backend-header-notifications-list>li:hover, #backend-header-notification-list>li:hover, #backend-header-user>ul>li:hover, #backend-header-quicklinks>ul>li:hover {
	background-color: color-mix(in srgb, var(--backend-button-background-color), transparent 40%);
	color: var(--backend-button-color);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	transition: all 0ms;
}

#backend-header-notifications-list>li:hover>a, #backend-header-notification-list>li:hover>a, #backend-header-notifications-list>li:hover>a:hover, #backend-header-notification-list>li:hover>a:hover, #backend-header-user>ul>li:hover>a, #backend-header-quicklinks>ul>li:hover>a {
	color: var(--backend-button-color) !important;
}

#backend-order-details, #backend-order-invoiceaddress, #backend-order-shippingaddress {
	float: left;
	width: calc(100% / 3 - var(--backend-margin) * 2);
	margin: var(--backend-padding);
	background-color: var(--backend-background-color);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	padding: var(--backend-padding);
	line-height: 150%;
}

#backend-order-details .backend-subheadline, #backend-order-invoiceaddress .backend-subheadline, #backend-order-shippingaddress .backend-subheadline {
	margin: 0;
	margin-bottom: var(--backend-margin);
}

#backend-order-details dt, #backend-order-details dd {
	display: inline-block;
	float: left;
	width: calc(100% / 3);
}

#backend-order-details dt {
	clear: both;
}

#backend-order-details dd {
	width: calc(100% * 2 / 3);
}

#backend-order-details-total {
	font-weight: var(--backend-headline-font-weight);
}

#backend-order-events {
	clear: both;
}

.backend-order-event {
	float: left;
	width: calc(100% - var(--backend-margin) * 2);
	margin: var(--backend-margin);
}

.backend-order-event-header, .backend-order-event-log, .backend-order-event-content {
	background-color: var(--backend-background-color);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

.backend-order-event-content::after {
	content: "";
	display: block;
	clear: both;
}

.backend-order-event-header {
	display: inline-block;
	border: 0;
	padding: var(--backend-padding);
	color: var(--backend-button-color);
	background-color: var(--backend-button-background-color);
}

.backend-order-event-openclose {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background-image: var(--backend-icon-invert-open);
	background-repeat: no-repeat;
	background-size: auto 14px;
	background-position: 50% 50%;
	transition: 200ms all;
}

.backend-active>.backend-order-event-header>.backend-order-event-openclose {
	transform: rotate(-180deg);
}

.backend-order-event-header:hover {
	background-color: color-mix(in srgb, var(--backend-button-background-color), transparent 40%);
}

.backend-order-event:hover .backend-order-event-header {
	opacity: 1;
}

.backend-order-event-log {
	overflow-y: hidden;
	max-height: 0;
	opacity: 0;
	transition: 200ms all;
}

.backend-active>.backend-order-event-log {
	overflow-y: visible;
	max-height: 1200px;
	margin: 2px 0;
	opacity: 1;
}

.backend-order-event-log>li {
	margin: 10px;
	position: relative;
}

.backend-order-event-log-log>a {
	text-decoration: underline;
}

.backend-order-event-log-data {
	visibility: none;
	position: absolute;
	top: 25px;
	left: 120px;
	z-index: 10;
	max-width: calc(100% - 120px);
	max-height: 0;
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
	white-space: pre;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
	overflow: auto;
	opacity: 0;
	transition: 200ms all;
}

.backend-active>.backend-order-event-log-data {
	visibility: visible;
	max-height: 1000px;
	opacity: 1;
}

#backend-body .backend-order-event-content .list-table tbody tr:last-child td {
	border-bottom: 0;
}

#backend-body .backend-order-event-content #order-orderlines {
	width: 100%;
}

#backend-body .backend-order-event-content #order-orderlines-list {
	margin-top: 0;
	margin-bottom: 0;
}

.backend-order-event-content .backend-list>.backend-list-body>ul {
	position: relative;
}

.backend-order-event-content .backend-list-item>a>img {
	margin: auto;
	margin-bottom: var(--backend-margin);
}

.backend-order-event-content .backend-list.backend-simple-enabled .backend-list-item>a>img {
	height: calc(100vw / var(--backend-columns) / 1.2 - 40px);
}

.backend-order-event-content .backend-list.backend-advanced-enabled .backend-list-item>a>img {
	display: inline-block;
	max-width: 75px;
	max-height: 75px;
	margin: var(--backend-margin);
	vertical-align: middle;
}

.backend-order-event-content .backend-list-item>a>span {
	display: block;
	text-align: center;
}

.backend-order-event-content .backend-list.backend-advanced-enabled .backend-list-item>a>span {
	display: inline-block;
	margin-right: var(--backend-margin);
}

.backend-order-event-content .backend-list-item .common-orderlines-list-item-details span {
	display: inline-block;
	margin-right: var(--backend-margin);
}

.backend-order-event-content .backend-list.backend-simple-enabled .backend-list-item .common-orderlines-list-item-details span:last-child {
	margin-right: 0;
}

.backend-order-event-content .backend-list.backend-simple-enabled .common-orderlines-list-item-details {
	font-size: 0;
	color: rgba(0, 0, 0, 0);
}

.backend-order-event-content .backend-list.backend-simple-enabled .common-orderlines-list-item-details>span {
	font-size: var(--backend-font-size);
	color: var(--backend-color);
}

.backend-order-event-content .backend-list.backend-simple-enabled .backend-list-quantity {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: var(--backend-headline-font-weight);
}

.backend-order-event-content .backend-list.backend-simple-enabled .backend-list-quantity::after {
	content: "x";
}

.backend-order-event-content .backend-list-total {
	text-align: right;
	font-weight: var(--backend-headline-font-weight);
}

.backend-order-icon {
	display: inline-block;
	margin-left: 5px !important;
	vertical-align: middle;
}

.backend-icon[class*="backend-icon-flag"] {
	background-image: url("../graphics/flag/da.gif");
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: 10px 50%;
}

.backend-icon.backend-icon-flag-da {
	background-image: url("../graphics/flag/da.gif");
}

.backend-icon.backend-icon-flag-de {
	background-image: url("../graphics/flag/de.gif");
}

.backend-icon.backend-icon-flag-en {
	background-image: url("../graphics/flag/en.gif");
}

.backend-icon.backend-icon-flag-es {
	background-image: url("../graphics/flag/es.gif");
}

.backend-icon.backend-icon-flag-fr {
	background-image: url("../graphics/flag/fr.gif");
}

.backend-icon.backend-icon-flag-it {
	background-image: url("../graphics/flag/it.gif");
}

.backend-icon.backend-icon-flag-nl {
	background-image: url("../graphics/flag/nl.gif");
}

.backend-icon.backend-icon-flag-no {
	background-image: url("../graphics/flag/no.gif");
}

.backend-icon.backend-icon-flag-sv {
	background-image: url("../graphics/flag/sv.gif");
}

.backend-tabpanel {
	clear: both;
}

.backend-tabpanel>ul {
	margin: 10px;
}

.backend-tabpanel>ul>li {
	float: left;
}

.backend-tabpanel>ul>li {
	opacity: 0.35;
}

.backend-tabpanel>ul>li.backend-selected {
	opacity: 1;
	position: relative;
}

.backend-tabpanel>ul>li.backend-selected::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -4px;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: var(--backend-background-color);
}

.backend-backdrop .backend-tabpanel>ul>li.backend-selected>a {
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

.backend-tabpanel>ul>li>a {
	display: block;
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-left: 0;
	border-bottom: 0;
	border-top-left-radius: var(--backend-border-radius);
	border-top-right-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

.backend-tabpanel>ul>li:first-child>a {
	border-left: 1px solid var(--backend-border-color);
	margin-left: 20px;
}

.backend-tabpanel>ul>li:first-child::after {
	width: calc(100% - 20px);
}

.backend-content-header::after {
	content: "";
	display: block;
	clear: both;
}

#backend-pop-main .backend-menupanel {
/* Gives problems with lists and search filters etc. What was the purpose?
	position: absolute; */
	width: 100%;
}

#backend-pop-main .backend-menupanel.backend-resource {
	position: absolute;
}

/* Gives problems with lists and search filters etc. What was the purpose?
#backend-pop-main .backend-menupanel:not(.backend-hassearch) {
	position: absolute;
	z-index: 10;
}
*/

.backend-breadcrumbs, .backend-menupanel-search {
	float: left;
	width: calc(100% / 3);
}

.backend-breadcrumbs {
	width: calc((100% + var(--backend-padding) * 2) / 3 - var(--backend-padding));	
}

#backend-pop-main>h1.backend-headline:not(.backend-hassearch) {
	max-width: calc(100% / 3 * 2 - var(--backend-padding));
}

.backend-breadcrumbs {
	overflow-x: hidden;
	padding: var(--backend-margin);
	padding-top: calc(var(--backend-margin) * 2);
	white-space: nowrap;
	text-overflow: ellipsis;
}

#backend-pop-main .backend-breadcrumbs, .backend-include .backend-breadcrumbs {
	display: none;
}

#backend-body.backend-static-1 .backend-breadcrumbs {
	width: calc((100% + 55px + var(--backend-padding) * 2) / 3 - var(--backend-padding) - 55px);
}

.backend-breadcrumbs>ul>li {
	display: inline-block;
}

.backend-breadcrumbs>ul>li>a {
	display: inline-block;
	border-radius: 5px;
	padding: 2px 5px;
	border-radius: var(--backend-border-radius);
	background-color: rgba(0, 0, 0, 0.1);
	opacity: 0.67;
}

.backend-breadcrumbs>ul>li>a:hover {
	background-color: var(--backend-button-background-color);
	color: var(--backend-button-color) !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	opacity: 1;
}

.backend-breadcrumbs>ul>li>span {
	opacity: 0.67;
}

.backend-breadcrumbs>ul>li::before {
	content: ">";
	opacity: 0.67;
}

.backend-breadcrumbs>ul>li:first-child::before {
	content: "";
}

.backend-menupanel-buttons {
	float: right;
	max-width: calc(100% / 3);
	padding: 0 calc(var(--backend-margin) / 2);
}

.backend-pop-body .backend-menupanel-buttons {
	margin: 6px 0;
}

#backend-help, #backend-aiassistant, #backend-action, #backend-locked, #backend-advanced, #backend-create {
	position: relative;
	float: left;
	width: 40px !important;
	height: 40px;
	margin: var(--backend-margin) calc(var(--backend-margin) / 2);
	transition: all 100ms;
}
/*
#backend-pop-main #backend-help, #backend-pop-main #backend-action, #backend-pop-main #backend-locked, #backend-pop-main #backend-advanced {
	margin: 0 5px;
}
*/

.backend-pop-body .backend-menupanel {
	opacity: 0.5;
	transition: 200ms opacity;
}

#backend-overlayclose.backend-active ~ .backend-pop-body .backend-menupanel {
	opacity: 1;
}

.backend-pop-body .backend-menupanel:hover {
	opacity: 1;
}

#backend-help, #backend-aiassistant, #backend-action, #backend-create {
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

#backend-help>a, #backend-aiassistant>a, #backend-action>a, #backend-locked>a, #backend-advanced>a, #backend-create>a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	opacity: 1;
	transition: all 200ms;
}

#backend-help>a, #backend-aiassistant>a, #backend-action>a, #backend-locked>a>span, #backend-advanced>a>span, #backend-create>a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: var(--backend-icon-action);
	background-size: auto 18px;
	background-position: 50% 50%;
}

#backend-action>a {
	background-image: var(--backend-icon-more);
}

#backend-advanced>a {
/*	background-size: auto 15px;	*/
}

#backend-help>a:hover, #backend-aiassistant>a:hover, #backend-action>a:hover, #backend-locked>a:hover, #backend-advanced>a:hover {
	opacity: 0.8;
}

#backend-help>a {
	background-image: var(--backend-icon-help);
}

#backend-aiassistant>a {
	background-image: var(--backend-icon-ai);
}

#backend-aiassistant-chat {
	overflow-y: auto;
}

#backend-aiassistant-chat-list>li {
	display: block;
	clear: both;
	float: right;
	width: 90%;
	margin-bottom: var(--backend-margin);
	padding: var(--backend-padding);
	border-radius: calc(var(--backend-border-radius) * 2);
}

#backend-aiassistant-chat-list>li.backend-chat-question {
	background-color: var(--backend-button-background-color);
	color: var(--backend-button-color);
	border-bottom-right-radius: 0;
}

#backend-aiassistant-chat-list>li.backend-chat-answer {
	border: 1px solid var(--backend-border-color);
	float: left;
	border-bottom-left-radius: 0;
}

#backend-aiassistant-chat-list>li.backend-chat-answer.backend-loading {
	background-image: var(--backend-icon-loading);
	background-position: calc(100% - 5px) 50%;
	background-size: auto calc(100% - 10px);
	animation: none;
}

#backend-aiassistant-chat-input {
	width: 100%;
	min-height: 100px;
	border: 1px solid var(--backend-border-color);
	padding: var(--backend-padding);
	border-radius: calc(var(--backend-border-radius) * 2);
	background-color: var(--backend-button-background-color);
	color: var(--backend-button-color);
}

#backend-create>a {
	background-image: var(--backend-icon-create);
}

#backend-pop-main #backend-help, #backend-pop-main #backend-aiassistant, #backend-pop-main #backend-action, #backend-pop-main #backend-create, #backend-pop-main #backend-locked, #backend-pop-main #backend-advanced, .backend-include #backend-help, .backend-include #backend-aiassistant, .backend-include #backend-action, .backend-include #backend-create, .backend-include #backend-locked, .backend-include #backend-advanced {
	width: 30px !important;
	height: 30px;
	margin: 5px;
}

#backend-pop-main #backend-aiassistant>a, .backend-include #backend-aiassistant>a {
	line-height: 25px;
}

#backend-pop-main #backend-locked, #backend-pop-main #backend-advanced, .backend-include #backend-locked, .backend-include #backend-advanced {
	width: 40px !important;
}

#backend-pop-main #backend-locked>a, #backend-pop-main #backend-advanced>a, .backend-include #backend-locked>a, .backend-include #backend-advanced>a {
	width: 20px;
	height: 20px;
	margin: 4px;
	border-radius: calc(var(--backend-border-radius) * 3 / 2);
	background-size: auto 12px;
}

#backend-pop-main #backend-locked>a>span, #backend-pop-main #backend-advanced>a>span, .backend-include #backend-locked>a>span, .backend-include #backend-advanced>a>span {
	background-size: auto 14px;
}

#backend-pop-main #backend-action-actions, .backend-include #backend-action-actions {
	top: 30px;
}
/*
#backend-pop-main #backend-help {
	display: none;
}
*/
#backend-action.backend-active>a {
	transform: rotate(90deg);
}

#backend-locked, #backend-advanced {
	position: relative;
	width: 50px !important;
	border: 1px solid var(--backend-border-color);
    border-radius: calc(var(--backend-border-radius) * 2);
	background-color: var(--backend-border-color);
	overflow: hidden;
}

#backend-locked.backend-active, #backend-advanced.backend-active {
	background-color: var(--backend-button-background-color);
}

#backend-locked>a, #backend-advanced>a {
	position: relative;
	left: 0px;
	margin: 4px;
	width: 30px;
	height: 30px;
    border-radius: calc(var(--backend-border-radius) * 2);
	background-color: var(--backend-background-color);
	opacity: 0.75;
	transition: 0.1s;
}

#backend-locked>a::before, #backend-advanced>a::before, #backend-locked>a::after, #backend-advanced>a::after {
	content: "";
	display: block;
	position: absolute;
	left: -15px;
	width: 15px;
	height: 30px;
}

#backend-locked>a::after, #backend-advanced>a::after {
	left: 30px;
}

#backend-pop-main #backend-locked>a::after, #backend-pop-main #backend-advanced>a::after {
	left: 20px;
}

#backend-locked.backend-active>a, #backend-advanced.backend-active>a {
	left: 10px;
	opacity: 1;
}
/*
#backend-locked::before, #backend-advanced::before {
	content: "";
	display: block;
	z-index: 0;
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	margin: 5px;
	border-radius: 15px;
	background-color: #789;
	opacity: 0;
}

#backend-locked.active::before, #backend-advanced.active::before {
	opacity: 1;
}
*/
#backend-locked>a>span {
	background-image: var(--backend-icon-locked);
}

#backend-locked.backend-active>a>span {
	background-image: var(--backend-icon-unlocked);
}

#backend-advanced>a>span {
	background-image: var(--backend-icon-simple);
}

#backend-advanced.backend-active>a>span {
	background-image: var(--backend-icon-advanced);
	transform: rotate(30deg);
}

#backend-aiassistant-chat {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 130px;
	right: calc(var(--backend-margin) * 2);
	width: 300px;
	height: 300px;
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
	opacity: 0;
	transition: 200ms all;
}

#backend-aiassistant.backend-active>#backend-aiassistant-chat {
	display: block;
	opacity: 1;
}

#backend-support-question {
	margin-bottom: 10px;
	font-weight: 500;
}

.manual-index-sections {
	list-style-type: upper-alpha;
	margin-left: 20px;
}

.manual-index-sections>li {
	margin-top: 20px;
}

.manual-index-modules {
	list-style-type: decimal;
	margin-left: 20px;
}

#backend-manual {
	padding: var(--backend-margin);
}

#backend-support-answer img, #backend-manual-body img, #backend-intro-body img {
	display: inline-block;
	margin: 10px 5px 10px 0;
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	vertical-align: middle;
}

#backend-manual-body .backend-headline, #backend-manual-body .backend-subheadline {
	margin: 10px 0;
}

#backend-manual-body h1.backend-headline:first-child {
	margin-top: 0;
}

#backend-manual-commands-headline, #backend-manual-fields-headline, #backend-manual-faq-headline, #backend-manual-subelements-headline, #backend-manual-commands-list .backend-subheadline {
	margin-top: 20px !important;
}

#backend-manual-commands-list>li, #backend-manual-fields-list>li, #backend-manual-subelements-list>li, #backend-manual-faq-list>li {
	margin: 10px 0;
}

.backend-manual-commands-name, .backend-manual-faq-question {
	font-weight: var(--backend-headline-font-weight);
}

.backend-manual-faq-answer {
 	max-height: 5000px;
 	overflow: hidden;
 	transition: 200ms all;
}

.backend-manual-faq-answer.backend-hidden {
	display: block !important;
 	max-height: 0;
 	overflow: hidden;
}

.backend-manual-fields-name, .backend-manual-subelements-name {
	font-weight: var(--backend-headline-font-weight);
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px dotted #ccc;
}

.backend-manual-fields-name, .backend-manual-fields-tooltip, .backend-manual-subelements-name, .backend-manual-subelements-tooltip {
	display: inline-block;
}

.backend-manual-fields-tooltip, .backend-manual-subelements-tooltip {
	width: calc(100% - 160px);
	vertical-align: top;
}

#backend-manual-notfound-text {
	padding-bottom: 10px;
	margin-bottom: 0;
}

#backend-manual-body .backend-manual-icon, #backend-intro-body .backend-manual-icon {
	width: 22px;
	height: 22px;
	margin: 0 2px;
	padding: 3px;
}

#backend-support-answer li {
	list-style-type: disc;
	margin-left: 20px;
}

#backend-support-answer ul {
	margin-bottom: 10px;
}

.backend-form-locale {
	float: right;
}

.backend-form-locale>a {
	display: inline-block;
}

.backend-front .dashboard {
	clear: both;
}

.backend-front::after, .backend-form>ul::after {
	content: "";
	display: block;
	clear: both;
}

.backend-quickbutton {
	overflow: hidden;
	display: block;
	float: left;
	width: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) - var(--backend-margin) * 2);
	height: calc((var(--backend-full) - var(--backend-padding) * 2) / var(--backend-columns) - var(--backend-margin) * 2);
	margin: var(--backend-margin);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
	transition: 100ms background-color, 100ms box-shadow;
	line-height: 50%;
}

.backend-backdrop .backend-quickbutton {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

#backend-body.backend-static-1 .backend-quickbutton {
	width: calc((var(--backend-full) - 55px - var(--backend-padding) * 2) / var(--backend-columns) - var(--backend-margin) * 2);
	height: calc((var(--backend-full) - 55px - var(--backend-padding) * 2) / var(--backend-columns) - var(--backend-margin) * 2);
}

#backend-body.backend-static-2 .backend-quickbutton, #backend-body.backend-static-3 .backend-quickbutton, #backend-body.backend-static-4 .backend-quickbutton {
	width: calc(((var(--backend-full) * (var(--backend-columns) - 1) / var(--backend-columns)) - var(--backend-padding) * 2) / (var(--backend-columns) - 1) - var(--backend-margin) * 2);
	height: calc(((var(--backend-full) * (var(--backend-columns) - 1) / var(--backend-columns)) - var(--backend-padding) * 2) / (var(--backend-columns) - 1) - var(--backend-margin) * 2);
}

.backend-quickbutton>a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.backend-quickbutton:hover {
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
	transition: all 0ms;
	background-color: var(--backend-hover-color);
}

.backend-quickbutton>a>img, .backend-quickbutton>a>object {
	height: calc(100% - 110px);
	margin: 30px auto;
}

.backend-quickbutton>a:active>img, .backend-quickbutton>a:active>object {
	height: calc(100% - 120px);
	margin: 35px auto;
}

.backend-quickbutton>a>span, .backend-list-grid .backend-list-body .backend-list-_primaryimage {
	display: block;
	font-size: 20px;
	text-align: center;
	font-weight: var(--backend-headline-font-weight);
	line-height: initial;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

.backend-sortable-fields>.backend-quickbutton, .backend-sortable-fields>.dashboard-widget {
	position: relative;
}

.backend-sortable-fields>.backend-quickbutton>a.backend-sortable-fields-remove, .backend-sortable-fields>.dashboard-widget>a.backend-sortable-fields-remove {
	position: absolute;
	top: 0;
	right: 0;
}

*:not(.backend-odd):not(.backend-even):not(.backend-row)>.backend-list-description {
	width: calc(var(--backend-full) * 5/6);
	max-width: calc(100% - 20px);
	margin: var(--backend-margin);
	background-color: var(--backend-background-color);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
}

.backend-backdrop *:not(.backend-odd):not(.backend-even):not(.backend-row)>.backend-list-description {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.backend-list-description>div {
/*	border-top: 1px solid var(--backend-border-color);*/
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.backend-list-description>div:first-child {
	border-top: 0;
	border-top-left-radius: var(--backend-border-radius);
	border-top-right-radius: var(--backend-border-radius);
}

.backend-list-description dt, .backend-list-description dd {
	display: block;
	float: left;
	margin: 10px;
	padding: 0px;
	border: 0;
}

.backend-list-description dt {
	clear: left;
/*	font-weight: var(--backend-headline-font-weight);*/
	line-height: inherit;
}

.backend-list-description::after, .backend-list-description>div::after, .backend-list-description dd::after {
	content: "";
	display: block;
	clear: both;
}

.backend-form-horizontal {
	position: relative;
}

.backend-form-horizontal input[type=submit].backend-button, .backend-form-horizontal input[type=button].backend-button {
	width: auto;
}

.backend-searchfilter:not(#backend-header-search) .backend-form-searchfilter-toggle {
	margin-left: 20px;
}

.backend-searchfilter:not(#backend-header-search) .backend-form-searchfilter-submit {
	margin-right: 20px;
}

.backend-searchfilter:not(#backend-header-search) {
	float: left;
	width: calc((100% + var(--backend-padding) * 2) / 3);
	margin-top: var(--backend-margin);
	margin-bottom: calc(var(--backend-margin) - 2px);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
}

.backend-headline+.backend-searchfilter:not(#backend-header-search) {
	margin-top: 5px;
	margin-bottom: 4px;
}

#backend-body.backend-static-1 .backend-searchfilter:not(#backend-header-search) {
	width: calc((100% + 55px + var(--backend-padding) * 2) / 3);
}

.backend-form-searchfilter {
	position: relative;
	width: auto !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important
}

.backend-form-searchfilter-filters, .backend-form-horizontal-export {
	z-index: 1000;
	position: absolute;
	top: 40px;
	overflow-x: hidden;
	visibility: hidden;
	width: 100%;
	max-height: 0;
	width: 100%;
	opacity: 0;
	background-color: #ffffff;
	transition: all 200ms;
}

header .backend-form-searchfilter-filters {
	top: 50px;
}

.backend-form-searchfilter-filters.backend-active, .backend-form-horizontal-export.backend-active {
	visibility: visible;
	max-height: calc(100vh - 120px);
	min-width: 300px;
	opacity: 1;
	box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.2);
	border-bottom-left-radius: var(--backend-border-radius);
	border-bottom-right-radius: var(--backend-border-radius);
}

.backend-pop-body .backend-form-searchfilter-filters.backend-active {
	min-width: 400px;
	max-height: calc(100vh - 70px);
}

.backend-form-horizontal-buttons {
	float: left;
}

.backend-list-body .backend-list-_actions, #backend-search-list .backend-list-body .backend-list-type {
	margin: 0 !important;
	padding: 0 5px;
/*	background-color: var(--backend-button-background-color);
	color: #ffffff;*/
}

.backend-list-grid>.backend-list-body .backend-list-_actions, #backend-search-list .backend-list-body .backend-list-type {
/*	background-color: color-mix(in srgb, var(--backend-background-color) 50%, var(--backend-button-background-color) 50%);*/
	background-color: var(--backend-button-background-color);
}

.backend-list-grid .backend-list-_actions, #backend-search-list.backend-list-grid .backend-list-body .backend-list-type {
	padding: 5px;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.backend-list-_actions {
	text-align: left;
}

.backend-list-primarytitle, #backend-search-list .backend-list-body .backend-list-type {
	overflow-x: hidden;
	margin: 0 0 0 5px;
	font-weight: 500;
/*	font-size: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;*/
	line-height: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.backend-list-grid .backend-list-primarytitle, #backend-search-list .backend-list-body .backend-list-type {
	color: var(--backend-button-color);
}

.backend-list-primarytitle {
	width: 100%;
	display: inline-block;
}

#backend-search-list .backend-list-type a {
	color: #ffffff;
}

.backend-list-table .backend-list-primarytitle {
	display: none !important;
}

.backend-list.backend-advanced-enabled>li>ul>li:not(.backend-list-advanced) {
	display: none !important;
}

.backend-list.backend-simple-enabled>li>ul>li:not(.backend-list-simple) {
	display: none !important;
}

.backend-sortable-fields>.backend-sortable-fields-add {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
}

.backend-sortable-fields.dashboard>.backend-sortable-fields-add {
	margin: 0;
}

.backend-sortable-active>.backend-sortable-fields>.backend-sortable-fields-add {
	width: 30px;
	border: 0 !important;
	max-height: 30px;
	opacity: 1;
	margin: 10px;
}

.backend-sortable-active>.backend-sortable-fields.backend-quickbuttons>.backend-sortable-fields-add, .backend-sortable-active>.backend-sortable-fields.dashboard>.backend-sortable-fields-add {
	float: left;
	width: 50px;
	max-height: 50px;
	margin: 0;
}
.backend-list-grid .backend-list-body .backend-list-_primaryimage {
/*
	font-size: 24px;
	letter-spacing: 0.02em;
	font-weight: 500;*/
	line-height: calc(100vw / var(--backend-columns) / 1.2 - 40px);
}

#backend-pop-main .backend-list-grid .backend-list-body .backend-list-_primaryimage {
	font-size: calc(var(--backend-font-size) * 1.125);
}

.backend-list-grid.control-effects .backend-list-body .backend-list-_primaryimage {
	line-height: calc(100vw / var(--backend-columns-large) / 1.2 - 40px);
}

.backend-list-grid.control-effects .backend-list-body .backend-list-title {
	position: relative;
	background-color: inherit;
}

.backend-list-grid .backend-list-_primaryimage a {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.backend-list-grid .backend-list-_primaryimage a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: var(--backend-border-radius);
	padding: var(--backend-padding) calc(var(--backend-padding) + 5px);
	background-image: var(--backend-icon-invert-edit);
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: var(--backend-button-background-color);
	opacity: 0;
	transition: all 200ms;
}

.backend-list-grid .backend-list-_primaryimage a:hover::after {
	opacity: 1;
}

#backend-order-index-list.backend-list-grid .backend-list-_primaryimage a::after {
	background-image: var(--backend-icon-invert-view);
}

.backend-list-grid.backend-list-select .backend-list-_primaryimage a::after {
	background-image: var(--backend-icon-invert-checkbox-active);
}

.backend-list-grid .backend-list-_primaryimage a:active:after {
	height: 31px;
	margin: 2px 0;
	line-height: 8px;
}

/* Dummy test */
/*.backend-list-grid .backend-list-image, .backend-list-grid .backend-list-title, .backend-list-grid li[class$="_title"] {
	display: none;
}*/

.backend-list-actions-outer {
	position: relative;
	float: right;
}

.backend-list-table .backend-list-_actions {
	text-align: center;
}

.backend-list-table .backend-list-actions-outer {
	float: none;
	display: inline-block;
}

.backend-list-table .backend-list-actions-empty {
	display: none;
}

.backend-list-table .backend-list-actions-empty + li.backend-list-advanced, .backend-list-table .backend-list-actions-empty + li.backend-list-simple + li.backend-list-advanced {
	height: 50px;
}

.backend-list-_actions::after {
	content: "";
	display: block;
	clear: both;
}

.backend-list-actions-outer>a.backend-button, .backend-list-_actions>a>.backend-button, .backend-list-_actions>.backend-button {
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0 !important;
	padding-right: 0 !important;
	text-indent: -9999px;
	background-position: 50% 50% !important;
	vertical-align: middle;
	transition: 0.2s all, 0s height, 0s margin, 0s padding;
}

.backend-list-actions-outer>a.backend-button:active, .backend-list-_actions>a>.backend-button:active, .backend-list-_actions>.backend-button:active {
	height: 21px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.backend-list-actions-outer>a.backend-icon-action, #backend-action>a, #backend-header-user>a, #backend-header-quicklinks>a, #backend-header-notifications>a, .backend-form-searchfilter-toggle, .backend-form .backend-subbox .backend-icon-add, .backend-form .backend-subbox .backend-icon-action {
	cursor: context-menu;
}

.backend-list-actions-outer.backend-active>a.backend-icon-action {
	transform: rotate(90deg);
}

.backend-list-actions-outer {
	opacity: 0.4;
}

.backend-list-body>ul:hover .backend-list-actions-outer, .backend-list-actions-outer.backend-active {
	opacity: 1;
}

.backend-list-actions-outer .backend-button {
	outline: 0;
}

.backend-form-perform .backend-performcheck {
	appearance: none;
	background-color: inherit;
	border: 0;
	border-radius: 0;
	background-image: var(--backend-icon-checkbox);
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-position: 50% 50%;
}

.backend-form-perform .backend-list-grid .backend-performcheck {
	background-image: var(--backend-icon-invert-checkbox);
}

.backend-form-perform-all .backend-performcheck, .backend-form-perform-swap .backend-performcheck {
	background-image: var(--backend-icon-checkbox);
}

.backend-form-perform .backend-performcheck:checked {
	background-image: var(--backend-icon-checkbox-active);
}

.backend-form-perform .backend-list-grid .backend-performcheck:checked {
	background-image: var(--backend-icon-invert-checkbox-active);
}

.backend-form-perform-all .backend-performcheck:checked, .backend-form-perform-swap .backend-performcheck:checked {
	background-image: var(--backend-icon-checkbox-active);
}

.backend-list-actions-inner, #backend-action-actions {
	z-index: 200;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	visibility: hidden;
	max-height: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 350ms;
/*	background-color: rgba(255, 255, 255, 0.8);*/
	background-color: var(--backend-background-color);
/*	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(1px);
}

.backend-list-table .backend-list-actions-inner {
	top: 30px;
	left: 15px;
}

.backend-list-table .backend-list-actions-inner.backend-list-actions-horizontal, #backend-pop-main .backend-list-table .backend-list-body>ul:nth-last-child(-n+5) .backend-list-actions-inner {
	top: -15px;
	left: 60px !important;
	width: 85vw;
}
/*
.backend-include .backend-list-table .backend-list-body>ul:nth-last-child(-n+5) .backend-list-actions-inner {
	top: 30px;
	left: 15px;
	width: auto;
}
*/
.backend-list-table .backend-list-actions-inner.backend-list-actions-horizontal>a, #backend-pop-main .backend-list-table .backend-list-body>ul:nth-last-child(-n+5) .backend-list-actions-inner>a {
	float: left;
	margin-right: 0;
}
/*
.backend-include .backend-list-table .backend-list-body>ul:nth-last-child(-n+5) .backend-list-actions-inner>a {
	float: none;
	margin-right: var(--backend-margin);
}
*/
.backend-list-table .backend-list-actions-outer-container-1 .backend-list-actions-inner {
	left: -10px;
}

.backend-list-table .backend-list-actions-outer-container-2 .backend-list-actions-inner {
	left: 15px;
}

.backend-list-table .backend-list-actions-outer-container-3 .backend-list-actions-inner {
	left: 40px;
}

.backend-list-table .backend-list-actions-outer-container-4 .backend-list-actions-inner {
	left: 65px;
}

.backend-list-table .backend-list-actions-outer-container-5 .backend-list-actions-inner {
	left: 90px;
}

.backend-list-grid .backend-list-actions-inner {
	top: 30px;
	left: auto;
	right: -15px;
}

#backend-action-actions {
	top: 40px;
	left: auto;
	right: 0px;
	min-width: 200px;
}

.backend-list-actions-outer.backend-active>.backend-list-actions-inner, #backend-action.backend-active>#backend-action-actions {
	max-height: 500px;
	opacity: 1;
/*	overflow-y: scroll;*/
	overflow-y: auto;
	visibility: visible;
}

.backend-list-actions-inner-container-1 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 58px;
}

.backend-list-actions-inner-container-2 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 106px;
}

.backend-list-actions-inner-container-3 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 154px;
}

.backend-list-actions-inner-container-4 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 202px;
}

.backend-list-actions-inner-container-5 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 250px;
}

.backend-list-actions-inner-container-6 .backend-list-actions-outer.backend-active>.backend-list-actions-inner {
	max-height: 298px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-1 {
	max-height: 30px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-2 {
	max-height: 65px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-3 {
	max-height: 95px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-4 {
	max-height: 125px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-5 {
	max-height: 155px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-6 {
	max-height: 185px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-7 {
	max-height: 215px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-8 {
	max-height: 245px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-9 {
	max-height: 275px;
}

#backend-action.backend-active>#backend-action-actions.backend-action-actions-10 {
	max-height: 305px;
}

.backend-list-actions-inner>a, #backend-action-actions>li, #backend-action-actions>li>a {
	display: block;
}

#backend-action-actions>li.backend-icon>a {
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
	background-image: var(--backend-icon-action);
	padding-right: 30px;
}

#backend-action-actions>li.backend-icon-create>a {
	background-image: var(--backend-icon-create);
}

#backend-action-actions>li.backend-icon-down>a {
	background-image: var(--backend-icon-down);	
	background-size: 15px auto;
}

#backend-action-actions>li.backend-icon-download>a {
	background-image: var(--backend-icon-download);	
}

#backend-action-actions>li.backend-icon-edit>a {
	background-image: var(--backend-icon-edit);	
}

#backend-action-actions>li.backend-icon-export>a {
	background-image: var(--backend-icon-export);
}

#backend-action-actions>li.backend-icon-graph>a {
	background-image: var(--backend-icon-graph);
}

#backend-action-actions>li.backend-icon-help>a {
	background-image: var(--backend-icon-help);
}

#backend-action-actions>li.backend-icon-hint>a {
	background-image: var(--backend-icon-hint);
}

#backend-action-actions>li.backend-icon-image>a {
	background-image: var(--backend-icon-image);
}

#backend-action-actions>li.backend-icon-import>a {
	background-image: var(--backend-icon-import);
}

#backend-action-actions>li.backend-icon-letter>a {
	background-image: var(--backend-icon-letter);
}

#backend-action-actions>li.backend-icon-menu>a {
	background-image: var(--backend-icon-menu);
}

#backend-action-actions>li.backend-icon-print>a {
	background-image: var(--backend-icon-print);
}

#backend-action-actions>li.backend-icon-sales>a {
	background-image: var(--backend-icon-sales);
	background-size: 15px auto;
}

#backend-action-actions>li.backend-icon-seo>a {
	background-image: var(--backend-icon-seo);
}

#backend-action-actions>li.backend-icon-up>a {
	background-image: var(--backend-icon-up);
	background-size: 15px auto;
}

#backend-action-actions>li.backend-icon-update>a {
	background-image: var(--backend-icon-update);
}

#backend-action-actions>li.backend-icon-upload>a {
	background-image: var(--backend-icon-upload);
}

#backend-action-actions>li.backend-icon-view>a {
	background-image: var(--backend-icon-view);
}

#backend-action-actions>li.backend-selected.backend-icon>a, #backend-action-actions>li.backend-icon>a:hover {
	background-image: var(--backend-icon-invert-action);
}

#backend-action-actions>li.backend-selected.backend-icon-create>a, #backend-action-actions>li.backend-icon-create>a:hover {
	background-image: var(--backend-icon-invert-create);
}

#backend-action-actions>li.backend-selected.backend-icon-down>a, #backend-action-actions>li.backend-icon-down>a:hover {
	background-image: var(--backend-icon-invert-down);
}

#backend-action-actions>li.backend-selected.backend-icon-download>a, #backend-action-actions>li.backend-icon-download>a:hover {
	background-image: var(--backend-icon-invert-download);
}

#backend-action-actions>li.backend-selected.backend-icon-edit>a, #backend-action-actions>li.backend-icon-edit>a:hover {
	background-image: var(--backend-icon-invert-edit);
}

#backend-action-actions>li.backend-selected.backend-icon-export>a, #backend-action-actions>li.backend-icon-export>a:hover {
	background-image: var(--backend-icon-invert-export);
}

#backend-action-actions>li.backend-selected.backend-icon-graph>a, #backend-action-actions>li.backend-icon-graph>a:hover {
	background-image: var(--backend-icon-invert-graph);
}

#backend-action-actions>li.backend-selected.backend-icon-help>a, #backend-action-actions>li.backend-icon-help>a:hover {
	background-image: var(--backend-icon-invert-help);
}

#backend-action-actions>li.backend-selected.backend-icon-hint>a, #backend-action-actions>li.backend-icon-hint>a:hover {
	background-image: var(--backend-icon-invert-hint);
}

#backend-action-actions>li.backend-selected.backend-icon-image>a, #backend-action-actions>li.backend-icon-image>a:hover {
	background-image: var(--backend-icon-invert-image);
}

#backend-action-actions>li.backend-selected.backend-icon-import>a, #backend-action-actions>li.backend-icon-import>a:hover {
	background-image: var(--backend-icon-invert-import);
}

#backend-action-actions>li.backend-selected.backend-icon-letter>a, #backend-action-actions>li.backend-icon-letter>a:hover {
	background-image: var(--backend-icon-invert-letter);
}

#backend-action-actions>li.backend-selected.backend-icon-menu>a, #backend-action-actions>li.backend-icon-menu>a:hover {
	background-image: var(--backend-icon-invert-menu);
}

#backend-action-actions>li.backend-selected.backend-icon-print>a, #backend-action-actions>li.backend-icon-print>a:hover {
	background-image: var(--backend-icon-invert-print);
}

#backend-action-actions>li.backend-selected.backend-icon-sales>a, #backend-action-actions>li.backend-icon-sales>a:hover {
	background-image: var(--backend-icon-invert-sales);
}

#backend-action-actions>li.backend-selected.backend-icon-seo>a, #backend-action-actions>li.backend-icon-seo>a:hover {
	background-image: var(--backend-icon-invert-seo);
}

#backend-action-actions>li.backend-selected.backend-icon-up>a, #backend-action-actions>li.backend-icon-up>a:hover {
	background-image: var(--backend-icon-invert-up);
}

#backend-action-actions>li.backend-selected.backend-icon-upload>a, #backend-action-actions>li.backend-icon-upload>a:hover {
	background-image: var(--backend-icon-invert-upload);
}

#backend-action-actions>li.backend-selected.backend-icon-update>a, #backend-action-actions>li.backend-icon-update>a:hover {
	background-image: var(--backend-icon-invert-update);
}

#backend-action-actions>li.backend-selected.backend-icon-view>a, #backend-action-actions>li.backend-icon-view>a:hover {
	background-image: var(--backend-icon-invert-view);
}

#backend-action-actions>li>a {
	padding: 5px 10px;
	transition: all 200ms;
}

#backend-action-actions>li.backend-selected>a, #backend-action-actions>li>a:hover {
	background-color: color-mix(in srgb, var(--backend-button-background-color), transparent 40%);
	color: var(--backend-button-color);
	transition: all 100ms;
}

.backend-action-divider {
	border-top: 1px solid var(--backend-border-color);
	padding-top: 5px;
}

.backend-list-imageactions {
	text-align: center;
	vertical-align: middle;
}

.backend-list-imageactions .backend-button.backend-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0px 5px;
	padding-right: 0 !important;
	background-position: 50% 50%;
	text-indent: -9999px;
}

.backend-list-imageactions .backend-button.backend-icon:active {
/*	height: 26px;*/
	transform: scale(0.9);
	padding: var(--backend-padding) !important;
}

.backend-list-imageactions .backend-button.backend-icon-translate, .backend-list-imageactions .backend-button.backend-icon-download {
	display: none;
}

.backend-dropdown {
	opacity: 0;
	transition: opacity 350ms;
}

.backend-active>.backend-dropdown {
	opacity: 1;
	transition: opacity 350ms;
}
/*

// Does not look good when closing

.backend-active>.backend-dropdown>li {
	animation: fadein 200ms linear 0ms forwards;
}

.backend-active>.backend-dropdown>li {
	animation: fadein 200ms linear 0ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(2) {
	animation: fadein 200ms linear 50ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(3) {
	animation: fadein 200ms linear 100ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(4) {
	animation: fadein 200ms linear 150ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(5) {
	animation: fadein 200ms linear 200ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(6) {
	animation: fadein 200ms linear 250ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(7) {
	animation: fadein 200ms linear 300ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(8) {
	animation: fadein 200ms linear 350ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(9) {
	animation: fadein 200ms linear 400ms forwards;
}

.backend-active>.backend-dropdown>li:nth-child(10) {
	animation: fadein 200ms linear 450ms forwards;
}
*/
.backend-button.backend-icon {
	padding-right: 36px !important;
	text-align: left;
	background-image: var(--backend-icon-invert-action);
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
}

.backend-button.backend-list-actions-toggle {
	background-image: var(--backend-icon-more);
	background-color: transparent;
}

.backend-list-grid .backend-button.backend-list-actions-toggle {
	background-image: var(--backend-icon-invert-more);
}

.backend-button.backend-list-actions-toggle:hover {
	background-color: transparent;
}

.backend-button.backend-icon-add {
	background-image: var(--backend-icon-invert-add);
}

.backend-button.backend-icon-backup {
	background-image: var(--backend-icon-invert-backup);
}

.backend-button.backend-icon-cancel {
	background-image: var(--backend-icon-invert-cancel);
	background-color: var(--backend-reject-background-color);
}

.backend-button.backend-icon-cancel:hover {
	background-color: color-mix(in srgb, var(--backend-reject-background-color), transparent 40%);
}

.backend-button.backend-icon-checkbox {
	background-image: var(--backend-icon-invert-checkbox-active);
}

.backend-button.backend-icon-complete {
	background-image: var(--backend-icon-invert-checkbox-active);
	background-color: var(--backend-confirm-background-color);
}

.backend-button.backend-icon-confirm {
	background-image: var(--backend-icon-invert-confirm);
}

.backend-button.backend-icon-copy {
	background-image: var(--backend-icon-invert-copy);
}

.backend-button.backend-icon-create {
	background-image: var(--backend-icon-invert-create);
}

.backend-button.backend-icon-delete {
	background-image: var(--backend-icon-invert-delete);
	background-color: var(--backend-reject-background-color);
}

.backend-button.backend-icon-delete:hover {
	background-color: color-mix(in srgb, var(--backend-reject-background-color), transparent 40%);
}

.backend-button.backend-icon-down {
	background-image: var(--backend-icon-invert-down);
}

.backend-button.backend-icon-download {
	background-image: var(--backend-icon-invert-download);
}

.backend-button.backend-icon-enable {
	background-image: var(--backend-icon-invert-checkbox-active);
}

.backend-button.backend-icon-edit {
	background-image: var(--backend-icon-invert-edit);
}

.backend-button.backend-icon-filter {
	background-image: var(--backend-icon-invert-filter);
}

.backend-button.backend-icon-help {
	background-image: var(--backend-icon-invert-help);
}

.backend-button.backend-icon-image {
	background-image: var(--backend-icon-invert-image);
}

.backend-button.backend-icon-info {
	background-image: var(--backend-icon-invert-help);
}

.backend-button.backend-icon-left {
	background-image: var(--backend-icon-invert-up);
}

.backend-button.backend-icon-right {
	background-image: var(--backend-icon-invert-down);
}

.backend-button.backend-icon-save {
	background-image: var(--backend-icon-invert-save);
	background-color: var(--backend-confirm-background-color);
}

.backend-button.backend-icon-save:hover, .backend-button.backend-icon-complete:hover {
	background-color: color-mix(in srgb, var(--backend-confirm-background-color), transparent 40%);
}

.backend-button.backend-icon-search {
	background-image: var(--backend-icon-invert-search);
}

.backend-button.backend-icon-select {
	background-image: var(--backend-icon-invert-checkbox-active);
	float: right;
}

.backend-button.backend-icon-send {
	background-image: var(--backend-icon-invert-letter);
}

.backend-button.backend-icon-print {
	background-image: var(--backend-icon-invert-print);
}

.backend-button.backend-icon-sortable {
	background-image: var(--backend-icon-invert-sortable);
}

.backend-button.backend-icon-translate {
	background-image: var(--backend-icon-invert-translate);
}

.backend-button.backend-icon-up {
	background-image: var(--backend-icon-invert-up);
}

.backend-button.backend-icon-update {
	background-image: var(--backend-icon-invert-update);
}

.backend-button.backend-icon-upload {
	background-image: var(--backend-icon-invert-upload);
}

.backend-button.backend-icon-view {
	background-image: var(--backend-icon-invert-view);
}

.backend-hint {
	overflow: hidden;
	float: left;
	width: calc(100% / 3 - 20px);
	margin: var(--backend-margin);
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	background-color: var(--backend-background-color);
	text-align: center;
	line-height: 150%;
}

.backend-backdrop .backend-hint {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.backend-hint-text {
	display: block;
	text-align: left;
	font-size: calc(var(--backend-font-size) * 1.25);
}

.backend-hint .backend-button {
	display: inline-block;
	margin: var(--backend-margin) auto;
	padding: var(--backend-padding);
}

.backend-hint::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 10px auto;
	background-image: var(--backend-icon-help);
	background-size: auto 20px;
	background-repeat: no-repeat;
}

.backend-form-label-editable {
	display: none !important;
}

.backend-message {
	display: block;
	z-index: 1001;
	z-index: 10001;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(1px);
}

.backend-message>div {
	display: block;
	z-index: 10001;
	z-index: 10002;
	position: fixed;
	left: calc(50% - 150px);
	top: 50%;
	width: 300px;
	border: 1px solid #888888;
	border-radius: var(--backend-border-radius);
	padding: calc(var(--backend-margin) + var(--backend-margin));
	background-color: var(--backend-background-color);
	text-align: center;
	opacity: 0;
	transform: translateY(-50%);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	background-size: 500px auto;
	background-position: 50% 50%;
	transition: all 200ms;
}

.backend-message>div.backend-reveal {
	background-size: 100px auto;
	background-position: 50% 15%;
}

.backend-message>div.backend-confirm, .backend-message>div.backend-alert {
	padding: 150px 0 50px;
	background-image: var(--backend-icon-alert);
}

.backend-message .backend-none {
	display: none;
}

.backend-message>div>span {
	display: block;
	padding: calc(var(--backend-margin) + var(--backend-margin));
	padding-top: 0;
}

.backend-message .backend-button {
	display: inline-block;
	margin: var(--backend-margin);
	min-width: 80px;
}

.backend-message .backend-hidden {
	display: block;
	z-index: -10;
	opacity: 0;
	transition-duration: 0.4s;
}

.backend-message .backend-reveal {
	display: block;
	opacity: 1;
	transition-duration: 0.2s;
}

.backend-message .backend-image {
	margin-left: auto;
	margin-right: auto;
}

#htmltemplate-text textarea, .backend-editable {
	width: calc(100% - 10px);
	max-width: calc(100vw - 20px);
	max-height: 300px;
	overflow: auto;
	font-family: monospace;
	font-size: 13px;
	line-height: 170%;
	tab-size: 4;
}

#htmltemplate-text textarea {
	height: 300px;
}

.backend-editable .backend-editable-not {
	margin: 0;
	opacity: 0.3;
	background-color: rgba(0,0,0,0.1);
}

#maintenance-status {
	border: 0;
	width: calc(100% - 20px);
	height: 40px;
	margin: 10px;
}




#info-integrations li {
	float: left;
	width: 100px;
	height: 100px;
}

.graph-container {
	float: left;
	width: 48vw;
	height: 24vw;
}

.graph-container>iframe {
	width: 100%;
	height: 100%;
}

.hidden-desktop {
	display: none !important;
}

.backend-form .redactor-toolbar, .backend-form .redactor-dropdown {
	z-index: 99 !important;
	background-color: var(--backend-background-color);
}

.backend-form .redactor-editor, .backend-form .redactor-box {
	background-color: var(--backend-background-color);
}

.backend-pop-body .backend-form .redactor-editor {
	min-height: 250px !important;
}

.backend-form .redactor-toolbar li a {
	padding: 9px;
}

#backend-form-order, #backend-form-order-buttons {
	clear: both;
}

#backend-form-order-buttons::after {
	clear: both;
	display: block;
	content: "";
}

#backend-form-order-buttons input {
	display: block;
	float: left;
	margin-right: 0;
}

#backend-form-order table {
	width: 100%;
}

.backend-order-state-icons {
	display: inline-block;
}

.backend-order-state-icons img {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px !important;
	vertical-align: middle;
}

.backend-form .form-toggle-inner {
	opacity: 0.5;
	transition: 200ms;
}

.backend-form .form-toggle-inner::before {
	opacity: 0.75;
	background-color: var(--backend-background-color);
}

.backend-form input[type="checkbox"]:checked + .form-toggle-inner::before {
	opacity: 1;
}
/*
#metapreview {
	position: relative;
	height: 0;
	margin: 10px;
	vertical-align: top;
}

#metapreview>div {
	z-index: 1;
	position: absolute;
	right: 0;
	top: var(--backend-margin);
	width: 490px;
	max-width: calc(100vw / 3 - 10px);
	padding: var(--backend-padding);
	background-color: var(--backend-background-color);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	font-family: Arial, "sans-serif";
	background-image: url("../graphics/google.png");
	background-repeat: no-repeat;
	background-position: right top;
	opacity: 1;
}
*/
.backend-metapreview {
	z-index: 1;
	position: absolute;
	right: var(--backend-margin);
	top: var(--backend-margin);
	width: 490px;
	max-width: calc(100vw / 3 - 10px);
	padding: var(--backend-padding);
	background-color: var(--backend-background-color);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	font-family: Arial, "sans-serif";
	background-image: url("../graphics/google.png");
	background-repeat: no-repeat;
	background-position: right top;
	opacity: 1;
}

.backend-metapreview-titlelink {
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

.backend-metapreview-title {
	display: block;
	color: #3286aa;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

.backend-metapreview-link {
	display: block;
	margin-top: 20px;
	line-height: 1.2;
	color: #6cb07d;
	font-size: 14px;
	text-transform: lowercase;
}

.backend-metapreview-description {
	line-height: 1.24;
	font-size: 12px;
}
/*
#metapreview:hover>div {
	opacity: 1;
}
*/

#imageeditor-left, #imageeditor-right {
	display: block;
	float: left;
	width: 60%;
}

#imageeditor-right {
	width: 40%;
}

#imageeditor input[type=range] {
	vertical-align: middle;
}

#imageeditor output {
	margin-left: 10px;
}

#imageeditor-scaled {
	margin-bottom: 0;
}

#imageeditor-image-container {
	width: calc(100% - var(--backend-margin) * 2);
	background-image: var(--backend-icon-image);
	background-color: #dddddd;
	background-size: auto 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

#imageeditor-image-container:not(.backend-cropped):hover>div:not(.jcrop-dragging) canvas {
	opacity: 0.75;
}

#imageeditor-image-container.backend-drop>div canvas {
	opacity: 0.25;
}

#backend-form-imageeditor {
	width: calc(100% - var(--backend-margin) * 2);
}

#backend-body .common-orderheader-invoiceaddress, #backend-body .common-orderheader-shippingaddress, #backend-body .common-orderheader-details, #backend-body .common-orderheader-invoiceinfo {
	float: left;
	width: calc(100% * 1/3 - 10px * 2);
	margin-bottom: 20px;
	max-width: calc(100% / 3 - 10px * 2);
	margin: 10px;
	padding: 0px;
	line-height: 1.6;
}

#backend-body .common-orderheader-details {
	float: right;
}

#backend-body .common-orderlines {
	display: block;
	clear: both;
}

#backend-body .list-table {
	margin: 10px;
	width: calc(100% - 10px * 2);
}

#backend-body .list-tablelike {
	display: table;
	width: calc(100% - 10px * 2);
	margin: 10px;
	border-collapse: collapse;
	border-width: 0;
	padding: 0;
}

#backend-body .list-table th, #backend-body .list-table tbody td, #backend-body .list-tablelike>.list-tablelike-head>ul>li, #backend-body .list-tablelike>.list-tablelike-body>ul>li {
	border-bottom: 1px solid #dddddd;
}

#backend-body .list-tablelike>li>ul>li, #backend-body .list-table th, #backend-body .list-table td {
	padding: calc(10px + 0px) calc(0px + 2px);
	vertical-align: top;
}

#backend-body .list-tablelike>li>ul {
	display: table-row;
	width: 100%;
}

#backend-body .list-tablelike>li>ul>li {
	display: table-cell;
}

#backend-body .common-orderlines .item  {
	text-align: left;
}

#backend-body .common-orderlines .item span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

#backend-body .common-orderlines-list-item-brand {
	font-weight: var(--backend-headline-font-weight);
}

#backend-body .item img {
	float: left;
	width: 50px;
	margin-right: calc((10px + 0px) * 2);
}

#backend-body .common-orderlines .total, #backend-body .common-orderlines .total_novat {
	width: 160px;
	max-width: 160px;
	text-align: right;
	white-space: nowrap;
	font-weight: var(--backend-headline-font-weight);
}

#backend-body .common-orderlines ul.total, #backend-body .common-orderlines tr.total {
	font-size: 24px;
}

#backend-body .common-orderlines .list-table-foot-span, #backend-body .common-orderlines .list-tablelike-foot-span {
	text-align: right;
}

#backend-body .common-orderlines .list-table-foot-span>span, #backend-body .common-orderlines .list-tablelike-foot-span>span {
	display: inline-block;
	width: 160px;
	max-width: 160px;
	text-align: left;
}

#backend-body .common-orderlines tr.vat td, #backend-body .common-orderlines ul.vat li {
	font-weight: normal;
	color: #888888;
}

#backend-body .common-orderlines .quantity, #backend-body .common-orderlines .quantityinput, #backend-body .common-orderlines .price, #backend-body .common-orderlines .delete {
	text-align: center;
}

#backend-form-order-invoice {
	width: 100%;
	padding: 20px;
}

#backend-body #order-invoiceheader, #backend-body #order-orderlines {
	width: calc(100% - 2 * var(--backend-margin));
}

#backend-form-order-invoice h1, #backend-form-order-invoice h2, #backend-form-order-invoice h3, #backend-form-order-invoice h4 {
	line-height: 1;
}

#backend-body .headline, #backend-body .subheadline {
	margin: 10px;
}

#backend-body .content-inner .subheadline {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#backend-form-order-trustscore::after {
	content: "";
	display: block;
	clear: both;
}

#backend-form-order-trustscore-box {
	float: left;
	display: inline-block;
	width: 80px;
	margin-left: 20px;
	padding: var(--backend-padding);
	border: 1px solid var(--backend-border-color);
	border-radius: var(--backend-border-radius);
	text-align: center;
}

#backend-form-order-trustscore-label {
	overflow: hidden;
	max-width: 100%;
	color: #000000;
	line-height: 80%;
	font-weight: var(--backend-headline-font-weight);
}

#backend-form-order-trustscore-score {
	font-size: var(--backend-headline-font-size);
	font-weight: var(--backend-headline-font-weight);
}

#backend-form-order-trustscore-notes {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-top: 1px solid #cccccc;
}

#backend-form-order-trustscore-notes>li {
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;
	font-size: 14px;
}

#backend-form-order-trustscore-notes>li>span {
	display: inline-block;
	overflow: hidden;
	width: 25px;
	margin-right: 10px;
	text-align: right;
	vertical-align: top;
}

#backend-promotion-info-form-duplicatecode textarea {
	width: calc(var(--backend-full) * (var(--backend-columns) - 3)/var(--backend-columns) - var(--backend-margin) * 4 - var(--backend-padding) * 2 - 4px);
}

#backend-dataprotection-index-list.backend-advanced-enabled .backend-list-_primaryimage img, #backend-dataprotection-index-list.backend-advanced-enabled .backend-list-_image img, #backend-integrations-index-list.backend-advanced-enabled .backend-list-image img {
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .4));
}

#backend-dataprotection-index-list.backend-simple-enabled .backend-list-_primaryimage img, #backend-dataprotection-index-list.backend-simple-enabled .backend-list-_image img, #backend-integrations-index-list.backend-simple-enabled .backend-list-image img {
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3));
	max-width: 75%;	
	max-height: 50%;
}

#feature-commodities.backend-form-row {
	max-height: none;
}

#feature-commodities.backend-form-row>fieldset {
	max-height: none;
	overflow-y: hidden;
}

.control-effects {
	--basic-background-color: #ffffff;
	--basic-color: #000000;
	--basic-glow-color: #ffee00;
	--basic-zoom-factor: 1.25;
	--basic-innerborder-width: 3px;
	--basic-innerborder-margin: 10px;
	--basic-animate-speed: 0.2s;
	--basic-animate-slow-speed: 0.6s;
	--basic-animate-veryslow-speed: 6.0s;
}

.treegrid-indent, .treegrid-expander {
	display: block;
	float: left;
	width: 20px;
	height: 50px;
	margin-right: 4px;
	background-position: center center;
}

.treegrid-expander {
	cursor: pointer;
}

.treegrid-expander-collapsed, .treegrid-expander-expanded {
	background-image: var(--backend-icon-open);
	background-size: auto 16px;
	transition: all 200ms;
}

.treegrid-expander-expanded {
	transform: scaleY(-1);
}

.backend-list>.backend-list-body>.backend-even.red, .backend-list>.backend-list-body>.backend-odd.red {
	background-color: #ffa8a8;
}

.backend-list>.backend-list-body>.backend-even.yellow, .backend-list>.backend-list-body>.backend-odd.yellow {
	background-color: #ffefa8;
}

.backend-list>.backend-list-body>.backend-even.green, .backend-list>.backend-list-body>.backend-odd.green {
	background-color: #a8ffa8;
}

.backend-list>.backend-list-body>.backend-even.blue, .backend-list>.backend-list-body>.backend-odd.blue {
	background-color: #82c6fa;
}

.backend-list>.backend-list-body>.backend-even.purple, .backend-list>.backend-list-body>.backend-odd.purple {
	background-color: #efa8df;
}

.backend-list>.backend-list-body>.backend-even.orange, .backend-list>.backend-list-body>.backend-odd.orange {
	background-color: #ffbf88;
}

.backend-list>.backend-list-body>.backend-even.cyan, .backend-list>.backend-list-body>.backend-odd.cyan {
	background-color: #a8efdf;
}

#redactor-modal, #redactor-modal footer button {
	font-family: var(--backend-font-family) !important;
	font-size: var(--backend-font-size) !important;
	font-weight: var(--backend-font-weight) !important;
}

#redactor-modal {
	border-radius: var(--backend-border-radius) !important;
	background-color: var(--backend-background-color) !important;
	box-shadow: none !important;	
}

#redactor-modal-close {
	z-index: 1100;
}

#redactor-modal footer button {
	width: calc(50% - var(--backend-margin) * 4) !important;
	margin: calc(var(--backend-margin) * 2) !important;
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	border-radius: var(--backend-border-radius) !important;
}

#redactor-modal input[type="text"], #redactor-modal input[type="password"], #redactor-modal input[type="email"], #redactor-modal input[type="url"], #redactor-modal textarea {
	height: auto !important;
	border-radius: var(--backend-border-radius) !important;
	padding: var(--backend-padding) !important;
	box-shadow: none !important;
	font-family: var(--backend-font-family) !important;
	font-size: var(--backend-font-size) !important;
	font-weight: var(--backend-font-weight) !important;
	color: var(--backend-color) !important;
}

#redactor-modal header {
	padding: calc(var(--backend-margin) * 2) !important;
	background-color: transparent;
	font-family: var(--backend-headline.font-family) !important;
	font-weight: var(--backend-headline-font-weight) !important;
}

#redactor-modal select {
	appearance: none;
	border-width: 1px;
	border-radius: var(--backend-border-radius);
	border-color: var(--backend-border-color);
	padding: var(--backend-padding);
	background-image: var(--backend-icon-down);
	background-position: calc(100% - 10px) 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
}

#redactor-modal input[type="text"]:focus, #redactor-modal input[type="password"]:focus, #redactor-modal input[type="email"]:focus, #redactor-modal input[type="url"]:focus, #redactor-modal textarea:focus {
	border-color: var(--backend-border-color) !important;
}

#redactor-modal section {
	padding: calc(var(--backend-margin) * 2) !important;
	padding-top: 0 !important;
}

#redactor-modal footer button.redactor-modal-action-btn {
	background-color: var(--backend-button-background-color) !important;
	color: var(--backend-button-color) !important;
}

.redactor-link-tooltip {
	border-radius: var(--backend-border-radius) !important;	
}

@media only screen and (min-width: 1200px) {
	.backend-quickbutton>a>img, .backend-quickbutton>a>object {
		height: calc(100% - 140px);
		max-width: 50%;
		margin: 50px auto;
	}

	.backend-list-grid:not(#backend-subclassesimages-index-list) .backend-list-_primaryimage-noimage img {
		top: auto;
		transform: none;
/*		height: calc(100% - 100px);*/
		height: calc(100% - 60px);
		max-width: 50%;
/*		margin: 35px auto;*/
		margin: 30px auto;
	}

	.backend-list-grid:not(#backend-subclassesimages-index-list) .backend-list-_primaryimage {
		line-height: initial;		
	}

	.backend-quickbutton>a:active>img {
		height: calc(100% - 150px);
		margin: 55px auto;
	}
}

@media only screen and (max-width: 1600px) {
	#backend-quickbutton-support>a>img {
		margin-bottom: 10px;
	}

	#backend-quickbutton-support>a>span {
		white-space: initial;
	}
}

@media only screen and (max-width: 1200px) {
	.dashboardwidget-list {
		font-size: calc(var(--backend-font-size) * 1);
	}

	.dashboardwidget-score span {
		font-size: calc(var(--backend-font-size) * 1.5);
	}

	.dashboardwidget-list {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 901px) {
	:root {
		--backend-font-size: 14px;
	}

	.backend-quickbutton>a>img, .backend-quickbutton>a>object {
		height: calc(100% - 80px);
		margin: 20px auto;
	}

	.backend-quickbutton>a:active>img, .backend-quickbutton>a:active>object {
		height: calc(100% - 90px);
		margin: 25px auto;
	}

	.backend-active-2 #backend-menu>ul>li>span, .backend-active-3 #backend-menu>ul>li>span, .backend-active-4 #backend-menu>ul>li>span {
		background-image: none !important;
	}
}

@media only screen and (max-width: 900px) and (min-width: 601px) {
	:root {
		--backend-font-size: 14px;
	}

	.backend-quickbutton>a>img, .backend-quickbutton>a>object {
		height: calc(100% - 50px);
		margin: 10px auto;
	}

	.backend-quickbutton>a:active>img, .backend-quickbutton>a:active>object {
		height: calc(100% - 60px);
		margin: 15px auto;
	}

	#backend-quickbutton-support>a>img {
		margin-bottom: 2px;
	}
}

@media only screen and (max-width: 900px) {
	.backend-form {
		width: calc(var(--backend-full) - var(--backend-margin) * 2);
		max-width: calc(100% - var(--backend-margin) * 2);
	}

	.backend-form .backend-form-fieldset label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-dialog-option), .backend-form .backend-form-searchfilter-filters label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option) {
		width: calc((var(--backend-full) - var(--backend-margin) * 2) / 3 - var(--backend-margin) * 2 - 40px);
	}

	.backend-quickbutton>a>span {
		font-size: var(--backend-font-size);
	}
}

@media only screen and (max-width: 600px) {
	#backend-main .backend-searchfilter select, #backend-head .backend-searchfilter select {
		width: 100%;
	}

	.dashboard-widget {
		height: calc(100vw / 2 + 40px);
		overflow: hidden;
	}

	.dashboard-widget.block-1_2 {
		width: calc(100% - 20px);
	}

	.dashboard-widget.block-1_3 {
		width: calc(100% - 20px);
	}

	.dashboard-widget.block-1_4 {
		width: calc(100% / 2 - 20px);
	}

	.dashboard-widget.block-1_6 {
		width: calc(100% / 2 - 20px);
	}

	.backend-quickbutton {
		width: calc(var(--backend-full) / 2 - 20px);
		height: calc(var(--backend-full) / 2 - 20px);
	}

	#backend-header-logo, #backend-header-menutoggle {
		width: 54px;
	}

	#backend-header-logo::before {
		content: "";
		display: block;
		width: 40px;
		height: 40px;
		margin: 10px;
		background-image: url("../logo/sumoshop-icon.svg");
		background-repeat: no-repeat;
		background-size: auto;
	}

	#backend-header-logo img {
		display: none;
	}

	#backend-header-search {
		width: calc(100% * 2 / 3 - 54px);
	}

	#backend-header-notifications-list, #backend-header-notification-list {
		right: calc(-100vw * 2 / 3);
		width: calc(100vw * 2 / 3);
	}

	#backend-menu {
		width: calc(100vw * 2 / 3);
		left: calc(-100vw * 2 / 3);
	}

	#backend-header-notifications, #backend-header-alerts {
		display: none;
	}

	.backend-menupanel-buttons {
		max-width: 100%;
	}

	.backend-breadcrumbs, .backend-menupanel-search, #backend-body #backend-main>h1.backend-headline, #backend-body.backend-static-1 #backend-main>h1.backend-headline, #backend-body.backend-static-2 #backend-main>h1.backend-headline, #backend-body.backend-static-3 #backend-main>h1.backend-headline, #backend-body.backend-static-4 #backend-main>h1.backend-headline, #backend-body.backend-static-5 #backend-main>h1.backend-headline {
		width: 100% !important;
	}

	#backend-body.backend-static-2 #backend-main, #backend-body.backend-static-3 #backend-main, #backend-body.backend-static-4 #backend-main {
		width: 100%;
		margin-left: 0;
	}

	#backend-main {
		padding: 0;
	}

	#backend-main .backend-searchfilter {
		width: calc(100% - var(--backend-margin) * 2) !important;
		margin: var(--backend-margin);
		position: static;
	}

	#backend-pop-main .backend-list-grid > .backend-list-body > ul {
		width: calc(var(--backend-full) / 2 - var(--backend-margin) * 2);
	}

	.backend-pager-top {
		position: static;
	}

	#backend-menu.backend-active {
		left: calc(-100vw * 2 / 3 + 55px);
	}

	#backend-menu.backend-active-2, #backend-menu.backend-active-3, #backend-menu.backend-active-4 {
		left: 0px;
	}

	#backend-header>ul>li>a {
		text-indent: -9999px;
	}

	#backend-body.backend-static-1 .backend-form {
		width: calc(var(--backend-full) - 55px - var(--backend-margin) * 2);
	}

	.backend-form:not(.backend-form-searchfilter) label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), .backend-list-description dt, .backend-form input[type=reset], .backend-form input[type=button].backend-button-cancel {
		width: calc(100% - var(--backend-margin) * 2);
		margin-top: 0;
		margin-bottom: 0;
	}

	#backend-body.backend-static-1 .backend-form label:not(.label-radiolist-option):not(.label-radiolistul-option):not(.label-multilist-option):not(.label-megalist-option):not(.label-dialog-option):not(.backend-form-perform-label), #backend-body.backend-static-1 .backend-list-description dt, #backend-body.backend-static-1 .backend-form input[type="reset"], #backend-body.backend-static-1 .backend-form input[type="button"].backend-button-cancel {
		width: calc(100% - var(--backend-margin) * 2);
	}

	.backend-form input[type=text], .backend-form input[type=search], .backend-form input[type=email], .backend-form input[type=tel], .backend-form input[type=date], .backend-form input[type=time], .backend-form input[type=url], .backend-form input[type=number], .backend-form input[type=password], .backend-form input[type=submit], .backend-form textarea, .backend-form select, .backend-form .backend-form-input-wrap, .backend-form .backend-form-textarea-wrap, .backend-form .backend-form-select-wrap, .backend-form .form-selectstandard-wrap {
		width: calc(100% - var(--backend-margin) * 2);
	}

 	.backend-form .redactor-box {
 		width: 100%;
 	}

	.backend-form .backend-form-row-buttons input[type=submit], .backend-form .backend-form-row-buttons .backend-form input[type=reset], .backend-form  .backend-form-row-buttons input[type=button].backend-button-cancel {
		float: left;
		width: calc(50% - var(--backend-margin) * 2) !important;
	}

	.backend-quickbutton>span {
		font-size: var(--backend-font-size);
	}

	.backend-hint {
		width: calc(100% - 20px);
	}

	.backend-list-grid>.backend-list-body>ul {
		width: calc(var(--backend-full) / 2 - var(--backend-margin) * 2) !important;
	}

	.backend-include .backend-list-grid>.backend-list-body>ul {
		width: calc(100% / 2 - var(--backend-margin) * 2) !important;
	}

	#backend-body.backend-static-1 .backend-list-grid>.backend-list-body>ul {
		width: calc((var(--backend-full) - 55px) / 2 - var(--backend-margin) * 2) !important;
	}

	.backend-list-grid .backend-list-image, .backend-list-grid .backend-list-_image, .backend-list-grid .backend-list-_primaryimage {
		height: calc(100vw / 2 / 1.2 - 40px);
		line-height: calc(100vw / 2 / 1.2 - 40px);
		font-size: calc(var(--backend-font-size) * 1.125);
	}

	#backend-body.backend-static-1 .backend-quickbutton {
		width: calc((var(--backend-full) - 55px) / 2 - 20px);
		height: calc((var(--backend-full) - 55px) / 2 - 20px);
	}

	.backend-list-grid .backend-list-body .backend-list-image, .backend-list-grid .backend-list-body .backend-list-_image, .backend-list-grid .backend-list-body .backend-list-_primaryimage {
		height: calc(100vw / 2 / 1.2 - 40px);
	}

	.backend-list-grid .backend-list-body .backend-imagelist-upload>.backend-list-image {
		height: calc(100vw / 2 / 1.2);
	}

	.backend-list-grid .backend-list-body .backend-list-_primaryimage {
		line-height: calc(100vw / 2 / 1.2 - 40px);
	}

	.backend-icon[class*="backend-icon-flag"] {
		text-indent: -9999px;
	}

	#backend-header-notifications {
		padding-right: 20px !important;
	}

	.backend-list-grid .backend-list-body .backend-list-_primaryimage {
		font-size: 16px;
	}

	h1.backend-headline {
		font-size: calc(var(--backend-headline-font-size) * 0.75);
		line-height: var(--backend-headline-font-size);
	}

	.backend-quickbutton>a>img, .backend-quickbutton>a>object {
		height: calc(100% - 90px);
		margin: 30px auto;
	}

	.backend-quickbutton>a>span {
		font-size: var(--backend-font-size);
	}
}

@media only screen and (max-height: 500px) {
	.backend-form:not(#backend-form-imageeditor):not(.backend-sortable-fields-form) {
		margin-bottom: 60px;
	}
}