@charset "UTF-8";
/**
 * @copyright Copyright (c) 1991-2024 Six Offene Systeme GmbH, Germany. All rights reserved.
 * @link https://sixcms.de/ SixCMS-Site
 * @package SixCMS
 * ---
 * @backtrace       default (built-in)
 * @build_date      2025-08-31 19:02:48
 * @cache_key       2023.1.26.admin.default.built-in.m.normal.auto.de
 * @colorscheme     auto
 * @custom_change   built-in
 * @fontsize        m
 * @language        de
 * @scope           admin
 * @sixcms_version  2023.1.26
 * @theme           default
 * @theme_root      default
 * @themelayout     normal
 */

/***************************************************/
/** @subpackage external_styles_default_font_inter */
/***************************************************/
@font-face {
	font-family: 'Inter';
	src: url('/sixcms/core/external/pics/default/font/inter/Inter-roman-var.woff2') format('woff2');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	font-feature-settings: "cv07", "ss03"; /* distinct eszett, curved r (see https://rsms.me/inter/#features) */
}
@font-face {
	font-family: 'Inter';
	src: url('/sixcms/core/external/pics/default/font/inter/Inter-italic-var.woff2') format('woff2');
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	font-feature-settings: "cv07", "ss03"; /* distinct eszett, curved r (see https://rsms.me/inter/#features) */
}

/******************************************************/
/** @subpackage external_styles_default_font_sixdings */
/******************************************************/
/******************************/
/** Prepended by             **/
/**  Six Offene Systeme GmbH **/

/* Screenreader-Text verstecken */
[class^="sdIcon-"] b, [class*=" sdIcon-"] b {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Fehlende Icons markieren */
[class^="sdIcon-"]:before, [class*=" sdIcon-"]:before {
	content:'\e94e'; /* sdIcon-broken-glyph */
}

/******************************/
/** Generated by IcoMoon     **/
/**  https://icomoon.io      **/
/**                          **/
/** Paths edited by          **/
/**  Six Offene Systeme GmbH **/

@font-face {
	font-family: 'sixdings';
	src: url('/sixcms/core/external/pics/default/font/sixdings/sixdings.woff?20233') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="sdIcon-"], [class*=" sdIcon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	/*noinspection CssNoGenericFontName*/
	font-family: 'sixdings' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sdIcon-six-logo:before {
	content: "\e912";
}
.sdIcon-six-logo-six:before {
	content: "\e624";
}
.sdIcon-six_logo_six:before {
	content: "\e624";
}
.sdIcon-six-logo-cms:before {
	content: "\e627";
}
.sdIcon-six_logo_cms:before {
	content: "\e627";
}
.sdIcon-six-logo-url:before {
	content: "\e625";
}
.sdIcon-six_logo_url:before {
	content: "\e625";
}
.sdIcon-feather:before {
	content: "\e92a";
}
.sdIcon-six_author_logo:before {
	content: "\e92a";
}
.sdIcon-arrow-up:before {
	content: "\e600";
}
.sdIcon-arrow_up_open:before {
	content: "\e600";
}
.sdIcon-arrow-right:before {
	content: "\e674";
}
.sdIcon-arrow_right_open:before {
	content: "\e674";
}
.sdIcon-arrow-down:before {
	content: "\e607";
}
.sdIcon-arrow_down_open:before {
	content: "\e607";
}
.sdIcon-arrow-left:before {
	content: "\e675";
}
.sdIcon-arrow_left_open:before {
	content: "\e675";
}
.sdIcon-arrow-double-up:before {
	content: "\e935";
}
.sdIcon-chevron-double-up:before {
	content: "\e935";
}
.sdIcon-arrow-double-right:before {
	content: "\e936";
}
.sdIcon-chevron-double-right:before {
	content: "\e936";
}
.sdIcon-arrow-double-down:before {
	content: "\e937";
}
.sdIcon-chevron-double-down:before {
	content: "\e937";
}
.sdIcon-arrow-double-left:before {
	content: "\e934";
}
.sdIcon-chevron-double-left:before {
	content: "\e934";
}
.sdIcon-arrow-strong-up:before {
	content: "\e60a";
}
.sdIcon-arrow_up:before {
	content: "\e60a";
}
.sdIcon-arrow-strong-right:before {
	content: "\e64e";
}
.sdIcon-arrow_right:before {
	content: "\e64e";
}
.sdIcon-arrow-shift_right:before {
	content: "\e64e";
}
.sdIcon-arrow-strong-down:before {
	content: "\e66f";
}
.sdIcon-arrow_down:before {
	content: "\e66f";
}
.sdIcon-arrow-menu_down_highlight:before {
	content: "\e66f";
}
.sdIcon-arrow-menu_down:before {
	content: "\e66f";
}
.sdIcon-arrow-strong-left:before {
	content: "\e64d";
}
.sdIcon-arrow_left:before {
	content: "\e64d";
}
.sdIcon-arrow-shift_left:before {
	content: "\e64d";
}
.sdIcon-arrow-double-strong-up:before {
	content: "\e939";
}
.sdIcon-chevron-double-alt-up:before {
	content: "\e939";
}
.sdIcon-arrow-double-strong-right:before {
	content: "\e93a";
}
.sdIcon-chevron-double-alt-right:before {
	content: "\e93a";
}
.sdIcon-arrow-next:before {
	content: "\e93a";
}
.sdIcon-arrow_fast_forward:before {
	content: "\e93a";
}
.sdIcon-arrow-breadcrumb_separator:before {
	content: "\e93a";
}
.sdIcon-arrow-double-strong-down:before {
	content: "\e93b";
}
.sdIcon-chevron-double-alt-down:before {
	content: "\e93b";
}
.sdIcon-arrow-double-strong-left:before {
	content: "\e938";
}
.sdIcon-chevron-double-alt-left:before {
	content: "\e938";
}
.sdIcon-arrow-prev:before {
	content: "\e938";
}
.sdIcon-arrow_rewind:before {
	content: "\e938";
}
.sdIcon-dir-up:before {
	content: "\e60b";
}
.sdIcon-dir_up:before {
	content: "\e60b";
}
.sdIcon-icon-toolbar-up:before {
	content: "\e60b";
}
.sdIcon-arrow_up_alt:before {
	content: "\e60b";
}
.sdIcon-dir-right:before {
	content: "\e613";
}
.sdIcon-dir_right:before {
	content: "\e613";
}
.sdIcon-arrow-workflow_right:before {
	content: "\e613";
}
.sdIcon-button-advance:before {
	content: "\e613";
}
.sdIcon-arrow_right_alt:before {
	content: "\e613";
}
.sdIcon-dir-down:before {
	content: "\e617";
}
.sdIcon-dir_down:before {
	content: "\e617";
}
.sdIcon-icon-toolbar-down:before {
	content: "\e617";
}
.sdIcon-arrow_down_alt:before {
	content: "\e617";
}
.sdIcon-arrow-workflow_down:before {
	content: "\e617";
}
.sdIcon-dir-left:before {
	content: "\e614";
}
.sdIcon-dir_left:before {
	content: "\e614";
}
.sdIcon-arrow-workflow_left:before {
	content: "\e614";
}
.sdIcon-button-back:before {
	content: "\e614";
}
.sdIcon-arrow_left_alt:before {
	content: "\e614";
}
.sdIcon-dir-top:before {
	content: "\e686";
}
.sdIcon-dir_top:before {
	content: "\e686";
}
.sdIcon-icon-toolbar-top:before {
	content: "\e686";
}
.sdIcon-dir-end:before {
	content: "\e91b";
}
.sdIcon-arrow-last:before {
	content: "\e91b";
}
.sdIcon-arrow_last:before {
	content: "\e91b";
}
.sdIcon-dir-bottom:before {
	content: "\e615";
}
.sdIcon-dir_bottom:before {
	content: "\e615";
}
.sdIcon-icon-toolbar-bottom:before {
	content: "\e615";
}
.sdIcon-dir-start:before {
	content: "\e91c";
}
.sdIcon-arrow-first:before {
	content: "\e91c";
}
.sdIcon-arrow_first:before {
	content: "\e91c";
}
.sdIcon-turn-right:before {
	content: "\e944";
}
.sdIcon-clockwise:before {
	content: "\e944";
}
.sdIcon-turn-left:before {
	content: "\e943";
}
.sdIcon-counterclockwise:before {
	content: "\e943";
}
.sdIcon-triangle-up:before {
	content: "\e903";
}
.sdIcon-triangle-right:before {
	content: "\e904";
}
.sdIcon-start:before {
	content: "\e904";
}
.sdIcon-button-start:before {
	content: "\e904";
}
.sdIcon-triangle-down:before {
	content: "\e905";
}
.sdIcon-triangle-left:before {
	content: "\e906";
}
.sdIcon-arrow-up-down:before {
	content: "\e609";
}
.sdIcon-arrow_up_down:before {
	content: "\e609";
}
.sdIcon-arrow-up_down:before {
	content: "\e609";
}
.sdIcon-arrow-left-right:before {
	content: "\e64c";
}
.sdIcon-arrow_left_right:before {
	content: "\e64c";
}
.sdIcon-arrow-shift_left_right:before {
	content: "\e64c";
}
.sdIcon-arrow-left_right:before {
	content: "\e64c";
}
.sdIcon-arrow-multi-up:before {
	content: "\e701";
}
.sdIcon-arrow-multi-down:before {
	content: "\e700";
}
.sdIcon-resize-horizontal-max:before {
	content: "\e6bd";
}
.sdIcon-resize_horizontal_max:before {
	content: "\e6bd";
}
.sdIcon-resize-horizontal-min:before {
	content: "\e6bf";
}
.sdIcon-resize_horizontal_min:before {
	content: "\e6bf";
}
.sdIcon-swap:before {
	content: "\e650";
}
.sdIcon-button-swap:before {
	content: "\e650";
}
.sdIcon-swap-up-down:before {
	content: "\e650";
}
.sdIcon-swap-right-left:before {
	content: "\e917";
}
.sdIcon-arrow-sort:before {
	content: "\e69e";
}
.sdIcon-arrow_sort:before {
	content: "\e69e";
}
.sdIcon-icon-sort:before {
	content: "\e69e";
}
.sdIcon-resize-full:before {
	content: "\e6c2";
}
.sdIcon-resize_full:before {
	content: "\e6c2";
}
.sdIcon-resize-small:before {
	content: "\e6c3";
}
.sdIcon-resize_small:before {
	content: "\e6c3";
}
.sdIcon-move:before {
	content: "\e6c7";
}
.sdIcon-revolver-marker:before {
	content: "\e714";
}
.sdIcon-reset:before {
	content: "\e67b";
}
.sdIcon-button-reset:before {
	content: "\e67b";
}
.sdIcon-undo:before {
	content: "\e653";
}
.sdIcon-button-undo:before {
	content: "\e653";
}
.sdIcon-redo:before {
	content: "\e90a";
}
.sdIcon-reload:before {
	content: "\e61f";
}
.sdIcon-button-restart:before {
	content: "\e61f";
}
.sdIcon-icon-small-restart:before {
	content: "\e61f";
}
.sdIcon-button-list:before {
	content: "\e61f";
}
.sdIcon-button-refresh:before {
	content: "\e61f";
}
.sdIcon-reload-locked:before {
	content: "\e60c";
}
.sdIcon-reload_lock:before {
	content: "\e60c";
}
.sdIcon-button-list_lock:before {
	content: "\e60c";
}
.sdIcon-synchronize:before {
	content: "\e671";
}
.sdIcon-button-synchronize:before {
	content: "\e671";
}
.sdIcon-replicate:before {
	content: "\e67a";
}
.sdIcon-button-replicate:before {
	content: "\e67a";
}
.sdIcon-icon-program-rrs:before {
	content: "\e67a";
}
.sdIcon-forward:before {
	content: "\e948";
}
.sdIcon-reply:before {
	content: "\e949";
}
.sdIcon-mail-forward:before {
	content: "\e65f";
}
.sdIcon-mail_forward:before {
	content: "\e65f";
}
.sdIcon-button-forward_message:before {
	content: "\e65f";
}
.sdIcon-workflow_forward:before {
	content: "\e65f";
}
.sdIcon-doc-forward:before {
	content: "\e65f";
}
.sdIcon-doc_forward:before {
	content: "\e65f";
}
.sdIcon-button-forward:before {
	content: "\e65f";
}
.sdIcon-mail-reply:before {
	content: "\e660";
}
.sdIcon-mail_reply:before {
	content: "\e660";
}
.sdIcon-button-reply:before {
	content: "\e660";
}
.sdIcon-workflow_send_back:before {
	content: "\e660";
}
.sdIcon-doc-reject:before {
	content: "\e660";
}
.sdIcon-doc_reject:before {
	content: "\e660";
}
.sdIcon-button-reject:before {
	content: "\e660";
}
.sdIcon-arrow-dotted-down-right:before {
	content: "\e928";
}
.sdIcon-calendar-now:before {
	content: "\e696";
}
.sdIcon-calendar_now:before {
	content: "\e696";
}
.sdIcon-icon-small-now:before {
	content: "\e696";
}
.sdIcon-calendar:before {
	content: "\e90c";
}
.sdIcon-calendar-alt2:before {
	content: "\e90c";
}
.sdIcon-fieldtype-datetime:before {
	content: "\e90c";
}
.sdIcon-calendar_alt:before {
	content: "\e90c";
}
.sdIcon-icon-small-calender:before {
	content: "\e90c";
}
.sdIcon-calendar-day:before {
	content: "\e606";
}
.sdIcon-calendar_day:before {
	content: "\e606";
}
.sdIcon-icon-small-calendar_alt:before {
	content: "\e606";
}
.sdIcon-icon-status-3:before {
	content: "\e606";
}
.sdIcon-calendar-ok:before {
	content: "\e90d";
}
.sdIcon-online-date:before {
	content: "\e90d";
}
.sdIcon-fieldtype-online_date:before {
	content: "\e90d";
}
.sdIcon-calendar-cancel:before {
	content: "\e90e";
}
.sdIcon-offline-date:before {
	content: "\e90e";
}
.sdIcon-fieldtype-offline_date:before {
	content: "\e90e";
}
.sdIcon-clock:before {
	content: "\e6f0";
}
.sdIcon-globe:before {
	content: "\e623";
}
.sdIcon-button-publish:before {
	content: "\e623";
}
.sdIcon-icon-status-0:before {
	content: "\e623";
}
.sdIcon-icon-status-4:before {
	content: "\e623";
}
.sdIcon-fieldtype-published:before {
	content: "\e623";
}
.sdIcon-globe-cross:before {
	content: "\e64f";
}
.sdIcon-globe_cross:before {
	content: "\e64f";
}
.sdIcon-button-unpublish:before {
	content: "\e64f";
}
.sdIcon-folder-open-outlined:before {
	content: "\e946";
}
.sdIcon-folder_alt:before {
	content: "\e946";
}
.sdIcon-folder-closed-outlined:before {
	content: "\e945";
}
.sdIcon-folder-open:before {
	content: "\e692";
}
.sdIcon-folder_open:before {
	content: "\e692";
}
.sdIcon-tree-open:before {
	content: "\e692";
}
.sdIcon-folder-closed:before {
	content: "\e691";
}
.sdIcon-folder_closed:before {
	content: "\e691";
}
.sdIcon-icon-small-folder:before {
	content: "\e691";
}
.sdIcon-icon-program-folder:before {
	content: "\e691";
}
.sdIcon-tree-closed:before {
	content: "\e691";
}
.sdIcon-folder-level-up:before {
	content: "\e6a0";
}
.sdIcon-folder_level_up:before {
	content: "\e6a0";
}
.sdIcon-tree-up:before {
	content: "\e6a0";
}
.sdIcon-arrow-level-up:before {
	content: "\e69f";
}
.sdIcon-arrow_level_up:before {
	content: "\e69f";
}
.sdIcon-tree-level_up:before {
	content: "\e69f";
}
.sdIcon-control:before {
	content: "\e941";
}
.sdIcon-administration:before {
	content: "\e941";
}
.sdIcon-gear-wheel:before {
	content: "\e930";
}
.sdIcon-gear_wheel:before {
	content: "\e930";
}
.sdIcon-settings:before {
	content: "\e930";
}
.sdIcon-button-gear:before {
	content: "\e930";
}
.sdIcon-gears:before {
	content: "\e6ce";
}
.sdIcon-gear_wheels:before {
	content: "\e6ce";
}
.sdIcon-wrench:before {
	content: "\e68f";
}
.sdIcon-window-personal_settings:before {
	content: "\e68f";
}
.sdIcon-icon-menu-personal_settings:before {
	content: "\e68f";
}
.sdIcon-wrench_alt:before {
	content: "\e68f";
}
.sdIcon-icon-program-system:before {
	content: "\e68f";
}
.sdIcon-pin:before {
	content: "\e93e";
}
.sdIcon-heart:before {
	content: "\e942";
}
.sdIcon-no-highlights:before {
	content: "\e92d";
}
.sdIcon-star:before {
	content: "\e61b";
}
.sdIcon-button-highlights:before {
	content: "\e61b";
}
.sdIcon-circle:before {
	content: "\e92e";
}
.sdIcon-circle-outlined:before {
	content: "\e92e";
}
.sdIcon-circle-outline:before {
	content: "\e92e";
}
.sdIcon-circle-filled:before {
	content: "\e92f";
}
.sdIcon-bookmark:before {
	content: "\e604";
}
.sdIcon-fieldtype-lsid:before {
	content: "\e604";
}
.sdIcon-download:before {
	content: "\e638";
}
.sdIcon-button-download:before {
	content: "\e638";
}
.sdIcon-download_alt:before {
	content: "\e638";
}
.sdIcon-button-download_alt:before {
	content: "\e638";
}
.sdIcon-upload:before {
	content: "\e66b";
}
.sdIcon-button-upload:before {
	content: "\e66b";
}
.sdIcon-fieldtype-upload:before {
	content: "\e66b";
}
.sdIcon-upload_alt:before {
	content: "\e66b";
}
.sdIcon-button-upload_alt:before {
	content: "\e66b";
}
.sdIcon-upload-alt2:before {
	content: "\e66b";
}
.sdIcon-drop-target:before {
	content: "\e940";
}
.sdIcon-export:before {
	content: "\e6c8";
}
.sdIcon-share:before {
	content: "\e6c8";
}
.sdIcon-open:before {
	content: "\e6c8";
}
.sdIcon-button-new-below:before {
	content: "\e93f";
}
.sdIcon-new-below:before {
	content: "\e93f";
}
.sdIcon-book:before {
	content: "\e6e5";
}
.sdIcon-book2:before {
	content: "\e6e5";
}
.sdIcon-fieldtype-fulltext:before {
	content: "\e6e5";
}
.sdIcon-book1:before {
	content: "\e6e5";
}
.sdIcon-books:before {
	content: "\e947";
}
.sdIcon-block:before {
	content: "\e90b";
}
.sdIcon-fieldtype-block:before {
	content: "\e90b";
}
.sdIcon-3cubes:before {
	content: "\e90b";
}
.sdIcon-note:before {
	content: "\e911";
}
.sdIcon-speak:before {
	content: "\e911";
}
.sdIcon-button-note:before {
	content: "\e911";
}
.sdIcon-language:before {
	content: "\e6f9";
}
.sdIcon-language-alt:before {
	content: "\e6f9";
}
.sdIcon-fieldtype-language_iso:before {
	content: "\e6f9";
}
.sdIcon-language-alt2:before {
	content: "\e6f9";
}
.sdIcon-language-new:before {
	content: "\e6fa";
}
.sdIcon-language_add:before {
	content: "\e6fa";
}
.sdIcon-chat:before {
	content: "\e63c";
}
.sdIcon-delete:before {
	content: "\e659";
}
.sdIcon-trash:before {
	content: "\e659";
}
.sdIcon-button-delete:before {
	content: "\e659";
}
.sdIcon-icon-small-delete:before {
	content: "\e659";
}
.sdIcon-icon-toolbar-delete:before {
	content: "\e659";
}
.sdIcon-delete-mark:before {
	content: "\e93c";
}
.sdIcon-delete_mark:before {
	content: "\e93c";
}
.sdIcon-delete-unmark:before {
	content: "\e93d";
}
.sdIcon-delete_unmark:before {
	content: "\e93d";
}
.sdIcon-all-closed:before {
	content: "\e6b9";
}
.sdIcon-all_closed:before {
	content: "\e6b9";
}
.sdIcon-all-open:before {
	content: "\e6bb";
}
.sdIcon-all_open:before {
	content: "\e6bb";
}
.sdIcon-scroll-sync:before {
	content: "\e6d3";
}
.sdIcon-scroll_sync:before {
	content: "\e6d3";
}
.sdIcon-hand:before {
	content: "\e649";
}
.sdIcon-button-claim:before {
	content: "\e649";
}
.sdIcon-thumbs-up:before {
	content: "\e6c1";
}
.sdIcon-like:before {
	content: "\e6c1";
}
.sdIcon-window:before {
	content: "\e685";
}
.sdIcon-icon-small-window:before {
	content: "\e685";
}
.sdIcon-window-sizeme:before {
	content: "\e685";
}
.sdIcon-window-own:before {
	content: "\e6a5";
}
.sdIcon-dock-top:before {
	content: "\e6b1";
}
.sdIcon-dock-right:before {
	content: "\e6b3";
}
.sdIcon-dock-left:before {
	content: "\e6b5";
}
.sdIcon-dock-bottom:before {
	content: "\e6b7";
}
.sdIcon-maximize:before {
	content: "\e931";
}
.sdIcon-window-maximize:before {
	content: "\e931";
}
.sdIcon-window-restore:before {
	content: "\e932";
}
.sdIcon-window-minimize:before {
	content: "\e933";
}
.sdIcon-window-minime:before {
	content: "\e933";
}
.sdIcon-4squares:before {
	content: "\e6c5";
}
.sdIcon-windows:before {
	content: "\e6c5";
}
.sdIcon-list-overview:before {
	content: "\e900";
}
.sdIcon-home:before {
	content: "\e68d";
}
.sdIcon-install:before {
	content: "\e668";
}
.sdIcon-icon-small-install:before {
	content: "\e668";
}
.sdIcon-button-install:before {
	content: "\e668";
}
.sdIcon-update:before {
	content: "\e66a";
}
.sdIcon-button-update:before {
	content: "\e66a";
}
.sdIcon-icon-small-update:before {
	content: "\e66a";
}
.sdIcon-uninstall:before {
	content: "\e669";
}
.sdIcon-button-uninstall:before {
	content: "\e669";
}
.sdIcon-stop:before {
	content: "\e665";
}
.sdIcon-button-stop:before {
	content: "\e665";
}
.sdIcon-start-test:before {
	content: "\e667";
}
.sdIcon-start_test:before {
	content: "\e667";
}
.sdIcon-button-test:before {
	content: "\e667";
}
.sdIcon-lock:before {
	content: "\e662";
}
.sdIcon-button-lock:before {
	content: "\e662";
}
.sdIcon-icon-small-lock:before {
	content: "\e662";
}
.sdIcon-icon-menu-keyfile_locked:before {
	content: "\e662";
}
.sdIcon-unlock:before {
	content: "\e663";
}
.sdIcon-button-unlock:before {
	content: "\e663";
}
.sdIcon-icon-small-unlock:before {
	content: "\e663";
}
.sdIcon-icon-menu-keyfile_unlocked:before {
	content: "\e663";
}
.sdIcon-key:before {
	content: "\e658";
}
.sdIcon-icon-program-rights:before {
	content: "\e658";
}
.sdIcon-key_password:before {
	content: "\e658";
}
.sdIcon-key_alt:before {
	content: "\e658";
}
.sdIcon-button-password:before {
	content: "\e658";
}
.sdIcon-key-alt2:before {
	content: "\e919";
}
.sdIcon-fieldtype-password:before {
	content: "\e919";
}
.sdIcon-role:before {
	content: "\e657";
}
.sdIcon-button-roles:before {
	content: "\e657";
}
.sdIcon-fieldtype-crypt_users:before {
	content: "\e657";
}
.sdIcon-group2:before {
	content: "\e656";
}
.sdIcon-group_key:before {
	content: "\e656";
}
.sdIcon-button-groups:before {
	content: "\e656";
}
.sdIcon-icon-small-group_key:before {
	content: "\e656";
}
.sdIcon-fieldtype-crypt_groups:before {
	content: "\e656";
}
.sdIcon-mail-closed:before {
	content: "\e65e";
}
.sdIcon-mail_no:before {
	content: "\e65e";
}
.sdIcon-icon-menu-nomail:before {
	content: "\e65e";
}
.sdIcon-mail-open:before {
	content: "\e65a";
}
.sdIcon-mail_new:before {
	content: "\e65a";
}
.sdIcon-icon-menu-mail:before {
	content: "\e65a";
}
.sdIcon-send:before {
	content: "\e916";
}
.sdIcon-mailing:before {
	content: "\e916";
}
.sdIcon-button-mailing:before {
	content: "\e916";
}
.sdIcon-mail_send:before {
	content: "\e916";
}
.sdIcon-button-send:before {
	content: "\e916";
}
.sdIcon-user:before {
	content: "\e622";
}
.sdIcon-avatar:before {
	content: "\e622";
}
.sdIcon-profile:before {
	content: "\e622";
}
.sdIcon-icon-program-agent:before {
	content: "\e622";
}
.sdIcon-icon-small-agent:before {
	content: "\e622";
}
.sdIcon-fieldtype-user:before {
	content: "\e622";
}
.sdIcon-customer:before {
	content: "\e622";
}
.sdIcon-doc-avatar:before {
	content: "\e69d";
}
.sdIcon-avatar_doc:before {
	content: "\e69d";
}
.sdIcon-profile_doc:before {
	content: "\e69d";
}
.sdIcon-icon-program-profile:before {
	content: "\e69d";
}
.sdIcon-customers:before {
	content: "\e636";
}
.sdIcon-fieldtype-group_id:before {
	content: "\e636";
}
.sdIcon-group:before {
	content: "\e636";
}
.sdIcon-textmarker:before {
	content: "\e6ab";
}
.sdIcon-icon-small-textmark:before {
	content: "\e6ab";
}
.sdIcon-pencil:before {
	content: "\e646";
}
.sdIcon-edit:before {
	content: "\e646";
}
.sdIcon-icon-menu-editlink:before {
	content: "\e646";
}
.sdIcon-icon-toolbar-edit:before {
	content: "\e646";
}
.sdIcon-button-edit:before {
	content: "\e646";
}
.sdIcon-edit-forbidden:before {
	content: "\e6de";
}
.sdIcon-edit_forbidden:before {
	content: "\e6de";
}
.sdIcon-doc-edit:before {
	content: "\e647";
}
.sdIcon-doc_edit:before {
	content: "\e647";
}
.sdIcon-icon-small-edit:before {
	content: "\e647";
}
.sdIcon-doc:before {
	content: "\e612";
}
.sdIcon-icon-small-new:before {
	content: "\e612";
}
.sdIcon-icon-toolbar-new:before {
	content: "\e612";
}
.sdIcon-doc_alt:before {
	content: "\e612";
}
.sdIcon-icon-small-document:before {
	content: "\e612";
}
.sdIcon-file:before {
	content: "\e612";
}
.sdIcon-fieldtype-file:before {
	content: "\e612";
}
.sdIcon-doc-plus:before {
	content: "\e6e0";
}
.sdIcon-button-new:before {
	content: "\e6e0";
}
.sdIcon-doc-asterisk:before {
	content: "\e6e0";
}
.sdIcon-doc-new:before {
	content: "\e6e0";
}
.sdIcon-doc-ok:before {
	content: "\e62d";
}
.sdIcon-doc_ok:before {
	content: "\e62d";
}
.sdIcon-button-adopt_done:before {
	content: "\e62d";
}
.sdIcon-doc-cancel:before {
	content: "\e60f";
}
.sdIcon-doc-remove:before {
	content: "\e60f";
}
.sdIcon-icon-status-5:before {
	content: "\e60f";
}
.sdIcon-doc-close:before {
	content: "\e60f";
}
.sdIcon-doc-adopt:before {
	content: "\e601";
}
.sdIcon-adopt:before {
	content: "\e601";
}
.sdIcon-button-adopt:before {
	content: "\e601";
}
.sdIcon-doc-upload:before {
	content: "\e915";
}
.sdIcon-doc_upload:before {
	content: "\e915";
}
.sdIcon-doc-minus:before {
	content: "\e6e1";
}
.sdIcon-batch-edit:before {
	content: "\e648";
}
.sdIcon-batch_edit:before {
	content: "\e648";
}
.sdIcon-button-batch:before {
	content: "\e648";
}
.sdIcon-doc-original:before {
	content: "\e634";
}
.sdIcon-doc_original:before {
	content: "\e634";
}
.sdIcon-icon-original:before {
	content: "\e634";
}
.sdIcon-doc_copy_alt:before {
	content: "\e634";
}
.sdIcon-button-copy_alt:before {
	content: "\e634";
}
.sdIcon-doc-workcopy:before {
	content: "\e633";
}
.sdIcon-doc_workcopy:before {
	content: "\e633";
}
.sdIcon-icon-menu-template_workcopy:before {
	content: "\e633";
}
.sdIcon-icon-workcopy:before {
	content: "\e633";
}
.sdIcon-doc_copy:before {
	content: "\e633";
}
.sdIcon-button-copy:before {
	content: "\e633";
}
.sdIcon-doc-checkin:before {
	content: "\e63b";
}
.sdIcon-doc_checkin:before {
	content: "\e63b";
}
.sdIcon-button-checkin:before {
	content: "\e63b";
}
.sdIcon-doc-checkout:before {
	content: "\e63a";
}
.sdIcon-doc_checkout:before {
	content: "\e63a";
}
.sdIcon-doc_button-checkout:before {
	content: "\e63a";
}
.sdIcon-doc-find-original:before {
	content: "\e704";
}
.sdIcon-find-original:before {
	content: "\e704";
}
.sdIcon-doc-find-workcopy:before {
	content: "\e703";
}
.sdIcon-find-workcopy:before {
	content: "\e703";
}
.sdIcon-doc-apply-workcopy:before {
	content: "\e705";
}
.sdIcon-apply-workcopy:before {
	content: "\e705";
}
.sdIcon-doc-move:before {
	content: "\e60e";
}
.sdIcon-doc_move:before {
	content: "\e60e";
}
.sdIcon-button-move:before {
	content: "\e60e";
}
.sdIcon-doc-version-show:before {
	content: "\e6d7";
}
.sdIcon-versions_show:before {
	content: "\e6d7";
}
.sdIcon-doc-version-new:before {
	content: "\e6d5";
}
.sdIcon-version_new:before {
	content: "\e6d5";
}
.sdIcon-doc-version-adopt:before {
	content: "\e6d6";
}
.sdIcon-version_adopt:before {
	content: "\e6d6";
}
.sdIcon-doc-export:before {
	content: "\e643";
}
.sdIcon-doc_export:before {
	content: "\e643";
}
.sdIcon-button-impexp:before {
	content: "\e643";
}
.sdIcon-content:before {
	content: "\e699";
}
.sdIcon-icon-program-content:before {
	content: "\e699";
}
.sdIcon-form:before {
	content: "\e693";
}
.sdIcon-icon-small-input:before {
	content: "\e693";
}
.sdIcon-data:before {
	content: "\e694";
}
.sdIcon-icon-small-data:before {
	content: "\e694";
}
.sdIcon-icon-program-template:before {
	content: "\e67d";
}
.sdIcon-template:before {
	content: "\e62e";
}
.sdIcon-icon-template-detail:before {
	content: "\e62e";
}
.sdIcon-template-alt:before {
	content: "\e62e";
}
.sdIcon-fieldtype-template_id:before {
	content: "\e62e";
}
.sdIcon-page:before {
	content: "\e62f";
}
.sdIcon-icon-template-page:before {
	content: "\e62f";
}
.sdIcon-window-alias:before {
	content: "\e605";
}
.sdIcon-window_alias:before {
	content: "\e605";
}
.sdIcon-icon-template-alias:before {
	content: "\e605";
}
.sdIcon-query:before {
	content: "\e630";
}
.sdIcon-icon-template-query:before {
	content: "\e630";
}
.sdIcon-xquery:before {
	content: "\e631";
}
.sdIcon-icon-template-xquery:before {
	content: "\e631";
}
.sdIcon-structure:before {
	content: "\e63f";
}
.sdIcon-icon-program-structure:before {
	content: "\e63f";
}
.sdIcon-structure-alt:before {
	content: "\e63f";
}
.sdIcon-fieldtype-structure:before {
	content: "\e63f";
}
.sdIcon-database:before {
	content: "\e69b";
}
.sdIcon-icon-program-extern:before {
	content: "\e69b";
}
.sdIcon-icon-small-field:before {
	content: "\e69b";
}
.sdIcon-database-mixed:before {
	content: "\e69c";
}
.sdIcon-database_content:before {
	content: "\e69c";
}
.sdIcon-icon-program-e_mixed:before {
	content: "\e69c";
}
.sdIcon-data-out:before {
	content: "\e6a9";
}
.sdIcon-data_out:before {
	content: "\e6a9";
}
.sdIcon-icon-small-captor:before {
	content: "\e6a9";
}
.sdIcon-data-in:before {
	content: "\e6aa";
}
.sdIcon-data_in:before {
	content: "\e6aa";
}
.sdIcon-icon-small-capture:before {
	content: "\e6aa";
}
.sdIcon-status:before {
	content: "\e602";
}
.sdIcon-button-status:before {
	content: "\e602";
}
.sdIcon-fieldtype-status:before {
	content: "\e602";
}
.sdIcon-info:before {
	content: "\e6ff";
}
.sdIcon-error:before {
	content: "\e61c";
}
.sdIcon-icon-small-error:before {
	content: "\e61c";
}
.sdIcon-warning:before {
	content: "\e690";
}
.sdIcon-icon-small-warning:before {
	content: "\e690";
}
.sdIcon-broken-glyph:before {
	content: "\e94e";
}
.sdIcon-text:before {
	content: "\e6bc";
}
.sdIcon-icon-wysiwyg-test:before {
	content: "\e6bc";
}
.sdIcon-bold:before {
	content: "\e687";
}
.sdIcon-icon-wysiwyg-bold:before {
	content: "\e687";
}
.sdIcon-italic:before {
	content: "\e689";
}
.sdIcon-icon-wysiwyg-italic:before {
	content: "\e689";
}
.sdIcon-underline:before {
	content: "\e6b2";
}
.sdIcon-icon-wysiwyg-underline:before {
	content: "\e6b2";
}
.sdIcon-strikethrough:before {
	content: "\e6c0";
}
.sdIcon-icon-wysiwyg-strikethrough:before {
	content: "\e6c0";
}
.sdIcon-subscript:before {
	content: "\e6b8";
}
.sdIcon-icon-wysiwyg-subscript:before {
	content: "\e6b8";
}
.sdIcon-superscript:before {
	content: "\e6ba";
}
.sdIcon-icon-wysiwyg-superscript:before {
	content: "\e6ba";
}
.sdIcon-text-diff:before {
	content: "\e6f8";
}
.sdIcon-text_diff:before {
	content: "\e6f8";
}
.sdIcon-ul:before {
	content: "\e66e";
}
.sdIcon-icon-wysiwyg-ul:before {
	content: "\e66e";
}
.sdIcon-ol:before {
	content: "\e618";
}
.sdIcon-icon-wysiwyg-ol:before {
	content: "\e618";
}
.sdIcon-indent:before {
	content: "\e6b4";
}
.sdIcon-icon-wysiwyg-indent:before {
	content: "\e6b4";
}
.sdIcon-outdent:before {
	content: "\e6b6";
}
.sdIcon-icon-wysiwyg-outdent:before {
	content: "\e6b6";
}
.sdIcon-align-left:before {
	content: "\e629";
}
.sdIcon-align_left:before {
	content: "\e629";
}
.sdIcon-icon-wysiwyg-align_left:before {
	content: "\e629";
}
.sdIcon-align-center:before {
	content: "\e62b";
}
.sdIcon-align_center:before {
	content: "\e62b";
}
.sdIcon-icon-wysiwyg-align_center:before {
	content: "\e62b";
}
.sdIcon-align-right:before {
	content: "\e628";
}
.sdIcon-align_right:before {
	content: "\e628";
}
.sdIcon-icon-wysiwyg-align_right:before {
	content: "\e628";
}
.sdIcon-align-justify:before {
	content: "\e62a";
}
.sdIcon-align_justify:before {
	content: "\e62a";
}
.sdIcon-icon-wysiwyg-align_block:before {
	content: "\e62a";
}
.sdIcon-source:before {
	content: "\e6b0";
}
.sdIcon-icon-wysiwyg-source:before {
	content: "\e6b0";
}
.sdIcon-paragraph:before {
	content: "\e6c9";
}
.sdIcon-black-and-white:before {
	content: "\e642";
}
.sdIcon-black_white:before {
	content: "\e642";
}
.sdIcon-button-grayscale:before {
	content: "\e642";
}
.sdIcon-crop:before {
	content: "\e639";
}
.sdIcon-button-crop:before {
	content: "\e639";
}
.sdIcon-resize:before {
	content: "\e603";
}
.sdIcon-button-resize:before {
	content: "\e603";
}
.sdIcon-layers:before {
	content: "\e641";
}
.sdIcon-button-bgjobs:before {
	content: "\e641";
}
.sdIcon-icon-menu-nocaching:before {
	content: "\e641";
}
.sdIcon-asterisk:before {
	content: "\e635";
}
.sdIcon-cross:before {
	content: "\e620";
}
.sdIcon-button-cancel:before {
	content: "\e620";
}
.sdIcon-button-close:before {
	content: "\e620";
}
.sdIcon-icon-toolbar-close:before {
	content: "\e620";
}
.sdIcon-window-close:before {
	content: "\e620";
}
.sdIcon-cross-small:before {
	content: "\e914";
}
.sdIcon-ok:before {
	content: "\e621";
}
.sdIcon-button-apply:before {
	content: "\e621";
}
.sdIcon-plus:before {
	content: "\e610";
}
.sdIcon-button-create:before {
	content: "\e610";
}
.sdIcon-icon-small-create:before {
	content: "\e610";
}
.sdIcon-icon-toolbar-create:before {
	content: "\e610";
}
.sdIcon-plus-small:before {
	content: "\e921";
}
.sdIcon-square-plus:before {
	content: "\e6a1";
}
.sdIcon-square_plus:before {
	content: "\e6a1";
}
.sdIcon-tree-plus:before {
	content: "\e6a1";
}
.sdIcon-minus:before {
	content: "\e60d";
}
.sdIcon-icon-small-remove:before {
	content: "\e60d";
}
.sdIcon-button-remove:before {
	content: "\e60d";
}
.sdIcon-icon-toolbar-remove:before {
	content: "\e60d";
}
.sdIcon-minus-small:before {
	content: "\e922";
}
.sdIcon-help:before {
	content: "\e608";
}
.sdIcon-questionmark:before {
	content: "\e608";
}
.sdIcon-button-help:before {
	content: "\e608";
}
.sdIcon-line-vertical:before {
	content: "\e697";
}
.sdIcon-line_vertical:before {
	content: "\e697";
}
.sdIcon-icon-wysiwyg-separator:before {
	content: "\e697";
}
.sdIcon-forbidden:before {
	content: "\e6dd";
}
.sdIcon-resize-handle:before {
	content: "\e69a";
}
.sdIcon-resize_handle:before {
	content: "\e69a";
}
.sdIcon-window-resize:before {
	content: "\e69a";
}
.sdIcon-dots-vertical:before {
	content: "\e6fb";
}
.sdIcon-dots_vertical:before {
	content: "\e6fb";
}
.sdIcon-dots-horizontal:before {
	content: "\e6fc";
}
.sdIcon-dots_horizontal:before {
	content: "\e6fc";
}
.sdIcon-lines:before {
	content: "\e6f4";
}
.sdIcon-grab-handle:before {
	content: "\e923";
}
.sdIcon-grab_handle:before {
	content: "\e923";
}
.sdIcon-arrow-shift_grab:before {
	content: "\e923";
}
.sdIcon-grab-handle-horizontal:before {
	content: "\e927";
}
.sdIcon-seperator:before {
	content: "\e920";
}
.sdIcon-fieldtype-separator:before {
	content: "\e920";
}
.sdIcon-seperator-alt:before {
	content: "\e920";
}
.sdIcon-keyvalue:before {
	content: "\e91a";
}
.sdIcon-fieldtype-keyvalue:before {
	content: "\e91a";
}
.sdIcon-ul-alt:before {
	content: "\e62c";
}
.sdIcon-ul_alt:before {
	content: "\e62c";
}
.sdIcon-icon-template-list:before {
	content: "\e62c";
}
.sdIcon-list-detail-01:before {
	content: "\e902";
}
.sdIcon-list-detail-02:before {
	content: "\e901";
}
.sdIcon-basket:before {
	content: "\e670";
}
.sdIcon-basket_alt:before {
	content: "\e670";
}
.sdIcon-login:before {
	content: "\e676";
}
.sdIcon-button-login:before {
	content: "\e676";
}
.sdIcon-logout:before {
	content: "\e63e";
}
.sdIcon-power:before {
	content: "\e677";
}
.sdIcon-logout_alt:before {
	content: "\e677";
}
.sdIcon-button-logout:before {
	content: "\e677";
}
.sdIcon-icon-menu-logout:before {
	content: "\e677";
}
.sdIcon-save:before {
	content: "\e679";
}
.sdIcon-button-save:before {
	content: "\e679";
}
.sdIcon-search:before {
	content: "\e64b";
}
.sdIcon-button-search:before {
	content: "\e64b";
}
.sdIcon-icon-small-search:before {
	content: "\e64b";
}
.sdIcon-icon-toolbar-search:before {
	content: "\e64b";
}
.sdIcon-search_alt:before {
	content: "\e64b";
}
.sdIcon-zoom-in:before {
	content: "\e6a3";
}
.sdIcon-zoom_plus:before {
	content: "\e6a3";
}
.sdIcon-zoom-out:before {
	content: "\e6a4";
}
.sdIcon-zoom_minus:before {
	content: "\e6a4";
}
.sdIcon-filter:before {
	content: "\e637";
}
.sdIcon-bug:before {
	content: "\e652";
}
.sdIcon-bug-search:before {
	content: "\e6ad";
}
.sdIcon-bug_search:before {
	content: "\e6ad";
}
.sdIcon-icon-menu-debug_backtrace:before {
	content: "\e6ad";
}
.sdIcon-backtrace:before {
	content: "\e6ad";
}
.sdIcon-bug-source:before {
	content: "\e6af";
}
.sdIcon-bug_source:before {
	content: "\e6af";
}
.sdIcon-icon-menu-debug_source:before {
	content: "\e6af";
}
.sdIcon-bug-clock:before {
	content: "\e6ae";
}
.sdIcon-bug_clock:before {
	content: "\e6ae";
}
.sdIcon-icon-menu-debug_profiler:before {
	content: "\e6ae";
}
.sdIcon-stopwatch:before {
	content: "\e6ae";
}
.sdIcon-link:before {
	content: "\e68b";
}
.sdIcon-icon-wysiwyg-link:before {
	content: "\e68b";
}
.sdIcon-fieldtype-links:before {
	content: "\e68b";
}
.sdIcon-relation:before {
	content: "\e91f";
}
.sdIcon-fieldtype-relation:before {
	content: "\e91f";
}
.sdIcon-unlink:before {
	content: "\e6be";
}
.sdIcon-icon-wysiwyg-unlink:before {
	content: "\e6be";
}
.sdIcon-edit-link-on:before {
	content: "\e644";
}
.sdIcon-edit_link:before {
	content: "\e644";
}
.sdIcon-icon-editlink_on:before {
	content: "\e644";
}
.sdIcon-edit-link-off:before {
	content: "\e645";
}
.sdIcon-edit_link_off:before {
	content: "\e645";
}
.sdIcon-icon-editlink_off:before {
	content: "\e645";
}
.sdIcon-eye:before {
	content: "\e698";
}
.sdIcon-icon-toolbar-preview:before {
	content: "\e698";
}
.sdIcon-eye-striked:before {
	content: "\e929";
}
.sdIcon-unread:before {
	content: "\e929";
}
.sdIcon-hide:before {
	content: "\e929";
}
.sdIcon-tint:before {
	content: "\e6c6";
}
.sdIcon-color:before {
	content: "\e6c6";
}
.sdIcon-tag:before {
	content: "\e6c4";
}
.sdIcon-attachments:before {
	content: "\e909";
}
.sdIcon-fieldtype-attachments:before {
	content: "\e909";
}
.sdIcon-choice:before {
	content: "\e90f";
}
.sdIcon-euro:before {
	content: "\e910";
}
.sdIcon-fieldtype-price:before {
	content: "\e910";
}
.sdIcon-flag-alt:before {
	content: "\e913";
}
.sdIcon-fieldtype-flag:before {
	content: "\e913";
}
.sdIcon-flag:before {
	content: "\e913";
}
.sdIcon-qr-code:before {
	content: "\e6ed";
}
.sdIcon-qr_code:before {
	content: "\e6ed";
}
.sdIcon-image:before {
	content: "\e680";
}
.sdIcon-icon-wysiwyg-image:before {
	content: "\e680";
}
.sdIcon-image-alt:before {
	content: "\e680";
}
.sdIcon-fieldtype-image:before {
	content: "\e680";
}
.sdIcon-thumbnail:before {
	content: "\e926";
}
.sdIcon-fieldtype-thumbnail:before {
	content: "\e926";
}
.sdIcon-movie:before {
	content: "\e6a2";
}
.sdIcon-icon-program-media:before {
	content: "\e6a2";
}
.sdIcon-screen:before {
	content: "\e6ec";
}
.sdIcon-integer:before {
	content: "\e918";
}
.sdIcon-price:before {
	content: "\e91e";
}
.sdIcon-number:before {
	content: "\e91d";
}
.sdIcon-fieldtype-integer:before {
	content: "\e91d";
}
.sdIcon-text-input:before {
	content: "\e924";
}
.sdIcon-fieldtype-text:before {
	content: "\e924";
}
.sdIcon-text-input-important:before {
	content: "\e925";
}
.sdIcon-fieldtype-title:before {
	content: "\e925";
}
.sdIcon-abc:before {
	content: "\e907";
}
.sdIcon-abc-alt:before {
	content: "\e908";
}
.sdIcon-bulb-on:before {
	content: "\e92b";
}
.sdIcon-idea:before {
	content: "\e92b";
}
.sdIcon-bulb-off:before {
	content: "\e92c";
}
.sdIcon-switch-none:before {
	content: "\e6a6";
}
.sdIcon-switch_none:before {
	content: "\e6a6";
}
.sdIcon-icon-switch_none:before {
	content: "\e6a6";
}
.sdIcon-switch-off:before {
	content: "\e6a7";
}
.sdIcon-switch_off:before {
	content: "\e6a7";
}
.sdIcon-icon-switch_off:before {
	content: "\e6a7";
}
.sdIcon-switch-on:before {
	content: "\e6a8";
}
.sdIcon-switch_on:before {
	content: "\e6a8";
}
.sdIcon-icon-switch_on:before {
	content: "\e6a8";
}
.sdIcon-brick-wall:before {
	content: "\e6e3";
}
.sdIcon-brick_wall:before {
	content: "\e6e3";
}
.sdIcon-package:before {
	content: "\e94a";
}
.sdIcon-git:before {
	content: "\e94b";
}
.sdIcon-phone:before {
	content: "\e94c";
}
.sdIcon-ship:before {
	content: "\e94d";
}

/***************************************************/
/** @subpackage jquery_colorpicker_css_colorpicker */
/***************************************************/
.colorpicker {
	margin-left: 30px;
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/custom_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index: 2;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/custom_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/custom_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/custom_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/custom_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/custom_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/custom_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/custom_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/custom_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/custom_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/*************************************************************************/
/** @subpackage jquery_PeriodPicker_period_picker.5.4.2.oem_periodpicker */
/*************************************************************************/
/**
 * @preserve jQuery PeriodPicker plugin v5.4.2
 * @homepage http://xdsoft.net/jqplugins/periodpicker/
 * @copyright (c) 2016 xdsoft.net Chupurnov Valeriy
 * @license OEM http://xdsoft.net/jqplugins/periodpicker/license/
 */
.xdsoft_noselect,
.xdsoft_noselect *:not(input) {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.period_picker_input {
	border: 0;
	line-height: 28px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	color: #000;
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	outline: 0;
}

.period_picker_input:before {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	padding: 0;
	content: '';
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.period_picker_input:focus:before {
	background: #f6f6f6;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}
.period_picker_input[disabled] {
	color: #999;
}
.period_picker_input[disabled]:before {
	background-color: #eee;
}
.period_picker_input:active:before {
	background-color: #f6f5f3;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}
.period_picker_input .period_button_text {
	padding: 0 13px;
	position: relative;
}
.period_picker_input .icon_clear,
.period_picker_input .icon_calendar {
	width: 16px;
	height: 16px;
	background: 50% no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23010202%22%20d%3D%22M0%206h3v3H0V6zm4%203h3V6H4v3zm4%200h3V6H8v3zm4%200h3V6h-3v3zm0-7v3h3V2h-3zM8%205h3V2H8v3zM4%205h3V2H4v3zm-4%208h3v-3H0v3zm4%200h3v-3H4v3zm4%200h3v-3H8v3z%22%2F%3E%3C%2Fsvg%3E");
	margin-right: 9px;
	margin-bottom: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
}
.period_picker_input .icon_clear:after,
.period_picker_input .icon_calendar:after {
	visibility: hidden;
	content: '\00A0';
}
.period_picker_input[disabled] .icon_clear,
.period_picker_input[disabled] .icon_calendar {
	opacity: 0.5;
}
.period_picker_input .icon_clear {
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M8%200c-4.418%200-8%203.582-8%208s3.582%208%208%208%208-3.582%208-8-3.582-8-8-8zM8%2014.5c-3.59%200-6.5-2.91-6.5-6.5s2.91-6.5%206.5-6.5%206.5%202.91%206.5%206.5-2.91%206.5-6.5%206.5z%22%3E%3C%2Fpath%3E%0A%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M10.5%204l-2.5%202.5-2.5-2.5-1.5%201.5%202.5%202.5-2.5%202.5%201.5%201.5%202.5-2.5%202.5%202.5%201.5-1.5-2.5-2.5%202.5-2.5z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
	margin-right: 0px;
	margin-left: 9px;
	-webkit-transition: opacity 0.2s linear, background 0.2s linear;
	-moz-transition: opacity 0.2s linear, background 0.2s linear;
	-o-transition: opacity 0.2s linear, background 0.2s linear;
	transition: opacity 0.2s linear, background 0.2s linear;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.period_picker_input .icon_clear:hover {
	opacity: 0.8;
}
.period_picker_input .icon_clear:active {
	background-color: #ccc;
}
.period_picker_input .period_button_dash {
	margin-left: 3px;
	margin-right: 2px;
}
.period_picker_box {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 20px 20px;
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	cursor: default;
	overflow: hidden;
	z-index: 33001;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
	min-width: 236px;
	min-height: 365px;
	padding-bottom: 80px;
	visibility: hidden;
	display: none;
}
.period_picker_box,
.period_picker_box * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	color: #606060;
}
.period_picker_box.with_first_timepicker {
	min-width: -webkit-calc(236px + 87px);
	min-width: -moz-calc(236px + 87px);
	min-width: calc(236px + 87px);
}
.period_picker_box.with_first_timepicker.with_second_timepicker {
	min-width: -webkit-calc(236px + 87px + 87px);
	min-width: -moz-calc(236px + 87px + 87px);
	min-width: calc(236px + 87px + 87px);
}
.period_picker_box.period_picker_maximize {
	border: 0;
	position: fixed;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 0px;
	top: 0px;
	min-width: 667px;
	min-height: 395px;
	margin-top: 0px;
	width: 100%  !important;
	height: 100%  !important;
	left: 0 !important;
	top: 0  !important;
}
.period_picker_box.visible {
	visibility: visible;
	display: block;
}
.period_picker_box.animation {
	opacity: 0;
	margin-top: -200px;
	-webkit-transition: .15s linear;
	-moz-transition: .15s linear;
	-o-transition: .15s linear;
	transition: .15s linear;
	-webkit-transition-property: opacity, margin-top;
	-moz-transition-property: opacity, margin-top;
	-o-transition-property: opacity, margin-top;
	transition-property: opacity, margin-top;
}
.period_picker_box.active.animation {
	opacity: 1.0;
	margin-top: 0px;
}
.period_picker_box.xdsoft_inline,
.period_picker_box.animation.xdsoft_inline {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	visibility: visible;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	margin: 0;
	z-index: 0;
	display: inline-block;
}
.period_picker_box .period_picker_error {
	-webkit-box-shadow: 1px 1px 10px red!important;
	-moz-box-shadow: 1px 1px 10px red!important;
	box-shadow: 1px 1px 10px red!important;
}
.period_picker_box .period_picker_head {
	color: #333;
	position: relative;
	height: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.period_picker_box .period_picker_head_title {
	display: inline-block;
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.5);
}
.period_picker_box .period_picker_resizer,
.period_picker_box .period_picker_max_min,
.period_picker_box .period_picker_close {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2256%22%20height%3D%2214%22%20viewBox%3D%220%200%2056%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M16%202h11v10H16V2zm1%201h9v8h-9V3z%22%2F%3E%3Cpath%20d%3D%22M38%209h2V3h-7v2h-2v6h7V9h1V4h-6v1h5v4zm-6-3h5v4h-5V6z%22%2F%3E%3Cpath%20d%3D%22M12%202.714L11.287%202%207%206.286%202.714%202%202%202.714%206.286%207%202%2011.285l.714.715L7%207.714%2011.287%2012l.713-.715L7.714%207%2012%202.714%22%2F%3E%3Cpath%20d%3D%22M44.964%2010.328l.708.708%206.364-6.364-.708-.708-6.364%206.364zm3.415.586l.706.707%203.535-3.534-.706-.707-3.535%203.534z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	opacity: .5;
	right: 0;
}
.period_picker_box .period_picker_resizer {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0;
	line-height: 0;
	width: 14px;
	height: 14px;
	cursor: se-resize;
	z-index: 7;
	display: block;
	background-position: -42px 0;
}
.period_picker_box .period_picker_close,
.period_picker_box .period_picker_max_min {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 10px;
	cursor: pointer;
	background-position: 0 0;
}
.period_picker_box .period_picker_max_min {
	background-position: -14px 0;
	right: 20px;
}
.period_picker_box .period_picker_maximize div span.period_picker_max_min {
	background-position: -28px 0;
}
.period_picker_box .period_picker_years {
	position: relative;
	left: 0;
	height: 30px;
	margin-bottom: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.period_picker_box .period_picker_years_selector {
	position: absolute;
	width: 100%;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f4f4f3;
}
.period_picker_box .period_picker_years_selector .period_picker_year {
	position: absolute;
	top: 5px;
	width: 3em;
	margin-left: -1.5em;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	z-index: 11;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 700;
}
.period_picker_box .period_picker_years_selector .period_picker_year:hover {
	color: #000;
}
.period_picker_box .period_picker_years_selector .period_picker_year:after {
	content: '';
	display: block;
	width: 1px;
	height: 9px;
	margin: 2px auto;
	background: rgba(0, 0, 0, 0.2);
}
.period_picker_box .period_picker_years_selector_container {
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
}
.period_picker_box .period_picker_years_dragger {
	position: absolute;
	top: 0;
	right: 20px;
	width: 70px;
	height: 30px;
	margin-left: -1px;
	font-size: 0;
	line-height: 0;
	z-index: 12;
	cursor: pointer;
}
.period_picker_box .period_picker_years_dragger:after {
	content: '';
	display: block;
	border: 2px solid rgba(0, 0, 0, 0.7);
	background: rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	right: -1px;
}
.period_picker_box .period_picker_years_dragger:hover:after {
	border-color: #000;
	background: rgba(255, 255, 255, 0.6);
}
.period_picker_box .period_picker_years_period {
	background: #ffcf00;
	position: absolute;
	right: 100px;
	width: 1px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	z-index: 9;
	display: none;
}
.period_picker_box .period_picker_first_letters_td,
.period_picker_box .period_picker_first_letters_tr {
	padding: 0 6px;
}
.period_picker_box table {
	border-spacing: 0;
	border-collapse: separate;
}
.period_picker_box table th,
.period_picker_box table td {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	white-space: nowrap;
	padding: 0;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
.period_picker_box table th.period_picker_first_letters_td,
.period_picker_box table td.period_picker_first_letters_td,
.period_picker_box table th.period_picker_first_letters_tr,
.period_picker_box table td.period_picker_first_letters_tr {
	padding: 0;
}
.period_picker_box table td.period_picker_selector_week {
	width: 16px;
	padding: 2px 5px 0;
	text-align: center;
}
.period_picker_box .period_picker_days table td {
	vertical-align: top;
}
.period_picker_box .period_picker_days table table {
	width: 184px;
	table-layout: fixed;
	border-spacing: 0;
}
.period_picker_box .period_picker_days table table.period_picker_first_letters_table th {
	text-align: right;
	font-size: 9px;
	height: 10px;
	line-height: 10px;
	padding: 0;
	color: rgba(0, 0, 0, 0.5);
	font-family: Verdana, Arial, sans-serif;
}
.period_picker_box .period_picker_days table table th {
	width: 23px;
	padding: 0 5px;
	height: 25px;
	white-space: nowrap;
}
.period_picker_box .period_picker_days table table td {
	width: 23px;
	padding: 0 5px;
	height: 25px;
	cursor: pointer;
	empty-cells: hide;
	vertical-align: middle;
}
.period_picker_box .period_picker_days table table td:hover {
	background: #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.period_picker_box .period_picker_days table table td.period_picker_holiday {
	color: #c11924;
}
.period_picker_box .period_picker_days table table th.period_picker_month {
	border: 0;
	font-weight: 700;
	padding: 14px 0 10px 12px;
	text-transform: uppercase;
}
.period_picker_box .period_picker_days table table th.period_picker_month:hover {
	color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}
.period_picker_box .period_picker_days table table td.period_picker_empty,
.period_picker_box .period_picker_days table table td.period_picker_empty:hover {
	cursor: default!important;
	background: none!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.period_picker_box .period_picker_days table table td.period_picker_gray_period,
.period_picker_box .period_picker_days table table td.period_picker_gray_period:hover {
	color: #aaa;
}
.period_picker_box .period_picker_days table td.period_picker_month12:not(:last-child) {
	position: relative;
}
.period_picker_box .period_picker_days table td.period_picker_month12:not(:last-child):after {
	content: '';
	display: block;
	border-right: 2px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -16px;
	bottom: 0;
	right: -5px;
}
.period_picker_box .period_picker_days table td.period_picker_cell_today {
	background: #c8ffca;
	color: #0e5632;
}
.period_picker_box .period_picker_days table td.period_picker_selected {
	background: #ffeba0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.period_picker_box .period_picker_days table td.period_picker_selected :hover {
	background-color: #fff5d0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.period_picker_box .period_picker_days table td.period_picker_selected_start,
.period_picker_box .period_picker_days table td.period_picker_selected_start:hover {
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
.period_picker_box .period_picker_days table td.period_picker_selected_end,
.period_picker_box .period_picker_days table td.period_picker_selected_end:hover {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}
.period_picker_box span.period_picker_selector_week_cap {
	visibility: hidden;
}
.period_picker_box span.period_picker_selector_week,
.period_picker_box span.period_picker_selector_week_cap {
	padding: 0;
	background-color: #ccc;
	display: inline-block;
	width: 2px;
	height: 16px;
}
.period_picker_box .period_picker_gray_period,
.period_picker_box .period_picker_weekday,
.period_picker_box .period_picker_holiday,
.period_picker_box .period_picker_empty {
	text-align: right;
}
.period_picker_box .period_picker_month b {
	display: none;
}
.period_picker_box .period_picker_submit_dates {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 13px;
	text-align: center;
	margin: 0 20px 15px;
	background-color: #fff;
}
.period_picker_box .period_picker_submit_dates:before {
	content: '';
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0px;
	margin-bottom: 20px;
	display: block;
}
.period_picker_box .period_picker_submit_dates .input_box {
	padding-right: 7px;
	background: #fff;
	-webkit-box-shadow: inset 0 0 0 1px #cbcbcb;
	-moz-box-shadow: inset 0 0 0 1px #cbcbcb;
	box-shadow: inset 0 0 0 1px #cbcbcb;
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: text;
}
.period_picker_box .period_picker_submit_dates .input_focused_yes .input_box {
	-webkit-box-shadow: inset 0 0 0 1px #d0ba65,0 0 10px #fc0;
	-moz-box-shadow: inset 0 0 0 1px #d0ba65,0 0 10px #fc0;
	box-shadow: inset 0 0 0 1px #d0ba65,0 0 10px #fc0;
}
.period_picker_box .period_picker_submit_dates input {
	width: 6.1em;
}
.period_picker_box .period_picker_submit_dates input.input_control {
	position: relative;
	z-index: 3;
	width: 100%;
	margin: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .4em 0;
	border: 0;
	outline: 0;
	background: 0 0;
	font-family: Arial, sans-serif;
	color: #000;
	padding-left: 7px;
}
.period_picker_box.without_bottom_panel {
	min-height: 311px;
	padding-bottom: 0px;
}
.period_picker_box.without_bottom_panel .period_picker_submit_dates {
	display: none;
}
.period_picker_box.without_yearsline {
	min-height: 335px;
}
.period_picker_box.without_header {
	min-height: 325px;
}
.period_picker_box.without_header .period_picker_head {
	height: 10px;
}
.period_picker_box.without_header.without_yearsline {
	min-height: 325px;
}
.period_picker_box.without_header.without_bottom_panel {
	min-height: 271px;
}
.period_picker_box.without_yearsline.without_bottom_panel {
	min-height: 281px;
}
.period_picker_box.without_yearsline.without_header.without_bottom_panel {
	min-height: 241px;
}
.period_picker_box .period_picker_from_time_block,
.period_picker_box .period_picker_to_time_block,
.period_picker_box .period_picker_from_block,
.period_picker_box .period_picker_to_block {
	margin-right: 5px;
	width: 81px;
	font-size: 13px;
	line-height: 28px;
	font-family: Arial, sans-serif;
	color: #000;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}
.period_picker_box .period_picker_from_time_block,
.period_picker_box .period_picker_to_time_block {
	width: 60px;
}
.period_picker_box.xdsoft_norange .period_picker_from_block ~ span {
	display: none;
}
.period_picker_box .period_picker_to_time_block,
.period_picker_box .period_picker_to_block {
	margin-right: 0px;
	margin-left: 5px;
}
.period_picker_box .period_picker_show {
	display: inline-block;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	outline: 0;
	position: absolute;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	color: #000;
	line-height: 28px;
	font-size: 13px;
	cursor: pointer;
	border: 0;
	background: 0 0;
	z-index: 3;
}
.period_picker_box .period_picker_show + .period_picker_show {
	right: 50px;
}
.period_picker_box .period_picker_show:before {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	padding: 0;
	content: '';
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffdb4d;
	-webkit-box-shadow: 0 0 0 1px rgba(191, 153, 0, 0.8);
	-moz-box-shadow: 0 0 0 1px rgba(191, 153, 0, 0.8);
	box-shadow: 0 0 0 1px rgba(191, 153, 0, 0.8);
}
.period_picker_box .period_picker_show span {
	position: relative;
	padding: 0 13px;
}
.period_picker_box .period_picker_show:focus {
	-webkit-box-shadow: 0 0 6px #fc0;
	-moz-box-shadow: 0 0 6px #fc0;
	box-shadow: 0 0 6px #fc0;
}
.period_picker_box .period_picker_show:active:before {
	background-color: #fc0;
	-webkit-box-shadow: 0 0 0 1px rgba(159, 127, 0, 0.8);
	-moz-box-shadow: 0 0 0 1px rgba(159, 127, 0, 0.8);
	box-shadow: 0 0 0 1px rgba(159, 127, 0, 0.8);
}
.period_picker_box .period_picker_work {
	vertical-align: top;
	height: 100%;
	position: relative;
}
.period_picker_box .period_picker_timepicker_box {
	width: 87px;
	display: block;
	top: 0px;
	bottom: 100px;
	left: 0px;
	position: absolute;
}
.period_picker_box .period_picker_timepicker_box + .period_picker_days + .period_picker_timepicker_box {
	left: auto;
	right: 0px;
}
.period_picker_box.with_first_timepicker .period_picker_days {
	width: -webkit-calc(100% - 87px);
	width: -moz-calc(100% - 87px);
	width: calc(100% - 87px);
	margin-left: 87px;
}
.period_picker_box.with_first_timepicker.with_second_timepicker .period_picker_days {
	width: -webkit-calc(100% - 174px);
	width: -moz-calc(100% - 174px);
	width: calc(100% - 174px);
	margin-left: 87px;
}
.period_picker_box .xdsoft_navigate {
	background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0D%0A%3Csvg%20height%3D%2212px%22%20version%3D%221.1%22%20viewBox%3D%220%200%209%2012%22%20width%3D%229px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%09%3Ctitle%2F%3E%0D%0A%09%3Cdesc%2F%3E%0D%0A%09%3Cdefs%2F%3E%0D%0A%09%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%0D%0A%09%09%3Cg%20fill%3D%22%23444444%22%20id%3D%22Core%22%20transform%3D%22translate(-218.000000%2C%20-90.000000)%22%3E%0D%0A%09%09%09%3Cg%20id%3D%22chevron-left%22%20transform%3D%22translate(218.500000%2C%2090.000000)%22%3E%0D%0A%09%09%09%09%3Cpath%20d%3D%22M7.4%2C1.4%20L6%2C0%20L-8.8817842e-16%2C6%20L6%2C12%20L7.4%2C10.6%20L2.8%2C6%20L7.4%2C1.4%20Z%22%20id%3D%22Shape%22%2F%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
	position: absolute;
	top: 0px;
	left: -13px;
	bottom: 100px;
	width: 15px;
	opacity: 0.7;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
.period_picker_box .xdsoft_navigate:hover {
	opacity: 1.0;
}
.period_picker_box .xdsoft_navigate:active {
	margin-top: 2px;
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate_next {
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0D%0A%3Csvg%20height%3D%2212px%22%20version%3D%221.1%22%20viewBox%3D%220%200%209%2012%22%20width%3D%229px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%09%3Ctitle%2F%3E%0D%0A%09%3Cdesc%2F%3E%0D%0A%09%3Cdefs%2F%3E%0D%0A%09%3Cg%20transform%3D%22rotate(180%204.1999969482421875%2C6)%20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%0D%0A%09%09%3Cg%20fill%3D%22%23444444%22%20id%3D%22Core%22%20transform%3D%22translate(-218.000000%2C%20-90.000000)%22%3E%0D%0A%09%09%09%3Cg%20id%3D%22chevron-left%22%20transform%3D%22translate(218.500000%2C%2090.000000)%22%3E%0D%0A%09%09%09%09%3Cpath%20d%3D%22M7.4%2C1.4%20L6%2C0%20L-8.8817842e-16%2C6%20L6%2C12%20L7.4%2C10.6%20L2.8%2C6%20L7.4%2C1.4%20Z%22%20id%3D%22Shape%22%2F%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
	left: auto;
	right: -15px;
}
.period_picker_box.without_bottom_panel .xdsoft_navigate {
	bottom: 0px;
}


/**********************/
/** @subpackage basic */
/**********************/
/* Generic resets */
html {
	font-size: calc(var(--font-size-base) * var(--font-size-multiplier));
}
:focus {
	outline: 0;
}
::-moz-focus-inner { /* doesn't like company */
	border:0;
}
body,
form {
	margin: 0;
}
iframe,
img,
input {
	border: 0;
}

/* Generic styles */
a,
a:hover,
a:focus,
a:active,
a:not([href]) {
	outline: none;
}
a,
a:focus,
a:active {
	color: var(--hex-main-secondary);
}
a,
.cs6AdminLink {
	font-weight: var(--font-weight-normal);
	text-decoration: underline;
	text-decoration-color: var(--hex-solid-100);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-offset: .125rem;
}
a:hover,
.cs6AdminLink:hover {
	color: var(--hex-main-secondary);
	text-decoration: none;
}
a:focus,
a:focus .cs6AdminLink {
	text-decoration-color: var(--hex-main-accent);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(3px, .25rem);
	text-underline-offset: .0625rem;
	text-decoration-skip-ink: none;
}
a:active,
a:active .cs6AdminLink {
	text-decoration: underline;
	text-decoration-color: var(--hex-solid-200);
}
a:focus img {
	box-shadow: var(--shadow-box-focus);
}
a.cs6AdminNoLinkHighlight,
a.cs6AdminNoLinkHighlight:hover {
	color: currentColor;
	text-decoration: none;
}
.cs6AdminNoLinkDecoration,
.cs6AdminNoLinkDecoration a {
	text-decoration: none;
}
.cs6AdminLink {
	color: var(--hex-main-secondary);
	font-weight: var(--font-weight-semi);
}
body {
	position: fixed; /* prevent scroll */
	color: var(--hex-solid-100);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.5;
}
hr {
	height: 2px;
	color: rgba(var(--rgb-solid-100), 0.5);
	background: rgba(var(--rgb-solid-100), .5);
	border-width: 0;
}
legend {
	font-family: var(--font-text);
}
mark {
	display: inline-block;
	padding: 0 .25rem;
	background: var(--hex-rainbow-4-green);
	color: var(--hex-rainbow-text);
	border-radius: var(--radius-corner);
}
textarea {
	box-sizing: border-box;
}
ul {
	list-style-position: inside;
	padding: 0;
	margin: .5rem .75rem;
}
li > ul {
	margin-top: 0;
}
li::marker {
	color: var(--hex-main-secondary);
	font-size: 1.25rem;
}
ol > li::marker {
	font-size: 1rem;
	font-weight: var(--font-weight-semi);
}

/* Part: Font-Reset */
body,
input,
option,
select,
textarea {
	font-family: var(--font-text);
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	letter-spacing: var(--letter-spacing);
}

/* Generic classes */
.cs6AdminAutoScroll {
	overflow: auto;
}
.cs6AdminBasicDisplayNone.cs6AdminBasicDisplayNone.cs6AdminBasicDisplayNone {
	display: none;
}
.cs6AdminFormHiddenSubmit,
.cs6AdminBasicMoved {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	overflow: hidden;
}
.cs6AdminCode {
	font-family: var(--font-monospace);
	white-space: pre;
}
.cs6AdminDefaultCursor.cs6AdminDefaultCursor {
	cursor: auto;
}
.cs6AdminDraggable {
	cursor: move;
	/*noinspection CssInvalidPropertyValue*/
	cursor: -webkit-grab;
	/*noinspection CssInvalidPropertyValue*/
	cursor: -moz-grab;
}
.cs6AdminHScroll {
	overflow-x: auto;
}
.cs6AdminNoListStyle > li {
	list-style-type: none;
}
.cs6AdminBasicOpacityNo,
.cs6AdminBasicActive {
	opacity: 1.0;
}
.cs6AdminBasicOpacityHidden,
.cs6AdminBasicInactive {
	opacity: 0.5;
}
.cs6AdminBasicOpacityInvisible {
	opacity: 0.0;
}
.cs6AdminPadded.cs6AdminPadded { /* double specifity */
	padding: .75rem;
}
.cs6AdminNoPadding.cs6AdminNoPadding { /* double specifity */
	padding: 0;
}
.cs6AdminNoMargin.cs6AdminNoMargin { /* double specifity */
	margin: 0;
}
.cs6AdminNoBorder {
	border: 0;
}
.cs6AdminNoWrap {
	white-space: nowrap;
}
.cs6AdminRight {
	text-align: right;
}
.cs6AdminLeft {
	text-align: left;
}
.cs6AdminCenter {
	text-align: center;
}
.cs6AdminMiddle {
	vertical-align: middle;
}
.cs6AdminTop {
	vertical-align: top;
}
.cs6AdminBottom {
	vertical-align: bottom;
}
.cs6AdminNumerical {
	font-feature-settings: "tnum";
}
.cs6CoreTextMessageDone.cs6CoreTextMessageDone,
.cs6CoreTextMessageError.cs6CoreTextMessageError,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning {
	box-decoration-break: clone;
	color: var(--hex-rainbow-text);
	padding: .125rem .5rem .1875rem .5rem;
}
.cs6CoreTextMessageDone,
.cs6CoreTextMessageSuccess {
	background: var(--hex-rainbow-4-green);
}
.cs6CoreTextMessageError {
	background: var(--hex-rainbow-1-red);
}
.cs6CoreTextMessageError.cs6TextMessageNoBackground {
	color: var(--hex-rainbow-1-red);
	background: none;
}
.cs6CoreTextMessageNotice {
	background: var(--hex-rainbow-6-blue);
}
.cs6CoreTextMessageNotice.cs6TextMessageNoBackground {
	color: var(--hex-rainbow-6-blue);
	background: none;
}
.cs6CoreTextMessageWarning {
	background: var(--hex-rainbow-2-orange);
}
.cs6CoreTextMessageWarning.cs6TextMessageNoBackground {
	color: var(--hex-rainbow-2-orange);
	background: none;
}
.cs6CoreTextMessageDone.cs6CoreTextMessageDone a,
.cs6CoreTextMessageError.cs6CoreTextMessageError a,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice a,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess a,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning a {
	color: var(--hex-rainbow-text);
	box-shadow: none;
	text-decoration: none;
	scroll-margin-top: 1em;
}
.cs6CoreTextMessageError.cs6CoreTextMessageDone a:hover,
.cs6CoreTextMessageError.cs6CoreTextMessageDone a:active,
.cs6CoreTextMessageError.cs6CoreTextMessageError a:hover,
.cs6CoreTextMessageError.cs6CoreTextMessageError a:active,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice a:hover,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice a:active,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess a:hover,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess a:active,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning a:hover,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning a:active {
	box-shadow: none;
	text-decoration: underline;
}
.cs6CoreTextMessageDone.cs6CoreTextMessageDone a:focus,
.cs6CoreTextMessageError.cs6CoreTextMessageError a:focus,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice a:focus,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess a:focus,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning a:focus {
	text-decoration: underline;
	text-decoration-color: rgba(var(--rgb-rainbow-text), .8);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(3px, .25rem);
}
.cs6AdminNoUserSelect {
	-webkit-user-select: none;
	user-select: none;
}
.cs6AdminSecondaryInformation {
	color: var(--hex-solid-200);
}
.cs6AdminBasicReferenz.cs6AdminBasicReferenz.cs6AdminBasicReferenz { /* specifity has to be higher than of the notices styles */
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
	cursor: help;
}

/* Part: Text related */
.cs6CoreTextLeft.cs6CoreTextLeft.cs6CoreTextLeft {
	text-align: left;
}
.cs6CoreTextCenter.cs6CoreTextCenter.cs6CoreTextCenter {
	text-align: center;
}
.cs6CoreTextRight.cs6CoreTextRight.cs6CoreTextRight {
	text-align: right;
}
.cs6CoreTextMiddle.cs6CoreTextMiddle.cs6CoreTextMiddle {
	vertical-align: middle;
}
.cs6CoreTextTop.cs6CoreTextTop.cs6CoreTextTop {
	vertical-align: top;
}
.cs6CoreTextBottom.cs6CoreTextBottom.cs6CoreTextBottom {
	vertical-align: bottom;
}
.cs6CoreTextBold.cs6CoreTextBold.cs6CoreTextBold {
	font-weight: var(--font-weight-bold);
}
.cs6CoreTextUnderline.cs6CoreTextUnderline.cs6CoreTextUnderline {
	text-decoration: underline;
}
.cs6CoreTextBreakWord.cs6CoreTextBreakWord.cs6CoreTextBreakWord {
	word-break: break-all;
}
.cs6CoreTextNoWrap.cs6CoreTextNoWrap.cs6CoreTextNoWrap {
	white-space: nowrap;
}
.cs6CoreTextNoWrap.cs6CoreTextNoWrap.cs6CoreTextNoWrap > div {
	display: inline-block;
	vertical-align: top;
}
.cs6CoreTextColorRed.cs6CoreTextColorRed.cs6CoreTextColorRed {
	color: var(--hex-rainbow-1-red);
}
.cs6CoreTextColorOrange.cs6CoreTextColorOrange.cs6CoreTextColorOrange {
	color: var(--hex-rainbow-2-orange);
}
.cs6CoreTextColorGreen.cs6CoreTextColorGreen.cs6CoreTextColorGreen {
	color: var(--hex-rainbow-4-green);
}
.cs6CoreTextColorBlue.cs6CoreTextColorBlue.cs6CoreTextColorBlue {
	color: var(--hex-rainbow-6-blue);
}
.cs6AdminTextPlaceholder {
	color: var(--hex-rainbow-6-blue);
	font-style: italic;
	font-size: .9rem;
}
.cs6AdminTextListMessages,
.cs6AdminTextListStandard {
	padding: 0;
	margin: .3125rem 0;
	list-style: none;
}
.cs6AdminTextListStandard li {
	margin: .375rem 0;
}
.cs6AdminTextListStandard * img {
	margin: 0 .625rem;
}

/* Part: Percentage Widths */
.cs6AdminWidth100 {
	width: 100%;
}
.cs6AdminWidth90 {
	width: 90%;
}
.cs6AdminWidth80 {
	width: 80%;
}
.cs6AdminWidth60 {
	width: 60%;
}
.cs6AdminWidth50 {
	width: 50%;
}
.cs6AdminWidth40 {
	width: 40%;
}
.cs6AdminWidth20 {
	width: 20%;
}
.cs6AdminWidth10 {
	width: 10%;
}
.cs6AdminWidth1 {
	width: 1%;
}

/* Part: Diff */
ins,
.diff-html-added {
	background: rgba(var(--rgb-rainbow-4-green), .25);
}
del,
.diff-html-removed {
	background: rgba(var(--rgb-rainbow-1-red), .25);
}

/*********************************/
/** @subpackage component_avatar */
/*********************************/
/*
	.cs6AdminAvatar[.cs6AdminAvatarImage][.cs6AdminUserAvatar]
		span
			img|{text}
 */
.cs6AdminAvatar {
	--hue: 42;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	color: #fff; /* hard coded counterpart to background-color */
	background: hsl(var(--hue), 70%, 33%);
	background-clip: padding-box; /* Otherwise the background-color flashes through outside the border. */
	height: var(--avatar-size);
	aspect-ratio: 1;
	border: 1px solid currentColor;
	border-radius: 50%;
	margin: calc(var(--avatar-size) * -1) 0;
	vertical-align: middle;
	line-height: 0;
	overflow: hidden;
}
.cs6AdminAvatarImage {
	background: transparent;
	border-color: transparent;
}
.cs6AdminAvatar > span {
	position: absolute;
	display: flex;
	inset: 0;
	height: 100%;
	width: 100%;
	border: 0;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	place-items: center;
	place-content: center;
	font-size: calc(var(--avatar-size) / 2.1875);
}
.cs6AdminAvatar.cs6AdminAvatarImage > span {
	box-shadow: none;
}
.cs6AdminAvatar .cs6Icon {
	font-size: 1.5rem;
	line-height: 2rem;
}
.cs6AdminLoginAsAvatar {
	position: relative;
	margin-right: calc(var(--avatar-size) / -2);
	z-index: 1;
}
.cs6AdminAvatar.cs6AdminAvatar img {
	width: 100%;
	height: 100%;
	margin: 0; /* needed for presentation in resultlists */
}
a:hover > .cs6AdminAvatar {
	border-color: currentColor;
	outline: 1px solid var(--hex-main-secondary);
}
a:focus > .cs6AdminAvatar {
	border-color: var(--hex-main-accent);
	outline: 3px solid var(--hex-main-accent);
}
.cs6AdminAvatarUsername {
	margin-left: .25rem;
}
.cs6AdminAvatarLarge {
	--avatar-size: 64px;
	margin: 0; /* turns of inline line-height ignore ... */
	vertical-align: bottom; /* ... wouldn't work anyway with this size */
}

/* Avatar menu */
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop.cs6AdminMenuDrop {
	--avatar-size: calc(1.4625rem + 1rem * var(--space-multiplier));
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	height: var(--avatar-size);
	padding: 0;
	font-size: calc(var(--avatar-size) / 2.1875);
	font-weight: var(--font-weight-semi);
	text-align: center;
	line-height: var(--avatar-size);
	transition: none;
}
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop.cs6AdminMenuDropClicked,
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop.cs6AdminMenuDrop:active,
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop.cs6AdminMenuDrop:focus,
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop.cs6AdminMenuDrop:hover {
	box-shadow: none; /* for the avatar we need the hover outline on another element */
}
.cs6AdminMenuDrop.cs6AdminMenuDrop.cs6AdminMenuDropClicked .cs6AdminUserAvatar,
.cs6AdminMenuDrop.cs6AdminMenuDrop:where(#id6AdminMenuDropCallerMenuPersonal):hover .cs6AdminUserAvatar,
.cs6AdminMenuDrop.cs6AdminMenuDrop:where(#id6AdminMenuDropCallerMenuPersonal):focus .cs6AdminUserAvatar {
	z-index: 1; /* bring it in front of mail badge */
}
.cs6AdminMenuDrop.cs6AdminMenuDrop.cs6AdminMenuDropClicked .cs6AdminAvatar,
.cs6AdminMenuDrop.cs6AdminMenuDrop:where(#id6AdminMenuDropCallerMenuPersonal):hover .cs6AdminAvatar {
	border-color: var(--hex-main-primary);
	outline: 1px solid currentColor;
}
.cs6AdminMenuDrop.cs6AdminMenuDrop:where(#id6AdminMenuDropCallerMenuPersonal):focus .cs6AdminAvatarImage {
	box-shadow: var(--shadow-box-focus);
	z-index: 1;
}
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop:hover .cs6AdminUserAvatar img {
	filter: brightness(100%);
}
#id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop .sdIcon-arrow-strong-down {
	display: none;
}
.cs6AdminMenuHasMail {
	box-shadow: 0 0 0 min(2px, .125rem) var(--hex-rainbow-2-orange);
}
.cs6AdminMenuHasMail::before {
	content: '';
	position: absolute;
	right: calc(var(--avatar-size) * -0.025);
	bottom: calc(var(--avatar-size) * -0.076);
	z-index: 1;
	width: calc(var(--avatar-size) * .325);
	aspect-ratio: 1;
	border-radius: 50%;
	border: 1px solid var(--hex-main-primary);
	background: var(--hex-rainbow-2-orange);
	background-clip: padding-box;
}

/********************************/
/** @subpackage component_block */
/********************************/
/* FRAME */
.cs6AdminFormBlockMain {
	box-sizing: border-box;
	position: relative;
	width: min-content;
	min-width: 100%;
	padding: 0 .5rem .5rem .5rem;
	border: 2px solid var(--hex-canvas-300);
	border-radius: var(--radius-corner);
	margin: 1rem 0;
	box-shadow: none;
}
.cs6AdminFormMultiColumn .cs6AdminFormBlockMain {
	margin-left: 0;
}
.cs6AdminPaneContentMain > .cs6AdminFormBlockMain,
.cs6AdminPaneOptionMain > .cs6AdminFormBlockMain,
.cs6AdminCardsBody > :is(.cs6AdminFormBlockMain, .cs6AdminStructureListWrapper, .cs6AdminFormBlockScroll),
.cs6AdminPanel > .cs6AdminFormBlockMain,
form > .cs6AdminFormBlockMain {
	min-width: calc(100% - (2.5rem * var(--space-multiplier)));
}
/* Nested block "reset" */
.cs6AdminFormBlockMain .cs6AdminFormBlockMain {
	min-width: 100%;
	border-color: var(--hex-canvas-400);
	margin: .5rem 0;
	transition: background-color var(--timing-medium-fade-out);
}
/* Alternating colors in nested blocks - 10 levels should be sufficient */
.cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain{
	background: var(--hex-canvas-200);
}
.cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain,
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain {
	background: var(--hex-canvas-300);
}
.cs6AdminFormBlockContentOpen > .cs6AdminTableNeutral > thead > tr > th:first-child,
.cs6AdminFormBlockContentOpen > .cs6AdminTableNeutral > tbody > tr > td:first-child {
	padding-left: 0;
}
/* Flashed Blocks, for example new inline blocks */
.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash.cs6AdminBlockFlash {
	background: rgba(var(--rgb-rainbow-3-yellow), .3);
	border-color: var(--hex-rainbow-3-yellow);
	transition: background-color var(--timing-medium-fade-in);
}

/* HEAD */
.cs6AdminFormBlockOpenerSubText,
.cs6AdminFormBlockRepresentation {
	display: inline-block;
	box-sizing: border-box;
	height: 2.5rem;
	line-height: 2.5rem;
	white-space: nowrap;
}
.cs6AdminFormBlockRepresentation {
	display: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
details:not([open]) .cs6AdminFormBlockRepresentation {
	display: inline-block;
}

.cs6AdminFormBlockMain.cs6AdminFormBlockClosed,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain:not([open]) {
	padding-bottom: 0;
}
div.cs6AdminFormBlockLegend,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain > summary {
	display: flex;
	box-sizing: border-box;
	align-items: flex-start;
	overflow: hidden;
}
.cs6AdminFormBlockOpen > div.cs6AdminFormBlockLegend,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain[open] > summary {
	border-bottom: max(2px, .125rem) dotted var(--hex-solid-200); /* width should grow proportional to font-size */
}
.cs6AdminFormBlockMain > div > a::before,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain > summary::before {
	content: '\e674'; /* arrow-right */
	display: inline-block;
	font-family: var(--font-icon);
	font-size: 1.125rem;
	line-height: 2.5rem;
	margin: 0 .125rem 0 .5rem;
}
.cs6AdminFormBlockOpen > div > a::before,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain[open] > summary::before {
	content: '\e607'; /* arrow-down */
}
.cs6AdminFormBlockClosed > .cs6AdminFormBlockContentWrapper {
	display: none;
}
.cs6AdminFormBlockOpenerText {
	color: var(--hex-main-secondary);
	padding-left: .4275rem;
	font-size: 1.125rem;
	font-weight: var(--font-weight-normal);
	display: inline-block;
	line-height: 2.5rem;
}
.cs6AdminFormBlockOpenerSubText {
	padding: 0 .5rem 0 1.75rem;
	margin: 0 .5rem 0 0;
	font-size: 1.125rem;
}
.cs6AdminFormBlockRepresentation.cs6AdminFormBlockContentClosed.cs6AdminFormBlockContentClosed {
	display: inline-block;
}
.cs6AdminFormBlockLegend .cs6AdminSelect select,
.cs6AdminFormBlockLegend .cs6AdminButtonIcon a,
.cs6AdminFormBlockLegend input[type="text"] {
	margin-bottom: .125rem;
}

/* BODY */
.cs6AdminFormBlockContentWrapper {
	position: relative;
	padding: .5rem;
	overflow: auto;
}
.cs6AdminFormBlockContentOpen {
	display: block;
}
.cs6AdminFormBlockRepresentation.cs6AdminFormBlockContentOpen {
	display: none;
}
.cs6AdminFormBlockContentClosed.cs6AdminFormBlockContentClosed {
	display: none;
}

/* "NEW" HTML BLOCKS */
details > summary {
	position: sticky;
	top: 0;
	z-index: 3;
	background: var(--hex-canvas-200);
	list-style-type: none;
	cursor: default;
}
details details > summary {
	position: initial;
	z-index: initial;
	background: transparent;
}
details > .cs6AdminFormBlockContentWrapper {
	overflow: visible;
}
details > summary::-webkit-details-marker {
	display: none;
}
details > summary::before {
	content: "\e64e"; /* arrow-strong-right */
	font-family: var(--font-icon);
	font-size: .625rem;
}
details[open] > summary::before {
	content: "\e66f"; /* arrow-strong-down */
}
details:is(.cs6AdminBlockError, .cs6AdminBlockWarning, .cs6AdminBlockNotice) {
	padding: calc(var(--space-multiplier) * .5rem);
	margin: calc(var(--space-multiplier) * .25rem) calc(var(--space-multiplier) * .5rem) calc(var(--space-multiplier) * .5rem) calc(var(--space-multiplier) * .25rem);
	min-width: 25rem;
}
summary > :is(.cs6CoreTextMessageError, .cs6CoreTextMessageWarning, .cs6CoreTextMessageNotice) {
	background: transparent;
	color: var(--hex-rainbow-text);
}
details:is(.cs6AdminBlockError, .cs6AdminBlockWarning, .cs6AdminBlockNotice) :not(summary) :is(.cs6CoreTextMessageError, .cs6CoreTextMessageWarning, .cs6CoreTextMessageNotice) {
	padding: 0;
}
details:is(.cs6AdminBlockError, .cs6AdminBlockWarning, .cs6AdminBlockNotice) :not(summary) :is(.cs6CoreTextMessageError, .cs6CoreTextMessageWarning, .cs6CoreTextMessageNotice) strong {
	font-weight: var(--font-weight-normal);
}
summary + p:last-child {
	display: inline-block;
	margin: .75rem 1rem;
}
summary:hover .cs6AdminFormBlockOpenerText {
	text-decoration:underline;
	text-decoration-color: var(--hex-main-accent);
	text-underline-offset: .0625rem;
	text-decoration-skip-ink: none;
}
summary:focus .cs6AdminFormBlockOpenerText {
	text-decoration:underline;
	text-decoration-color: var(--hex-main-accent);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(3px, .25rem);
	text-underline-offset: .0625rem;
	text-decoration-skip-ink: none;
}
summary > .cs6AdminButtonText {
	margin-left: 1rem;
	top: calc((2.5rem - var(--height-button-medium)) / 2)
}

/*************************************/
/** @subpackage component_breadcrumb */
/*************************************/
.cs6AdminTopBreadcrumbMain {
	box-sizing: border-box;
	position: absolute;
	top: var(--height-top-area);
	right: 0;
	left: 0;
	z-index: 7;
	height: var(--height-breadcrumb-area);
	color: var(--hex-solid-100);
	background: transparent;
	padding: .1875rem .8125rem 0 calc(.625rem + 1.125rem * var(--space-multiplier));
	font-size: .875rem;
	text-overflow: ellipsis;
	line-height: 1.8;
	overflow: hidden;
	white-space: nowrap;
}
.cs6AdminNoBreadcrumb .cs6AdminTopBreadcrumbMain {
	display: none;
}
.cs6AdminTopBreadcrumbMain a {
	font-weight: var(--font-weight-normal);
}
.cs6AdminTopBreadcrumbMain b {
	position: relative;
	font-size: 0;
	-webkit-user-select: text;
	user-select: text;
}
.cs6AdminTopBreadcrumbMain .cs6Icon {
	-webkit-user-select: none;
	user-select: none;
}
.cs6AdminTopBreadcrumbSeparator {
	padding: 0 .375em;
}
.cs6AdminTopBreadcrumbSeparator::before {
	content: "\e674"; /* arrow-right */
	color: var(--hex-solid-100);
	font-size: .75rem;
}

/**********************************/
/** @subpackage component_buttons */
/**********************************/
/* Form Buttons */
.cs6AdminButtonForm {
	box-sizing: border-box;
	display: inline-block;
	height: var(--height-button-large);
	min-width: 8.125rem;
	color: var(--hex-main-secondary);
	background: var(--hex-canvas-100);
	padding: .25rem .875rem;
	border: 1px solid transparent;
	border-radius: var(--radius-corner);
	box-shadow: none;
	font-size: 1rem;
	text-align: left;
	transition: all var(--timing-small-fade-out);
}
.cs6AdminFormCardsButtonWrapper {
	margin: 0 .5rem 0 0;
}
.cs6AdminFormCardsButtonWrapper .cs6AdminButtonForm:hover {
	color: var(--hex-main-primary-text);
	background: transparent;
	border-color: var(--hex-main-primary-text);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminFormCardsButtonWrapper .cs6AdminButtonForm:focus {
	outline: 0;
	box-shadow: 0 0 0 1px var(--hex-main-primary), var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-traverse-in);
}
.cs6AdminFormCardsButtonWrapper .cs6AdminButtonForm:active {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminFormCardsButtonWrapper .cs6AdminButtonForm:disabled {
	color: var(--color-button-deactivated-fg);
	background: var(--color-button-deactivated-bg);
}

/* Text Buttons

   .cs6AdminButtonText */
.cs6AdminButtonText:focus-within { /* to prevent surrounding elements from covering the focus element */
	position: relative;
	z-index: 1;
}
.cs6AdminButtonText {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	height: var(--height-button-medium);
	min-width: calc(1.5 * var(--height-button-medium));
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
	padding: 0 .5rem;
	border: 0;
	border-radius: var(--radius-corner);
	margin: 0 .125rem .25rem .125rem;
	box-shadow: none;
	font-size: 1rem;
	line-height: var(--height-button-medium);
	text-align: left;
	text-decoration: none;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out), box-shadow var(--timing-small-fade-out);
}
.cs6AdminButtonText:hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	box-shadow: none;
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonText:focus {
	outline: 0;
	color: var(--color-button-normal-fg);
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}
.cs6AdminButtonText:active {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonText:first-child,
br + .cs6AdminButtonText {
	margin-left: 0;
}
.cs6AdminButtonText[disabled],
.cs6AdminButtonText[disabled]:focus,
.cs6AdminButtonText[disabled]:hover {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	box-shadow: none;
	opacity: .5;
}


/* Tile Buttons

	a.cs6AdminButtonTile
		span.cs6Icon
		span (for button label)
*/
.cs6AdminButtonTileList li {
	display: inline-block;
}
.cs6AdminButtonTile {
	box-sizing: border-box;
	display: block;
	position: relative;
	top: 0;
	width: 12.125rem;
	height: 7.5rem;
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
	border: 0;
	border-radius: var(--radius-corner);
	margin: 0 .5rem;
	box-shadow: var(--shadow-100);
	font-size: 1.25rem;
	font-weight: var(--font-weight-normal);
	text-decoration: none;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out), box-shadow var(--timing-small-fade-out);
}
.cs6AdminButtonTile:hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	box-shadow: var(--shadow-100);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonTile:focus {
	color: var(--color-button-normal-fg);
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}
.cs6AdminButtonTile:active {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonTile .cs6Icon {
	display: block;
	position: absolute;
	top:.75rem;
	left: .75rem;
	color: currentColor;
	font-size: 3rem;
}
.cs6AdminButtonTile span:last-child {
	display: block;
	position: absolute;
	right: .5rem;
	bottom: .75rem;
	left: .75rem;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* Icon Buttons

	span.cs6AdminButtonIcon
		a , button
			span.cs6Icon::before
*/
.cs6AdminButtonIcon:focus-within { /* to prevent surrounding elements from covering the focus element */
	position: relative;
	z-index: 1;
}
.cs6AdminButtonIcon :is(a, button) {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
	padding: 0;
	border: 0;
	border-radius: var(--radius-corner);
	margin: 0 .3125rem 0 0;
	box-shadow: none;
	font-size: 1.25rem;
	line-height: 2rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out), box-shadow var(--timing-small-fade-out);
}
.cs6AdminButtonIcon :is(a, button):hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	cursor: default;
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonIcon :is(a, button):focus {
	color: var(--color-button-normal-fg);
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}
.cs6AdminButtonIcon :is(a, button):active {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminButtonIcon.cs6AdminValid :is(a, button),
.cs6AdminButtonIcon.cs6AdminValid :is(a, button):hover {
	color: var(--hex-rainbow-text);
	background: var(--hex-rainbow-4-green);
	filter: brightness(95%);
}
.cs6AdminButtonIcon.cs6AdminInvalid :is(a, button),
.cs6AdminButtonIcon.cs6AdminInvalid :is(a, button):hover {
	color: var(--hex-rainbow-text);
	background: var(--hex-rainbow-1-red);
	filter: brightness(95%);
}
.cs6AdminButtonIcon:is(.cs6AdminValid, .cs6AdminInvalid) :is(a, button):hover {
	filter: brightness(100%);
}
.cs6AdminButtonIcon .cs6Icon {
	font-size: inherit;
}
.cs6AdminButtonIcon .cs6Icon::before {
	vertical-align: -.125rem;
}
.cs6AdminButtonIcon :is(a, button)[disabled],
.cs6AdminButtonIcon :is(a, button)[disabled]:is(:focus, :hover) {
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
	box-shadow: none;
	opacity: .5;
}

/* Light buttons with no initial framing
	span.cs6AdminButtonIcon.cs6AdminButtonLight
		a , button
			span.cs6Icon::before
*/
.cs6AdminButtonLight :is(a, button),
.cs6AdminButtonText.cs6AdminButtonLight,
.cs6AdminButtonText.cs6AdminButtonLight[disabled]:focus,
.cs6AdminButtonText.cs6AdminButtonLight[disabled]:hover {
	color: var(--hex-main-secondary);
	background: transparent;
}
.cs6AdminButtonText.cs6AdminButtonLight:hover,
.cs6AdminButtonText.cs6AdminButtonLight:focus,
.cs6AdminButtonLight :is(a, button):focus {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
}


/* Small Icon Buttons

	span.cs6AdminButtonIcon.cs6AdminButtonIconSmall
		a , button
			span.cs6Icon::before
*/
.cs6AdminButtonIconSmall :is(a, button) {
	width: var(--width-button-small);
	height: var(--height-button-small);
	border-radius: var(--radius-corner);
	margin: 0 .25rem 0 0;
	box-shadow: none;
	font-size: .625rem;
	line-height: var(--height-button-small);
}
.cs6AdminButtonIconSmall .cs6Icon {
	width: var(--width-button-small);
}
.cs6AdminButtonIconSmall .cs6Icon::before {
	vertical-align: -.06125rem;
}


/* Button separators

span.cs6AdminButtonSeparator
	{text node}|empty
*/
.cs6AdminButtonSeparator {
	margin: 0 .625rem 0 .3125rem;
	vertical-align: middle;
}
.cs6AdminButtonIconSmall + .cs6AdminButtonSeparator:empty {
	height: 1.25rem;
}
.cs6AdminButtonSeparator:empty {
	display: inline-block;
	width: 1px;
	height: 1.75rem;
	background: var(--hex-solid-100);
}

/***********************************/
/** @subpackage component_checkbox */
/***********************************/
/*
    label.cs6AdminCheckbox
    	input[type="checkbox"]
    	div.cs6AdminCheckboxSubstitute
	label[for]
*/
.cs6AdminCheckbox {
	position: relative;
	margin-left: .75em;
}
br + .cs6AdminCheckbox,
[type="hidden"]:first-child + .cs6AdminCheckbox,
[type="hidden"]:first-child + [type="hidden"] + .cs6AdminCheckbox, /* countering a small bug with double output of hidden inputs */
.cs6AdminCheckbox:first-child {
	margin-left: 0;
}
.cs6AdminCheckbox input {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	overflow: hidden;
}
.cs6AdminCheckboxSubstitute {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: .25rem;
	width: 1.25rem;
	height: 1.25rem;
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	box-shadow:none;
	line-height: 1.25;
	text-align: center;
	transition: all var(--timing-small-traverse-out);
}
:focus + .cs6AdminCheckboxSubstitute {
	box-shadow: var(--shadow-box-focus);
	transition: all var(--timing-small-traverse-in);
}
:checked + .cs6AdminCheckboxSubstitute {
	background: var(--color-checkbox-checked-bg);
	border-color: var(--color-checkbox-checked-bg);
	transition: all var(--timing-small-traverse-in);
}
.cs6AdminCheckboxSubstitute::after {
	content: "\e621"; /* sdIcon-ok */
	position: absolute;
	top: .4375rem;
	left: .4375rem;
	color: transparent;
	font-family: var(--font-icon);
	font-size: .125rem;
	transition: all var(--timing-medium-traverse-out);
}
:checked + .cs6AdminCheckboxSubstitute::after {
	top: 0;
	left: .125rem;
	color: var(--color-checkbox-checked-fg);
	font-size: .8125rem;
	transition: all var(--timing-medium-traverse-in);
}

/*********************************/
/** @subpackage component_choice */
/*********************************/
.cs6AdminFormButtonChoice {
	box-sizing: border-box;
	display: inline-block;
	height: var(--height-button-medium);
	min-width: calc(1.5 * var(--height-button-medium));
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
	padding: 0 .5rem;
	border: 0;
	border-radius: var(--radius-corner);
	margin: 0 .25rem .25rem 0;
	font-family: var(--font-display);
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	line-height: var(--height-button-medium);
	text-align: left;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out), box-shadow var(--timing-small-fade-out);
}
.cs6AdminFormButtonChoice:not(.cs6AdminFormSelectedButtonChoice):hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	text-decoration: underline;
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminFormButtonChoice:active,
.cs6AdminFormSelectedButtonChoice {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminFormSelectedButtonChoice {
	text-decoration: underline;
}
.cs6AdminFormButtonChoice:focus {
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}

.cs6AdminFormButtonChoiceHasSelection{
	position: relative;
	margin-bottom: .75rem;
}

/* Choice is the only element inside of inline block - the PITA way */
.cs6AdminFormBlockInlineInput > .cs6AdminFormBlockContentWrapper > .cs6AdminFormBlockContentMain > .cs6AdminFormBlockContentList:only-child > .cs6AdminFormBlockElement > .cs6AdminFieldInput_choice > .cs6AdminFormInput > .cs6AdminFormBlockMain {
	padding: 0;
	border: 0;
	margin: 0;
}
.cs6AdminFormBlockInlineInput > .cs6AdminFormBlockContentWrapper > .cs6AdminFormBlockContentMain > .cs6AdminFormBlockContentList:only-child > .cs6AdminFormBlockElement > .cs6AdminFieldInput_choice > .cs6AdminFormInput > .cs6AdminFormBlockMain > .cs6AdminFormBlockLegend {
	margin: 0;
}
.cs6AdminFormBlockInlineInput > .cs6AdminFormBlockContentWrapper > .cs6AdminFormBlockContentMain > .cs6AdminFormBlockContentList:only-child > .cs6AdminFormBlockElement > .cs6AdminFieldInput_choice > .cs6AdminFormInput > .cs6AdminFormBlockMain > .cs6AdminFormBlockLegend .cs6AdminFormBlockToggle::before {
	display: none;
}
.cs6AdminFormBlockInlineInput > .cs6AdminFormBlockContentWrapper > .cs6AdminFormBlockContentMain > .cs6AdminFormBlockContentList:only-child > .cs6AdminFormBlockElement > .cs6AdminFieldInput_choice > .cs6AdminFormInput > .cs6AdminFormBlockMainClosed {
	padding-bottom: 2.5rem;
}
.cs6AdminFormBlockInlineInput > .cs6AdminFormBlockContentWrapper > .cs6AdminFormBlockContentMain > .cs6AdminFormBlockContentList:only-child > .cs6AdminFormBlockElement > .cs6AdminFieldInput_choice > .cs6AdminFormInput > .cs6AdminFormBlockMainClosed .cs6AdminFormBlockLegend > a::after {
	left: .5rem;
}

/***********************************/
/** @subpackage component_datetime */
/***********************************/
.cs6AdminFormControlDate {
	white-space: nowrap;
}

/*******************************/
/** @subpackage component_file */
/*******************************/
.cs6AdminFieldType_upload .cs6AdminFormLabel {
	display: block;
}
.cs6AdminFieldType_upload .cs6AdminFormInput {
	display: inline-block;
}
.cs6AdminFieldType_upload input[type="file"] {
	background: var(--hex-canvas-200);
	border-radius: var(--radius-corner);
	box-sizing: border-box;
	position: relative;
	width: 100%;
	min-width: 50ch;
	padding: 1rem;
}
.cs6AdminFormBlockMain .cs6AdminFieldType_upload input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFieldType_upload input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFieldType_upload input[type="file"] {
	background: var(--hex-canvas-300);
}
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFieldType_upload input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFieldType_upload input[type="file"] {
	background: var(--hex-canvas-200);
}
.cs6AdminFieldType_upload .cs6AdminCheckbox {
	margin-left: 0;
}
.cs6AdminInputFileOutput {
	display: flex;
	flex-direction: column;
}
.cs6AdminInputFileDeleteOutput {
	line-height: 1.5;
}
.cs6AdminInputFileImageOutput {
	order: 2;
	width: max-content;
	margin-top: .25rem;
	font-size: 0;
}
.cs6AdminInputFileImageOutput img {
	width: 100%;
	max-width: 5rem;
}

input[type="file"]::file-selector-button {
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
	padding: .25rem .5rem;
	margin-right: 1rem;
	border: 0;
	border-radius: var(--radius-corner);
}
input[type="file"]:hover::file-selector-button {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
input[type="file"]:focus::file-selector-button {
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminFieldType_upload .cs6AdminInputFileOutput {
	padding: .5rem 1rem;
}

.cs6AdminInputFileCheckbox {
	display: none
}
.cs6AdminInputFileDeleteButton {
	margin-left: .5rem;
}

/*********************************/
/** @subpackage component_inline */
/*********************************/
.cs6AdminFormBlockInlineInput {
	background: var(--color-backdrop);
	border-radius: var(--radius-box);
	margin: .5rem .5rem .5rem 0;
	box-shadow: var(--shadow-list-element);
	overflow: hidden;
}
.cs6AdminFormBlockMain .cs6AdminFormBlockInlineInput,
.cs6AdminFormBlockInlineInput .cs6AdminFormBlockInlineInput {
	margin: .5rem;
}
details.cs6AdminFormBlockInlineInput > summary {
	background: transparent;
}

/* Tabular inline inputs */
.cs6AdminFormBlockInlineHead {
	white-space: nowrap;
}
.cs6AdminFormBlockInline1stRow {
	width: 1%;
}

/***********************************/
/** @subpackage component_keyvalue */
/***********************************/
/* OUTPUT */
.cs6AdminDataDisplayKeyValue_Flat,
.cs6AdminDataDisplayKeyValue_NoFlat {
	padding: .5rem .6875rem;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
}
.cs6AdminDataDisplayKeyValue_Flat {
	display: grid;
	grid-template-columns: min-content 1fr;
}

.cs6AdminFormBlockElement.cs6AdminValueOutput_keyvaluetab {
	margin-bottom: 2rem;
}
.cs6AdminTable.cs6AdminDataDisplayKeyValue_Table {
	width: calc(100% - (2 * var(--table-passe-partout)));
	margin-top: calc(var(--space-multiplier) * .25rem + var(--table-passe-partout));
}
.cs6AdminDataDisplayKeyValue_Flat ul,
.cs6AdminDataDisplayKeyValue_Flat li {
	display: contents;
}
.cs6AdminBasicActive {
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-semi);
}
.cs6AdminDataDisplayKeyValue_Flat .cs6AdminBasicInactive {
	opacity: .85;
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-normal);
}
.cs6AdminDataDisplayKeyValue_Key {
	padding: 0 .5rem 0 0;
	white-space: nowrap;
}
:not(.cs6AdminDataDisplayKeyValue_Folder) + .cs6AdminDataDisplayKeyValue_Value::before {
	content: "->";
	color: var(--hex-main-secondary);
	padding: 0 .5rem;
	font-variant: common-ligatures;
}
.cs6AdminDataDisplayKeyValue_NoFlat :not(.cs6AdminDataDisplayKeyValue_Folder) + .cs6AdminDataDisplayKeyValue_Value::before {
	position: absolute;
	left: 0;
}
.cs6AdminDataDisplayKeyValue_NoFlat :not(.cs6AdminDataDisplayKeyValue_Folder) + .cs6AdminDataDisplayKeyValue_Value {
	position: relative;
	display: inline-block;
	padding-left: 2rem;
	margin-bottom: .75rem;
}
.cs6AdminDataDisplayKeyValue_Value {
	font-feature-settings: "tnum";
	padding: 0 .5rem;
}
.cs6AdminDataDisplayKeyValue ul {
	margin: 0;
	list-style: none;
}
.cs6AdminDataDisplayKeyValue li {
	padding: 0 .25rem 0 0;
}
.cs6AdminDataDisplayKeyValue li li {
	padding-left: 1rem;
}

.cs6AdminDataDisplayKeyValue_NoFlat,
.cs6AdminDataDisplayKeyValue_Folder + .cs6AdminDataDisplayKeyValue_Value {
	display: grid;
	grid-template-columns: min-content 1fr;
}
.cs6AdminDataDisplayKeyValue_Folder + .cs6AdminDataDisplayKeyValue_Value {
	padding-left: 2rem;
}

.cs6AdminDataDisplayKeyValue_Folder,
.cs6AdminDataDisplayKeyValue_NoFlat .cs6AdminDataDisplayKeyValue_Folder + .cs6AdminDataDisplayKeyValue_Value {
	grid-column: 1 / 3;
}
.cs6AdminDataDisplayKeyValue_NoFlat :is(ul, li) {
	display: contents;
}
.cs6AdminDataDisplayKeyValue_NoFlat .cs6AdminDataDisplayKeyValue_Key:not(.cs6AdminDataDisplayKeyValue_Folder) {
	grid-column: 1;
}
.cs6AdminDataDisplayKeyValue_NoFlat .cs6AdminDataDisplayKeyValue_Value {
	grid-column: 2;
}

/* INPUT */
.cs6AdminFormInputValue_keyvalue {
	resize: vertical;
}

/* Flat */
.cs6AdminFormInputKeyValue_Flat ul {
	margin: 0;
}
.cs6AdminFormInputKeyValue_Flat li {
	display: grid;
	margin: 0;
	gap: .25rem;
	grid-template-areas: "control key"
                       ". value";
	grid-template-rows: min-content min-content;
	grid-template-columns: max-content 1fr;
	padding-bottom: .5rem;
}
.cs6AdminFormInputKeyValue_Flat li:not(:last-child) {
	border-bottom: .1875rem dotted var(--hex-solid-200); /* width should grow proportional to font-size */
	margin-bottom: .375rem;
}
.cs6AdminFormInputKeyValue_Flat .cs6AdminFormInputKeyValue_Bar {
	grid-area: control;
}
.cs6AdminFormInputKeyValue_Flat .cs6AdminFormInputKeyValue_Key {
	grid-area: key;
}
.cs6AdminFormInputKeyValue_Flat .cs6AdminFormInputKeyValue_Value {
	grid-area: value;
	font-size: 0;
}
.cs6AdminFormInputKeyValue_Flat .cs6AdminFormInputKey_keyvalue,
.cs6AdminFormInputKeyValue_Flat .cs6AdminFormInputValue_keyvalue {
	width: 100%;
}

/* Hierarchical */
.cs6AdminFormInputKeyValue_NoFlat ul {
	margin: .1875rem 0 0 0;
}
.cs6AdminFormInputKeyValue_NoFlat ul ul {
	margin-left: 2.3125rem;
}

.cs6AdminFormInputKeyValue_NoFlat li {
	display: grid;
	margin: .1875rem 0 0 0;
	grid-template-columns: min-content auto;
	gap: .1875rem;
}
.cs6AdminFormInputKeyValue_NoFlat li:not(:last-child) {
	padding-bottom: .1875rem;
	border-bottom: .1875rem dotted var(--hex-solid-200); /* width should grow proportional to font-size */
	margin-bottom: .5rem;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputKeyValue_Bar {
	display: block;
	margin-top: 0;
	white-space: nowrap;
	grid-column: 1;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputKeyValue_Key {
	display: block;
	grid-column: 2;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputKeyValue_Value {
	display: block;
	grid-column: 2 / 3;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputListItem_folder > .cs6AdminFormInputKeyValue_Value {
	grid-column: span 2;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputKey_keyvalue {
	width: 100%;
}
.cs6AdminFormInputKeyValue_NoFlat .cs6AdminFormInputValue_keyvalue {
	width: 100%;
}

/*********************************/
/** @subpackage component_lookup */
/*********************************/
.cs6AdminFormLookupWrapper {
	display: inline-block;
}
.cs6AdminFormLookupWrapperTop .cs6AdminToolbarInput input {
	width: 20rem;
}
.cs6AdminToolbarNormal {
	white-space: nowrap;
}
.cs6AdminFormLookupWrapper .cs6AdminButtonIcon:last-child a,
.cs6AdminFormLookupWrapper .cs6AdminButtonIcon:last-child button,
.cs6AdminFormToolbarWrapper  .cs6AdminButtonIcon:last-child a,
.cs6AdminFormToolbarWrapper  .cs6AdminButtonIcon:last-child button {
	margin-right: 0;
}
.cs6AdminFormLookupWrapperBottom {
	box-sizing: border-box;
	margin: .25rem 0 0 0;
}
.cs6AdminFormLookupEntries {
	display: none;
}
.cs6AdminFormLookupEntries:not(:empty) {
	display: block;
	width: auto;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	overflow: auto;
}
.cs6AdminFormLookupEntry {
	position: relative;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	padding: .25rem .25rem .25rem 2.375rem;
	line-height: 1.6;
	cursor: pointer;
}
.cs6AdminFormLookupEntry:not(:last-child) {
	border-bottom: 1px solid var(--hex-solid-100);
}
.cs6AdminFormLookupEntry::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	margin: .5rem;
	font-family: var(--font-icon);
	font-size: .125rem;
	line-height: 1.25;
	text-align: center;
	transition: all var(--timing-medium-traverse-out);
}
.cs6AdminFormLookupEntrySelected::before {
	content: "\e621"; /* sdIcon-button-apply */
	color: var(--color-checkbox-checked-fg);
	background: var(--color-checkbox-checked-bg);
	border-color: var(--color-checkbox-checked-bg);
	font-size: .8125rem;
	transition: all var(--timing-medium-traverse-in);
}

/* Single Lookup */
.cs6AdminFormToolbarWrapper {
	box-sizing: border-box;
	display: inline-block;
}
.cs6AdminFormToolbarWrapper .cs6AdminFormLookupEntry {
	padding: .25rem .5rem;
}
.cs6AdminFormToolbarWrapper .cs6AdminFormLookupEntry::before {
	display: none;
}

/***************************************/
/** @subpackage component_periodpicker */
/***************************************/
.period_picker_input { /* hidden proxy input */
	display: none;
}
.period_picker_box,
.period_picker_box * {
	color: var(--hex-solid-100);
}
.period_picker_box .period_picker_error {
	box-shadow: 0 0 0 .2rem var(--hex-rainbow-1-red) !important;
}

/* Dialog Box */
.period_picker_box {
	min-width: 37.5rem;
	min-height: 25rem;
	background: var(--hex-canvas-200);
	padding: 0 1.25rem 5rem 1.25rem;
	border: 0;
	border-radius: var(--radius-corner)  var(--radius-corner) 0 var(--radius-corner);
	margin: 2.5rem;
	box-shadow: var(--shadow-box);
	font-family: var(--font-text);
	font-size: 1rem;
}
.period_picker_box.with_first_timepicker {
	min-width: calc(14.75rem + 5.4375rem);
}
.period_picker_box.with_first_timepicker.with_second_timepicker {
	min-width: calc(14.75rem + 5.4375rem + 5.4375rem);
}
.period_picker_box.period_picker_maximize {
	width: calc(100% - 1.5rem) !important;
	height: calc(100% - 1.5rem) !important;
	min-width: 42rem;
	min-height: 25rem;
	border-radius: var(--radius-box);
	margin: .75rem;
	box-shadow: var(--shadow-box);
}

/* Head */
.period_picker_box .period_picker_head {
	height: 2.5rem;
	color: var(--hex-main-primary);
	cursor: move;
}
.period_picker_box .period_picker_head::before {
	content: "";
	position: absolute;
	top: 0;
	right: -1.25rem;
	left: -1.25rem;
	height: 4.75rem;
	background: var(--hex-canvas-100);
	border-bottom: 1px solid rgba(var(--rgb-main-primary), .4);
}
.period_picker_box .period_picker_head_title {
	display: inline-block;
	color: inherit;
	margin-top: .75rem;
	font-size: 1.25rem;
	font-weight: var(--font-weight-normal);
}

/* Dialog Buttons */
.period_picker_box .period_picker_resizer,
.period_picker_box .period_picker_max_min,
.period_picker_box .period_picker_close {
	top: .5rem;
	right: 0;
	width: 1.75rem;
	height: 1.5rem;
	background: none;
	font-size: .8125rem;
	line-height: 1.5rem;
	text-align: center;
	opacity: 1;
}
.period_picker_box .period_picker_resizer {
	top: auto;
	right: .0625rem;
	width: 1rem;
	height: 1rem;
}
.period_picker_box .period_picker_resizer::after {
	content: "\e69a"; /* sdIcon-window-resize */
	position: absolute;
	inset: 0;
	color: var(--hex-solid-100);
	font-family: var(--font-icon);
	font-size: 1rem;
	line-height: .75rem;
}
.period_picker_box .period_picker_close,
.period_picker_box .period_picker_max_min {
	position: absolute;
	top: .5rem;
	width: 1rem;
	height: 1rem;
}
.period_picker_box .period_picker_max_min {
	right: 1.25rem;
}
.period_picker_box .period_picker_max_min::after {
	content: "\e6c2"; /* sdIcon-resize_full */
	color: var(--hex-solid-100);
	font-family: var(--font-icon);
}
.period_picker_box.period_picker_maximize .period_picker_max_min::after {
	content: "\e6c3"; /* sdIcon-resize_small */
}
.period_picker_box .period_picker_close::after {
	content: "\e620"; /* sdIcon-window-close */
	color: var(--hex-solid-100);
	font-family: var(--font-icon);
}

/* Timeline */
.period_picker_box .period_picker_years {
	height: 1.875rem;
	margin-bottom: .9375rem;
}
.period_picker_box .period_picker_years_selector {
	height: 1.875rem;
	background: var(--hex-canvas-200);
	border-radius: var(--radius-corner);
	font-size: .875rem;
}
.period_picker_box .period_picker_years_selector .period_picker_year {
	position: absolute;
	top: .1875rem;
	width: 3rem;
	color :var(--hex-solid-100);
	margin-left: -1.5rem;
	font-size: 1rem;
	font-weight: var(--font-weight-semi);
}
.period_picker_box .period_picker_years_selector .period_picker_year:hover {
	color: var(--hex-solid-100);
}
.period_picker_box .period_picker_years_selector .period_picker_year:after {
	display: block;
	width: .0625rem;
	height: .5625rem;
	background: rgba(var(--rgb-solid-200), .6);
	margin: .125rem auto;
}
.period_picker_box .period_picker_years_selector_container {
	height: 1.875rem;
}
.period_picker_box .period_picker_years_dragger {
	right: 1.25rem;
	width: 4.375rem;
	height: 1.875rem;
	background: rgba(var(--rgb-dodge), .5);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	margin-left: 0;
	cursor: ew-resize;
}
.period_picker_box .period_picker_years_dragger:after {
	display: none;
}
.period_picker_box .period_picker_years_period {
	right: auto;
	width: 0;
	height: 2rem;
	background: rgba(var(--rgb-main-accent), .4);
}

/* Weekdays */
.period_picker_box .period_picker_first_letters_td,
.period_picker_box .period_picker_first_letters_tr {
	padding: 0 .375rem;
}
.period_picker_box table th,
.period_picker_box table td {
	font-family: var(--font-text);
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	font-feature-settings: "tnum";
}
.period_picker_box table td.period_picker_selector_week {
	padding: 0;
}
.period_picker_box .period_picker_days table table {
	width: 11.5rem;
}
.period_picker_box .period_picker_days table table.period_picker_first_letters_table th {
	height: .625rem;
	color: var(--hex-solid-100);
	padding: 0;
	font-family: var(--font-text);
	font-size: .75rem;
	line-height: .625rem;
	text-align: right;
}
.period_picker_box .period_picker_days table table th {
	width: 1.4375rem;
	height: 1.5625rem;
	padding: 0 .3125rem;
}
.period_picker_box .period_picker_days table table td {
	position: relative;
	width: 1.4375rem;
	height: 1.5625rem;
	padding: 0 .1875rem;
	text-align: right;
}
.period_picker_box .period_picker_days table table td:hover {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
	border-radius: var(--radius-corner);
}
.period_picker_box .period_picker_days table table td.period_picker_selected:hover {
	background: rgba(var(--rgb-main-accent), .4);
}

/* Holidays */
.period_picker_box .period_picker_days table table td:nth-child(7),
.period_picker_box .period_picker_days table table td:last-child,
.period_picker_box .period_picker_days table table td.period_picker_holiday {
	color: var(--hex-solid-100);
}
.period_picker_box .period_picker_days table table td:hover:nth-child(7),
.period_picker_box .period_picker_days table table td:hover:last-child,
.period_picker_box .period_picker_days table table td.period_picker_holiday:hover {
	color: var(--hex-solid-100);
}
.period_picker_days .period_picker_holiday_LegalOwn::after,
.period_picker_days .period_picker_holiday_LegalOther::after,
.period_picker_days .period_picker_holiday_Other::after,
.period_picker_days .period_picker_holiday_Custom::after {
	content: "";
	position: absolute;
	right: .25rem;
	bottom: .125rem;
	left: .1875rem;
	height: 100%;
	background-image: -moz-linear-gradient(-45deg,
	rgba(255, 255, 255, 0.1) 25%,
	transparent 25%, transparent 50%,
	rgba(255, 255, 255, 0.1) 50%,
	rgba(255, 255, 255, 0.1) 75%,
	transparent 75%,
	transparent);
	background-size: 7px 7px;
	border-width: .125rem;
	border-bottom-style: solid;
}
.period_picker_days .period_picker_holiday_LegalOwn::after {
	border-color: var(--hex-rainbow-1-red);
}
.period_picker_days .period_picker_holiday_LegalOther::after {
	border-color: var(--hex-rainbow-4-green);
}
.period_picker_days .period_picker_holiday_Other::after {
	border-color: var(--hex-rainbow-6-blue);
}
.period_picker_days td.period_picker_holiday_Custom::after {
	border-color: var(--hex-rainbow-3-yellow);
}
.period_picker_box .period_picker_days table table th.period_picker_month {
	padding: .75rem 0 .75rem 1.4375rem;
	font-weight: var(--font-weight-normal);
	text-align: center;
	text-transform: none;
}
.period_picker_box .period_picker_days table table th.period_picker_month:hover {
	color: var(--hex-solid-100);
}
.period_picker_box .period_picker_days table table td.period_picker_gray_period,
.period_picker_box .period_picker_days table table td.period_picker_gray_period:hover {
	color: var(--hex-canvas-300);
}

.period_picker_box .period_picker_days table td.period_picker_month12:not(:last-child):after { /* Year divider */
	top: .75rem;
	right: -.3125rem;
	bottom: 0;
	border-right: .125rem solid var(--hex-canvas-300);
}
.period_picker_box .period_picker_days table td.period_picker_cell_today {
	color: var(--hex-main-accent);
	background: var(--hex-canvas-100);
	border-radius: var(--radius-corner);
}
.period_picker_box .period_picker_days table td.period_picker_selected {
	background: rgba(var(--rgb-main-accent), .4);
}
.period_picker_box .period_picker_days table td.period_picker_selected :hover {
	background: rgba(var(--rgb-main-accent), .4);
}
.period_picker_box .period_picker_days table td.period_picker_selected_start,
.period_picker_box .period_picker_days table td.period_picker_selected_start:hover {
	border-radius: var(--radius-corner) 0 0 0;
}
.period_picker_box .period_picker_days table td.period_picker_selected_end,
.period_picker_box .period_picker_days table td.period_picker_selected_end:hover {
	border-radius: 0 0 var(--radius-corner) 0;
}
.period_picker_box span.period_picker_selector_week,
.period_picker_box span.period_picker_selector_week_cap {
	width: .25rem;
	height: 1.0625rem;
	background-color: var(--color-button-normal-bg);
	margin-top: .25rem;
}
.period_picker_box .period_picker_submit_dates {
	box-sizing: border-box;
	z-index: 2;
	background-color: var(--hex-canvas-100);
	padding: 1rem;
	border-top: 1px solid rgba(var(--rgb-main-accent), .4);
	margin: 0;
	font-size: 1rem;
}
.period_picker_box .period_picker_submit_dates::before {
	display: none;
}
.period_picker_box .period_picker_submit_dates .input_box {
	background: var(--color-input-background-normal);
	padding-right: 0;
	border: var(--border-input);
	border-radius: var(--radius-corner);
	box-shadow: none;
}
.period_picker_box .period_picker_submit_dates .input_focused_yes .input_box {
	box-shadow: var(--shadow-box-focus);
}
.period_picker_box .period_picker_submit_dates input {
	width: 6.1rem;
}
.period_picker_box .period_picker_submit_dates input.input_control {
	color: var(--hex-solid-100);
	padding: 0;
	font-family: var(--font-text);
	font-size: 1rem;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.period_picker_box.without_bottom_panel {
	min-height: 20.5rem;
	padding-bottom: 0;
}
.period_picker_box.without_yearsline {
	min-height: 20.9375rem;
}
.period_picker_box.without_header {
	min-height: 20.3125rem;
}
.period_picker_box.without_header .period_picker_head {
	height: .625rem;
}
.period_picker_box.without_header.without_yearsline {
	min-height: 20.3125rem;
}
.period_picker_box.without_header.without_bottom_panel {
	min-height: 16.9375rem;
}
.period_picker_box.without_yearsline.without_bottom_panel {
	min-height: 17.5625rem;
}
.period_picker_box.without_yearsline.without_header.without_bottom_panel {
	min-height: 15.0625rem;
}
.period_picker_box .period_picker_from_time_block,
.period_picker_box .period_picker_to_time_block,
.period_picker_box .period_picker_from_block,
.period_picker_box .period_picker_to_block {
	width: 5.74rem;
	color: var(--color-input-background-normal);
	margin: .1875rem .3125rem;
	font-family: var(--font-text);
	font-size: 1rem;
	line-height: 1.75rem;
}
.period_picker_box .period_picker_from_time_block,
.period_picker_box .period_picker_to_time_block {
	width: 3.75rem;
}
.period_picker_box .period_picker_to_time_block,
.period_picker_box .period_picker_to_block {
	margin-right: 0;
	margin-left: .3125rem;
}
.period_picker_box .period_picker_show {
	right: 2rem;
	width: 5rem;
	color: var(--color-button-hover-fg);
	background: var(--color-button-normal-bg);
	border-radius: var(--radius-corner);
	font-family: var(--font-text);
	font-size: 1rem;
	line-height: 2rem;
}
.period_picker_box .period_picker_show + .period_picker_show {
	right: 7.5rem;
}
.period_picker_box .period_picker_show:before {
	display: none;
}
.period_picker_box .period_picker_show span {
	padding: 0;
}
.period_picker_box .period_picker_show:hover {
	background: var(--color-button-hover-bg);
}
.period_picker_box .period_picker_show:hover span {
	color: var(--color-button-hover-fg);
}
.period_picker_box .period_picker_show:focus {
	box-shadow: var(--shadow-box-focus);
}
.period_picker_box .period_picker_work {
	position: relative;
	height: 100%;
	vertical-align: top;
}
.period_picker_box .period_picker_timepicker_box {
	top: 0;
	bottom: 6.25rem;
	left: 0;
	width: 5.4375rem;
}
.period_picker_box .period_picker_timepicker_box + .period_picker_days + .period_picker_timepicker_box {
	right: 0;
}
.period_picker_box.with_first_timepicker .period_picker_days {
	width: calc(100% - 5.4375rem);
	margin-left: 5.4375rem;
}
.period_picker_box.with_first_timepicker.with_second_timepicker .period_picker_days {
	width: calc(100% - 10.875rem);
	margin-left: 5.4375rem;
}
.period_picker_box .xdsoft_navigate {
	top: 0;
	bottom: 6.25rem;
	left: -.8125rem;
	width: .9375rem;
	color: var(--hex-solid-100);
	background: 0;
	border-radius: var(--radius-corner);
	box-shadow: none;
	opacity: 1;
	transition: none;
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate:hover {
	color: var(--hex-solid-100);
	background: var(--color-button-normal-bg);
}
.period_picker_box .xdsoft_navigate:active {
	margin-top: 0;
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate_next {
	right: -.9375rem;
	left: auto;
	background: 0;
}
.period_picker_box.without_bottom_panel .xdsoft_navigate {
	bottom: 0;
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate_prev::after {
	content: "\e64d";
	position: absolute;
	top: calc(50% - .75rem);
	font-family: var(--font-icon);
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate_next::after {
	content: "\e64e";
	position: absolute;
	top: calc(50% - .75rem);
	font-family: var(--font-icon);
}

/* Timepicker */
.periodpicker_timepicker {
	position: absolute;
	inset: 0;
	padding: 0;
	overflow: hidden;
	font-family: var(--font-text);
	font-size: 1rem;
}
.periodpicker_timepicker,
.periodpicker_timepicker * {
	box-sizing: border-box;
}
.periodpicker_timepicker input.periodpicker_key_hooker {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	outline: 0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-size: 0 !important;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	text-align: center;
	cursor: default;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 {
	width: 25%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 {
	left: 25%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 {
	left: 50%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 {
	left: 75%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 {
	width: 33.3333333333%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3 {
	left: 33.3333333333%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3 + div.periodpicker_col3 {
	left: 66.6666666666%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 {
	width: 50%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2 {
	left: 50%;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div:not(.draggable) > div {
	transition: margin-top 0.1s linear;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div > div > div {
	position: relative;
	height: 1.375rem;
	color: var(--hex-solid-100);
	line-height: 1.4375rem;
	cursor: pointer;
	transition: font 0.1s linear;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div > div > div.active {
	color: var(--hex-solid-100);
	font-size: 1.125rem;
	font-weight: var(--font-weight-semi);
	transition: none;
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before {
	content: ":";
	position: absolute;
	left: 0;
	z-index: 1;
	color: var(--hex-solid-100);
	margin-top: -.0625rem;
	margin-left: -.125rem;
	font-size: 1.125rem;
	font-weight: var(--font-weight-semi);
}
.periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2 div.active:before {
	margin-left: -.5625rem;
}
.periodpicker_timepicker:before,
.periodpicker_timepicker:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	z-index: 2;
	height: 3rem;
	background: transparent;
	background: linear-gradient(0deg, rgba(var(--rgb-canvas-200),0) 0%, rgba(var(--rgb-canvas-200),1) 100%);
	pointer-events: none;
}
.periodpicker_timepicker:after {
	bottom: 0;
	background: linear-gradient(0deg, rgba(var(--rgb-canvas-200),1) 0%, rgba(var(--rgb-canvas-200),0) 100%);
}
.periodpicker_timepicker .periodpicker_timepicker_center {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 0;
}
.periodpicker_timepicker .periodpicker_timepicker_center:before,
.periodpicker_timepicker .periodpicker_timepicker_center:after {
	content: "";
	position: absolute;
	right:.5rem;
	left: .5rem;
	border-top: .0625rem solid rgba(var(--rgb-solid-200), .4);
}
.periodpicker_timepicker .periodpicker_timepicker_center:before {
	margin-top: -.6875rem;
}
.periodpicker_timepicker .periodpicker_timepicker_center:after {
	margin-top: .8125rem;
}
.periodpicker_timepicker_dialog {
	display: none;
	position: absolute;
	z-index: 33001;
	width: 6.1875rem;
	height: 18.75rem;
	background: var(--hex-canvas-100);
	border: 0;
	border-radius: var(--radius-box);
	box-shadow: var(--shadow-box);
}
.periodpicker_timepicker_dialog.periodpicker_timepicker_inline {
	display: inline-block;
	position: relative;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.periodpicker_timepicker_dialog.visible {
	display: block;
}

/********************************/
/** @subpackage component_price */
/********************************/
.cs6AdminFieldType_price input:first-child {
	margin-right: .25rem;
	text-align: right;
}
.cs6AdminFieldType_price input + input {
	margin-left: .5rem;
}

/********************************/
/** @subpackage component_radio */
/********************************/
/*
    label.cs6AdminRadioButton
    	input[type="radio"]
    	div.cs6AdminRadioButtonSubstitute
*/
.cs6AdminRadioButton { /* Align radios with checkboxes, see input validation in field edit */
	padding: 0 .125rem;
}
.cs6AdminRadioButton input {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	overflow: hidden;
}
.cs6AdminRadioButtonSubstitute {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: .125rem;
	width: 1rem;
	height: 1rem;
	border: 1px solid var(--hex-solid-100);
	border-radius: 50%;
	box-shadow: 0 0 0 1px inset rgba(var(--rgb-solid-100), .5), 0 0 0 .5em inset var(--hex-canvas-100);
	transition: all var(--timing-medium-traverse-out);
}
.cs6AdminRadioButtonSubstitute::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: -1px;
	border-radius: 50%;
	box-shadow: none;
	transition: box-shadow var(--timing-medium-traverse-out);
}
:focus + .cs6AdminRadioButtonSubstitute::after {
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-medium-traverse-in);
}
:checked + .cs6AdminRadioButtonSubstitute {
	background: var(--color-checkbox-checked-bg);
	border-color: var(--color-checkbox-checked-bg);
	box-shadow: 0 0 0 max(1px, .0625rem) inset var(--hex-main-accent), 0 0 0 .1875em inset var(--hex-canvas-100);
	transition: all var(--timing-medium-traverse-in);
}

/***********************************/
/** @subpackage component_richtext */
/***********************************/
/* Internal */
.cs6AdminFormRichtextFrame {
	margin: 0;
	padding: 0;
	border: 0;
}
.cs6AdminFormRichtextInput {
	box-sizing: border-box;
	background: var(--color-richtext-bg);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	box-shadow: none;
}
.cs6AdminFormRichtextButtons {
	background: var(--hex-canvas-100);
	padding: .25rem .375rem .375rem .375rem;
	border-radius: var(--radius-corner);
}
.cs6AdminFormRichtextTextarea {
	border-top: 1px solid var(--hex-solid-200);
}
#id6AdminFormRichtextInternalConfig .cs6Icon,
.cs6AdminFormRichtextButtons .cs6Icon {
	opacity: .5;
}
#id6AdminFormRichtextInternalConfig .cs6Icon.cs6AdminFormRichtextButtonActive,
.cs6AdminFormRichtextButtons .cs6Icon.cs6AdminFormRichtextButtonActive {
	opacity: 1;
}
#id6AdminFormRichtextInternalConfig .sdIcon-icon-wysiwyg-separator,
.cs6AdminFormRichtextButtons .sdIcon-icon-wysiwyg-separator {
	box-sizing: border-box;
	position: relative;
	height: 1.5rem;
	display: inline-block;
	border-left: 1px solid var(--hex-solid-100);
	padding: 0 .0625rem .25rem .25rem;
	opacity: 1;
	vertical-align: middle;
}
#id6AdminFormRichtextInternalConfig .sdIcon-icon-wysiwyg-separator::before,
.cs6AdminFormRichtextButtons .sdIcon-icon-wysiwyg-separator::before {
	display: none;
}
.cs6AdminFormFieldFocus .cs6AdminFormInput {
	border-radius: var(--radius-corner);
	box-shadow: var(--shadow-box-focus);
}

/* TinyMCE */
.mce-tinymce.mce-tinymce {
	box-sizing: border-box;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	box-shadow: none;
}
.mce-toolbar.mce-toolbar {
	background: var(--hex-canvas-100);
	padding: .25rem .125rem;
	border-radius: var(--radius-corner);
}
.mce-toolbar-grp.mce-toolbar-grp {
	background: transparent;
}
.mce-btn-group.mce-btn-group:not(:first-child) {
	border: 0;
	margin-left: .5rem;
	position: relative;
}
.mce-btn-group.mce-btn-group:not(:first-child):before {
	content: "";
	position: absolute;
	top: .25rem;
	bottom: .25rem;
	left: -.1875rem;
	border-left: 1px solid var(--hex-solid-100);
}
.mce-btn.mce-btn.mce-btn {
	background: var(--color-button-normal-bg);
	border: 1px solid var(--color-button-normal-bg);
	border-radius: var(--radius-corner);
	margin-left: .25rem;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out);
}
.mce-menubar .mce-menubtn:not(.mce-disabled):hover,
.mce-menubar .mce-menubtn:not(.mce-disabled).mce-active,
.mce-menubar .mce-menubtn:not(.mce-disabled):focus,
.mce-btn.mce-btn:not(.mce-disabled):active,
.mce-btn.mce-btn:not(.mce-disabled):hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	border-color: var(--color-button-hover-bg);
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.mce-btn.mce-btn:not(.mce-disabled):focus-within {
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}
.mce-btn .mce-ico,
.mce-btn.mce-btn .mce-txt,
.mce-menubar.mce-menubar .mce-menubtn button span {
	color: var(--color-button-normal-fg);
}
.mce-statusbar.mce-statusbar {
	border-radius: var(--radius-corner);
}
.mce-btn.mce-btn.mce-disabled {
	box-sizing:border-box;
	background: transparent;
	border: 1px solid var(--color-button-normal-bg);
	opacity: .4;
}
.mce-btn.mce-btn.mce-disabled .mce-ico,
.mce-btn.mce-btn.mce-disabled button,
.mce-btn.mce-btn.mce-disabled:hover .mce-ico,
.mce-btn.mce-btn.mce-disabled:hover button {
	color: var(--color-button-normal-bg);
	opacity: 1;
}

/*********************************/
/** @subpackage component_select */
/*********************************/
.cs6AdminSelect select {
	min-width: 10em;
	max-width: 100%;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	box-shadow: none;
	transition: all var(--timing-small-fade-out);
}
.cs6AdminSelect select:focus {
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-traverse-in);
}
.cs6AdminSelect option {
	padding: .375rem .75rem;
}
.cs6AdminFormInput > select {
	max-width: 100%;
}
.cs6AdminCardsBody select[size]:not([size="1"]) {
	height: auto;
}

/* Dropdown

	label.cs6AdminSelectSingle
		select
*/
.cs6AdminSelectSingle {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	height: 2rem;
	margin: 0 .3125rem 2px 0; /* don't remove the 2px bottom! it fixes issues with unintentional vertical scrolling in some situations! */
	line-height: 2rem;
}
.cs6AdminSelectSingle select {
	box-sizing: border-box;
	height: 2rem;
	padding:  0 1.5rem 0 .5rem;
	margin: 0;
	line-height: 2rem;
	vertical-align: middle;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.cs6AdminSelectSingle,
.cs6AdminSelectSingle select {
	min-width: 8rem;
	max-width: 100%;
}

.cs6AdminSelectSingle:hover select {
	color: var(--hex-main-secondary);
	background: var(--hex-canvas-100);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminSelectSingle::after {
	content: "\e66f"; /* arrow-strong-down */
	position: absolute;
	top: 0;
	right: .5rem;
	line-height: 2rem;
	height: 2rem;
	color: var(--hex-solid-100);
	font-family: var(--font-icon);
	font-size: .8125rem;
	pointer-events: none; /* otherwise clicking on the arrow won't open the dropdown */
	transition: color var(--timing-small-fade-out);
}
.cs6AdminSelectSingle:hover::after {
	color: var(--hex-main-secondary);
	transition: color var(--timing-small-fade-in);
}

/* Multi Select

	label.cs6AdminSelectMultiple
		select
*/
.cs6AdminSelectMultiple select {
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-solid-100);
}
.cs6AdminSelectMultiple option:not(:last-child) {
	border-bottom: 1px solid var(--hex-canvas-200);
}

/* Dependend selector */
.cs6AdminFormDependSelect {
	margin-bottom: .25rem;
}

/************************************/
/** @subpackage component_separator */
/************************************/
.cs6AdminValueType_separator,
.cs6AdminFieldType_separator {
	position: relative;
}
.cs6AdminValueType_separator hr {
	display: none;
}
.cs6AdminValueType_separator .cs6AdminFormElementLabel,
.cs6AdminFieldType_separator .cs6AdminFormLabel {
	display: block;
	position: relative;
	margin: 1.5em 0 1em 0;
	font-size: 1.25rem;
	line-height: 1.5;
}
.cs6AdminValueType_separator::after,
.cs6AdminFieldType_separator::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: -.375rem;
	height: 0;
	border-top: .375rem dotted var(--hex-solid-200); /* width should grow proportional to font-size */
}
.cs6AdminValueType_separator .cs6AdminFormElementLabel,
.cs6AdminFieldType_separator label {
	display: block;
	padding-top: 1.625rem;
}
.cs6AdminFieldType_separator label + br {
	display: none;
}
.cs6AdminFieldType_separator .cs6AdminFormLabel,
.cs6AdminFieldType_separator .cs6AdminFormLabel label {
	cursor: text;
}
.cs6AdminFormMultiColumn .cs6AdminFieldType_separator .cs6AdminFormLabel {
	margin: 1rem 0 1.5rem 0;
}
.cs6AdminFormMultiColumn .cs6AdminFieldType_separator::after {
	top: 1rem;
}

/**********************************/
/** @subpackage component_sidebar */
/**********************************/
.cs6AdminSidebarLayout {
	--width-sidebar-tab: 2.25rem;
	--gap-sidebar-button: .1875rem;
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-template-rows: minmax(0, 1fr);
	grid-template-areas: "content sidebar";
	position: absolute;
	inset: var(--height-tab-area) 0 0 0;
}
.cs6AdminCardsNoTitleBody ~ .cs6AdminSidebar {
	border-top: 1px solid var(--color-card-border);
}
.cs6AdminSidebarLayout > .cs6AdminCardsBody {
	grid-area: content;
	top: 0;
}
.cs6AdminSectionPreview .cs6AdminSidebarLayout > .cs6AdminCardsBody {
	position: relative;
}
.cs6AdminSectionPreview .cs6AdminSidebarLayout > .cs6AdminCardsBody > iframe.cs6AdminPanel {
	height: calc(100% - var(--height-form-button-area));
}
.cs6AdminSidebarLayout > .cs6AdminSidebar {
	grid-area: sidebar;
	position: relative;
	background: var(--hex-canvas-200);
	display: grid;
	grid-template-columns: var(--width-sidebar-tab) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	grid-template-areas: "tab panel";
}
.cs6AdminSidebarControl {
	grid-area: header;
	display: none;
	border-bottom: 1px solid var(--color-line);
	line-height: 2rem;
}
.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarControl {
	display: block;
}
.cs6AdminSidebarControl h1 {
	margin: 0 1.5rem 0 .5rem;
	color: var(--hex-main-secondary);
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
}
.cs6AdminSidebarTabList {
	grid-area: tab;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: var(--width-sidebar-tab);
	background: var(--hex-canvas-300);
	border-left: 1px solid var(--hex-solid-200);
	border-right: 1px solid var(--color-line);
}
.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarTabList::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 -1px;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 4px; /** fixed pixel value, used in JS **/
	cursor: ew-resize;
	z-index: 1;
}
.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarTabList:hover {
	border-left-color: var(--hex-main-secondary);
	transition: border-left-color var(--timing-medium-fade-in) .25s;
}
.cs6AdminSidebarPanelWrap {
	grid-area: panel;
	display: none;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: max-content minmax(0, 1fr);
	grid-template-areas: "header" "body";
	width: 30rem; /* initial value ... overwritten when resized */
}
.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarPanelWrap {
	display: grid;
}
.cs6AdminSidebarPanel {
	grid-area: body;
	display: none;
}
.cs6AdminSidebarPanel.cs6AdminActive {
	display: block;
}
.cs6AdminSidebarPanel .cs6Spinner {
	inset: 2rem 0 var(--height-form-button-area) var(--width-sidebar-tab);
}
.cs6AdminSidebarContent {
	box-sizing: border-box;
	height: calc(100% - var(--height-form-button-area));
	max-width: 100%;
	padding: .5rem;
	overflow: auto;
	scroll-behavior: smooth;
}
.cs6AdminSidebarContent > iframe {
	position: absolute;
	inset: var(--width-sidebar-tab) 0 var(--height-form-button-area) calc(var(--width-sidebar-tab) + 2px);
	display: block;
	width: calc(100% - var(--width-sidebar-tab) - 1px);
	height: calc(100% - var(--width-sidebar-tab));
}
.cs6AdminSidebarTab {
	--button-dimension: calc(var(--width-sidebar-tab) - (2 * var(--gap-sidebar-button)));
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
	border: 0;
	border-radius: var(--radius-corner);
	left: 0;
	width: var(--button-dimension);
	height: var(--button-dimension);
	padding: 0;
	margin: var(--gap-sidebar-button);
	font-size: calc(var(--width-sidebar-tab) * .625);
}
.cs6AdminSidebar:not(.cs6AdminOpen) .cs6AdminSidebarTab {
	left: -1px;
}
.cs6AdminSidebarTab img{
	width: calc(var(--width-sidebar-tab) * .625);
}
.cs6AdminSidebarTab:hover,
.cs6AdminSidebarTab[data-status="active"] {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
.cs6AdminSidebarTab:focus {
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminSidebarTab::after {
	content: "\e61f"; /* sdIcon-reload */
	display: block;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	color: transparent;
	background: transparent;
	border-radius: 999px;
	font-family: var(--font-icon);
	font-size: 1.25rem;
	line-height: 1.5rem;
	transition: background var(--timing-medium-fade-out), color var(--timing-medium-fade-out);
	pointer-events: none;
}
.cs6AdminSidebar .cs6AdminSidebarTab.cs6AdminLoading::after,
.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarTab[data-status="active"]:is(:focus, :hover)::after {
	color: var(--hex-solid-100);
	background: rgba(var(--rgb-canvas-100), .7);
	transition: transform var(--timing-large-fade-out), background var(--timing-medium-fade-in), color var(--timing-medium-fade-in);
	transition-delay: .35s;
}
.cs6AdminSidebar .cs6AdminSidebarTab.cs6AdminLoading::after {
	animation: cs6SidebarReloadRotate 3s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
	.cs6AdminSidebar.cs6AdminOpen .cs6AdminSidebarTab.cs6AdminLoading::after {
		/* Disable rotation animation for reduced motion preference */
		animation: none;
	}
}
@keyframes cs6SidebarReloadRotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.cs6AdminSidebarClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 2rem;
	z-index: 1;
	border: 0;
	background: transparent;
	font-size: 1rem;
	line-height: 2rem;
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
}
.cs6AdminSidebarClose:hover {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
.cs6AdminSidebarClose:focus {
	box-shadow: var(--shadow-box-inset-focus);
}
.cs6AdminSidebarTab[data-changed="true"]::after {
	content: "";
	position: absolute;
	bottom: .25rem;
	right: .25rem;
	width: 0;
	height: 0;
	border: .1875rem solid var(--hex-rainbow-2-orange);
	border-radius: 50%
}

/* ANNOTATIONS */
#id6AdminSidePanel_SixCMSAnnotation {
	--max-width: 75ch;
	--indent: 2rem;
}
.cs6AdminAnnotationCard {
	display: grid;
	grid-template-columns: 1fr 2rem;
	grid-template-rows: max-content max-content;
	grid-template-areas: "head menu" "body body";
	box-sizing: border-box;
	background: var(--hex-canvas-100);
	max-width: min(var(--max-width), calc(100% - var(--indent)));
	border: 1px solid var(--hex-canvas-400);
	border-radius: var(--radius-box);
	margin: 0 0 .375rem .5rem;
	scroll-margin: 1rem;
}
.cs6AdminAnnotationCard.cs6AdminActive {
	border-color: var(--hex-rainbow-2-orange);
}
#id6AdminSidePanel_SixCMSAnnotation > .cs6AdminSidebarContent {
	padding-right: .75rem;
}
#id6AdminSidePanel_SixCMSAnnotation > .cs6AdminSidebarContent > article {
	margin-bottom: 1rem;
}
article article .cs6AdminAnnotationCard {
	max-width: none;
	width: 100%;
	margin: 0 0 .375rem 0;
}
#id6AdminSidePanel_SixCMSAnnotation .cs6AdminMessageLinkUser {
	white-space: nowrap;
}
#id6AdminSidePanel_SixCMSAnnotation header {
	grid-area: head;
	display: block;
	padding: .5rem;
}
#id6AdminSidePanel_SixCMSAnnotation header.cs6AdminBasicDisplayNone {
	display: none;
}
.cs6AdminAnnotationType {
	color: var(--hex-main-secondary);
	background: transparent;
	padding: .25rem;
	border-radius: var(--radius-corner);
}
.cs6AdminAnnotationType[sixcms]:focus,
.cs6AdminAnnotationType[sixcms]:hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
}
.cs6AdminAnnotationContextHandler {
	grid-area: menu;
	padding: .5rem;
}
.cs6AdminAnnotationInputMode .cs6AdminAnnotationContextHandler {
	pointer-events: none;
	opacity: .5;
}
#id6AdminSidePanel_SixCMSAnnotation time {
	color: var(--hex-solid-200);
	font-size: .875rem;
	white-space: nowrap;
}
.cs6AdminAnnotationChangeNotice {
	color: var(--hex-solid-200);
	font-size: .875rem;
	padding: 0 .25rem .5rem .75rem;
}
.cs6AdminAnnotationChangeNotice::before {
	content: "(";
}
.cs6AdminAnnotationChangeNotice::after {
	content: ")";
}
#id6AdminSidePanel_SixCMSAnnotation article details {
	box-sizing: border-box;
	position: relative;
	max-width: min(var(--max-width), calc(100% - var(--indent)));
	margin-left: var(--indent);
}
#id6AdminSidePanel_SixCMSAnnotation article summary {
	position: absolute;
	top: -1.75rem;
	right: calc(var(--indent) / 8);
}
#id6AdminSidePanel_SixCMSAnnotation article summary::before {
	font-size: 1rem;
}
.cs6AdminAnnotationHelp {
	margin: 0 1rem .375rem 1rem;
	max-width: calc(var(--max-width) + var(--indent));
}
.cs6AdminAnnotationHelp[open] {
	margin-bottom: 2rem;
}
.cs6AdminAnnotationHelp summary {
	color: var(--hex-main-secondary);
	margin-bottom: 1rem;
}
.cs6AdminAnnotationInputBox {
	display: grid;
	grid-template-columns: max-content max-content 1fr;
	grid-template-rows: max-content max-content max-content;
	grid-template-areas: "head head reply" "text text text" ". buttons buttons";
	max-width: min(var(--max-width), calc(100% - var(--indent)));
	margin-left: .5rem;
}
.cs6AdminAnnotationCard + details.cs6AdminBasicDisplayNone + .cs6AdminAnnotationInputBox {
	margin-left: var(--indent);
}
.cs6AdminAnnotationCard + details.cs6AdminBasicDisplayNone + .cs6AdminAnnotationInputBox > .cs6AdminAnnotationReplyButton {
	margin-left: calc(var(--indent) * -1 + .5rem);
}
article article .cs6AdminAnnotationInputBox:first-child {
	width: 100%;
	max-width: none;
	margin-left: 0;
}
details[open]:not(.cs6AdminBasicDisplayNone) + .cs6AdminAnnotationInputBox {
	margin-left: var(--indent);
}
.cs6AdminAnnotationReplyButton.cs6AdminAnnotationReplyButton {
	grid-area: reply;
	justify-self: left;
}
.cs6AdminAnnotationInputBox label {
	grid-area: text;
}
.cs6AdminAnnotationInputBox textarea {
	display: block;
	width: calc(100% - .25rem);
	min-height: 6rem;
	border-radius: var(--radius-box) var(--radius-box) 0 var(--radius-box);
	margin: 0 .125rem;
	resize: vertical;
}
.cs6AdminAnnotationInputButtons {
	grid-area: buttons;
	place-self: end;
	margin-top: .375rem;
}
.cs6AdminSidebarContent > .cs6AdminAnnotationInputBox .cs6AdminAnnotationInputButtons {
	margin-bottom: 1rem;
}
.cs6AdminAnnotationCardBody {
	grid-area: body;
	padding: .25rem .25rem .5rem .75rem;
	width: calc(100% - 1.25rem);
	overflow: auto;
}
.cs6AdminAnnotationCardBody > p:only-child {
	margin: 0;
}
.cs6AdminAnnotationCardBody li {
	line-height: 1.5rem;
}
.cs6AdminAnnotationCardBody blockquote {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	padding: .25rem .5rem .25rem .75rem;
	border-left: 2px solid var(--hex-canvas-400);
	background: var(--hex-canvas-200);
	min-width: 100%;
}
.cs6AdminAnnotationCardBody blockquote > blockquote {
	background: var(--hex-canvas-300);
}
.cs6AdminAnnotationCardBody :is(ol, ul) {
	padding-left: 2rem;
	margin: .5rem 0;
}
.cs6AdminAnnotationCardBody ul {
	list-style-position: outside;
}
.cs6AdminAnnotationCardBody ul > li > p {
	display: inline-block;
}
.cs6AdminAnnotationCardBody ul > li > p:not(:first-child) {
	margin-top: 0;
}
.cs6AdminAnnotationCardBody pre {
	padding: 0;
	border: 1px solid var(--hex-solid-100);
	background: rgba(var(--rgb-rainbow-4-green), .1);
	border-radius: var(--radius-corner);
}
.cs6AdminAnnotationCardBody code {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-400);
	padding: .2em .3em;
	border-radius: var(--radius-corner);
	margin: 0 .1em;
}
.cs6AdminAnnotationCardBody pre code {
	display: block;
	background: transparent;
	padding: 1rem;
	overflow: auto;
}
.cs6AdminAnnotationMarker {
	--color-mark-bg: var(--hex-rainbow-3-yellow);
	--color-mark-fg: var(--hex-rainbow-text);
	--shadow-mark: 0 0 0 .25rem rgb(var(--color-mark-annotation-normal));
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: var(--color-mark-fg);
	background: var(--color-mark-bg);
	padding: 0;
	margin: 0;
	scroll-margin: 1rem;
}
.cs6AdminAnnotationMarker:where(:hover) {
	--color-mark-bg: linear-gradient(
		rgb(var(--color-mark-annotation-normal)) calc((0% - 40%) * 100),
		var(--color-mark-annotation-selected) calc((100% - 40%) * 100)
	); /* small hack to mix two background-colors */
	--shadow-mark: 0 0 0 .25rem rgba(var(--color-mark-annotation-normal), .6), 0 0 0 .25rem var(--color-mark-annotation-selected);
}
.cs6AdminAnnotationMarkerHighlight {
	--color-mark-bg: var(--color-mark-annotation-selected);
	--shadow-mark: 0 0 0 .25rem var(--color-mark-annotation-selected);
}
.cs6AdminAnnotationMarkerError {
	--tmp-color-1: transparent;
	--tmp-color-2: rgba(var(--rgb-dodge), .5);
	background-image: repeating-linear-gradient(135deg, var(--tmp-color-1), var(--tmp-color-1) .5rem, var(--tmp-color-2) .5rem, var(--tmp-color-2) 1rem);
	color: var(--hex-solid-100);
}
.cs6AdminAnnotationMarkerError:where(:hover) {
	background-color: var(--color-mark-annotation-selected);
}
@supports (color: color-mix(in srgb, red, blue)) {
	.cs6AdminAnnotationMarkerError {
		--tmp-color-1: rgb(var(--color-mark-annotation-normal));
		--tmp-color-2: color-mix(in srgb, var(--tmp-color-1) 50%, rgb(var(--rgb-dodge)));
	}
	.cs6AdminAnnotationMarkerError:where(:hover) {
		--tmp-color-1: color-mix(in srgb, rgb(var(--color-mark-annotation-normal)) 50%, var(--color-mark-annotation-selected));
	}
}
.cs6AdminAnnotationMarker a {
	color: var(--color-mark-fg);
	text-decoration-color: var(--color-mark-fg);
}
:where(body:not(.cs6AdminAnnotationInputMode)) .cs6AdminAnnotationMarker:hover {
	cursor: default;
}
.cs6AdminAnnotationHighlightMode article {
	opacity: .5;
	pointer-events: none;
}
.cs6AdminAnnotationHighlightMode article article, /* nested annotations get highlight status via their parents */
.cs6AdminAnnotationHighlightMode .cs6AdminAnnotationHighlight {
	opacity: 1;
	pointer-events: all;
}
.cs6AdminAnnotationHighlightRecord {
	--frame-width: .25rem;
}
.cs6AdminSidebarLayout::after,
.cs6AdminCardsTab.cs6Active a::after,
.cs6AdminCardsMain::before {
	content: "";
}
.cs6AdminAnnotationHighlightRecord .cs6AdminSidebarLayout::after,
.cs6AdminAnnotationHighlightRecord .cs6AdminCardsTab.cs6Active a::after {
	content: "";
	pointer-events: none;
	box-sizing: border-box;
	position: absolute;
	border: var(--frame-width) solid var(--color-mark-annotation-selected);
}
.cs6AdminAnnotationHighlightRecord .cs6AdminSidebarLayout::after {
	inset: -1px 0 0 0;
	z-index: 999;
	border-width: 0 0 0 var(--frame-width);
}
.cs6AdminAnnotationHighlightRecord .cs6AdminCardsTab.cs6Active a::after {
	inset: calc(var(--frame-width) * -1 + 1px);
	z-index: 999;
	border-bottom-color: var(--hex-canvas-100);
	border-radius: var(--radius-corner) var(--radius-corner) 0 0;
}
.cs6AdminAnnotationHighlightRecord .cs6AdminCardsMain::before {
	border-bottom: var(--frame-width) solid var(--color-mark-annotation-selected);
}

/* some special cases for marks */
.cs6AdminValueType_image:where(.cs6AdminValueOutput_data, .cs6AdminValueOutput_media) .cs6AdminFormElementContent .cs6AdminAnnotationMarker {
	color: var(--hex-solid-100);
	background: transparent;
}
.cs6AdminValueType_image:where(.cs6AdminValueOutput_data, .cs6AdminValueOutput_media) .cs6AdminFormElementContent .cs6AdminAnnotationMarker > :is(a, span) {
	background: var(--color-mark-bg);
	border-radius: var(--radius-corner);
}
.cs6AdminValueType_image:where(.cs6AdminValueOutput_data, .cs6AdminValueOutput_media) .cs6AdminAnnotationMarker :where(img, object) {
	box-shadow: var(--shadow-mark);
	border-radius: var(--radius-corner);
}

/* basic output css for iframe */
.cs6AdminSidebarOutput .cs6AdminCardsBody.cs6AdminCardsBody {
	padding: .5rem;
	border: 0;
	background: var(--hex-canvas-200);
}
.cs6AdminSidebarOutput .cs6AdminCardsBody::before,
.cs6AdminSidebarOutput .cs6AdminCardsBody::after {
	display: none;
}

/********************************/
/** @subpackage component_table */
/********************************/
.cs6AdminTableNoFrame {
	border: 0;
	border-collapse: collapse;
}
.cs6AdminTableNoFrame > thead > tr > th,
.cs6AdminTableNoFrame > tbody > tr > th,
.cs6AdminTableNoFrame > tbody > tr > td {
	padding: 0;
	margin: 0;
}
.cs6AdminTableNoPadding > thead > tr > th,
.cs6AdminTableNoPadding > tbody > tr > th,
.cs6AdminTableNoPadding > tbody > tr > td {
	padding: 0;
}
.cs6AdminTableNoSpacing > thead > tr > th,
.cs6AdminTableNoSpacing > tbody > tr > th,
.cs6AdminTableNoSpacing > tbody > tr > td {
	margin: 0;
}
.cs6AdminTablePadded > thead > tr > th,
.cs6AdminTablePadded > tbody > tr > th,
.cs6AdminTablePadded > tbody > tr > td {
	padding: .1875rem;
}
.cs6AdminTablePaddedExtra > thead > tr > th,
.cs6AdminTablePaddedExtra > tbody > tr > th,
.cs6AdminTablePaddedExtra > tbody > tr > td {
	padding: .375rem;
}
.cs6AdminTableSpaced > thead > tr > th,
.cs6AdminTableSpaced > tbody > tr > th,
.cs6AdminTableSpaced > tbody > tr > td {
	margin: .1875rem;
}
.cs6AdminTableBordered > thead > tr > th,
.cs6AdminTableBordered > tbody > tr > th,
.cs6AdminTableBordered > tbody > tr > td {
	border: 1px solid currentColor;
}

.cs6AdminTable {
	empty-cells: show;
	position: relative;
	width: calc(100% - (2.5rem * var(--space-multiplier)) - (2 * var(--table-passe-partout)));
	border-collapse: collapse;
	margin: calc(1rem + var(--table-passe-partout)) 0 calc(.5rem + var(--table-passe-partout)) var(--table-passe-partout);
	overflow: visible; /* for a) sticky headers to work and b) the passe-partout to be rendered in chrome too */
}
.cs6AdminTable:not(.cs6AdminTableNeutral)::before {
	content: "";
	position: absolute;
	inset: calc(var(--table-passe-partout) * -1);
	background: transparent;
	border-radius: var(--radius-corner);
	box-shadow: 0 0 0 1px inset var(--hex-solid-100),
	            0 0 0 var(--table-passe-partout) inset var(--hex-canvas-100);
	pointer-events: none;
}

/* Table head */
.cs6AdminTable > thead {
	position: relative;
}

/* Table head top */
.cs6AdminTable > thead > tr > th {
	/* For sticky headers to work, in between the th and */
	/* the scrolling element may be no other element with */
	/* either "overflow: hidden;" or "overflow: auto;" */
	position: sticky;
	top: .25rem;
	z-index: 2;
	color: var(--color-table-head-fg);
	background: var(--color-table-head-bg);
	padding: calc(.625rem * var(--space-multiplier)) .625rem;
	text-align: left;
	vertical-align: bottom;
}
details .cs6AdminTable > thead > tr > th {
	top: 2.75rem; /* we need some extra space for the also sticky block title */
}
.cs6AdminTable > thead > tr > th a {
	color: var(--color-table-head-fg);
	text-decoration-color: currentColor;
}
.cs6AdminTable > thead > tr > th .cs6AdminFormElementLabel {
	color: var(--color-table-head-fg);
	font-size: inherit;
	font-weight: inherit;
}

/* Table head left */
.cs6AdminTable > tbody > tr > th { /* left column is table header */
	position: relative;
	left: 0;
	z-index: 1;
	color: var(--color-table-head-fg);
	background: var(--color-table-head-bg);
	padding: .625rem;
	font-weight: var(--font-weight-bold);
	text-align: left;
	vertical-align: top;
}
.cs6AdminTable > tbody > tr > th a {
	color: var(--color-table-head-fg);
	font-weight: var(--font-weight-bold);
	text-decoration-color: currentColor;
}

/* Table head left (when table head top is present) */
.cs6AdminTable > thead + tbody > tr > th {
	background: var(--hex-canvas-300);
	color: var(--hex-solid-100);
}
.cs6AdminTable > thead + tbody > tr:nth-child(even) > th {
	background: var(--hex-canvas-200);
}
.cs6AdminTable > thead + tbody > tr > th a {
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-bold);
}

/* Table body (and general cell styles) */
.cs6AdminTable > tbody > tr > td {
	position: relative;
	background: transparent;
	background: var(--hex-canvas-300);
	padding: calc(.625rem * var(--space-multiplier)) calc(.3125rem + .3125rem * var(--space-multiplier));
	vertical-align: top;
	transition: background var(--timing-medium-fade-out);
	overflow-wrap: break-word;
}
.cs6AdminTable:not(.cs6AdminTableNeutral) > thead + tbody > tr > th::before,
.cs6AdminTable:not(.cs6AdminTableNeutral) > tbody > tr > td:not(:last-child)::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: min(-3px, -.1875rem) 0 0 0;
	background: transparent;
	border-right: 2px dotted var(--hex-solid-200);
	pointer-events: none;
}
.cs6AdminTable:not(.cs6AdminTableNeutral) > thead > tr > th::after,
.cs6AdminTable:not(.cs6AdminTableNeutral) > tbody > tr:not(:last-child) > th::after,
.cs6AdminTable:not(.cs6AdminTableNeutral) > tbody > tr:not(:last-child) > td::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0;
	background: transparent;
	border-bottom: 3px solid var(--hex-canvas-100);
	pointer-events: none;
}
.cs6AdminTable > tbody > tr:nth-child(even) > td {
	background: var(--hex-canvas-200);
}
.cs6AdminTableTextAlignMiddle > tbody > tr > td {
	vertical-align: middle;
}
.cs6AdminTable > :is(tbody, thead) > tr > :is(td, th).cs6AdminNarrow {
	width: 1%;
}

/* Table footer */
.cs6AdminTable > tfoot > tr {
	color: var(--hex-canvas-100);
	background: var(--hex-solid-100);
}
.cs6AdminTable > tfoot > tr > td {
	position: relative;
	padding: calc(.00125rem + max(6px, .375rem)) .625rem .00125rem .625rem;
	font-weight: var(--font-weight-semi);
}
.cs6AdminTable > tfoot > tr > td::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0;
	background: transparent;
	border-top: 6px solid var(--hex-canvas-100);
	pointer-events: none;
}
.cs6AdminTable + .cs6AdminFormCheckBoxChoose {
	margin-left: var(--table-passe-partout);
}

/* Marked cells */
/* e. g. admin > system information > session */
.cs6AdminTableMarkCell.cs6AdminTableMarkCell {
	background: rgba(var(--rgb-main-primary), .2);
	font-weight: var(--font-weight-bold);
}

/* Narrow table */
.cs6AdminTableNarrow {
	width: auto;
}

/* Neutral table */
/* Plain tables without background color, borders etc. */
/* e. g. {content container} > settings > desktop */
.cs6AdminTableNeutral {
	margin: .3125rem 0;
}
.cs6AdminTableNeutral,
.cs6AdminTableNeutral.cs6AdminTableNeutral > thead > tr > th,
.cs6AdminTableNeutral.cs6AdminTableNeutral > tbody > tr > th,
.cs6AdminTableNeutral.cs6AdminTableNeutral > tbody > tr > td {
	table-layout: auto;
	color: var(--hex-solid-100);
	background: transparent;
	border: 0;
}

/* Sort arrows */
/* e. g. admin > system information > active locks */
.cs6AdminTableSortable > thead > th a {
	display: block;
	position: relative;
}
.cs6AdminTableSortable .cs6Icon.cs6AdminTableHeaderSort {
	position: absolute;
	right: 0;
}

/* Progress Bar */
.cs6AdminTableProgressionBar {
	background: transparent;
	border: 1px solid var(--hex-main-primary);
}
.cs6AdminTableProgressionBarMin {
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
}
.cs6AdminTableProgressionBar td {
	line-height: 2rem;
}

/***********************************/
/** @subpackage component_textarea */
/***********************************/
textarea {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	padding: .25rem .625rem;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner) var(--radius-corner) 0 var(--radius-corner);
	box-shadow: none;
	line-height: 1.5;
	transition: all var(--timing-small-traverse-out);
}
textarea:focus {
	border-color: transparent;
	outline: none;
	box-shadow: var(--shadow-box-focus);
}
textarea:read-only {
	background: var(--color-input-background-readonly);
	border-color: transparent;
	box-shadow: none;
	cursor: default;
}
textarea:-moz-read-only { /* Firefox needs this to be a single rule */
	background: var(--color-input-background-readonly);
	border-color: transparent;
	box-shadow: none;
	cursor: default;
}
textarea.cs6AdminFormInputFullWidth {
	resize: vertical;
}
textarea.cs6AdminMonospaced {
	font-family: var(--font-monospace);
}

/************************************/
/** @subpackage component_textinput */
/************************************/
input[type="text"],
input[type="password"] {
	box-sizing: border-box;
	display: inline-block;
	height: 2rem;
	color: var(--hex-solid-100);
	background: var(--color-input-background-normal);
	padding: 0 .625rem;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	margin: 0 .3125rem 0 0;
	box-shadow: none;
	line-height: 2rem;
	vertical-align: middle;
	transition: all var(--timing-small-traverse-out);
}
input[type="text"]:focus,
input[type="password"]:focus {
	background: var(--color-input-background-focus);
	border-color: transparent;
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: all var(--timing-small-traverse-in);
}
input[type="text"]:read-only {
	background: var(--color-input-background-readonly);
	border-color: transparent;
	box-shadow: none;
	cursor: default;
}
input[type="text"]:-moz-read-only { /* Firefox needs this to be a single rule */
	background: var(--color-input-background-readonly);
	border-color: transparent;
	box-shadow: none;
	cursor: default;
}
input[type="password"] {
	font-size: 1.5rem;
}

/**********************************/
/** @subpackage component_toolbar */
/**********************************/
/* QUICK SEARCH */
.cs6AdminMenuItem.cs6AdminQuickSearchSearchField > a {
	margin: 0 .125rem;
	padding: 0;
}
input.cs6AdminToolbarQuickSearchText {
	width: calc(100% - 1.25rem);
	height: 1.875rem;
	min-width: 18rem;
	margin: .625rem;
	font-size: 1.125rem;
	line-height: 1.875rem;
	vertical-align: top;
}


/**************************************/
/** @subpackage section_backgroundjob */
/**************************************/
.cs6AdminSectionBgjobs table {
	width: calc(100% - calc(2rem * var(--space-multiplier)));
}
.cs6AdminSectionBgjobs table table.cs6AdminTableProgressionBar {
	width: 100%;
}

/**********************************/
/** @subpackage section_changelog */
/**********************************/
.cs6AdminChangelogPrefix {
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-bold);
}
.cs6AdminChangelogStatus span span {
	display: inline-block;
	min-width: 4.5rem;
	color: var(--hex-rainbow-text);
	padding: .125rem .5rem;
	border-radius: var(--radius-corner);
	text-align: center;
	text-transform: lowercase;
}
.cs6AdminChangelogStatus_breaking {
	background: var(--hex-rainbow-1-red);
}
.cs6AdminChangelogStatus_featured {
	background: var(--hex-rainbow-4-green);
}
.cs6AdminChangelogStatus_important {
	background: var(--hex-rainbow-6-blue);
}
.cs6AdminChangelogStatus_databasecheck {
	background: var(--hex-rainbow-3-yellow);
}

.cs6AdminSectionChangelog.cs6AdminResultListBody [title] {
	text-decoration: dashed;
	text-decoration-line: underline;
	text-decoration-color: rgba(var(--rgb-solid-100), .5);
}

/* Markup */
:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement code {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
	padding: .0625rem .5rem;
	border-radius: var(--radius-corner);
	font-family: var(--font-monospace);
}
:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement pre {
	background: var(--hex-canvas-200);
	padding: .5rem;
	border-radius: var(--radius-box);
	overflow: auto;
	font-family: var(--font-monospace);
}
:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement:nth-child(even) :is(code, pre) {
	background: var(--hex-canvas-300);
}
:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement pre code {
	padding: 0;
}
.cs6AdminSectionChangelog .cs6AdminListResultElement ol,
.cs6AdminSectionChangelog .cs6AdminListResultElement ul {
	list-style-position: outside;
	padding-left: 1.5rem;
	margin-left: 0;
}
.cs6AdminSectionChangelog .cs6AdminListResultElement ol {
	counter-reset: li;
	list-style: none;
}
.cs6AdminSectionChangelog .cs6AdminListResultElement ol li::before {
	content: counter(li)".\00a0";
	box-sizing: border-box;
	display: inline-block;
	width: 1.5rem;
	margin-left: -1.5rem;
	font-weight: var(--font-weight-bold);
	text-align: right;
}
.cs6AdminSectionChangelog .cs6AdminListResultElement ol li {
	counter-increment: li;
}

:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement table {
	border: 1px solid var(--hex-solid-200);
	border-collapse: collapse;
}

:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement thead {
	background-color: var(--hex-canvas-100);
}

:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement :is(td, th) {
	padding: .25rem .5rem;
	border: 1px solid var(--hex-solid-200);
}

/*********************************/
/** @subpackage section_iconlist */
/*********************************/
.cs6AdminSixdingGroup {
	margin-bottom: 1rem;
	line-height: 1;
}
.cs6AdminSectionIconSelect .cs6AdminSixdingIcon {
	position: relative;
	display: inline-block;
	margin: .25rem;
	width: 2rem;
	height: 2rem;
	font-size: 2rem;
	transform: scale(1);
	transition: transform var(--timing-medium-traverse-out);
}
.cs6AdminSectionIconSelect .cs6AdminSixdingIcon:hover {
	z-index: 1;
	transform: scale(2);
	transition: transform .5s var(--timing-medium-traverse-in);
}
.cs6AdminSixdingHide.cs6AdminSixdingHide {
	display: none;
}
.cs6AdminSectionIconSelect #id6AdminForm_myform {
	margin-top: -1rem;
}
.cs6AdminSectionIconSelect #id6AdminCardsBody {
	padding-top: 0;
}
.cs6AdminSectionIconSelect .cs6AdminFormField.cs6AdminFormField {
	margin: 0;
}
#id6SixdingFilter {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--hex-canvas-100);
	margin: 0 0 2rem 0;
	padding: .25rem;
}

/********************************/
/** @subpackage section_trigger */
/********************************/
#id6AdminDataTrigger textarea {
	width: 100%;
	resize: vertical;
}

/*******************************/
/** @subpackage section_filter */
/*******************************/
.cs6AdminSectionSystem.cs6AdminSectionFilter #searchmask {
	margin-top: 0;
}
.cs6AdminSectionSystem.cs6AdminSectionFilter #searchmask .cs6AdminFormToolbarWrapper {
	background: 0;
	padding: 0;
}

/*********************************/
/** @subpackage section_fulltext */
/*********************************/
.cs6AdminFulltextFieldSelect .cs6AdminListTreeItemElement::after {
	display: none;
}
.cs6AdminFulltextFieldSelect .cs6AdminListTreeItemImage,
.cs6AdminFulltextFieldSelect .cs6AdminListTreeHandlerOpen {
	cursor: default;
}

/******************************/
/** @subpackage section_group */
/******************************/
.cs6AdminSectionGroup #id6AdminFormBlockElementsused_in_users .cs6Icon {
	margin-left: .5rem;
}
/* crypt icon in group result list */
span.cs6AdminDataCount ~ span.cs6Icon.sdIcon-icon-small-group_key {
	margin-left: 1rem;
}

/**********************************/
/** @subpackage section_highlight */
/**********************************/
.cs6AdminSectionHighlights #id6AdminFrameDetailWrapper,
.cs6AdminSectionHighlights #id6AdminFrameListWrapper { /* keine Klasse sondern id weil Spacer sonst nicht tut (siehe JS) */
	width: 50%;
}
body.cs6AdminSectionHighlights .cs6AdminCardsBody {
	border-left: 1px solid var(--color-card-border);
}
.cs6AdminHighlightsFieldSelect {
	margin-left: calc(1rem * var(--space-multiplier));
}

/**********************************/
/** @subpackage section_imageedit */
/**********************************/
.cs6AdminImageEdit {
	/* As of now no form buttons needed. */
	/* Hide this area and gain some space for the image. */
	--height-form-button-area: 0;
}
.cs6AdminImageEdit .cs6AdminCardsBody {
	padding: 0;
}
.cs6AdminImageEdit .cs6AdminCardsBody::after,
.cs6AdminImageEdit .cs6AdminCardsBody::before {
	display: none;
}
#id6AdminFormBlockContentImageEdit {
	position: initial;
}
#id6AdminFormBlockMainImageEdit {
	position: absolute;
	inset: 0;
}
#id6AdminFormBlockElementsImageEdit {
	position: absolute;
	inset: 0;
}
form.cs6AdminImageEditForm {
	position: relative;
	width: 100%;
	height: 100%;
}
#id6AdminFormImageEditCanvas {
	box-sizing: border-box;
	position: relative;
	background-color: #F0F0F0;
	background-image: linear-gradient(45deg,
	#C0C0C0 25%,
	transparent 25%,
	transparent 75%,
	#C0C0C0 75%,
	#C0C0C0),
	linear-gradient(45deg,
		#C0C0C0 25%,
		transparent 25%,
		transparent 75%,
		#C0C0C0 75%,
		#C0C0C0);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
	margin: 0;
	width: 100%;
	height: 100%;
}
#id6AdminFormImageEditFormular .cs6AdminFormLabel {
	margin: 0 .25rem 0 .625rem;
}
#id6AdminFormImageEditFormular > span {
	vertical-align: middle;
}
#id6AdminFormImageEditBild {
	position: absolute;
	z-index: 3;
	pointer-events: none;
}
#id6AdminFormImageEditBackground {
	position: absolute;
	z-index: 2;
	border: dashed #333;
	border-width: 0 1px 1px 0;
	font-size: 0;
	cursor: crosshair;
}
#id6AdminFormImageEditBackground img {
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
#id6AdminFormImageEditSelector {
	visibility: visible;
	position: absolute;
	z-index: 5;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQImWNgYGD4z8DA8B8GGDAEkGQgGF0AAD9LJ9k8dE8cAAAAAElFTkSuQmCC); /* Checkerboard pattern */
	opacity: .4;
	cursor: move;
}
#id6AdminFormImageEditNWCorner,
#id6AdminFormImageEditNECorner,
#id6AdminFormImageEditSWCorner,
#id6AdminFormImageEditSECorner {
	position: absolute;
	width:0 !important;
	height:0 !important;
	border: 5px solid;
}
#id6AdminFormImageEditNWCorner {
	top: 0;
	left: 0;
	border-color: rgba(0,0,0,.8) transparent transparent rgba(255,255,255,.8);
	cursor: nwse-resize;
}
#id6AdminFormImageEditNECorner {
	top: 0;
	right: 0;
	border-color: rgba(0,0,0,.8) rgba(255,255,255,.8) transparent transparent;
	cursor: nesw-resize;
}
#id6AdminFormImageEditSWCorner {
	bottom: 0;
	left: 0;
	border-color: transparent transparent rgba(0,0,0,.8) rgba(255,255,255,.8);
	cursor: nesw-resize;
}
#id6AdminFormImageEditSECorner {
	right: 0;
	bottom: 0;
	border-color: transparent rgba(255,255,255,.8) rgba(0,0,0,.8) transparent;
	cursor: nwse-resize;
}
#id6AdminFormImageEditOverlayText {
	position: absolute;
	top: .25rem;
	left: .25rem;
	color: var(--hex-rainbow-2-orange);
	background: var(--hex-canvas-100);
	padding: .25rem;
	border: 1px solid var(--hex-rainbow-2-orange);
	font-weight: var(--font-weight-semi);
	cursor: crosshair;
}
#id6AdminFormImageEditOverlayText:hover {
	opacity: 0;
}

/******************************************************/
/** @subpackage external_styles_default_section_login */
/******************************************************/
#id6CoreLoginBackground {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#id6CoreLoginLogo {
	box-sizing: border-box;
	width: 11rem;
	height: auto;
	margin: 3.125rem 3.125rem 1rem 3.125rem;
}
#id6CoreLoginTop {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	left: 1.25rem;
	height: 1.75em;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	padding: 0 .75rem;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 0 .5rem rgba(0,0,0,.1);
	font-size:.75rem;
	line-height: 2em;
}
#id6CoreLoginLanguage {
	font-weight: normal;
}
.cs6CoreLoginLanguageActive {
	font-weight: bold;
}
#id6CoreLoginTeaser {
	display:none;
}
#id6CoreLoginBrowserForbidden {
	color: var(--hex-rainbow-1-red);
	margin: 1rem 3.75rem 0 3.75rem;
	font-size: 1.125rem;
}
#id6CoreLoginBrowserForbidden ~ #id6CoreLoginForm {
	display: none !important;
}
#id6CoreLoginBrowserUndefined {
	color: var(--hex-rainbow-2-orange);
	margin: 0 3.75rem 0 3.75rem;
}
.cs6CoreLoginBrowserUndefined #id6CoreLoginBackground {
	filter: sepia(.25);
}
.cs6CoreLoginBrowserForbidden #id6CoreLoginBackground {
	filter: sepia(.5);
}
#id6CoreLoginModal,
#id6CoreLoginInput {
	position: absolute;
	top: calc(50% - 20.5rem);
	right: calc(50% - 11rem);
	width: 22rem;
	height: 30rem;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-main-primary);
	border-radius: .25rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.15);
	font-size: .875rem;
	transition: top var(--timing-medium-traverse-out);
}
#id6CoreLoginInput form {
	margin: 1rem 3.75rem 0 3.75rem;
}
#id6CoreLoginModal {
	z-index: 100;
	background-color: var(--hex-canvas-100);
	border-color: transparent;
	box-shadow: none;
}
#id6CoreLoginModal.cs6CoreHidden {
	background-color: transparent;
	pointer-events: none;
	transition: background-color .3s;
}
#id6CoreLoginFormTitle,
#id6CoreLoginMessageText {
	display: none;
}
#id6CoreFormCardsButtonWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--hex-main-primary);
	text-align: right;
}
.cs6CoreFormButton {
	color: var(--hex-main-secondary);
	background-color: var(--hex-canvas-100);
	padding: .5rem 2rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	margin: .5rem 1rem .5rem 1rem;
	font-size: .875rem;
}
.cs6CoreFormButton:hover {
	color: var(--hex-main-primary-text);
	background: transparent;
	border-color: var(--hex-main-primary-text);
}
#id6CoreLoginForm .cs6CoreFormField {
	margin-bottom: .5rem;
}
#id6CoreLoginForm .cs6Input_text,
#id6CoreLoginForm .cs6Input_password {
	box-sizing: border-box;
	width: 100%;
	height: 1.875rem;
	color: var(--hex-solid-100);
	background: var(--color-input-background-normal);
	padding: 0 .75rem;
	border-radius: .25rem;
	margin: .375rem 0 1.25rem 0;
	font-size: .875rem;
	line-height: 1.875rem;
	transition: all var(--timing-medium-traverse-out);
}
#id6CoreLoginForm .cs6Input_text[size],
#id6CoreLoginForm .cs6Input_password[size] {
	width: auto;
	max-width: 100%;
}
.cs6CoreFormContent:last-child input {
	margin-bottom: .25rem;
}
.cs6CoreFormButton:focus,
#id6CoreLoginForm .cs6Input_text:focus,
#id6CoreLoginForm .cs6Input_password:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem var(--hex-main-accent);
}
#id6CoreLoginMessageBlock {
	padding: .5rem 3.75rem;
}
:where(#id6CoreLoginForm) #id6CoreLoginMessageError {
	position: absolute;
	top: 5rem;
	left: 23rem;
	z-index: 101;
	min-width: 16rem;
	min-height: 8rem;
	color: var(--hex-rainbow-text);
	background: var(--hex-rainbow-1-red);
	padding: 1rem 1.5rem;
	border-radius: .25rem;
	filter: drop-shadow(0 0 1.5rem rgba(0,0,0,.4));
}
:where(#id6CoreLoginForm) #id6CoreLoginMessageError::after {
	content: "";
	position: absolute;
	top: 2rem;
	left: -2rem;
	border: solid;
	border-width: 1rem 1.25rem;
	border-color: transparent var(--hex-rainbow-1-red) var(--hex-rainbow-1-red) transparent;
	border-radius: 0 0 0 .25rem;
}
#id6CoreLoginMessageError .cs6CoreLoginMessageError {
	color: inherit;
}
.cs6CoreLoginMessageError {
	display: block;
	color: var(--hex-rainbow-1-red);
	background: transparent;
	padding: 0;
}
li.cs6CoreLoginMessageError {
	padding: .75rem;
	position: relative;
}
li.cs6CoreLoginMessageError::before {
	content: "•";
	position: absolute;
	left: 0;
}
li.cs6CoreLoginMessageError:only-child {
	padding: 0;
}
li.cs6CoreLoginMessageError:only-child::before {
	display: none;
}

.cs6CoreLoginMessageLabel {
	text-decoration: underline;
}
.cs6CoreLoginListMessages {
	list-style: none;
	padding: 0;
}

#id6CoreLoginBottom {
	box-sizing: border-box;
	position: absolute;
	right: 5rem;
	bottom: 4rem;
	width: 30rem;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-100);
	padding: .75rem .75rem .825rem .75rem;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 0 .5rem rgba(0,0,0,.1);
	font-size: .825rem;
	text-align: left;
	transition: all var(--timing-medium-traverse-out);
}
#id6CoreLoginBottom:hover {
	z-index: 1000;
}
#id6CoreLoginBottom > div:not(:first-child) {
	margin-top: 1em;
}
#id6CoreLoginCopyright {
	position: relative;
	top: .3125rem;
}
.cs6AdminButtonLogin {
	padding: .4375rem .625rem .25rem .625rem;
}
@media (max-width: 62.5rem), (max-height: 49rem) {
	#id6CoreLoginBottom {
		width: calc(100% - 2.5rem);
		right: 1.25rem;
		bottom: 1.25rem;
	}
}
@media (max-width: 62.5rem) {
	#id6CoreLoginMessageError {
		top: calc(100% + 2rem);
		left: -2rem;
		min-height: unset;
	}
	#id6CoreLoginMessageError::after {
		left: auto;
		right: 1rem;
		top: -1rem;
		transform: rotate(137deg);
	}
}
@media (max-height: 49rem) {
	#id6CoreLoginModal,
	#id6CoreLoginInput {
		top: 5rem;
		height: auto;
		padding-bottom: 5rem;
		z-index: 2;
	}
}
@media (max-height: 45rem) {
	#id6CoreLoginHelp {
		display: none;
	}
}
@media (max-height: 40rem) {
	#id6CoreLoginInfo {
		display: none;
	}
	#id6CoreLoginBottom {
		padding: .75rem;
	}
	#id6CoreLoginBottom #id6CoreLoginCopyright {
		margin: 0;
		top: 0;
	}
}

/**********************************/
/** @subpackage section_messaging */
/**********************************/
.cs6AdminMessagingMarkUnread {
	font-weight: var(--font-weight-bold);
}
.cs6AdminMessagingMarkRead,
.cs6AdminMessagingMarkRead.cs6AdminMessagingMarkRead a {
	font-weight: var(--font-weight-normal);
}

/*****************************************/
/** @subpackage section_personalsettings */
/*****************************************/
#id6AdminFormCookieProfiler.cs6AdminFormColumns {
	column-width: 14rem;
}
.cs6AdminCookieEntry {
	line-height: 1.875rem;
}
.cl6ProfilerBlock {
	margin-left: 1.75rem;
}
.cs6AdminCookieEntry sup {
	position: relative;
	top: .1875rem;
	color: var(--hex-solid-100);
	font-size: .875rem;
}
#id6AdminAvatarPreview {
	display: flex;
	margin: .5rem 0 0 .5rem;
	gap: .5rem;
	align-items: end;
}
#id6AdminAvatarPreview img {
	border-radius: var(--radius-corner);
}
#id6AdminId_input_options__avatar_image_ {
	padding: .5rem;
	border: 1px solid var(--hex-canvas-400);
	border-radius: var(--radius-corner);
	background: var(--hex-canvas-300);
}
.cs6AdminSectionFactor .cs6AdminFormBlockContentList {
	word-break: break-all; /* for the secret-key and URL boxes */
}

/*******************************/
/** @subpackage section_plugin */
/*******************************/
.cs6AdminSystemPluginsElement input,
.cs6AdminSystemPluginsInput_textarea,
.cs6AdminSystemPluginsValue a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	min-height: 2em;
	line-height: 1.5em;
}
.cs6AdminSystemPluginsValue a {
	color: var(--hex-solid-100);
	background: var(--color-input-background-normal);
	padding: .25rem .625rem;
	border: var(--border-input);
	border-radius: var(--radius-corner) var(--radius-corner) 0 var(--radius-corner);
	box-shadow: none;
	line-height: 1.5;
	text-decoration: none;
}
.cs6AdminSystemPluginsValue:not(.cs6AdminFormInlineEdit) {
	color: var(--hex-solid-100);
	background: var(--color-input-background-normal);
	padding: .25rem .625rem;
	border: var(--border-input);
	border-radius: var(--radius-corner) var(--radius-corner) 0 var(--radius-corner);
	box-shadow: none;
}
.cs6AdminSystemPluginsValue:not(.cs6AdminFormInlineEdit):empty {
	min-height: calc(1.5rem - 2px);
}
.cs6AdminSystemPluginsKey {
	box-sizing: border-box;
	height: 2em;
	padding: .25rem 0;
	line-height: 1.5em;
}
.cs6AdminSystemPluginsHidden {
	display: none;
	width: 100%;
	font-size: 0;
}
.cs6AdminSystemPluginsInput_textarea {
	margin: 0;
}
.cs6AdminSystemPluginsInput_text {
	width: 100%;
}
.cs6AdminSectionPlugins .cs6AdminFormTableElementContent > img {
	margin-right: 1rem;
}
:is(.cs6AdminSectionChangelog, .cs6AdminSectionReadme) .cs6AdminTextMarkdown {
	padding-right: 2rem;
}
.cs6AdminSectionChangelog .cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6)::before {
	content: none;
}
.cs6AdminSectionChangelog .cs6AdminCardsTitle {
	display: block;
	border-bottom: 1px solid var(--hex-solid-200);
	margin-right: 2rem;
}

/*********************************/
/** @subpackage section_profiler */
/*********************************/
.cs6AdminSectionProfiler .cs6AdminFormTableElementLabel {
	min-width: 15rem;
}
a.cs6AdminProfilerBlockToggle {
	font-weight: var(--font-weight-bold);
}
.cs6AdminProfilerBlockToggleClosed .sdIcon-arrow-strong-right,
.cs6AdminProfilerBlockToggleOpen .sdIcon-arrow-strong-down {
	display: inline-block;
	width: 1.25rem;
}
.cs6AdminProfilerBlockToggleClosed .sdIcon-arrow-strong-down,
.cs6AdminProfilerBlockToggleOpen .sdIcon-arrow-strong-right {
	display: none;
}
.cs6AdminProfilerSum,
.cs6AdminProfilerLinkLine,
.cs6AdminProfilerLinkNoLine {
	position: relative;
	padding-left: 2rem;
	line-height: 1.25;
}
.cs6AdminProfilerLinkLine::before,
.cs6AdminProfilerLinkNoLine::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	background: var(--hex-canvas-100);
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	font-family: var(--font-icon);
	font-size: .125rem;
	line-height: 1.25;
	text-align: center;
	transition: all var(--timing-medium-traverse-out);
}
.cs6AdminProfilerLinkLine::before {
	content: "\e621"; /* sdIcon-button-apply */
	color: var(--color-checkbox-checked-fg);
	background: var(--color-checkbox-checked-bg);
	border-color: var(--color-checkbox-checked-bg);
	font-size: .8125rem;
	transition: all var(--timing-medium-traverse-in);
}
.cs6AdminProfilerSum::before {
	content: "\0394";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-weight: var(--font-weight-normal);
}
:is(.cs6AdminProfilerError, .cs6AdminProfilerWarning, .cs6AdminProfilerNotice, .cs6AdminProfilerDone) :is(td,th)::after {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	border: 2px solid;
	pointer-events: none;
}
:is(.cs6AdminProfilerError, .cs6AdminProfilerWarning, .cs6AdminProfilerNotice, .cs6AdminProfilerDone) th::after {
	border-right: 0;
}
:is(.cs6AdminProfilerError, .cs6AdminProfilerWarning, .cs6AdminProfilerNotice, .cs6AdminProfilerDone) td:not(:last-child)::after {
	border-right: 0;
	border-left: 0;
}
:is(.cs6AdminProfilerError, .cs6AdminProfilerWarning, .cs6AdminProfilerNotice, .cs6AdminProfilerDone) td:last-child::after {
	border-left: 0;
}
.cs6AdminProfilerError.cs6AdminProfilerError.cs6AdminProfilerError.cs6AdminProfilerError :is(td,th)::after {
	border-color: var(--hex-rainbow-1-red);
	border-bottom-width: 2px;
	background: rgba(var(--rgb-rainbow-1-red), .15);
}
.cs6AdminProfilerWarning.cs6AdminProfilerWarning.cs6AdminProfilerWarning.cs6AdminProfilerWarning :is(td,th)::after {
	border-color: var(--hex-rainbow-2-orange);
	border-bottom-width: 2px;
	background:  rgba(var(--rgb-rainbow-2-orange), .15);
}
.cs6AdminProfilerNotice.cs6AdminProfilerNotice.cs6AdminProfilerNotice.cs6AdminProfilerNotice :is(td,th)::after {
	border-color: var(--hex-rainbow-6-blue);
	border-bottom-width: 2px;
	background:  rgba(var(--rgb-rainbow-6-blue), .15);
}
.cs6AdminProfilerDone.cs6AdminProfilerDone.cs6AdminProfilerDone.cs6AdminProfilerDone :is(td,th)::after {
	border-color: var(--hex-rainbow-4-green);
	border-bottom-width: 2px;
	background:  rgba(var(--rgb-rainbow-4-green), .15);
}
.cs6AdminProfilerNoWrap {
	white-space: nowrap;
}
.cs6AdminProfilerMoreClosed {
	display: none;
}
.cs6AdminProfilerMoreOpen {
	display: block;
}

/**********************************/
/** @subpackage section_reference */
/**********************************/
.cs6AdminSectionReferences .cs6AdminTextMarkdown {
	box-sizing: border-box;
	max-width: 61rem;
	padding: 0 1rem 1rem 0;
	border-bottom: 1px solid var(--color-line);
	margin: 0 0 10rem 0;
}

/* Chapter headings */
.cs6AdminSectionReferences h1:first-of-type,
.cs6AdminSectionReferences h1:first-child {
	margin-top: 0;
}
.cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6) {
	position: relative;
	margin: 1em 0 .5em 0;
	font-weight: var(--font-weight-normal);
}
.cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
	margin-top: 2em;
}
.cs6AdminTextMarkdown.cs6AdminTextMarkdown h1 + h2,
.cs6AdminTextMarkdown.cs6AdminTextMarkdown h2 + h3,
.cs6AdminTextMarkdown.cs6AdminTextMarkdown h3 + h4,
.cs6AdminTextMarkdown.cs6AdminTextMarkdown h4 + h5,
.cs6AdminTextMarkdown.cs6AdminTextMarkdown h5 + h6 {
	margin-top: .5em;
}
.cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6) code {
	color: inherit;
	background: none;
	padding: 0;
}
.cs6AdminTextMarkdown :is(h2, h3, h4, h5, h6) code ~ em { /* Parameter value type */
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-normal);
	font-style: normal;
}
.cs6AdminTextMarkdown :is(h2, h3, h4, h5, h6) code ~ em:nth-of-type(5n + 2) {
	color: var(--hex-rainbow-5-cyan);
}
.cs6AdminTextMarkdown :is(h2, h3, h4, h5, h6) code ~ em:nth-of-type(5n + 3) {
	color: var(--hex-rainbow-6-blue);
}
.cs6AdminTextMarkdown :is(h2, h3, h4, h5, h6) code ~ em:nth-of-type(5n + 4) {
	color: var(--hex-rainbow-7-purple);
}
.cs6AdminTextMarkdown :is(h2, h3, h4, h5, h6) code ~ em:nth-of-type(5n + 5) {
	color: var(--hex-rainbow-8-violet);
}
.cs6AdminTextMarkdown {
	counter-reset: lvl-1 lvl-2 lvl-3 lvl-4 lvl-5 lvl-6;
}
.cs6AdminTextMarkdown h1 {
	counter-reset: lvl-2 lvl-3 lvl-4 lvl-5 lvl-6;
	counter-increment: lvl-1;
	font-size: 1.625rem;
}
.cs6AdminTextMarkdown h2 {
	counter-reset: lvl-3 lvl-4 lvl-5 lvl-6;
	counter-increment: lvl-2;
	font-size: 1.5rem;
}
.cs6AdminTextMarkdown h3 {
	counter-reset: lvl-4 lvl-5 lvl-6;
	counter-increment: lvl-3;
	font-size: 1.375rem;
}
.cs6AdminTextMarkdown h4 {
	counter-reset: lvl-5 lvl-6;
	counter-increment: lvl-4;
	font-size: 1.25rem;
}
.cs6AdminTextMarkdown h5 {
	counter-reset: lvl-6;
	counter-increment: lvl-5;
	font-size: 1.125rem;
}
.cs6AdminTextMarkdown h6 {
	counter-increment: lvl-6;
	font-size: 1.0625rem;
}
.cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6)::before {
	color: var(--hex-solid-100);
	margin-right: .5em;
	font-size: 90%;
	font-weight: var(--font-weight-normal);
}
.cs6AdminTextMarkdown  h1::before {
	content: counter(lvl-1) ". ";
}
.cs6AdminTextMarkdown  h2::before {
	content: counter(lvl-1) "." counter(lvl-2) " ";
}
.cs6AdminTextMarkdown  h3::before {
	content: counter(lvl-1) "." counter(lvl-2) "." counter(lvl-3) " ";
}
.cs6AdminTextMarkdown  h4::before {
	content: counter(lvl-1) "." counter(lvl-2) "." counter(lvl-3) "." counter(lvl-4) " ";
}
.cs6AdminTextMarkdown  h5::before {
	content: counter(lvl-1) "." counter(lvl-2) "." counter(lvl-3) "." counter(lvl-4) "." counter(lvl-5) " ";
}
.cs6AdminTextMarkdown  h6::before {
	content: counter(lvl-1) "." counter(lvl-2) "." counter(lvl-3) "." counter(lvl-4) "." counter(lvl-5) "." counter(lvl-6) " ";
}
.cs6AdminTextMarkdownNoChapterCount :is(h1, h2, h3, h4, h5, h6)::before {
	display: none;
	content: "";
}
.cs6AdminTextMarkdown :is(h1, h2, h3, h4, h5, h6) + blockquote {
	position: relative;
	top: -.5rem;
	color: var(--hex-solid-100);
	padding: 0;
	border: 0;
	margin: 0;
	font-style: normal;
}
.cs6AdminTextMarkdownTableView p:first-child,
.cs6AdminTextMarkdownTableView ul:first-child,
.cs6AdminTextMarkdownTableView ul:first-child li:first-child {
	margin-top: 0;
}

/* Markup */
.cs6AdminTextMarkdown p {
	margin: 1rem 0;
}
.cs6AdminTextMarkdown blockquote {
	position: relative;
	color: var(--hex-solid-100);
	padding-left: 7px;
	border-left: .2rem solid var(--hex-main-primary);
	margin-left: .75rem;
	font-weight: var(--font-weight-normal);
	font-style: italic;
	line-height: 1.75rem;
}
.cs6AdminTextMarkdown table + blockquote {
	margin-top: 2.5rem;
}
.cs6AdminTextMarkdown blockquote p {
	margin: 0;
}
.cs6AdminTextMarkdown pre,
.cs6AdminTextMarkdown pre[class*="language-"] {
	padding: 0;
	border: 1px solid var(--hex-solid-100);
	background: var(--hex-canvas-100);
	border-radius: var(--radius-corner);
}
.cs6AdminTextMarkdown code {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-400);
	padding: .2em .3em;
	border-radius: var(--radius-corner);
	margin: 0 .1em;
}
.cs6AdminTextMarkdown pre code {
	display: block;
	background: transparent;
	padding: 1em; /* as in prism */
	overflow: auto;
}
.cs6AdminTextMarkdown li {
	margin: .25rem 0;
}

/* highlight default values */
.cs6AdminTextMarkdown strong > code {
	position: relative;
	background: transparent;
	padding: calc(.2em - 1px) calc(.3em - 1px);
	border: 1px solid var(--hex-canvas-400);
}
.cs6AdminTextMarkdown strong > code::after {
	content: " (default)";
	position: absolute;
	bottom: calc(100% + 5px);
	left: calc(50% - 2rem);
	color: var(--hex-canvas-100);
	background: var(--hex-solid-100);
	padding: .25rem;
	border-radius: var(--radius-corner);
	font-size: 1em;
	font-weight: var(--font-weight-normal);
	line-height: 1.2em;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s .2s;
}
.cs6AdminTextMarkdown strong > code::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 4px);
	left: calc(50% - 5px);
	border: 5px solid;
	border-color: var(--hex-solid-100) transparent transparent transparent;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s .2s;
}
.cs6AdminTextMarkdown strong:hover > code::after,
.cs6AdminTextMarkdown strong:hover > code::before {
	opacity: 1;
	transition: opacity .3s .2s;
}
.cs6AdminTextMarkdown table {
	empty-cells: show;
	table-layout: fixed;
	position: relative;
	width: calc(100% - 2rem);
	border-collapse: collapse;
	margin: 1rem .6875rem;
	overflow: hidden;
}
.cs6AdminTextMarkdown table::before {
	content: "";
	position: absolute;
	inset: min(-11px, -.6875rem);
	background: transparent;
	border-radius: var(--radius-corner);
	box-shadow: 0 0 0 max(1px, .0625rem) inset var(--hex-solid-100), 0 0 0 max(11px, .6875rem) inset var(--hex-canvas-100);
	pointer-events: none;
}
.cs6AdminTextMarkdown thead {
	position: relative;
}
.cs6AdminTextMarkdown th {
	position: sticky;
	top: .25rem;
	z-index: 1;
	color: var(--hex-canvas-100);
	background: var(--hex-solid-100);
	padding: .625rem;
	text-align: left;
	vertical-align: bottom;
}
.cs6AdminTextMarkdown th a {
	color: var(--hex-canvas-100);
	text-decoration-color: currentColor;
}
.cs6AdminTextMarkdown td {
	position: relative;
	background: transparent;
	background: var(--hex-canvas-300);
	padding: .625rem;
	vertical-align: top;
	transition: background var(--timing-medium-fade-out);
	overflow-wrap: break-word;
}
.cs6AdminTextMarkdown td:not(:last-child)::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: min(-3px, -.1875rem) 0 0 0;
	background: transparent;
	border-right: 3px dotted var(--hex-solid-200);
	pointer-events: none;
}
.cs6AdminTextMarkdown th::after,
.cs6AdminTextMarkdown tr:not(:last-child) td::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0;
	background: transparent;
	border-bottom: 3px solid var(--hex-canvas-100);
	pointer-events: none;
}
.cs6AdminTextMarkdown tr:nth-child(even) td {
	background: rgba(var(--rgb-canvas-200), .4);
}
.cs6AdminTextMarkdown tbody code {
	background: var(--hex-canvas-100);
}

/* Syntax Highlighting */
/* overloading colors of prism.css */
.cs6AdminTextMarkdown :is(:not(pre) > code[class*="language-"], pre[class*="language-"]) {
	background: var(--hex-canvas-100);
}
.cs6AdminTextMarkdown :is(code[class*="language-"], pre[class*="language-"]) {
	color: var(--color-syntax-plain);
	text-shadow: none;
	font-family: var(--font-monospace);
}
.cs6AdminTextMarkdown .token:is(.comment, .prolog, .doctype, .cdata) {
	color: var(--color-syntax-comment);
}
.cs6AdminTextMarkdown .token.punctuation {
	color: var(--color-syntax-default);
}
.cs6AdminTextMarkdown .token:is(.property, .tag, .boolean, .number, .constant, .symbol, .deleted) {
	color: var(--color-syntax-variable);
	font-style: italic;
}
.cs6AdminTextMarkdown .token:is(.selector, .attr-name, .string, .char, .builtin, .inserted) {
	color: var(--color-syntax-string);
}
.cs6AdminTextMarkdown .token:is(.operator, .entity, .url),
.cs6AdminTextMarkdown :is(.language-css, .style) .token.string {
	color: var(--color-syntax-default);
	background: transparent;
}
.cs6AdminTextMarkdown .token:is(.atrule, .attr-value, .keyword) {
	color: var(--color-syntax-keyword);
	font-weight: var(--font-weight-semi);
}
.cs6AdminTextMarkdown .token.function {
	color: var(--color-syntax-keyword);
}
.cs6AdminTextMarkdown .token:is(.regex, .important, .variable) {
	color: var(--color-syntax-variable);
}

/***********************************/
/** @subpackage section_resultlist */
/***********************************/
/* List info */
.cs6AdminResultListInfo,
.cs6AdminListResultNone {
	color: var(--hex-solid-100);
	padding: calc(1rem * var(--space-multiplier)) calc(1.125rem * var(--space-multiplier)) calc(.5rem * var(--space-multiplier)) calc(1rem * var(--space-multiplier));
	margin: 0;
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
}
.cs6AdminResultListInfo {
	padding-top: 0;
}
.cs6AdminResultListInfo > div {
	padding: .5rem 0;
	border-bottom: .1875rem dotted var(--hex-solid-200); /* width should grow proportional to font-size */
}
.cs6AdminResultListTitle {
	font-weight: var(--font-weight-bold);
}

.cs6AdminResultListInfo_restrictions {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-template-rows: repeat(auto-fit, 1fr);
	gap: .25rem;
}
.cs6AdminResultListInfo_restrictions .cs6AdminRestrictionKey {
	font-weight: bold;
	grid-column: 1;
}
.cs6AdminResultListInfo_restrictions .cs6AdminRestrictionValue {
	grid-column: 2;
}
.cs6AdminResultListInfo_restrictions > br {
	display: none;
}
.cs6AdminResultListInfo_restrictions.cs6AdminResultListInfo_restrictions :is(.cs6CoreTextMessageError, .cs6CoreTextMessageHint) {
	padding: .0625rem .125rem;
}

/* Part: Paging */
.cs6AdminResultListInfo_jumpbar,
.cs6AdminListResultJumpSeparator.cs6AdminListResultJumpSeparator {
	display: none;
}
.cs6AdminResultListInfo:last-child  .cs6AdminResultListInfo_jumpbar {
	box-sizing: border-box;
	display: block;
	position: fixed;
	inset: auto 0 0 0;
	z-index: 2;
	height: var(--height-form-button-area);
	background: var(--hex-main-primary);
	padding: calc((var(--height-form-button-area) - (1.25rem + 1px)) / 2) .8125rem 0 1rem;
	border: 0;
	overflow: auto;
	font-size: 1rem;
	white-space: nowrap;
}
.cs6AdminResultListInfo:last-child {
	box-sizing: border-box;
	display: block;
	position: fixed;
	inset: auto 0 0 0;
	height: var(--height-form-button-area);
	z-index: 4;
}
.cs6AdminResultListInfo:last-child::after {
	content: "";
	position: absolute;
	top: -1rem;
	right: 1px;
	left: 0;
	height: 1rem;
	pointer-events: none;
	background: var(--gradient-button-area-shadow);
}
.cs6AdminResultListInfo_jumpbar a,
.cs6AdminResultListInfo_jumpbar > span > span {
	display: inline-block;
	height: 1.25rem;
	min-width: 1.75rem;
	color: var(--hex-main-primary-text);
	border: 1px solid rgba(var(--rgb-main-primary-text), .6);
	border-radius: var(--radius-corner);
	margin-right: .3125rem;
	box-shadow: none;
	line-height: 1.25rem;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.cs6AdminResultListInfo_jumpbar .inactive {
	display: none;
}
.cs6AdminResultListInfo_jumpbar a {
	font-weight: var(--font-weight-normal);
}
.cs6AdminResultListInfo_jumpbar a:focus {
	box-shadow: 0 0 0 max(1px, .0625rem) var(--hex-main-primary), var(--shadow-box-focus);
}
.cs6AdminResultListInfo_jumpbar a:hover {
	box-shadow: 0 0 0 max(1px, .0625rem) var(--hex-main-primary-text);
}

a.cs6AdminListResultJumpCurrent {
	color: var(--hex-main-primary);
	background: var(--hex-main-primary-text);
}
.cs6AdminListResultJumpLeft a,
.cs6AdminListResultJumpRight a {
	width: 1.25rem;
	min-width: auto;
	border: 0;
	font-size: 1.25rem;
}
.cs6AdminListResultJumpRight .sdIcon-arrow-next::before {
	content: "\e64e"; /* arrow-strong-right */
}
.cs6AdminListResultJumpRight .sdIcon-arrow-last::before {
	content: "\e93a"; /* arrow-double-strong-right */
}
.cs6AdminListResultJumpLeft .sdIcon-arrow-prev::before {
	content: "\e64d"; /* arrow-strong-left */
}
.cs6AdminListResultJumpLeft .sdIcon-arrow-first::before {
	content: "\e938"; /* arrow-double-strong-left */
}

/* Part: Tree view */
div.cs6AdminResultListInfo_treenav {
	box-sizing: border-box;
	position: relative;
	padding: 1.3125rem 0 .375rem .25rem;
	border: 0;
	margin-left: -.25rem;
	overflow: hidden;
	white-space: nowrap;
}
div.cs6AdminResultListInfo_treenav::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: .0625rem;
	left: .25rem;
	border-bottom:.375rem solid var(--hex-main-primary);
}
.cs6AdminResultListInfo_treenav a,
.cs6AdminResultListInfo_treenav .cs6AdminActive {
	box-sizing: border-box;
	display: inline-block;
	height: 1.75rem;
	padding: 0 .8125rem;
	border: 1px solid var(--hex-solid-200);
	border-bottom: 0;
	border-radius: var(--radius-corner) var(--radius-corner) 0 0;
	margin-right: .1875rem;
	box-shadow: none;
	line-height: 1.75rem;
	text-decoration: none;
	transition: none;
}
.cs6AdminResultListInfo_treenav .cs6AdminActive {
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
	padding: 0 1rem;
	border-color: var(--hex-main-primary);
	font-weight: var(--font-weight-semi);
}
.cs6AdminResultListInfo_treenav a:focus {
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminResultListInfo_treenav a:hover {
	color: var(--hex-main-primary);
	border-color: var(--hex-main-primary);
	text-decoration: underline;
	text-decoration-color: var(--hex-main-accent);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-offset: .125rem;
	cursor: default;
}
/*noinspection CssReplaceWithShorthandSafely*/
.cs6AdminResultListInfoTree {
	padding: calc(1rem * var(--space-multiplier));
	padding-bottom: .1875rem;
}
.cs6AdminResultListInfoTree + .cs6AdminListResultBlock > li:first-child {
	margin-top: 0;
}
.cs6AdminListResultTreeBreadcrumb {
	margin: .5rem 1rem;
	font-size: 1rem;
}
.cs6AdminListResultTreeBreadcrumb a {
	text-decoration: none;
	cursor: default;
}
.cs6AdminListResultTreeBreadcrumb a:hover {
	text-decoration: underline;
}
.cs6AdminListResultTreeBreadcrumbSeparator {
	opacity: .5;
}
.cs6AdminListResultTreeBreadcrumbSeparator::before {
	content: "\e64e";
}
.cs6AdminListLinkTreeSearch {
	position: absolute;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	color: var(--hex-solid-100);
	border-radius: var(--radius-corner);
	box-shadow: none;
	text-align: center;
	text-decoration: none;
	transition: box-shadow var(--timing-small-traverse-out);
}
.cs6AdminListLinkTreeSearch:hover {
	transition: box-shadow var(--timing-small-traverse-in);
}
.cs6AdminListLinkTreeSearch:focus {
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-traverse-in);
}
.cs6AdminListLinkTreeSearch:active {
	transition: box-shadow var(--timing-small-traverse-in);
}
.cs6AdminListLinkTreeSearch:after {
	content: "";
	display: block;
	position: absolute;
	top: .5rem;
	left: .1875rem;
	width: 0;
	height: 0;
	border: .25rem solid transparent;
	border-left-color: var(--hex-solid-100);
}
.cs6AdminListLinkTreeSearch .cs6Icon {
	position: relative;
	top: .125rem;
	left: .1875rem;
}
.cs6Icon.cs6AdminListResultTreeLevelDown::before {
	content: "\e928";
}
.cs6AdminListResultBlockDeactivated {
	opacity: .5;
}

/* List layout */
.cs6AdminPanel.cs6AdminPanel.cs6AdminListResultBlock {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cs6AdminResultListBody.cs6AdminResultListBody.cs6AdminResultListBody.cs6AdminResultListBody :is(.cs6AdminBlockError, .cs6AdminBlockHint) {
	padding: .5rem .75rem .625rem .75rem;
	margin: 2rem 1rem 1rem 1rem;
	font-size: 1rem;
}
.cs6AdminResultListBody :is(.cs6CoreTextMessageError, .cs6CoreTextMessageHint) {
	padding: 0;
}

/* List elements */
.cs6AdminListResultElement {
	box-sizing: border-box;
	display: block;
	position: relative;
	z-index: 0;
	background: var(--hex-canvas-300);
	padding: calc(.25rem + .25rem * var(--space-multiplier)) .6875rem;
	margin: calc(.5625rem * var(--space-multiplier)) calc(1rem * var(--space-multiplier));
	overflow: hidden;
}
.cs6AdminListResultElement:nth-child(even) {
	background: var(--hex-canvas-200);
}
.cs6AdminListResultElement:focus-within {
	box-shadow: 0 0 0 .125rem inset var(--hex-main-accent), 0 0 0 .0625rem var(--hex-main-accent);
}
.cs6AdminListResultActive {
	position: relative;
	color: var(--hex-main-secondary);
	box-shadow: 0 0 0 .125rem inset var(--hex-main-primary), 0 0 0 .0625rem var(--hex-main-primary);
}
.cs6AdminListResultActive :not(.cs6AdminButtonIcon) a {
	color: var(--hex-main-secondary);
	font-weight: var(--font-weight-semi);
}

/* in case someone uses float within the element */
.cs6AdminListResultElement::after {
	content: "";
	display: block;
	clear: both;
}
.cs6AdminListResultStat {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 .3125rem 0;
	font-size: 0;
}
.cs6AdminListResultStat > a,
.cs6AdminListResultStat > span {
	color: var(--hex-solid-100);
	padding-right: 6px;
	box-shadow: none; /* otherwise the icons also have this */
	font-size: 1rem;
}
.cs6AdminListResultStat .cs6Icon {
	font-size: 1.5rem;
}
.cs6AdminListResultEntryTitle {
	font-weight: var(--font-weight-semi);
}
.cs6AdminListResultEntrySubTitle {
	font-style: oblique;
}
.cs6AdminListResultEntryText {
	font-style: normal;
}
.cs6AdminListResultAdopt {
	display: inline-block;
	margin: .25rem .5rem 0 0;
	vertical-align: top;
}
.cs6AdminListResultAdopt + .cs6AdminListResultEntryWrapper {
	display: inline-block;
	max-width: calc(100% - 2.5rem);
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultStat:not(.cs6AdminListResultStatEmpty) {
	margin-top: .125rem;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultStatEmpty {
	margin-bottom: .125rem;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultAdopt {
	position: absolute;
	width: 2.5rem;
	margin: .25rem 0 0 0;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultAdopt + .cs6AdminListResultEntryWrapper {
	margin-left: 3rem;
}
.cs6AdminListResultAdopt a {
	text-decoration: none;
}
li.cs6AdminListResultAdopted.cs6AdminListResultAdopted {
	background: rgba(var(--rgb-main-primary), .3);
}
li.cs6AdminListResultAdopted.cs6AdminListResultAdopted  .cs6AdminButtonIcon a:focus {
	box-shadow: var(--shadow-box-alt-focus);
}
li.cs6AdminListResultAdopted.cs6AdminListResultAdopted a:focus {
	text-decoration-color: var(--hex-canvas-100);
}
.cs6AdminListResultAdopt:not(.cs6AdminListResultAdopted):not(:hover) a:not(.cs6AdminListResultTreeLevelButton) {
	color: var(--hex-solid-100);
	background: transparent;
	border: 1px solid var(--hex-solid-100);
	line-height: calc(2rem - max(2px, .125rem));
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultElement {
	overflow: initial;
	width: fit-content;
	min-width: calc(100% - (2rem * var(--space-multiplier)));
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultEntryWrapper {
	display: flex;
	justify-content: unsafe start;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultEntryIndent {
	flex: 0 0 2.5rem;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultEntryEntry {
	flex: 0 1 auto;
	min-width: 10rem;
	word-break: break-word;
}
.cs6AdminListResultBlockHierarchical .cs6AdminListResultEntry {
	position: relative;
}
.cs6AdminListResultEntryIndent ~ .cs6AdminListResultEntryEntry {
	position: relative;
}
.cs6AdminListResultEntryIndent ~ .cs6AdminListResultEntryEntry::before {
	content: "\e928";
	font-family: var(--font-icon);
	font-size: 1.5rem;
	position: absolute;
	top: -.5rem;
	left: -2.5rem;
}
.cs6AdminListResultEntryIndent {
	display: inline-block;
	width: 2.5rem;
}
.cs6AdminListResultEntryEntry {
	display: inline-block;
	white-space: normal;
}
.cs6AdminListResultEntry {
	font-size: 1.0625rem;
}
.cs6AdminListResultEntry > img,
.cs6AdminListResultEntry > object,
.cs6AdminListResultEntry > a > img,
.cs6AdminListResultEntry > a > object {
	height: auto;
	max-width: 100%;
}
.cs6AdminListResultEntry img {
	margin: .25rem .25rem .25rem 0;
}

/* Result Tables and relationship lists */
.cs6AdminFormBlockContentList .cs6AdminListResultBlock.cs6AdminListResultBlock,
.cs6AdminListResultTable {
	background: var(--hex-canvas-100);
	padding: .3125rem;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	font-size: 0;
}
.cs6AdminListResultTable {
	display: block;
}
.cs6AdminListResultFiller {
	display: none;
}
.cs6AdminListResultTable > tbody,
.cs6AdminListResultTable > tbody > tr {
	display: contents;
}
.cs6AdminFormBlockContentList .cs6AdminListResultElement,
.cs6AdminListResultTable .cs6AdminListResultElement {
	min-width: 15rem;
	margin: .1875rem 0 0 0;
	font-size: 1rem;
}
.cs6AdminListResultTable > tbody > tr:first-child > .cs6AdminListResultElement:first-child {
	margin: 0;
}
.cs6AdminListResultTable > tbody > tr:nth-child(2n) .cs6AdminListResultElement {
	background: var(--hex-canvas-200);
}
.cs6AdminListResultTable > tbody > tr:nth-child(2n) .cs6AdminListResultElement:nth-child(2n) {
	background: var(--hex-canvas-300);
}

/***********************************/
/** @subpackage section_searchform */
/***********************************/
.cs6AdminPaneOptionLabel {
	display: none;
}
.cs6AdminPaneContentWrapper,
.cs6AdminPaneOptionWrapper {
	display: block;
	position: static;
	background: transparent;
	border: 0;
}
:is(.cs6AdminSectionSearch, .cs6AdminSectionReports):not(.cs6AdminSectionFakeSearch) .cs6AdminCardsTab:first-child span::after {
	content: " \e64b";
	font-family: var(--font-icon);
	font-size: 1rem;
}

/* Searchmask edit */
#id6AdminSearchMaskEditSelectList label:not(.cs6AdminSelect) {
	display: inline-block;
	min-width: 14rem;
	padding-left: 1rem;
}
#id6AdminSearchMaskEditSelectList details summary {
	position: relative;
	pointer-events: none;
}
#id6AdminSearchMaskEditSelectList details summary > div {
	pointer-events: all;
}
#id6AdminSearchMaskEditSelectList details summary::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	line-height: 2rem;
	font-size: .75rem;
	pointer-events: all;
}
#id6AdminSearchMaskEditSelectList details > div {
	margin-left: 1rem;
}
#id6AdminSearchMaskEditSelectList details summary:focus::before {
	box-shadow: var(--shadow-box-focus);
}

/* Report page */
.cs6AdminSectionReports #id6AdminForm_myform {
	padding-bottom: 0;
}
.cs6AdminSectionReports #id6AdminForm_myform + details {
	margin-bottom: 3rem;
}
.cs6AdminFormStatisticBar {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-500);
	padding: 0 .5rem;
	font-feature-settings: "tnum";
	font-weight: var(--font-weight-semi);
}

/********************************/
/** @subpackage section_sidebar */
/********************************/
/* THIS IS FOR THE SIDEBAR SETTINGS! */
/* The CSS for the sidebar itself can be found under component/sidebar */
.cs6AdminFormSidebarFilter.cs6AdminFormSidebarFilter {
	display: flex;
}
.cs6AdminSectionSidebar .cs6AdminTextMarkdown p:first-child {
	margin-top: 0;
}
.cs6AdminSectionSidebar .cs6AdminTextMarkdown p:last-child {
	margin-bottom: 0;
}
.cs6AdminSectionSidebar .cs6AdminCheckbox ~ .cs6AdminTextMarkdown p {
	display: contents;
}
.cs6AdminSectionSidebar.cs6AdminSectionDetail .cs6AdminIcon .cs6Icon {
	font-size: 1.75rem;
}
.cs6AdminSectionSidebar.cs6AdminSectionDetail .cs6AdminIcon img {
	height: 1.75rem;
}

/* Resultlist element */
.cs6AdminSectionSidebar .cs6AdminListResultEntry {
	display: grid;
	grid-template-columns: 2.5rem max-content;
	grid-template-rows: 1fr max-content;
	grid-template-areas: "icon label"
	                     "icon title";
}
.cs6AdminSectionSidebar .cs6AdminListResultEntryIcon {
	grid-area: icon;
}
.cs6AdminSectionSidebar .cs6AdminListResultEntryTitle {
	grid-area: label;
}
.cs6AdminSectionSidebar .cs6AdminListResultEntryText {
	grid-area: title;
}
.cs6AdminSectionSidebar .cs6AdminListResultEntryIcon .cs6Icon {
	font-size: 1.75rem;
}
.cs6AdminSectionSidebar .cs6AdminListResultEntryIcon img {
	height: 1.75rem;
}

/* Number the filter groups consecutively */
.cs6AdminSectionSidebar #id6AdminForm_myform {
	counter-reset: filtergroup;
}
.cs6AdminSectionSidebar .cs6AdminSidebarFilterGroup {
	counter-increment: filtergroup;
}
.cs6AdminSectionSidebar .cs6AdminSidebarFilterGroup summary .cs6AdminFormBlockOpenerText::after {
	content: " " counter(filtergroup);
}

/**********************************/
/** @subpackage section_startpage */
/**********************************/
.cs6AdminSectionSystem.cs6AdminSectionStart .cs6AdminCardsBody {
	padding: 0;
}
.cs6AdminStartBoxesWrapper {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-box);
}
.cs6AdminStartContentBoxWrapper {
	float: left;
	position: relative;
	width: 33%; /* default ... can be overwritten in inline style */
	height: 50%; /* default ... can be overwritten in inline style */
	padding: 0;
	border: 0;
	margin: 0;
}
.cs6AdminStartContentBoxWrapper::before {
	content: "";
	position: absolute;
	inset: var(--size-start-page-gap);
	z-index: -1;
	background: var(--hex-canvas-100);
	border-radius: calc(var(--radius-corner) / 2);
	box-shadow: 0 0 .3125rem .3125rem rgba(var(--rgb-burn), .17);
}
.cs6AdminStartContentBoxHeadline,
.cs6AdminStartContentBoxBody,
.cs6AdminStartContentBoxNoTitleBody {
	box-sizing: border-box;
	position: absolute;
	top: var(--size-start-page-gap);
	right: var(--size-start-page-gap);
	left: var(--size-start-page-gap);
}
.cs6AdminStartContentBoxHeadline {
	box-sizing: border-box;
	height: 3.8125rem;
	color: var(--hex-main-secondary);
	padding: 0 1rem;
	overflow: hidden;
	font-size: 1.5rem;
	line-height: 3.5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cs6AdminStartContentBoxHeadline::after {
	content: "";
	position: absolute;
	right:.75rem;
	bottom: 0;
	left: .75rem;
	border-bottom: .375rem dotted var(--hex-solid-200); /* width should grow proportional to font-size */
}
.cs6AdminStartContentBoxBody,
.cs6AdminStartContentBoxNoTitleBody {
	box-sizing: border-box;
	bottom: var(--size-start-page-gap);
	margin-top: 3.8125rem;
	overflow: auto;
}
.cs6AdminStartContentBoxNoTitleHeadline {
	display:none;
}
.cs6AdminStartContentBoxNoTitleBody {
	top: 0;
}
.cs6AdminLayoutCompact .cs6AdminStartContentBoxHeadline {
	font-size: 1.25rem;
	height: 3rem;
	line-height: 2.75rem;
}
.cs6AdminLayoutCompact :is(.cs6AdminStartContentBoxBody, .cs6AdminStartContentBoxNoTitleBody) {
	margin-top: 3rem;
}

/* Result lists */
.cs6AdminStartContentBoxBody .cs6AdminListResultBlock.cs6AdminListResultBlock {
	margin: 1rem .75rem 0 .75rem;
}
.cs6AdminStartContentBoxBody .cs6AdminListResultElement {
	margin: .5rem 0;
}

/* Profile */
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockOpenerText,
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockLegend.cs6AdminFormBlockLegend {
	padding: 0;
	margin: 0;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminStartContentBoxBody {
	padding: .5rem;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockContentOpen {
	padding: .5rem 0;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockMain {
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	border-radius: 0;
	width: calc(100% - 3rem);
	border: 0;
	border-bottom: 2px dotted var(--hex-solid-200);
	margin: .75rem 1.5rem .5rem 1.5rem;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminCheckbox {
	margin-left: 0;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminCookieEntry > sup {
	margin-left: 1rem;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminUserProfileBox_Cookie {
	padding-bottom: .5rem;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminTable:not(.cs6AdminLockTable) td:first-child {
	min-width: 40%;
	overflow: hidden;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminTableNeutral td {
	padding: 0 .25rem .25rem 0;
	font-feature-settings: "tnum";
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminLockTable {
	table-layout: fixed;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockLegend {
	padding: .5rem .8125rem;
	overflow: visible;
	line-height: 2rem;
	border: 0;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockOpenerText .cs6Icon::before {
	display: none;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockOpenerText .cs6Icon::after {
	content: attr(title);
	color: var(--hex-solid-100);
	font-family: var(--font-display);
	font-size: 1.125rem;
	font-weight: var(--font-weight-bold);
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminFormBlockMain:focus-within {
	box-shadow: 0 0 0 .25rem var(--hex-main-accent);
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminLockUnlock {
	width: 2rem;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminLockEntry a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	font-weight: var(--font-weight-normal);
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminLockExpire_date {
	width: 7.6em;
	white-space: nowrap;
}
.cs6AdminStartBoxTypeUser_profile .cs6AdminLockRef_program {
	width: 5rem;
	white-space: nowrap;
}

/* Changelog */
.cs6AdminStartBoxTypeChangelog .cs6AdminChangelogEntry {
	padding: .5rem;
}

/**********************************/
/** @subpackage section_structure */
/**********************************/
.cs6AdminStructureListWrapper ul {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 2px 0 0 0;
}
.cs6AdminStructureFieldElement {
	position: relative;
	padding: 0;
	margin: 0 0 2px 0;
}
.cs6AdminStructureFieldDescription {
	box-sizing: border-box;
	position: absolute;
	inset: 0 2rem;
	color: inherit;
	border-radius: 0 var(--radius-corner) var(--radius-corner) 0;
	overflow: hidden;
	line-height: 2rem;
	white-space: nowrap;
	transition: left var(--timing-medium-traverse-in);
}
.cs6AdminStructureFieldDescription > span {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	padding: 0 1rem;
	overflow: hidden;
	font-size: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cs6AdminStructureFieldMenu {
	box-sizing: border-box;
	display: flex;
	position: absolute;
	align-items: center;
	gap: .375rem;
	top: 0;
	right: 0;
	height: 2rem;
	color: inherit;
}
.cs6AdminStructureFieldMenu::before {
	width: 2rem;
	font-size: 1rem;
	text-align: center;
}
.cs6AdminStructureFieldMenu .cs6AdminCheckboxSubstitute {
	top: 0;
}
.cs6AdminStructureFieldWrapper a {
	color: inherit;
}
.cs6AdminStructureFieldWrapper {
	box-sizing: border-box;
	position: relative;
	font-size: 0;
}
.cs6AdminStructureListWrapper.cs6AdminStructureHierarchical ul {
	margin-left: 1rem;
}
.cs6AdminStructureFieldWrapper {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
}
.cs6AdminFormElementContent .cs6AdminStructureFieldWrapper {
	background: var(--hex-canvas-100);
}
.cs6AdminFieldWrapperHover {
	color: var(--hex-solid-100);
	background: var(--hex-canvas-400);
}
.cs6AdminSectionStruktur #id6AdminForm_myform {
	padding-bottom: 0;
}
/* Hidden from entry forms */
.cs6AdminStructureFieldElement[data-input="not"] .cs6AdminStructureFieldWrapper {
	opacity: .5;
}

/* Required fields */
.cs6AdminStructureFieldRequired .cs6AdminStructureFieldDescription span {
	position: relative;
	font-weight: var(--font-weight-bold);
}
.cs6AdminStructureFieldRequired .cs6AdminStructureFieldName::after {
	content: "*";
	position: relative;
	top: -.5rem;
	font-size: .8125rem;
}

/* Notice / Warning */
.cs6AdminStructureFieldWrapper[data-error] .cs6AdminStructureFieldLabel::before {
	content: "\e690";
	padding: 0 .5rem 0 0;
	font-family: var(--font-icon);
	font-size: 16px;
}
.cs6AdminStructureFieldWrapper[data-error] {
	background: var(--hex-rainbow-3-yellow);
}

/* External and encrypted fields */
.cs6AdminStructureFieldExternal::after {
	content: "e";
	position: absolute;
	top: -.25rem;
	left: 1.4375rem;
	color: var(--hex-rainbow-text);
	font-family: var(--font-monospace);
	font-size: .8125rem;
}
.cs6AdminStructureFieldEncrypted::after {
	content: "\e662";
	position: absolute;
	top: .8125rem;
	left: 1.1875rem;
	color: var(--hex-rainbow-text);
	font-family: var(--font-icon);
	font-size: .75rem;
}
.cs6AdminStructureFieldExternal .cs6AdminStructureFieldIcon::before,
.cs6AdminStructureFieldEncrypted .cs6AdminStructureFieldIcon::before {
	position: relative;
	left: -.125rem;
}

/* Choice */
.cs6AdminStructureFieldIcon::after,
.cs6AdminStructureFieldWrapper::before {
	content: "";
	position: absolute;
	top: calc(50% - .3125rem);
	z-index: 1;
	width: .625rem;
	height: .625rem;
	border-radius: 50%;
}
.cs6AdminFormButtonChoiceIsDisabled button {
	cursor: default;
	pointer-events: none;
}
.cs6AdminFormButtonChoiceIsDisabled button:not(.cs6AdminFormSelectedButtonChoice) {
	opacity: .5;
}
.cs6AdminChoiceDefault { /* marks the default field in the 'assigned block' of the field edit mask */
	font-weight: bold;
}

/* Tenon on option entries */
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > ul > li > div .cs6AdminStructureFieldIcon::after {
	left: -.3125rem;
	background: inherit;
}
/* Groove for choice block */
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper::before {
	left: 1.75rem;
	background: var(--hex-canvas-200);
}
.cs6AdminFormElementContent .cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper::before {
	background: var(--hex-canvas-100);
}
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper.cs6AdminFieldWrapperHover::before {
	background: var(--hex-canvas-400);
}
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper[data-error]::before {
	background: var(--hex-rainbow-3-yellow);
}

/* Block toggle */
.cs6AdminStructureFoldBox {
	display: none;
}
.cs6AdminStructureFoldLabel {
	position: absolute;
	top: 0;
	left: -1.25rem;
}
.cs6AdminStructureFoldLabel::after {
	content: "\e64e"; /*arrow-strong-right */
	position: absolute;
	top: 0;
	left: 0;
	width: 1.0625rem;
	height: 1.875rem;
	font-family: var(--font-icon);
	font-size: .8125rem;
	line-height: 1.875rem;
	text-align: center;
}
.cs6AdminStructureFoldBox:checked ~ .cs6AdminStructureFoldLabel::after {
	content: "\e66f"; /*arrow-strong-down */
}
.cs6AdminStructureListWrapper ul ul {
	display: none;
}
.cs6AdminStructureFoldBox:checked ~ ul {
	display: block;
}
/* No toggle for assigned blocks inside field edit */
#id6AdminFieldBlocksAssigned .cs6AdminStructureFoldLabel::after {
	display: none;
}

/* Blocks without assigned fields */
.cs6AdminStructureFieldElement > ul:empty::after {
	content: "";
	display: block;
	height: calc(1.8125rem - 2px);
	border: 2px dotted var(--hex-canvas-400);
	cursor: default;
}

/* Field assignment in field settings */
#id6AdminBlockFieldsAvailable,
#id6AdminBlockFieldsAssigned {
	padding: 0;
}
.cs6AdminBlockFieldAssignWrapper {
	padding: .8125rem;
}
#id6AdminBlockFieldsAssigned .cs6AdminStructureFieldDescription {
	right: 4rem;
}
#id6AdminBlockFieldsAssigned .cs6AdminStructureFoldLabel::after {
	display: none;
}
.cs6AdminStructureBlockAllExclusive {
	margin: 4px 24px -5px 3px;
	text-align: right;
}
.cs6AdminStructureBlockAllExclusive input {
	float: right;
	margin: 0 5px;
}
#id6AdminBlockFieldsAvailable > ul {
	margin-left: 0;
}
/* Already assigned fields */
.cs6AdminStructureFieldInactive > .cs6AdminStructureFieldWrapper,
.cs6AdminStructureFieldSelf > .cs6AdminStructureFieldWrapper {
	opacity: 0.5;
	pointer-events: none;
}
/* Hide "No fields assigned" text */
.cs6AdminStructureListWrapper ul:not(:empty) + div {
	display: none;
}

/* Icons */
.cs6AdminStructureFieldIcon {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
	color: var(--hex-rainbow-text);
	font-size: 1.125rem;
	line-height: 2rem;
	text-align: center;
}

.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_text,
.cs6AdminFieldtypeClass_text .cs6AdminStructureFieldIcon {
	background: var(--hex-rainbow-1-red);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_number,
.cs6AdminFieldtypeClass_number .cs6AdminStructureFieldIcon {
	background: var(--hex-rainbow-2-orange);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_date,
.cs6AdminFieldtypeClass_date .cs6AdminStructureFieldIcon,
.sdIcon-fieldtype-published.sdIcon-fieldtype-published {
	background: var(--hex-rainbow-3-yellow);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_meta,
.cs6AdminFieldtypeClass_meta .cs6AdminStructureFieldIcon,
.sdIcon-fieldtype-language_iso.sdIcon-fieldtype-language_iso,
.sdIcon-fieldtype-lsid.sdIcon-fieldtype-lsid,
.sdIcon-fieldtype-status.sdIcon-fieldtype-status,
.sdIcon-fieldtype-template_id.sdIcon-fieldtype-template_id {
	background: var(--hex-rainbow-4-green);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_format,
.cs6AdminFieldtypeClass_format .cs6AdminStructureFieldIcon {
	background: var(--hex-rainbow-5-cyan);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_right,
.cs6AdminFieldtypeClass_right .cs6AdminStructureFieldIcon,
.sdIcon-fieldtype-crypt_groups.sdIcon-fieldtype-crypt_groups,
.sdIcon-fieldtype-crypt_users.sdIcon-fieldtype-crypt_users,
.sdIcon-fieldtype-group_id.sdIcon-fieldtype-group_id,
.sdIcon-fieldtype-user.sdIcon-fieldtype-user {
	background: var(--hex-rainbow-6-blue);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_media,
.cs6AdminFieldtypeClass_media .cs6AdminStructureFieldIcon {
	background: var(--hex-rainbow-7-purple);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_connection,
.cs6AdminFieldtypeClass_connection .cs6AdminStructureFieldIcon {
	background: var(--hex-rainbow-8-violet);
}

/* inverted virtual fields */
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual,
.cs6AdminStructureFieldVirtual .cs6AdminStructureFieldIcon {
	background: transparent;
	border: 1px solid transparent;
}

.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_text,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_text,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_text a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_text .cs6Icon {
	color: var(--hex-rainbow-1-red);
	border-color: var(--hex-rainbow-1-red);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_number,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_number,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_number a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_number .cs6Icon {
	color: var(--hex-rainbow-2-orange);
	border-color: var(--hex-rainbow-2-orange);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_date,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_date,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_date a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_date .cs6Icon {
	color: var(--hex-rainbow-3-yellow);
	border-color: var(--hex-rainbow-3-yellow);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_meta,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_meta,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_meta a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_meta .cs6Icon {
	color: var(--hex-rainbow-4-green);
	border-color: var(--hex-rainbow-4-green);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_format,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_format,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_format a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_format .cs6Icon {
	color: var(--hex-rainbow-5-cyan);
	border-color: var(--hex-rainbow-5-cyan);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_right,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_right,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_right a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_right .cs6Icon {
	color: var(--hex-rainbow-6-blue);
	border-color: var(--hex-rainbow-6-blue);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_media,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_media,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_media a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_media .cs6Icon {
	color: var(--hex-rainbow-7-purple);
	border-color: var(--hex-rainbow-7-purple);
}
.cs6AdminStructureFieldVirtual .cs6AdminFieldtypeClass_connection,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_connection,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_connection a,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_virtual.cs6AdminFieldtypeClass_connection .cs6Icon {
	color: var(--hex-rainbow-8-violet);
	border-color: var(--hex-rainbow-8-violet);
}

/* overload choice field icon */
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > div > .cs6AdminStructureFieldIcon::before,
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > div > a > .cs6AdminStructureFieldIcon::before {
	content: "\e90f"; /*sdIcon-choice*/
}

/* Drag sort */
.cs6AdminStructureSortablePlaceholder {
	box-sizing: border-box;
	width: 100%;
	height: 2rem;
	border-radius: var(--radius-corner);
	margin: 3px 2rem 4px 0;
	box-shadow:
		-3px -3px 3px inset rgba(255,255,255,.5),
		6px 6px 9px inset rgba(0,0,0,.1),
		3px 3px 3px inset rgba(0,0,0,.3);
}
.cs6AdminStructureSortableHelper {
	box-sizing: border-box;
	left: 0;
	width: calc(100% - 4px) !important;
	height: calc(2rem - 4px) !important;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
	padding: 0 3rem;
	border: none;
	border-radius: var(--radius-corner);
	margin: 2px;
	box-shadow: var(--shadow-box);
	font-size: 1rem;
	line-height: calc(2rem - 4px) !important;
	opacity: .6;
	cursor: grabbing;
}

/* Field type selection */
.cs6AdminSelectBoxWrapper,
.cs6AdminSelectBoxWrapper table,
.cs6AdminSelectBoxWrapper tbody,
.cs6AdminSelectBoxWrapper tr {
	display: block;
	width: 100%;
}
.cs6AdminSelectBoxWrapper td {
	box-sizing: border-box;
	display: inline-block;
	width: calc(12.5% - 5px);
	padding: 0;
	margin: 0 3px 0 0;
	vertical-align: bottom;
}
.cs6AdminSelectBoxWrapper ul {
	padding: 0;
	margin: 0;
}
.cs6AdminSelectBoxWrapper li {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: calc(100% - 2px);
	border: 1px solid transparent;
	border-radius: var(--radius-corner);
	margin: 0 0 3px 0;
	text-align: center;
	opacity: 1;
	transition: all var(--timing-medium-fade-out);
}
.cs6AdminStructureChooseType:not(.cs6AdminTypeFilter_basic) .cs6AdminFieldtype_basic,
.cs6AdminStructureChooseType:not(.cs6AdminTypeFilter_internal) .cs6AdminFieldtype_internal,
.cs6AdminStructureChooseType:not(.cs6AdminTypeFilter_extended) .cs6AdminFieldtype_extended,
.cs6AdminTypeFilter_virtual .cs6AdminFieldtype_not_virtual,
.cs6AdminInternalFieldUsed.cs6AdminInternalFieldUsed,
.cs6AdminStructureChooseType .cs6AdminTypeFilter_NotFound {
	opacity: .2;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	transition: all var(--timing-medium-fade-in);
}
.cs6AdminSelectBoxWrapper a {
	display: block;
	position: absolute;
	inset: 0;
	color: var(--hex-rainbow-text);
	box-shadow: none;
	font-size: 14px; /* intentional pixel value */
	text-decoration: none;
	transition: color var(--timing-small-fade-out);
}
.cs6AdminSelectBoxWrapper .cs6Icon {
	display: block;
	position: absolute;
	right: 0;
	bottom: 50%;
	left: 0;
	color: var(--hex-rainbow-text);
	font-size: 32px; /* intentional pixel value */
}
.cs6AdminSelectBoxWrapper {
	box-sizing: border-box;
	padding: 8px 8px 0 0; /* intentional pixel values */
}
.cs6AdminSelectBoxWrapper div {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 1;
	line-height: 32px; /* intentional pixel value */
}
#id6AdminForm_choosefieldtype {
	margin: 0;
	padding: 0;
}
#id6AdminForm_choosefieldtype .cs6AdminFormBlockContentWrapper {
	background: transparent;
	margin: 0;
	box-shadow: none;
	border: 0;
	padding: .5rem 0 0 0;
}
#id6AdminForm_choosefieldtype .cs6AdminFormField {
	display: inline-block;
}
#id6AdminForm_choosefieldtype .cs6AdminCheckbox {
	margin-left: 0;
}
#id6AdminForm_choosefieldtype #searchbox {
	width: 12em;
}
#id6AdminForm_choosefieldtype .cs6AdminFormBlockContentWrapper .cs6AdminFormField[id="filter[]"] label[for]::after {
	content: "\A";
	white-space: pre;
}

#id6AdminForm_choosefieldtype .cs6AdminFormBlockContentWrapper {
	display: grid;
	grid-template-columns: 800px auto; /* intentional pixel value */
	grid-template-rows: min-content min-content 1fr;
	gap: .5rem;
}
#id6AdminForm_choosefieldtype .cs6AdminFormBlockContentList {
	display: contents;
}
#id6AdminForm_choosefieldtype .cs6AdminFormField[id="input[subtype]"] {
	margin: .5rem .5rem .8125rem 0;
	grid-area: 1 / 2 / 2 / 3;
}
#id6AdminForm_choosefieldtype .cs6AdminSelectBoxWrapper {
	grid-area: 1 / 1 / 4 / 2;
}
#id6AdminForm_choosefieldtype .cs6AdminFormField[id="filter[]"] {
	margin: 0 .5rem .8125rem 0;
	grid-area: 2 / 2 / 3 / 3;
}
#id6AdminForm_choosefieldtype .cs6AdminFormField[id="Filterbox"] {
	margin: 0 .5rem 0 0;
	grid-area: 3 / 2 / 4 / 3;
}
#id6AdminId_Filterbox {
	width: 12rem;
}

@media (max-width: 1135px), (max-height: 700px) { /* intentional pixel values */
	#id6AdminForm_choosefieldtype .cs6AdminFormBlockContentWrapper {
		grid-template-columns: 625px auto; /* intentional pixel value */
	}
	.cs6AdminSelectBoxWrapper a {
		font-size: 11px; /* intentional pixel value */
	}
	.cs6AdminSelectBoxWrapper .cs6Icon {
		font-size: 24px; /* intentional pixel value */
	}
	.cs6AdminSelectBoxWrapper div {
		line-height: 24px; /* intentional pixel value */
	}
}

/* Field edit */
.cs6AdminLanguageSelect {
	display: grid;
	grid-template-columns: max-content max-content max-content;
	grid-template-rows: max-content;
	grid-template-areas: "source buttons target";
	grid-gap: .5rem;
}
.cs6AdminLanguageSelect label {
	display: block;
}
.cs6AdminLanguageSelect select {
	width: 100%;
	min-width: 16rem;
}
.cs6AdminLanguageSelectSource {
	grid-area: source;
}
.cs6AdminLanguageSelectButtons {
	grid-area: buttons;
	align-self: center;
}
.cs6AdminLanguageSelectButtons .cs6AdminButtonIcon {
	display: block;
}
.cs6AdminLanguageSelectTarget {
	grid-area: target;
}

/* Structure Sets */
.cs6AdminFormInputCheckAppend {
	margin-left: 1.75rem;
}

/*******************************/
/** @subpackage section_syslog */
/*******************************/
.cs6AdminSectionSyslog #id6AdminFrameDetailWrapper,
.cs6AdminSectionSyslog #id6AdminFrameListWrapper { /* keine Klasse sondern id weil Spacer sonst nicht tut (siehe JS) */
	width: 50%;
}
.cs6AdminSectionSyslog .cs6AdminCustomListStyle {
	list-style: none;
}
.cs6AdminSectionSyslog .cs6AdminResultListInfo + .cs6AdminPanel > p,
.cs6AdminSectionSyslog .cs6AdminCustomListStyle {
	margin-left: .375rem;
}
.cs6AdminSectionSyslog .cs6AdminCustomListStyle li {
	white-space: nowrap;
	font-feature-settings: "tnum";
}
.cs6AdminSectionSyslog .cs6AdminCustomListStyle strong:first-child {
	margin: 0 .4em 0 1em;
}

/************************************/
/** @subpackage section_systemcheck */
/************************************/
.cs6AdminSectionSystem.cs6AdminSectionCheck .cs6AdminFormBlockContentWrapper {
	overflow: visible;
}

/***********************************/
/** @subpackage section_systemlist */
/***********************************/
.cs6SystemTree {
	padding: .5625rem 1.875rem;
	margin-left: 0;
}
#id6AdminListTreeSystem,
#id6AdminListTreeSystem ul {
	display: contents;
	margin: 0;
	font-size: 1rem;
	line-height: 1.875;
}
#id6AdminListTreeSystem li {
	display: block;
}
#id6AdminListTreeSystem li li {
	padding-left: 1.75em;
}
#id6AdminListTreeSystem a {
	text-decoration: none;
	cursor: default;
}
#id6AdminListTreeSystem a:hover {
	text-decoration: underline;
}
#id6AdminListTreeSystem a:focus	{
	text-decoration: underline;
	text-decoration-color: var(--hex-main-accent);
	/*noinspection CssUnknownProperty*/
	text-decoration-thickness: max(3px, .25rem);
	text-underline-offset: .0625rem;
	text-decoration-skip-ink: none;
}
.cs6AdminListTreeItemOpen > a,
.cs6AdminListTreeItemClosed > a {
	position: relative;
	color: var(--hex-solid-100);
	font-weight: var(--font-weight-normal);
}
.cs6AdminListTreeItemOpen > a:not(:focus),
.cs6AdminListTreeItemClosed > a:not(:focus) {
	box-shadow: none;
}
#id6AdminListTreeSystem .cs6AdminListTreeItemClosed ul {
	display: none;
}
.cs6AdminListTreeHandler,
.cs6AdminListTreeItemElement {
	position: relative;
	white-space: nowrap;
}
.cs6AdminListTreeHandler .cs6Icon {
	color: rgba(var(--rgb-solid-100), .9);
}
#id6AdminListTreeSystem .cs6AdminListTreeItemElement a {
	font-weight: var(--font-weight-normal);
	cursor: pointer;
}
.cs6AdminListTreeItemElement a:not(:focus) {
	box-shadow: none;
	text-decoration: none;
}
.cs6AdminListTreeItemElement .cs6Icon {
	color: var(--hex-solid-100);
}
.cs6AdminListTreeHandler .cs6Icon,
.cs6AdminListTreeItemElement > a > .cs6Icon {
	display: inline-block;
	position: relative;
	top: .0625rem;
	width: 1em;
	font-size: 1.0625rem;
}
.cs6AdminListTreeHandler::before {
	content: "\e64e"; /* arrow-strong-right */
	position: absolute;
	top: -.125rem;
	left: -1rem;
	box-shadow: none;
	font-family: var(--font-icon);
	font-size: .75rem;
}
.cs6AdminListTreeHandlerOpen::before {
	content: "\e66f"; /* arrow-strong-down */
}
.cs6AdminListTreeHandler .sdIcon-tree-open {
	display: none;
}
.cs6AdminListTreeHandlerText,
.cs6AdminListTreeItemTitle {
	padding-left: .6875rem;
}

/* e.g. selection of target field of relations and links */
form .cs6AdminListTreeItemElement a {
	position: relative;
	left: -1.75rem;
	border-left: 1.75rem solid transparent;
}
form .cs6AdminListTreeItemElement::after {
	content: "\e621"; /* sdIcon-ok */
	box-sizing: border-box;
	position: absolute;
	top: .375rem;
	left: 0.0625rem;
	width: 1rem;
	height: 1rem;
	color: transparent;
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--radius-corner);
	font-family: var(--font-icon);
	font-size: .125rem;
	line-height: calc(1rem - max(4px, .25rem));
	text-align: center;
	pointer-events: none;
	transition: all var(--timing-small-traverse-out);
}
form .cs6AdminListTreeItemElementMarked::after {
	color: var(--color-checkbox-checked-fg);
	background: var(--color-checkbox-checked-bg);
	border-color: var(--color-checkbox-checked-bg);
	font-size: .6125rem;
	transition: all var(--timing-small-traverse-in);
}
form .cs6AdminListTreeItemElement:not(.cs6AdminListTreeItemElementMarked):hover::after {
	border-color: var(--hex-solid-100);
	transition: all var(--timing-small-traverse-out);
}

/* Icon behind container name; for if you only have an cms_admin_ui-licence but no cms_content_ui */
.cs6AdminListTreeElementMetaIcon.cs6AdminListTreeElementMetaIcon {
	font-size: .6875rem;
}

/***************************************/
/** @subpackage section_systemsettings */
/***************************************/
.cs6AdminSectionPrefs .cs6AdminListResultEntry::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	font-family: var(--font-icon);
	font-size: 1.25rem;
	margin-right: .5rem;
	vertical-align: middle;
}
.cs6AdminSectionPrefs .cs6AdminListResultEntry a {
	vertical-align: middle;
}
#id6AdminList_configfile .cs6AdminListResultEntry::before {
	content: "\e612"; /*doc*/
}
#id6AdminList_configall .cs6AdminListResultEntry::before {
	content: "\e635"; /*asterisk*/
}
#id6AdminList_auth .cs6AdminListResultEntry::before {
	content: "\e919"; /*key-alt2*/
}
#id6AdminList_basics .cs6AdminListResultEntry::before {
	content: "\e941"; /*control*/
}
#id6AdminList_cache .cs6AdminListResultEntry::before {
	content: "\e641"; /*layers*/
}
#id6AdminList_capture .cs6AdminListResultEntry::before {
	content: "\e6aa"; /*data-in*/
}
#id6AdminList_logging .cs6AdminListResultEntry::before {
	content: "\e900"; /*list-overview*/
}
#id6AdminList_mail .cs6AdminListResultEntry::before {
	content: "\e65e"; /*mail-closed*/
}
#id6AdminList_plugins .cs6AdminListResultEntry::before {
	content: "\e668"; /*install*/
}
#id6AdminList_paths .cs6AdminListResultEntry::before {
	content: "\e946"; /*folder-open-outlined*/
}
#id6AdminList_helpers .cs6AdminListResultEntry::before {
	content: "\e610"; /*plus*/
}
.cs6AdminSectionPrefs .cs6AdminErrorIcon,
.cs6AdminSectionPrefs .cs6AdminNoticeIcon,
.cs6AdminSectionPrefs .cs6AdminWarningIcon {
	display: block;
	color: var(--hex-rainbow-text);
	padding: .25rem 1rem .3125rem .5rem;
	border-radius: var(--radius-corner);
	font-size: 1.5rem;
}
.cs6AdminSectionPrefs .cs6AdminErrorIcon {
	background: var(--hex-rainbow-1-red);
}
.cs6AdminSectionPrefs .cs6AdminNoticeIcon {
	background: var(--hex-rainbow-6-blue);
}
.cs6AdminSectionPrefs .cs6AdminWarningIcon {
	background: var(--hex-rainbow-2-orange);
}
.cs6AdminSectionPrefs .cs6AdminErrorIcon::before,
.cs6AdminSectionPrefs .cs6AdminNoticeIcon::before,
.cs6AdminSectionPrefs .cs6AdminWarningIcon::before {
	vertical-align: middle;
}
.cs6AdminSectionPrefs .cs6AdminErrorIcon b,
.cs6AdminSectionPrefs .cs6AdminNoticeIcon b,
.cs6AdminSectionPrefs .cs6AdminWarningIcon b {
	position: static;
	color: var(--hex-rainbow-text);
	padding-left: .5rem;
	font-family: var(--font-text);
	font-size: 1.125rem;
	font-weight: var(--font-weight-semi);
	vertical-align: middle;
}
.cs6AdminSectionPrefs .cs6AdminBasicReferenz.cs6AdminBasicReferenz.cs6AdminBasicReferenz {
	background: var(--hex-rainbow-4-green);
	padding: .125rem .25rem;
	border-radius: var(--radius-corner);
	text-decoration: none;
	font-size: 1.5rem;
}
.cs6AdminSectionPrefs .cs6Icon.sdIcon-book,
.cs6AdminSectionPrefs .cs6Icon.sdIcon-books {
	font-size: 1.5rem;
}
.cs6AdminSystemPrefsInput_text {
	width: 100%;
}
.cs6AdminSystemPrefsHidden {
	display: none;
	width: 100%;
}
.cs6AdminSystemPrefsValue a {
	box-shadow: none;
}
.cs6AdminBasicOff,
.cs6AdminBasicOn {
	display: none;
}
a .cs6AdminBasicOff,
a .cs6AdminBasicOn {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	height: 1.5rem;
	padding-left: 1rem;
}
a:focus .cs6AdminBasicOff::before,
a:focus .cs6AdminBasicOn::before {
	box-shadow: var(--shadow-box-focus);
}
a .cs6AdminBasicDisplayNone {
	display: none;
}
a .cs6AdminBasicOff::before,
a .cs6AdminBasicOn::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	color: var(--hex-canvas-100);
	background: transparent;
	border: 1px solid var(--hex-solid-100);
	border-radius: var(--radius-corner);
	font-family: var(--font-icon);
	font-size: .8125rem;
	line-height: 1.25rem;
	text-align: center;
}
a .cs6AdminBasicOn::before {
	content: "\e621"; /* sdIcon-ok */
	background: var(--hex-main-primary);
	border: 0;
}
a .cs6AdminBasicOff b,
a .cs6AdminBasicOn b {
	position: relative;
	top: 0;
	left: .75rem;
	width: auto;
	height: auto;
	overflow: initial;
	font-family: var(--font-text);
	font-weight: var(--font-weight-normal);
}

/*********************************/
/** @subpackage section_template */
/*********************************/
.cs6AdminTemplateCode {
	border-collapse: collapse;
}
.cs6AdminTemplateCode pre {
	margin: 0;
}
.cs6AdminTextLineCount,
.cs6AdminTextLineData {
	background: var(--hex-canvas-200);
	font-family: var(--font-monospace);
	font-size: 1rem;
	line-height: 1.5;
}
.cs6AdminFormBlockElement :is(.cs6AdminTextLineCount, .cs6AdminTextLineData) {
	background: var(--hex-canvas-100);
}
.cs6AdminTextLineCount {
	width: 1%;
	padding: .5rem;
	border-right: 1px solid var(--hex-canvas-400);
	border-radius: var(--radius-box) 0 0 var(--radius-box);
}
.cs6AdminTextLineCount .cs6CoreTextMessageError[title]::after {
	display: none;
}
.cs6AdminTextLineCount,
.cs6AdminTextLineCount a {
	color: var(--hex-solid-100);
	box-shadow: none;
	text-align: right;
	vertical-align: top;
}
.cs6AdminTextLineCount .cs6CoreTextMessageError {
	margin-right: .375rem;
	padding: .125rem .1875rem .1875rem .1875rem;
	border-radius: var(--radius-corner);
}
.cs6AdminTextLineData {
	padding: .5rem;
	border-radius: 0 var(--radius-box) var(--radius-box) 0;
	vertical-align: top;
	white-space: nowrap;
}
.cs6AdminTextLineData a {
	font-family: inherit;
}
.cs6AdminTextLineData pre {
	margin: 0;
}
tbody :is(.cs6AdminTemplateOptionDelete, .cs6AdminTemplateOptionDefault, .cs6AdminTemplateOptionSelectable, .cs6AdminTemplateOptionCard) {
	width: 1%;
	text-align: center;
}

/******************************/
/** @subpackage section_theme */
/******************************/
.cs6AdminFormColorPickerInput {
	display: inline-block;
}
.cs6AdminFormColorPickerOld,
.cs6AdminFormColorPickerColor {
	display: block;
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border: 1px solid var(--hex-solid-100);
	border-radius: 50%;
	margin: .25rem;
	font-size: 0;
	vertical-align: middle;
}
.cs6AdminFormColorPickerOld {
	width: .75rem;
	height: .75rem;
	vertical-align: top;
}

/* Color picker */
.colorpicker.colorpicker {
	display: grid;
	top: -50rem;
	width: auto;
	height: auto;
	background: var(--hex-canvas-200);
	padding: .5rem;
	border-radius: var(--radius-box);
	margin-left: 2rem;
	box-shadow: var(--shadow-box);
	grid-template-columns: max-content max-content auto auto 2.125rem;
	grid-template-rows: 2rem 2rem 2rem auto;
	gap: .5rem;
	grid-template-areas:
		"picker slider red   hue        hue"
		"picker slider green saturation saturation"
		"picker slider blue  brightness brightness"
		"picker slider hex   current    new";
}
.colorpicker_color div {
	background: url(../../external/jquery/colorpicker/images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	background: url(../../external/jquery/colorpicker/images/colorpicker_select.gif);
}
.colorpicker_hue div {
	background-image: url(../../external/jquery/colorpicker/images/custom_indic.gif);
}
.colorpicker .colorpicker_color {
	position: relative;
	top: 0;
	left: 0;
	outline: 1px solid var(--color-line);
	grid-area: picker;
}
.colorpicker .colorpicker_hue {
	position: relative;
	top: 0;
	left: 0;
	grid-area: slider;
}
.colorpicker .colorpicker_hue::after {
	content: "";
	position: absolute;
	inset: 0 7px;
	background: linear-gradient(to top,
	#f00 0%,
	#ff0 17%,
	#0f0 33%,
	#0ff 50%,
	#00f 66%,
	#f0f 83%,
	#f00 100%);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-box);
}
.colorpicker .colorpicker_hex,
.colorpicker .colorpicker_field {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	background: transparent !important;
	justify-self: end;
}
.colorpicker .colorpicker_hex::before,
.colorpicker .colorpicker_field::before {
	display: inline-block;
	height: 1.8125rem;
	padding-right: .25rem;
	line-height: 1.8125rem;
}
.colorpicker.colorpicker input {
	position: relative;
	top: 0;
	right: 0;
	width: 5rem;
	height: 1.8125rem;
	padding: 0 1rem 0 .625rem;
	font-size: 1rem;
	line-height: 1.8125rem;
}
.colorpicker.colorpicker input:focus {
	z-index: 0;
}
.colorpicker .colorpicker_field span {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1.8125rem;
	line-height: 1.8125rem;
	cursor: ns-resize;
}
.colorpicker .colorpicker_field span::after {
	content: "\e609";
	position: absolute;
	top: 0;
	left: 0;
	font-family: var(--font-icon);
	font-size: .75rem;
}
.colorpicker_rgb_r {
	grid-area: red;
}
.colorpicker_rgb_r::before {
	content: "R";
}
.colorpicker_rgb_g {
	grid-area: green;
}
.colorpicker_rgb_g::before {
	content: "G";
}
.colorpicker_rgb_b {
	grid-area: blue;
}
.colorpicker_rgb_b::before {
	content: "B";
}
.colorpicker_hsb_h {
	grid-area: hue;
	justify-self: end;
}
.colorpicker_hsb_h::before {
	content: "H";
}
.colorpicker_hsb_s {
	grid-area: saturation;
	justify-self: end;
}
.colorpicker_hsb_s::before {
	content: "S";
}
.colorpicker_hsb_b {
	grid-area: brightness;
	justify-self: end;
}
.colorpicker_hsb_b::before {
	content: "B ";
}
.colorpicker .colorpicker_hex {
	position: static;
	grid-area: hex;
}
.colorpicker_hex::before {
	content: "# ";
}
.colorpicker .colorpicker_new_color {
	position: static;
	margin-left: 0;
	grid-area: new;
}
.colorpicker .colorpicker_current_color {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 0;
	cursor: pointer;
	grid-area: current;
	justify-self: end;
}
.colorpicker .colorpicker_new_color,
.colorpicker .colorpicker_current_color {
	box-sizing: border-box;
	display: inline-block;
	width: 2.125rem;
	height: 1.8125rem;
	border-radius: var(--radius-corner);
	line-height: 1.8125rem;
	justify-self: end;
}
.colorpicker .colorpicker_current_color {
	border: .5rem solid var(--color-button-normal-bg);
	box-shadow:0 0 0 1px inset var(--color-button-normal-fg);
}
.colorpicker .colorpicker_current_color:hover {
	border: .5rem solid var(--color-button-hover-bg);
	box-shadow:0 0 0 1px inset var(--color-button-hover-fg);
}
.colorpicker .colorpicker_submit {
	display: none;
}

/************************************/
/** @subpackage section_translation */
/************************************/
.cs6AdminFormLanguageSwap,
.cs6AdminFormLanguages {
	box-sizing: border-box;
	margin-top: .75rem;
	height: 3rem;
	font-size: 1.25rem;
	line-height: 3rem;
}
.cs6AdminFormLanguages {
	padding: 0 .25rem;
}
.cs6AdminFormLanguageSwap {
	text-align: center;
}
.cs6AdminTranslateView .cs6AdminFormLeft,
.cs6AdminTranslateView .cs6AdminFormRight {
	overflow: auto;
}
.cs6AdminTranslateView .cs6AdminCardsBody {
	overflow: hidden;
}
#id6AdcminTranslateScrollTarget {
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: black;
	z-index: 200;
}
.cs6AdminFormLeft,
.cs6AdminFormRight {
	padding-left: .25rem;
}
.cs6AdminFormLanguageSwap .cs6Icon {
	display: inline-block;
	transform: rotate(90deg);
}
.cs6AdminTranslatePanel {
	box-sizing: border-box;
	display: block;
	padding-top: 0;
}
.cs6AdminFormLeft .cs6AdminPanel {
	margin-right: 0;
}
.cs6AdminTranslateView.cs6AdminSectionEdit .cs6AdminCardsBody {
	padding-bottom: 0;
}

/* Readonly display */
.cs6AdminFormLeft :is(.cs6AdminToolbarSmall, .cs6AdminToolbarNormal) {
	display: none;
}

/* Grid layouts */
.cs6AdminSectionContent.cs6AdminSectionDetail.cs6AdminSectionLanguages .cs6AdminCardsBody { /* Readonly data view */
	display: grid;
	grid-template-columns: 1fr min-content 1fr;
	grid-template-rows: min-content min-content auto;
	gap: 1px 1px;
	grid-template-areas: "title title title" "srclang swplang dstlang" "srcform . dstform";
}
.cs6AdminTranslateView.cs6AdminSectionEdit .cs6AdminCardsBody { /* Edit view */
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: min-content auto;
	gap: 1px 1px;
	grid-template-areas: "srclang dstlang" "srcform dstform";
}
.cs6AdminFormComplete,
#id6AdminFormLanguages,
#id6AdminForm_src_lang_form {
	display: contents;
}
.cs6AdminSectionContent.cs6AdminSectionDetail.cs6AdminSectionLanguages .cs6AdminCardsTitle {
	grid-area: title;
}
.cs6AdminFormLanguageSource {
	grid-area: srclang;
}
.cs6AdminSectionEdit .cs6AdminFormLanguageSwap {
	display: none;
}
.cs6AdminFormLanguageSwap {
	grid-area: swplang;
}
.cs6AdminFormLanguageTarget {
	grid-area: dstlang;
}
.cs6AdminFormLeft {
	grid-area: srcform;
}
.cs6AdminFormRight {
	grid-area: dstform;
}

/*****************************/
/** @subpackage section_user */
/*****************************/
#id6AdminFormBlockElementsused_in_workspace .cs6Icon,
#id6AdminFormBlockElementsused_in_scheduler .cs6Icon,
#id6AdminFormBlockElementsused_in_groups .cs6Icon { /* User > Detail > Meta data > lock icon in front of list items */
	margin-right:5px;
}
.cs6AdminSectionRights.cs6AdminSectionEditMeta #id6AdminId_input_pass2_ {
	margin: .5rem 0;
}
.cs6AdminSectionRights.cs6AdminSectionEditMeta #id6AdminAutoId_1 {
	display: inline-block;
	margin-top: .5rem;
}

/*********************************/
/** @subpackage section_workflow */
/*********************************/
.cs6AdminWorkflowDiagram table {
	border-collapse: collapse;
}
.cs6AdminTableCellLow,
.cs6AdminTableCellAllLow {
	font-size: 0;
	line-height: 0;
}
.cs6AdminWorkflowList { /* list in container meta view */
	list-style: none;
	margin: 0;
}
.cs6AdminWorkflowDiagram .cs6AdminToolbarNormal {
	display: block !important;
}
.cs6AdminWorkflowDiagram .cs6CoreTextNoWrap {
	display: inline-block;
}
.cs6AdminWorkflowDiagram .cs6CoreTextCenter > table {
	box-sizing: border-box;
	width: 100%;
	border-right: .75rem solid transparent;
}
.cs6AdminWorkflowDiagram td {
	position: relative;
	font-size: 0;
}
.cs6AdminWorkflowDiagram td > span {
	display: block;
}
.cs6AdminWorkflowLineFull span,
.cs6AdminWorkflowLineHalf span,
.cs6AdminWorkflowLineSpace span {
	height: max(3px, .1875rem);
}
.cs6AdminWorkflowLineHalf + .cs6AdminWorkflowLineDot span {
	border-radius: 0 max(3px, .1875rem) 0 0;
}
.cs6AdminWorkflowLineDot span,
.cs6AdminWorkflowLineFull span,
.cs6AdminWorkflowLineHalf span {
	background: var(--hex-solid-100);
}
.cs6AdminWorkflowLineDot span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(min(-2px, calc(-.1875rem + 1px))  / 2);
	width: max(3px, .1875rem);
	height: max(3px, .1875rem);
}
.cs6AdminWorkflowLineHalf,
.cs6AdminWorkflowLineSpace {
	width: 50%;
}
.cs6AdminWorkflowLineFull {
	width:100%;
}
.cs6AdminWorkflowLineVerticalArrow,
.cs6AdminWorkflowLineVertical {
	height: 1rem;
}
.cs6AdminTableCellAllLow.cs6AdminWorkflowLineVertical {
	display: block;
	height: max(3px, .1875rem);
}
.cs6AdminWorkflowLineVerticalArrow::before,
.cs6AdminWorkflowLineVertical::before,
.cs6AdminWorkflowStepHasChildren::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - calc(max(2px, calc(.1875rem - 1px))  / 2));
	width: max(3px, .1875rem);
	height: 1rem;
	background: var(--hex-solid-100);
}
.cs6AdminWorkflowStepHasChildren::after {
	bottom: 0;
	height: auto;
}
.cs6AdminWorkflowDiagram thead tr th .cs6AdminBasicOpacityInvisible,
.cs6AdminWorkflowDiagram tbody tr td .cs6AdminBasicOpacityInvisible {
	display: none;
}
.cs6AdminWorkflowStep.cs6AdminWorkflowStep {
	padding: 0 .5rem;
}
.cs6AdminWorkflowStep table {
	position: relative;
	z-index: 1;
	background: var(--hex-canvas-200);
	border: 1px solid var(--hex-solid-100);
}
.cs6AdminWorkflowStep td {
	min-width: 10rem;
	padding: .75rem;
}
.cs6AdminWorkflowStep tr:first-child th {
	padding: .25rem .5rem;
	font-size: 1rem;
	text-align: left;
}
.cs6AdminWorkflowStep tr:first-child th a {
	font-weight: var(--font-weight-semi);
}
.cs6AdminWorkflowStep.cs6AdminWorkflowStep tr td {
	padding: .25rem .5rem;
}
.cs6AdminDataWorkspaceNotify td > span {
	width: 100%;
	padding: 0;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}
.cs6AdminDataWorkspaceNotify span:first-child > .cs6Icon:first-child {
	color: var(--hex-main-primary);
	font-size: 1.25rem;
	display: inline-block;
	margin-right: .75rem;
}
.cs6AdminDataWorkspaceNotify span:last-child {
	text-align: left;
}
.cs6AdminStageEditIcon {
	font-size: 2rem;
	vertical-align: top;
}

/********************************/
/** @subpackage section_wysiwyg */
/********************************/
.cs6AdminWysiwygVisible {
	display: inline-block;
	padding: .3125rem;
	outline: 2px dashed var(--hex-main-accent, currentColor);
	cursor: pointer;
}
.cs6AdminWysiwygEmpty { /* only empty elements */
	margin-top: .5rem;
	font-size: 1.3125rem;
	width: 2rem;
}
.cs6AdminWysiwygDirect { /* only elements with no dialog */
	cursor: text;
}

/* Toolbar */
#id6AdminWysiwygToolbar .content {
	border-top: 1px;
	font-size: .8125rem;
}
#id6AdminWysiwygToolbar {
	position: fixed;
	top: .3125rem;
	right: .3125rem;
	z-index: 99;
	width: 12.5rem;
	border: 1px solid var(--hex-main-accent, #000000);
	font-family: sans-serif;
}
#id6AdminWysiwygToolbar .handle {
	color: var(--hex-solid-100, #000000);
	background-color: var(--hex-canvas-200, #F9F9F9);
	padding: .1875rem .3125rem;
	border-bottom: 1px solid var(--hex-main-accent, #000000);
	font-weight: var(--font-weight-bold, bold);
	cursor: move;
}
#id6AdminWysiwygToolbar {
	background-color: var(--hex-canvas-200, #F9F9F9);
	border-radius: var(--radius-corner, 0);
}
#id6AdminWysiwygToolbar .content {
	text-align: center;
}
#id6AdminWysiwygToolbar .content a {
	display: inline-block;
	width: 70%;
	text-decoration: none;
	color: var(--hex-solid-100, #000000);
	padding: .5rem .3125rem;
	font-weight: var(--font-weight-bold, bold);
	background-color: var(--hex-canvas-100, #FFFFFF);
	border: 2px outset var(--hex-main-accent, #000000);
	border-radius: var(--radius-corner, 0);
}
#id6AdminWysiwygToolbar .content a.cs6AdminWysiwygToolbarButtonReload {
	color: var(--hex-solid-100, #000000);
	background-color: var(--hex-canvas-100, #FFFFFF);
	display: none;
}

/*********************/
/** @subpackage main */
/*********************/
/**
 * @copyright Copyright (c) 1991-2024 Six Offene Systeme GmbH, Germany. All rights reserved.
 * @link https://sixcms.de/ SixCMS-Site
 * @package SixCMS
 *
 * MODERN THEME
 *
 * Made for modern browser enginges, tested on Firefox and Chrome
 *
 */
/* NON-THEME VARIABLES */
:root {
	/* Derived and preset colors */
	--color-backdrop: var(--hex-canvas-100);
	--color-backdrop-list: var(--hex-canvas-200);
	--color-line: rgba(var(--rgb-solid-200), .4);
	--color-mark-annotation-normal: var(--rgb-rainbow-3-yellow);
	--color-mark-annotation-selected: var(--hex-rainbow-2-orange);

	/* Miscellaneous */
	--font-display: "Inter", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--font-icon: sixdings;
	--font-monospace: "Source Code Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--font-text: "Inter", sans-serif;

	--radius-box: calc(var(--radius-corner) * 2);

	--shadow-box: var(--shadow-300);
	--shadow-menu: var(--shadow-400);
	--shadow-list-element: var(--shadow-200);

	--avatar-size: max(24px, 1.5rem); /* default avatar size */

	--table-passe-partout: .6875rem;

	/* Layout */
	--size-card-gutter: 3.75rem;
	--size-start-page-gap: calc(.5rem + .625rem * var(--space-multiplier));

	--height-logo-area: 3rem;
	--height-menu-area: calc(2.25rem + 1rem * var(--space-multiplier)); /* converted to pixels this should be divisible by 4 */
	--height-top-area: calc(var(--height-logo-area) + var(--height-menu-area));
	--height-breadcrumb-area: calc(1.5rem + 1.5rem * var(--space-multiplier));
	--height-shortcut-area: 0px; /* needs a valid suffix for calculations, even if 0 */
	--height-tab-area: calc(2rem + .75rem * var(--space-multiplier));
	--height-form-button-area: calc(2rem + 2.75rem * var(--space-multiplier));

	--height-menu-item: calc(2rem + .625rem * var(--space-multiplier));
	--height-tab: 2rem;

	/* Widgets */
	--width-button-small: 1.5rem;
	--height-button-small: 1.25rem;
	--height-button-medium: 1.75rem;
	--height-button-large: 2.1875rem;


	/* Animation */
	/** @see https://material.io/design/motion/speed.html **/
	--ease-traverse: cubic-bezier(0.4, 0.0, 0.2, 1); /** https://cubic-bezier.com/#.4,0,.2,1 **/
	--timing-small-traverse-in: 100ms var(--ease-traverse);
	--timing-small-traverse-out: 100ms var(--ease-traverse);
	--timing-medium-traverse-in: 250ms var(--ease-traverse);
	--timing-medium-traverse-out: 200ms var(--ease-traverse);
	--timing-large-traverse-in: 300ms var(--ease-traverse);
	--timing-large-traverse-out: 250ms var(--ease-traverse);

	--timing-small-fade-in: 150ms var(--ease-traverse);
	--timing-small-fade-out: 100ms var(--ease-traverse);
	--timing-medium-fade-in: 300ms var(--ease-traverse);
	--timing-medium-fade-out: 250ms var(--ease-traverse);
	--timing-large-fade-in: 400ms var(--ease-traverse);
	--timing-large-fade-out: 300ms var(--ease-traverse);

	/* Badges */
	--color-badge-background: var(--hex-rainbow-1-red);
	--color-badge-text: var(--hex-rainbow-text);
}
@supports (selector(:has(a))) {
	body:has(.cs6AdminShortcut) {
		--height-shortcut-area: calc(2rem + .75rem * var(--space-multiplier)); /* the px suffix is necessary! Some calculations won't work without it. */
	}
}
@supports not (selector(:has(a))) {
	/* on older Browsers we happily ignore that extra whitespace */
	body {
		--height-shortcut-area: calc(2rem + .75rem * var(--space-multiplier)); /* the px suffix is necessary! Some calculations won't work without it. */
	}
}

@media (max-height: 870px) {
	:root {
		--height-menu-item: 2.3125rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--timing-small-traverse-in: none;
		--timing-small-traverse-out: none;
		--timing-medium-traverse-in: none;
		--timing-medium-traverse-out: none;
		--timing-large-traverse-in: none;
		--timing-large-traverse-out: none;
		--timing-small-fade-in: none;
		--timing-small-fade-out: none;
		--timing-medium-fade-in: none;
		--timing-medium-fade-out: none;
		--timing-large-fade-in: none;
		--timing-large-fade-out: none;
	}
}

/* FRAME AND LAYOUT */
.cs6AdminLayoutCompact {
	--height-logo-area: max(1.4375rem, 24px);
	--height-top-area: max(var(--height-logo-area), var(--height-menu-area));
}

html {
	/* Overflowing menus and the like should *never* create document scrollbars */
	overflow: hidden;
}
body,
.cs6AdminSectionList,
.cs6AdminSectionContent,
.cs6AdminFrameWrapper,
.cs6AdminTopMain {
	background: transparent;
}
.cs6AdminTopMain {
	display: grid;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 6;
	height: var(--height-top-area);
	background: var(--hex-main-primary);

	grid-template-columns: max-content 1fr max-content;
	grid-template-rows: var(--height-logo-area) var(--height-menu-area);
	grid-template-areas:
		"logo info prompt"
		"menu menu menu";
}
.cs6AdminLayoutCompact .cs6AdminTopMain {
	grid-template-columns: max-content max-content max-content 1fr max-content max-content;
	grid-template-rows: var(--height-top-area);
	grid-template-areas: "logo menu search info prompt avatar";
	grid-column-gap: .5rem;
}
.cs6AdminLayoutCompact #id6AdminMenuMain {
	display: contents;
	grid-area: unset;
}
#id6AdminMenuMain {
	display: flex;
	grid-area: menu;
}
#id6AdminMenuGroupQuicksearch {
	grid-area: search;
}
#id6AdminMenuGroupMain {
	grid-area: menu;
}
#id6AdminMenuGroupAvatar {
	grid-area: avatar;
	justify-self: right;
	margin-right: 1rem;
	margin-left: auto; /* push avatar to the right */
}
.cs6AdminDefaultBoxWrapper {
	position: absolute;
	inset: 0;
	background: transparent;
	overflow: hidden;
}
.cs6AdminDefaultBoxMain {
	position: fixed; /* prevent scroll */
	inset: 0;
}
.cs6AdminFrameListFrame {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 0;
	border: 0;
	margin: 0;
}
.cs6AdminFrameMain {
	position: absolute;
	top: calc(var(--height-top-area) + var(--height-breadcrumb-area) + var(--height-shortcut-area));
	bottom: 0;
	z-index: 5;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
	pointer-events: none;
}
.cs6AdminFrameListWrapper {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 25%;
	height: 100%;
	vertical-align: top;
	pointer-events: all;
}
.cs6AdminFrameListWrapper.cs6AdminFrameFullSized {
	width: calc(100% - 1.1875rem) !important; /* overwriting dynamic inline style */
}
.cs6AdminFrameDetailWrapper.cs6AdminFrameClosed,
.cs6AdminFrameListWrapper.cs6AdminFrameClosed {
	display: none;
}
.cs6AdminFrameDetailWrapper {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 75%;
	border-left: 1.1875rem solid transparent;
	pointer-events: none; /* so frame spacer can be reached but still be behind border of detail frame (in some sizes there's a 1px overlap) */
}
.cs6AdminFrameDetailMain {
	pointer-events: all;
}
.cs6AdminFrameWrapper { /* Backdrop for breadcrumb and shortcut area */
	box-sizing: border-box;
	position: fixed; /* prevent scroll */
	inset: 0;
	background: var(--hex-canvas-300);
}

/* Loading animation */
/* see https://tobiasahlin.com/spinkit/ */
.cs6Spinner {
	position: absolute;
	inset: 0;
	background: rgba(var(--rgb-canvas-300), .6);
	text-align: center;
	z-index: 0;
}
.cs6Spinner > div {
	position: relative;
	display: inline-block;
	top: calc(50% - .5625rem - var(--height-tab-area));
	width: 1.125rem;
	height: 1.125rem;
	background-color: rgba(var(--rgb-main-accent), .9);
	border-radius: var(--radius-corner);
	box-shadow: 0 0 0 2px rgba(var(--rgb-dodge), .5);
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.cs6Spinner .cs6Bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.cs6Spinner .cs6Bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		/*noinspection CssUnknownProperty*/
		-webkit-transform: scale(0)
	}
	40% {
		/*noinspection CssUnknownProperty*/
		-webkit-transform: scale(1.0)
	}
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		/*noinspection CssUnknownProperty*/
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		/*noinspection CssUnknownProperty*/
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* Reduced heights */
.cs6AdminNoBreadcrumb .cs6AdminFrameMain {
	top: calc(var(--height-top-area) + var(--height-shortcut-area) + calc(.75rem * var(--space-multiplier)));
}
.cs6AdminNoBreadcrumb .cs6AdminShortcutMain {
	top: calc(var(--height-top-area) + .5rem);
}
.cs6AdminShortCutNoWrapper .cs6AdminFrameMain {
	top: calc(var(--height-top-area) + var(--height-breadcrumb-area) - .5rem - calc(var(--space-multiplier) * .75rem));
}
.cs6AdminShortCutToolbarOnly .cs6AdminFrameMain {
	top: calc(var(--height-top-area) + var(--height-breadcrumb-area) - calc(var(--space-multiplier) * 1.25rem));
}
.cs6AdminShortCutNoWrapper.cs6AdminNoBreadcrumb .cs6AdminFrameMain,
.cs6AdminShortCutToolbarOnly.cs6AdminNoBreadcrumb .cs6AdminFrameMain {
	top: calc(var(--height-top-area) + 1rem);
}
.cs6AdminShortCutToolbarOnly .cs6AdminShortcutMain {
	display: none;
}
.cs6AdminFrameDetailMain,
.cs6AdminFrameListMain {
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
}
.cs6AdminFrameDetailFrame {
	position: absolute;
	width: 100%;
	height: 100%;
}
#id6AdminFrameDetailWrapperSingle {
	position: absolute;
	inset: 0 0 0 min(-1px, -.0625rem);
	width: auto;
	padding: 0;
	border: 0;
}

/* Shortcut bar */
.cs6AdminShortcutDetailWrapper {
	right: 0;
	width: 75%;
}
.cs6AdminShortcutDetailWrapper,
.cs6AdminShortcutListWrapper {
	display: inline-block;
	position: absolute;
	height: 1.8125rem;
	/* ATTENTION: do not use padding or margin here! */
	white-space: nowrap;
}

/* Frame Spacer */
#id6CoreFormGrab {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 100%;
	background: transparent;
}
#id6AdminFrameSpacerWrapper {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: calc(var(--height-tab-area) - 1px) !important; /* "!important" due to inline styles set via JS */
	left: 0 !important;
	z-index: -1 !important;
	width: 1.1875rem;
	height: 100%;
	background: var(--hex-canvas-300);
	pointer-events: all;
}
.cs6AdminFrameSpacerMain {
	position: absolute;
	bottom: calc(50% - 4.125rem + var(--height-form-button-area));
	left: 0;
	width: 1.1875rem;
	padding: 0;
}
.cs6AdminFrameSpacerImage {
	box-sizing: border-box;
	width: 100%;
	height: 2.9375rem;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
	border: 0;
	margin: 0 0 .125rem 0;
	box-shadow: none;
	line-height: 2.9375rem;
	text-align: center;
	transition: box-shadow var(--timing-small-fade-out);
}
.cs6AdminFrameSpacerImage .cs6Icon {
	line-height: 2.9375rem;
}
.cs6AdminInDrag #id6AdminFrameSpacerImageGrab,
.cs6AdminFrameSpacerImage:hover {
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminFrameSpacerImage[disabled] {
	color: var(--hex-solid-200);
	background: transparent;
	pointer-events: none;
	transition: all var(--timing-small-fade-in);
}
.cs6AdminFrameSpacerImage:focus {
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}
#id6AdminFrameSpacerImageGrab {
	display: inline-block;
	z-index: 0;
	height: 3.125rem;
	padding: 0;
	font-size: 2rem;
	line-height: 3.125rem;
	cursor: col-resize;
}
#id6AdminFrameSpacerImageGrab * {
	pointer-events: none;
}
#id6AdminFrameSpacerImageGrab .cs6Icon {
	line-height: 3.125rem;
}
#id6AdminFrameSpacerImageList,
#id6AdminFrameSpacerImageDetail {
	position: relative;
	z-index: 1;
	padding: 0;
	font-size: 1rem;
	pointer-events: all;
}
.cs6AdminFrameFullSized + #id6AdminFrameSpacerWrapper {
	position: absolute;
	left: calc(100% - 1.1875rem) !important;
}

/* MENU */
.cs6AdminMenuMain {
	white-space: nowrap;
}
.cs6AdminMenuGroup {
	padding: .25rem 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cs6AdminMenuMain a {
	position: relative;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: var(--font-weight-normal);
}
.cs6AdminMenuMain a,
.cs6AdminMenuMain a:hover,
.cs6AdminMenuMain a:focus,
.cs6AdminMenuMain a:active {
	outline: 0;
	box-shadow: none;
	text-decoration: none;
}
.cs6AdminMenuDrop {
	display: inline-block;
	position: relative;
	z-index: 9;
	height: 1.625rem;
	color: var(--hex-main-primary-text);
	padding: calc((var(--height-menu-area) - 1.625rem) / 4) 1.875rem calc((var(--height-menu-area) - 1.625rem) / 4) .625rem;
	border-radius: var(--radius-corner);
	margin: 0 .5rem;
	line-height: 1.625rem;
	cursor: default;
}
.cs6AdminMenuDrop:first-child {
	margin-left: calc(.9375rem * var(--space-multiplier));
}
a.cs6AdminMenuDrop {
	box-shadow: none;
}
a.cs6AdminMenuDrop:hover,
.cs6AdminMenuDrop.cs6AdminMenuDrop.cs6AdminMenuDropClicked {
	color: var(--hex-main-primary-text);
	box-shadow: var(--shadow-box-hover);
}
a.cs6AdminMenuDrop.cs6AdminMenuDrop:not(.cs6AdminMenuDropClicked):focus { /* Menu is hovered or "focused" */
	color: var(--hex-main-primary-text);
	box-shadow: var(--shadow-box-focus);
	transition: all var(--timing-medium-fade-in);
}
.cs6AdminMenuMain::before {
	content: "";
	position: fixed;
	inset: var(--height-top-area) 0 0 0;
	z-index: 10;
	background: rgba(0, 0, 0, 0);
	pointer-events: none;
	transition: background var(--timing-large-fade-out);
	transition-delay: 50ms;
}
.cs6AdminMenuOpen::before {
	background: rgba(var(--rgb-burn), calc(.35 - (var(--dark-mode-on) * .2)));
	transition: background var(--timing-large-fade-in);
	transition-delay: 0s;
}
.cs6AdminMenuDrop .sdIcon-arrow-strong-down {
	position: absolute; /* tried vertical-align, didn't pan out */
	top: calc(50% - .375rem);
	right: .625rem;
	font-size: .8125rem;
	font-weight: var(--font-weight-bold);
}
#id6AdminMenuDropCallerMenuQuicksearch.cs6AdminMenuDrop .sdIcon-icon-small-search {
	font-size: 1.5rem;
}

/* Compact mode */
.cs6AdminLayoutCompact .cs6AdminMenuMain a {
	font-size: 1.0625rem;
}
.cs6AdminLayoutCompact .cs6AdminMenuGroup {
	align-self: center;
	padding-bottom: .25rem;
}
.cs6AdminLayoutCompact .cs6AdminMenuDrop {
	height: 1.25rem;
	margin: 0 .25rem;
	line-height: 1.25rem;
}
.cs6AdminLayoutCompact .cs6AdminMenuDrop .sdIcon-arrow-strong-down {
	font-size: .75rem;
}
.cs6AdminLayoutCompact #id6AdminMenuDropCallerMenuQuicksearch.cs6AdminMenuDrop .sdIcon-icon-small-search {
	font-size: 1.25rem;
}

/* Compact mode */
.cs6AdminLayoutCompact #id6AdminMenuGroupAvatar {
	padding: 0;
	overflow: visible;
}
.cs6AdminLayoutCompact #id6AdminMenuDropCallerMenuPersonal.cs6AdminMenuDrop {
	--avatar-size: 1.75rem;
}

/* Sub menus */
.cs6AdminMenuSubItems {
	margin-top: .125rem;
	margin-left: .25rem;
}
.cs6AdminMenuItems,
.cs6AdminMenuSubItems {
	display: none; /* toggled via JS */
	position: absolute;
	z-index: 30;
	min-width: 12rem;
}
.cs6AdminMenuItems {
	position: fixed;
	margin-top: .25rem;
}

.cs6AdminMenuItems::after,
.cs6AdminMenuSubItems::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--hex-canvas-100);
	border-radius: var(--radius-box);
	box-shadow: var(--shadow-300);
}

.cs6AdminMenuItem {
	display: block;
	position: relative;
}
.cs6AdminMenuItem a {
	display: block;
	color: var(--hex-solid-100);
	padding: 0 2.5rem 0 .8125rem;
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	letter-spacing: .02rem;
	line-height: var(--height-menu-item);
	white-space: nowrap;
	cursor: default;
}
.cs6AdminMenuItem:not(:is(.cs6AdminMenuItemDeactivated, .cs6AdminNoHighlight)) a:hover,
.cs6AdminMenuItem:not(:is(.cs6AdminMenuItemDeactivated, .cs6AdminNoHighlight)) a:focus,
.cs6AdminMenuItem:not(:is(.cs6AdminMenuItemDeactivated, .cs6AdminNoHighlight)).cs6AdminMenuSearchDefault a {
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
}
.cs6AdminMenuSearchDefault a::after {
	content: '\23CE';
	display: block;
	position: absolute;
	top: 0;
	right: .5rem;
}
.cs6AdminSearchItemSearchText > span {
	font-style: italic;
	display: inline-block;
	max-width: 15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom; /* For whatever reason the searchterm gets rendered way too high with text-overflow being involved. Solved by this line. */
}

.cs6AdminMenuItem:not(:is(.cs6AdminMenuItemDeactivated, .cs6AdminNoHighlight)) a:hover,
.cs6AdminMenuItem:not(:is(.cs6AdminMenuItemDeactivated, .cs6AdminNoHighlight)) a:hover .cs6AdminSearchItemSearchText > span {
	text-decoration: underline;
}
.cs6AdminMenuItemWrapper:first-child > .cs6AdminMenuItem > a {
	border-radius: var(--radius-box) var(--radius-box) 0 0;
}
.cs6AdminMenuItemWrapper:last-child > .cs6AdminMenuItem > a {
	border-radius: 0 0 var(--radius-box) var(--radius-box);
}
.cs6AdminMenuItemWrapper:first-child:last-child > .cs6AdminMenuItem > a {
	border-radius: var(--radius-box);
}
.cs6AdminMenuItemSeparator {
	border-bottom: 1px solid var(--hex-main-primary);
}
.cs6AdminMenuItemSubMenu a .cs6Icon::before {
	content: "\e64e"; /* sdIcon-arrow-strong-right */
}
.cs6AdminMenuItemSubMenu a .cs6Icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 3rem;
	font-size: 1.125rem;
	line-height: var(--height-menu-item);
	text-align: center;
}
.cs6AdminMenuItem .sdIcon-button-apply { /* e.g. View -> Lock list */
	display: none;
}
.cs6AdminMenuItemSelected .sdIcon-button-apply {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1.5rem;
	font-size: 1.125rem;
	line-height: var(--height-menu-item);
}
.cs6AdminMenuItemDeactivated a {
	opacity: .5;
}

/* CONTEXT MENU */
.cs6AdminContextmenuMain {
	display: none;
	z-index: 30;
	background: var(--hex-canvas-100);
	border-radius: var(--radius-box);
	margin: .5rem .125rem;
	box-shadow: var(--shadow-300), 0 0 1rem 2rem rgba(0, 0, 0, .05);
	overflow: hidden;
	font-size: 1rem;
}
.cs6AdminContextmenuMain a {
	display: block;
	position: relative;
	min-width: 12rem;
	color: var(--hex-solid-100);
	padding: 0 2.5rem 0 .8125rem;
	box-shadow: none;
	font-family: var(--font-display);
	font-weight: var(--font-weight-normal);
	letter-spacing: .02rem;
	line-height: var(--height-menu-item);
	text-decoration: none;
	white-space: nowrap;
	cursor: default;
}
.cs6AdminContextmenuMain :not(.cs6AdminMenuItemDeactivated) a:hover,
.cs6AdminContextmenuMain :not(.cs6AdminMenuItemDeactivated) a:focus {
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
	text-decoration: underline;
}
.cs6AdminContextmenuMain :not(.cs6AdminMenuItemDeactivated) a:focus {
	outline: 0;
}
.cs6AdminContextmenuSeparator {
	border-bottom: 1px solid var(--hex-main-primary);
}
.cs6AdminContextmenuItemDeactivate .cs6Icon,
.cs6AdminContextmenuSeparator .cs6Icon {
	display: none;
}
.cs6AdminContextMenuItemSelected .cs6Icon,
.cs6AdminContextmenuItemActivate .cs6Icon {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1.5rem;
	font-size: .875rem;
	line-height: var(--height-menu-item);
}

/* Context Icon Menu */
.cs6AdminContextmenuDisplayIcon {
	display: flex;
}
.cs6AdminContextmenuDisplayIcon.cs6AdminContextmenuMain a {
	min-width: auto;
	padding: .5rem;
	line-height: 1.5rem;
	height: 1.5rem;
}
.cs6AdminContextmenuDisplayIcon .cs6Icon.cs6AdminIconContextMenuItem {
	position: static;
	display: inline-block;
	font-size: 1.5rem;
	line-height: normal;
	width: 1.5rem;
	height: 1.5rem;
}

/* ATTENTION BOX */
#id6AdminMenuHint {
	grid-area: info;
	align-self: center;
	z-index: 200;
	text-align: center;
	justify-self: center;
	white-space: nowrap;
	line-height: 0;
}
.cs6AdminMenuHint {
	display: inline-block;
	position: relative;
	height: 2.5rem;
	min-width: 0;
	color: var(--hex-rainbow-text);
	background: var(--hex-rainbow-1-red);
	padding: 0 1.75rem;
	border: 2px solid var(--hex-main-primary-text);
	border-radius: var(--radius-corner);
	overflow: hidden;
	font-size: 1.125rem;
	font-weight: var(--font-weight-normal);
	line-height: 2.5rem;
	text-decoration: underline;
	text-underline-offset: .25rem;
}
.cs6AdminMenuHint:hover {
	text-decoration: none;
}
.cs6AdminMenuHint:focus-within {
	box-shadow: var(--shadow-box-focus);
}
#id6AdminMenuHint a {
	display: block;
	position: absolute;
	inset: 0;
	color: var(--hex-rainbow-text);
	box-shadow: none;
	font-weight: var(--font-weight-normal);
}
#id6AdminMenuHint .cs6Icon {
	display: none;
}

/* Compact mode */
.cs6AdminLayoutCompact .cs6AdminMenuHint {
	height: 2rem;
	font-size: 1.125rem;
	line-height: 2rem;
}


/* LOGO */
.cs6AdminTopLogo {
	position: relative;
	display: inline-block;
	grid-area: logo;
	align-self: center;
	top: .25rem;
	left: .125rem;
	z-index: 11;
	height: calc(var(--height-logo-area) - .25rem);
	margin: 0 0 0 calc(.4375rem + .9375rem * var(--space-multiplier));
	font-size: calc(var(--height-logo-area) + .125rem);
}
.cs6AdminTopLogo > :is(a, span) {
	display: inline-block;
	box-shadow: none;
	cursor: default;
	text-decoration: none;
	line-height: 0;
	vertical-align: top;
}
.cs6AdminTopLogo a:hover::after,
.cs6AdminTopLogo a:focus::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--radius-corner);
	box-shadow: var(--shadow-box-hover);
}
.cs6AdminTopLogo a:focus::after {
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminTopLogo .sdIcon-six_logo_six {
	position: relative;
	top: calc(var(--height-logo-area) * -0.075);
	color: var(--hex-main-primary-text);
}
.cs6AdminTopLogo .sdIcon-six_logo_six::before {
	content: "\e912"; /* sdIcon-six-logo */
}
.cs6AdminTopLogo .sdIcon-six_logo_cms,
.cs6AdminTopLogo .sdIcon-six_logo_url {
	display: none;
}

/* Compact mode */
.cs6AdminLayoutCompact .cs6AdminTopLogo {
	top: 0;
	height: var(--height-logo-area);
	line-height: 0;
}

/* AREA PROMPT */
.cs6AdminTopPrompt {
	grid-area: prompt;
	color: var(--hex-main-primary-text);
	padding: .75rem 1.5rem 0 0;
	text-align: right;
	white-space: nowrap;
	font-size: 1.6875rem;
}
.cs6AdminTopPromptSection {
	font-weight: var(--font-weight-semi);
}
.cs6AdminTopPromptSub {
	font-weight: var(--font-weight-normal);
}

/* Compact mode */
.cs6AdminLayoutCompact .cs6AdminTopPrompt {
	align-self: center;
	padding-top: 0;
	font-size: 1.125rem;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* SHORTCUTS */
.cs6AdminShortcutMain {
	position: absolute;
	top: calc(var(--height-top-area) + var(--height-breadcrumb-area));
	right: 0;
	left: 0;
	z-index: 8;
	height: var(--height-shortcut-area);
	background: transparent;
	font-size: 0;
	white-space: nowrap;
}
#id6AdminShortcutDetailWrapperSingle { /* e.g. Tools -> Export */
	width: 100%;
}
#id6AdminShortcutDetailWrapperSingle .cs6AdminShortcutDetailMain {
	margin-left: calc(.6875rem + .9375rem * var(--space-multiplier));
}
.cs6AdminShortcutToolWrapper,
.cs6AdminShortcutContainer,
.cs6AdminShortcutListMain,
.cs6AdminShortcutDetailMain {
	display: inline-block;
}
.cs6AdminShortcutToolWrapper,
.cs6AdminShortcutListMain,
.cs6AdminShortcutDetailMain {
	border-radius: var(--radius-corner);
}

.cs6AdminShortcutHidden,
#id6AdminFrameSpacerShortCutsWrapper {
	display: none;
}
.cs6AdminShortcutDetailMain {
	margin-left: calc(1.25rem + 1.6875rem * var(--space-multiplier));
	padding-right: calc(.6875rem + .9375rem * var(--space-multiplier));
}

.cs6AdminShortcut:focus-within { /* to prevent surrounding elements from covering the focus element */
	position: relative;
	z-index: 2;
}
.cs6AdminShortcut a,
.cs6AdminShortcut button {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: calc(1.5rem + 1rem * var(--space-multiplier));
	height: calc(1.5rem + 1rem * var(--space-multiplier));
	color: var(--color-shortcut-normal-fg);
	background: var(--color-shortcut-normal-bg);
	padding: 0;
	border: 0;
	border-radius: var(--radius-corner);
	margin-right: .1875rem;
	box-shadow: none;
	font-size: calc(1rem + .8125rem * var(--space-multiplier));
	line-height: calc(1px + 1.5rem + 1rem * var(--space-multiplier)); /* 1px nudges icon in vertical middle */
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	opacity: 1;
	cursor: default;
	transition: all var(--timing-small-fade-out);
}

.cs6AdminShortcutListMain {
	position: relative;
	margin-left: calc(.5625rem + 1.125rem * var(--space-multiplier));
}
.cs6AdminShortcut a:hover,
.cs6AdminShortcut button:hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	box-shadow: 0 0 0 max(1px, .0625rem) var(--hex-main-primary-text), 0 0 0 max(2px, .125rem) var(--hex-main-primary);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminShortcut a:focus,
.cs6AdminShortcut button:focus {
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminShortcut a:active,
.cs6AdminShortcut button:active {
	color: var(--color-button-active-fg);
	background: var(--color-button-active-bg);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminShortcut .cs6Icon {
	font-size: inherit;
}
.cs6AdminShortcut .cs6Icon::before {
	vertical-align: -.125rem;
}

.cs6AdminShortcut {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.cs6AdminShortcutDeactivated {
	z-index: 0;
}
.cs6AdminShortcutDeactivated a,
.cs6AdminShortcutDeactivated button,
.cs6AdminShortcutDeactivated a:active,
.cs6AdminShortcutDeactivated button:active,
.cs6AdminShortcutDeactivated a:hover,
.cs6AdminShortcutDeactivated button:hover,
.cs6AdminShortcutDeactivated a:focus,
.cs6AdminShortcutDeactivated button:focus {
	color: var(--hex-solid-100);
	background: transparent;
	border: 1px solid var(--hex-solid-100);
	box-shadow: none;
	opacity: .3;
	cursor: default;
	pointer-events: none;
	transition: all var(--timing-small-fade-out);
}
.cs6AdminShortcutHidden {
	display: none;
}
.cs6AdminShortcutSeparator {
	display: inline-block;
	width: .8125rem;
}
.cs6AdminShortcutSeparator button {
	display: none;
}

/* USER FLAGS */
.cs6AdminShortcutCartouche {
	--status-size: 1.125rem;
	--status-height: calc(var(--status-size) * (1 + (1 * var(--space-multiplier))));
	--status-padding: calc((var(--status-height) - var(--status-size)) / 2);
	box-sizing: border-box;
	display: inline-block;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 6;
	color: var(--hex-solid-100);
	background: var(--hex-canvas-200);
	padding: 0;
	border-radius: var(--radius-corner) 0 0 0;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.cs6AdminShortcutFlag {
	position: relative;
	display: inline-block;
	padding: 0 var(--status-padding);
	font-size: var(--status-size);
	line-height: var(--status-height);
}
.cs6AdminCharcount_wrap[data-count="on"] + .cs6AdminShortcutFlag {
	margin-left: calc(var(--status-padding) * 1.25);
}
.cs6AdminCharcount_wrap[data-count="on"] + .cs6AdminShortcutFlag::before {
	content: "\2E31"; /* Word Separator Middle Dot */
	position: absolute;
	left: calc(var(--status-padding) * -1.25);
	color: var(--hex-solid-200);
	pointer-events: none;
}
.cs6AdminShortcutFlag:hover {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
.cs6AdminCharcount_wrap span {
	display: none;
	line-height: var(--status-height);
	font-size: calc(var(--status-size) * .875);
}
.cs6AdminCharcount_wrap span:not([data-count=""]) {
	display: inline;
	margin: 0 var(--status-padding);
}
.cs6AdminCharcount_wrap span:not([data-count=""]) ~ span:not([data-count=""])::before {
	content: "\2E31"; /* Word Separator Middle Dot */
	position: relative;
	color: var(--hex-solid-200);
	left: calc(var(--status-padding) * -1);
	font-size: var(--status-size);
}
.cs6AdminCharcount_wrap span::after {
	content: attr(data-count);
	font-feature-settings: "tnum";
}
.cs6AdminCharcount_wrap .cs6AdminCharcount_total::after {
	content: "(" attr(data-count) ")";
	text-decoration: underline dashed;
	text-decoration-skip-ink: all;
}
@supports selector(:has(+ *)) {
	.cs6AdminShortcutCartouche:has(.cs6AdminCharcount_max_error:not([data-count=""])),
	.cs6AdminShortcutCartouche:has(.cs6AdminCharcount_min_error:not([data-count=""])) {
		color: var(--hex-rainbow-text);
		background: var(--hex-rainbow-1-red);
	}
}
@supports not selector(:has(+ *)) {
	.cs6AdminCharcount_max_error:not([data-count=""]),
	.cs6AdminCharcount_min_error:not([data-count=""]) {
		color: var(--hex-rainbow-1-red);
		font-weight: var(--font-weight-bold);
	}
}
.cs6AdminCharcount_wrap span:not([data-count=""]) ~ .cs6AdminCharcount_total:not([data-count=""])::before {
	content: " ";
}

/* TABS */
.cs6AdminCardsWrapper {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: var(--height-tab-area);
}
.cs6AdminCardsMain {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
	height: var(--height-tab-area);
	padding-left: calc(1.75rem * var(--space-multiplier));
	overflow: hidden;
	white-space: nowrap;
}
.cs6AdminCardsMain::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 0;
	z-index: 1;
	border-bottom: 1px solid var(--color-card-border);
}
.cs6AdminCardsTab {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: calc(var(--height-tab-area) - var(--height-tab));
	height: calc(var(--height-tab) - 1px);
	z-index: 0;
	background: transparent;
	margin: 0 .125rem 0 0;
}
.cs6AdminCardsTab.cs6Active {
	height: var(--height-tab);
	z-index: 1;
}
.cs6AdminCardsTab > a,
.cs6AdminCardsTab > span {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 100%;
	color: var(--color-tab-normal-fg);
	background: var(--color-tab-normal-bg);
	padding: 0 .625rem 0 .625rem;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: var(--radius-corner) var(--radius-corner) 0 0;
	margin: 0 .0625rem 0 0;
	box-shadow: none;
	font-family: var(--font-display);
	font-size: 1.125rem;
	font-weight: var(--font-weight-normal);
	line-height: 2rem;
	cursor: default;
	text-decoration: none;
	transition: color var(--timing-small-fade-out), background var(--timing-small-fade-out), box-shadow var(--timing-small-fade-out);
}
.cs6AdminCardsTab:first-child > a,
.cs6AdminCardsTab:first-child > span {
	margin-left: 0;
}
.cs6AdminCardsTab > a:hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
	text-decoration: underline;
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminCardsTab.cs6Active > a,
.cs6AdminCardsTab.cs6Active > span,
.cs6AdminCardsTab > a:active {
	color: var(--hex-main-secondary);
	background: var(--hex-canvas-100);
	border: 1px solid var(--color-card-border);
	border-bottom: 0;
	transition: color var(--timing-small-fade-in), background var(--timing-small-fade-in);
}
.cs6AdminCardsTab.cs6Active > a,
.cs6AdminCardsTab.cs6Active > span {
	font-weight: var(--font-weight-semi);
}
.cs6AdminCardsTab > a > span {
	position: relative;
}
.cs6AdminCardsTab > a:focus {
	outline: 0;
	box-shadow: var(--shadow-box-focus);
	transition: box-shadow var(--timing-small-fade-in);
}

/* DIALOG BOXES */
.cs6AdminFrameDialogMain {
	display: none;
	position: absolute;
	top: 300px;
	left: 300px;
	z-index: 50;
	width: 50%;
	height: 40%;
	border-radius: var(--radius-box);
	box-shadow: var(--shadow-500);
	text-align: center;
}
.cs6AdminFrameDialogFrame {
	z-index: 20;
	width: 100%;
	height: 100%;
	background: var(--hex-main-primary);
	border-radius: var(--radius-box);
}
.cs6AdminFrameDialogFrameFlashed {
	box-shadow: 0 0 .5rem .5rem var(--hex-main-accent);
}
.cs6AdminFrameDialogCloseLink {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.8125rem;
	height: 2.625rem;
	color: var(--hex-main-primary-text);
	background: transparent;
	border-radius: var(--radius-box);
	box-shadow: none;
	font-size: .8125rem;
	line-height: 2.625rem;
	text-align: center;
	text-decoration: none;
	transition: all var(--timing-small-traverse-out);
}
.cs6AdminFrameDialogCloseLink:hover {
	color: var(--hex-main-primary-text);
	box-shadow: none;
	font-size: 1rem;
	transition: all var(--timing-small-traverse-in);
}
.cs6AdminFrameDialogCloseLink:focus {
	outline: 0;
	box-shadow: var(--shadow-link-focus);
	text-decoration: none;
	transition: all var(--timing-small-traverse-in);
}
.cs6AdminSectionDialog .cs6AdminCardsTab {
	top: 0;
}
.cs6AdminSectionDialog form > .cs6AdminFormBlockMain {
	width: 100%;
}
.cs6AdminSectionDialog :is(
	.cs6AdminBlockError,
	.cs6AdminBlockNotice,
	.cs6AdminBlockWarning,
	.cs6AdminDone,
	.cs6AdminSuccess,
	.cs6AdminPanel.cs6AdminHint,
	.cs6AdminPanel.cs6AdminNotice,
	.cs6AdminPanel.cs6AdminWarning) {
	margin-right: 0;
}
.cs6AdminSectionDialogPassword .cs6AdminError ~ .cs6AdminHint,
.cs6AdminSectionFactor .cs6AdminError ~ .cs6AdminHint,
.cs6AdminSectionDialogKeyfile .cs6AdminError ~ .cs6AdminHint {
	display: none;
}
h1.cs6AdminFrameDialogTitle {
	color: var(--hex-main-primary);
	padding: 0;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: var(--font-weight-normal);
}
dialog {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 2;
	width: 40%;
	min-width: 200px;
	min-height: 100px;
	color: var(--hex-main-primary-text);
	background: var(--hex-main-primary);
	font-size: 1.0625rem;
	padding: .75rem;
	border: 0;
	border-radius: var(--radius-box);
	margin: auto;
	box-shadow: var(--shadow-box);
}
._dialog_overlay,
dialog + .backdrop {
	position: fixed;
	inset: 0;
	background: rgba(var(--rgb-burn), .8);
	opacity: 0.5;
}
.cs6AdminConfirmDialogContent {
	margin-bottom: 2.9375rem;
}
.cs6AdminConfirmDialogButtons {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	left: .75rem;
	white-space: nowrap;
}
dialog button {
	margin: 0 .5rem 0 0;
}
.cs6AdminSectionDialog .cs6AdminCardsMain {
	top: 0;
	right: 0;
	left: 0;
	padding-left: 1rem;
}
.cs6AdminSectionDialog .cs6AdminCardsTab {
	height: 2.625rem;
	padding: 0;
	line-height: 2.625rem;
}
.cs6AdminSectionDialog .cs6AdminCardsTab:first-child {
	width: 100%;
}
.cs6AdminSectionDialog .cs6AdminCardsTab a,
.cs6AdminSectionDialog .cs6AdminCardsTab span {
	color: var(--hex-main-primary-text);
	margin: 0;
	line-height: 2.625rem;
	border: 0;
}
.cs6AdminSectionDialog .cs6AdminCardsTab:first-child a,
.cs6AdminSectionDialog .cs6AdminCardsTab:first-child span {
	background: transparent;
	padding-right: 1.8125rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cs6AdminSectionDialog .cs6AdminCardsBody.cs6AdminCardsBody {
	border: 0;
	padding: 1rem;
}
.cs6AdminBasicModalOpacity {
	background: rgba(var(--rgb-burn), .8);
}
.cs6AdminBasicModalGrabber {
	/* iframe capturing the mouse input outside of modal box ... old tech */
	background: transparent;
}
.cs6AdminSectionRrsDialog .cs6AdminCardsBody.cs6AdminCardsBody {
	border: 0;
	top: 2.625rem;
}

/* NOTIFICATION */
.cs6AdminTopMessagePanel {
	display: none; /* set to flex via JS */
	flex-direction: column;
	justify-content: center;
	position: absolute;
	inset: 0;
	z-index: 100;
	background: rgba(var(--rgb-dodge), .7);
}
.cs6AdminTopMessageDisplay {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 1.8125rem;
	font-weight: var(--font-weight-bold);
	text-align: center;
}

/* BADGES */
.cs6AdminDataCount.cs6AdminDataCount {
	background-color: var(--color-badge-background);
	color: var(--color-badge-text);
	font-size: .875rem;
	border-radius: 999px;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	min-width: 1rem;
	display: inline-block;
	position: relative;
	left: -.5rem;
	top: -.6375rem;
	margin-right: -.9375rem;
	padding: 0 .125rem;
}

/* CARDS */
.cs6AdminCardsBody {
	box-sizing: border-box;
	position: absolute;
	inset: var(--height-tab-area) 0 var(--height-form-button-area) 0;
	z-index: 1;
	background: var(--hex-canvas-100);
	padding: 0 0 2rem calc(2.3125rem * var(--space-multiplier));
	margin: 0;
	overflow: auto;
	scroll-behavior: smooth;
}
.cs6AdminCardsBody::before,
.cs6AdminCardsBody::after { /* bottom gutter */
	content: "";
	position: fixed;
	right: 0;
	left: 0;
	z-index: 4; /* needs to be at least higher than the one for summary elements */
}
.cs6AdminCardsBody::before { /* bottom gutter background */
	bottom: 0;
	height: var(--height-form-button-area);
	background: var(--hex-main-primary);
}
.cs6AdminCardsBody::after { /* bottom gutter shadow */
	bottom: var(--height-form-button-area);
	height: 1rem;
	pointer-events: none;
	background: var(--gradient-button-area-shadow);
}
.cs6AdminResultListBody .cs6AdminCardsBody {
	scroll-behavior: auto; /* no smooth scrolling in the result list, as this is considered annoying in some circumstances, like automatic reload. */
}
@media (prefers-reduced-motion: reduce) {
	.cs6AdminCardsBody {
		scroll-behavior: auto;
	}
}
.cs6AdminCardsNoTitleBody { /* e. g. background processes live view */
	top: 0;
	border-top: 1px solid var(--color-card-border);
}
.cs6AdminSectionSystem.cs6AdminSectionList .cs6AdminCardsBody, /* System tab in list frame */
.cs6AdminResultListBody .cs6AdminCardsBody {
	padding-left: 0;
	border-right: 1px solid var(--color-card-border);
}
body:not(.cs6AdminResultListBody) .cs6AdminCardsBody {
	border-left: 1px solid var(--color-card-border);
}
.cs6AdminCardsTitle {
	display: inline-block;
	color: var(--hex-solid-100);
	padding: 0;
	margin: calc(2rem * var(--space-multiplier)) .5rem calc(2rem * var(--space-multiplier)) 0;
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
}
.cs6AdminCardsButtons {
	box-sizing: border-box;
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: var(--height-form-button-area);
	padding: calc((var(--height-form-button-area) - var(--height-button-large)) / 2) .8125rem 0 calc(2.3125rem * var(--space-multiplier)); /* With small optical compensation for left alignment. */
}
.cs6AdminCardsButtonsHide {
	display: none;
}
.cs6AdminCardsBody > .cs6AdminPanel:not(.cs6AdminFormBlockMain):first-child {
	margin-top: calc(1rem * var(--space-multiplier));
}

/* Data Frames */
.cs6AdminDataPreviewFrame.cs6AdminDataPreviewFrame.cs6AdminDataPreviewFrame.cs6AdminDataPreviewFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
.cs6AdminDataSubFrame {
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	border: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.cs6AdminDataSubBody {
	background-color: var(--hex-canvas-100);
	overflow: auto;
}
.cs6AdminDataSubBody pre {
	padding: .5rem 1rem;
	font-family: var(--font-monospace);
}
.cs6AdminDataBodyTest {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='200px'><text x='85' y='30' style='fill:rgb(240,240,240)' font-size='40' transform='rotate(-20,140,105)'>Test</text></svg>") repeat;
}

/* HINT BOXES */
.cs6AdminBlockError,
.cs6AdminBlockNotice,
.cs6AdminBlockWarning,
.cs6AdminDone,
.cs6AdminSuccess,
.cs6AdminPanel.cs6AdminHint,
.cs6AdminPanel.cs6AdminNotice,
.cs6AdminPanel.cs6AdminWarning {
	position: relative;
	background: rgba(var(--rgb-main-accent), 0.3);
	padding: 1.5rem 1.5rem 1.75rem 1.5rem;
	border: 1px solid rgba(var(--rgb-main-accent), 0.6);
	border-radius: var(--radius-corner);
	margin: 1.25rem calc(var(--space-multiplier) * 2.5rem) 0 0;
	font-size: 1.0625rem;
	word-wrap: break-word;
}
.cs6AdminTextMessageBlock .cs6AdminTextMessageLabel::after {
	content: ":";
}
.cs6AdminTextMessageBlock :is(.cs6CoreTextMessageDone, .cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageSuccess, .cs6CoreTextMessageWarning) {
	display: inline-block;
}
.cs6AdminFormTableElementContent .cs6AdminPanel.cs6AdminHint {
	margin: 0;
}
.cs6AdminFormTableElementContent .cs6AdminPanel.cs6AdminHint:not(:last-child) {
	margin-bottom: 1rem;
}
.cs6AdminHint > div {
	padding: 0;
}
.cs6AdminHint > div:not(:first-child) {
	padding-top: .5rem;
}
.cs6AdminHint.cs6AdminHint.cs6AdminHint:first-child {
	margin-top: 1.25rem;
}
.cs6AdminFormElementLabel:empty {
	display: none;
}
.cs6AdminHint .cs6AdminFormElementContent {
	margin: 0;
	font-size: 1.0625rem;
}

.cs6AdminBlockError,
.cs6AdminBlockNotice,
.cs6AdminBlockWarning,
.cs6AdminDone,
.cs6AdminSuccess {
	color: var(--hex-rainbow-text);
	background: var(--hex-rainbow-1-red);
}
.cs6AdminBlockNotice.cs6AdminBlockNotice {
	background: var(--hex-rainbow-6-blue);
	border: transparent;
}
.cs6AdminDone,
.cs6AdminSuccess {
	background: var(--hex-rainbow-4-green);
}
.cs6AdminBlockWarning.cs6AdminBlockWarning {
	background: var(--hex-rainbow-2-orange);
	border: transparent;
}
.cs6AdminTextMessageBlock .cs6CoreTextMessageDone,
.cs6AdminTextMessageBlock .cs6CoreTextMessageError,
.cs6AdminTextMessageBlock .cs6CoreTextMessageNotice,
.cs6AdminTextMessageBlock .cs6CoreTextMessageSuccess,
.cs6AdminTextMessageBlock .cs6CoreTextMessageWarning {
	background: transparent;
}
.cs6CoreTextMessageError.cs6CoreTextMessageDone a,
.cs6CoreTextMessageError.cs6CoreTextMessageError a,
.cs6CoreTextMessageNotice.cs6CoreTextMessageNotice a,
.cs6CoreTextMessageSuccess.cs6CoreTextMessageSuccess a,
.cs6CoreTextMessageWarning.cs6CoreTextMessageWarning a {
	color: var(--hex-rainbow-text);
	box-shadow: none;
	text-decoration: none;
}
.cs6AdminTextMessageBlock .cs6CoreTextMessageDone:not(.cs6AdminTextMessageLabel) a::before,
.cs6AdminTextMessageBlock .cs6CoreTextMessageError:not(.cs6AdminTextMessageLabel) a::before,
.cs6AdminTextMessageBlock .cs6CoreTextMessageNotice:not(.cs6AdminTextMessageLabel) a::before,
.cs6AdminTextMessageBlock .cs6CoreTextMessageSuccess:not(.cs6AdminTextMessageLabel) a::before,
.cs6AdminTextMessageBlock .cs6CoreTextMessageWarning:not(.cs6AdminTextMessageLabel) a::before {
	content: "\e66f"; /* arrow-strong-down */
	display: inline-block;
	width: 1.1875rem;
	height: 1.1875rem;
	border: 1px solid var(--hex-rainbow-text);
	border-radius: var(--radius-corner);
	margin-right: .5rem;
	font-family: var(--font-icon);
	font-size: .75rem;
	line-height: 1.1875rem;
	text-align: center;
}
.cs6AdminTextMessageBlock {
	position: relative;
	margin: calc(2rem * var(--space-multiplier)) calc(2rem * var(--space-multiplier)) .75rem 0;
	padding-left: 1.3125rem;
}
.cs6AdminTextMessageLabel {
	display: inline-block;
	margin-bottom: .5rem;
	font-size: 1.125em;
	font-weight: var(--font-weight-semi);
}

/* FORM */
#id6AdminForm_myform {
	position: relative;
}
.cs6AdminCardsBody > form:first-child {
	margin-top: calc(2rem * var(--space-multiplier));
}
.cs6AdminCardsBody > form:first-child > h1:first-of-type {
	margin-top: 0;
}
h1 + .cs6AdminCardsBody > .cs6AdminElevated {
	margin-top: .8125rem;
}

.cs6AdminFormField {
	display: block;
	margin-top: .8125rem;
	line-height: 2;
}
.cs6AdminFormInput {
	display: block;
}
td.cs6AdminFormInput {
	display: table-cell;
}
.cs6AdminFormInputFullWidth {
	width: 100%;
}
.cs6AdminFormInputFullHeight {
	height: 99%;
}
form > .cs6AdminFieldType_block,
.cs6AdminFormField:not(.cs6AdminFieldType_block) {
	margin: 1rem calc(2rem * var(--space-multiplier)) 0 0;
}
.cs6AdminFieldType_block + .cs6AdminFormField {
	margin-top: .5rem;
}
.cs6AdminFormBlockMain .cs6AdminFormField:not(.cs6AdminFieldType_block):last-child {
	margin-bottom: 1rem;
}
.cs6AdminFormBlockElement {
	display: block;
	margin: 0 calc(1rem * var(--space-multiplier)) 1.5rem 0;
}
.cs6AdminFormBlockElement:last-child {
	margin-bottom: 0;
}
td div.cs6AdminFormBlockElement {
	margin-top: .1875rem;
	padding: .125rem;
}
.cs6AdminFormIndent {
	margin-left: 1.5rem;
}
.cs6AdminInputFootnote {
	font-size: .875rem;
}
.cs6AdminInputFootnote::before {
	content: '(';
}
.cs6AdminInputFootnote::after {
	content: ')';
}

/* Columns view */
.cs6AdminFormColumns {
	columns: 25rem auto;
	column-gap: 1.5rem;
}
.cs6AdminFormColumnsCheckbox > div {
	display: flex;
}
.cs6AdminFormMultiColumn > tbody > tr > td {
	padding-top: .125rem;
}
.cs6AdminFieldType_block > td {
	padding-top: 1rem;
}
.cs6AdminFieldType_block + :not(.cs6AdminFieldType_block) > td {
	padding-top: 1rem;
}
.cs6AdminFormTableElementContent {
	padding-top: 0;
	width: 99%;
}
.cs6AdminFormTableElementColumn {
	padding-top: 0;
	white-space: nowrap;
}


/* Info text */
.cs6AdminFormInfo {
	color: var(--hex-solid-100);
	padding: .125rem .75rem .125rem 0;
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
}

/* Images */
.cs6AdminFormElementContent > :is(img, object),
.cs6AdminFormElementContent [data-fieldname] > :is(img, object),
.cs6AdminFormElementContent [data-fieldname] > mark > :is(img, object) {
	height: auto;
	max-width: max(100%, 200px);
	margin: .25rem .25rem 0 0;
}

/* Labels */
.cs6AdminFormElementLabel {
	display: block;
	margin-bottom: .375rem;
}
.cs6AdminFormLabel,
.cs6AdminFormElementLabel,
.cs6AdminFormTableElementLabel.cs6AdminFormTableElementLabel {
	color: var(--hex-solid-100);
	font-size: 1rem;
	font-weight: var(--font-weight-semi);
}
.cs6AdminFormTableElementLabel {
	width: 1%;
	min-width: 10rem;
}
.cs6AdminFormTableElementLabel .cs6AdminFormLabel :is(label, span) {
	display: block;
}
.cs6AdminFormElementContent {
	display: block;
	margin-top: calc(.25rem * var(--space-multiplier));
}
.cs6AdminFormBlockInlineTable :is(.cs6AdminFormElementContent, .cs6AdminFormBlockElement) {
	padding: 0;
	margin: 0;
}
.cs6AdminFormElementContent,
.cs6AdminFormTableElementContent {
	font-size: 1rem;
}
.cs6AdminFormMultiColumn {
	margin-top: 1.5rem;
}
.cs6AdminFormMultiColumn .cs6AdminFormLabel {
	line-height: 1.8125rem;
}
.cs6AdminFormMultiColumn .cs6AdminFormTableElementLabel {
	padding-left: 0;
}
.cs6AdminFormMultiColumn .cs6AdminFieldType_block > .cs6AdminFormTableElement {
	padding: 0;
}
.cs6AdminFormMultiColumn .cs6AdminSelectSingle {
	margin-left: 0;
}
.cs6AdminCheckbox + :is(label, .cs6AdminFormLabel) {
	margin-left: .25rem;
}
.cs6AdminFormLabel span[sixcms] { /* for labels with anchor */
	cursor: pointer;
}
.cs6AdminFormLabelInfo {
	cursor: help;
	border-bottom: 1px dashed var(--hex-solid-200);
}

/* Meta data tab */
.cs6AdminSectionMeta {
	font-feature-settings: "tnum";
}

/* Block assignement in field edit */
#id6AdminFieldBlocksAvailable .cs6AdminStructureFieldElement > ul:empty::after {
	display: none;
}

/* Fulltext field settings */
.cs6AdminFulltextFieldSelect ul,
.cs6AdminFulltextFieldSelect li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 2.25rem;
}
.cs6AdminFulltextFieldSelect li ul {
	padding: 0 0 0 1rem;
	margin-left: .75rem;
}
.cs6AdminFulltextFieldSelect .cs6Icon.sdIcon-folder_closed,
.cs6AdminFulltextFieldSelect .cs6AdminListTreeHandlerOpen::before,
.cs6AdminFulltextFieldSelect .cs6AdminListTreeHandlerClosed::before {
	content: "\e692"; /* sdIcon-folder_open */
	position: relative;
	left: -1px;
	color: var(--hex-solid-100);
	margin-right: .375rem;
	font-family: var(--font-icon);
	font-size: 1.375rem;
	vertical-align: middle;
}
.cs6AdminFulltextFieldSelect .cs6AdminListTreeHandlerOpen::before {
	content: "\e692"; /* sdIcon-folder_open */
}
.cs6AdminFulltextFieldSelect .cs6AdminListTreeHandlerClosed::before {
	content: "\e691"; /* sdIcon-folder_closed */
}
.cs6AdminListTreeItemElement .cs6AdminPath { /* also @see cs6AdminBasicMoved */
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	overflow: hidden;
}

/**********************/
/** @subpackage print */
/**********************/
.cs6AdminPrintView.cs6AdminPrintView.cs6AdminPrintView {
	/* overriding theme variables */
	--hex-canvas-100: #FFF;
	--rgb-canvas-100: 255,255,255;
	--hex-canvas-200: #FFF;
	--rgb-canvas-200: 255,255,255;
	--hex-canvas-300: #FFF;
	--rgb-canvas-300: 255,255,255;
	--hex-canvas-400: #FFF;
	--rgb-canvas-400: 255,255,255;
	--hex-canvas-500: #FFF;
	--rgb-canvas-500: 255,255,255;
	--hex-solid-100: #000;
	--rgb-solid-100: 0,0,0;
	--hex-solid-200: #7F7F7F;
	--rgb-solid-200: 127,127,127;
	--hex-main-primary: #FFF;
	--rgb-main-primary: 255,255,255;
	--hex-main-primary-text: #00B;
	--rgb-main-primary-text: 0,0,187;
	--hex-main-secondary: #00B;
	--rgb-main-secondary: 0,0,187;
	--hex-main-accent: #00B;
	--rgb-main-accent: 0,0,187;
	--shadow-box: 0 0 1px red;
	--shadow-list-element: 0 0 0 1pt var(--hex-solid-200);
	--font-size-base: 12pt;
	--table-passe-partout: 0;
	--radius-corner: 0;
	--space-multiplier: .75;

	overflow: unset !important;
	widows: 3;
	orphans: 3;
}
html.cs6AdminPrintView {
	padding: 2rem;
}
@media print {
	html.cs6AdminPrintView {
		padding: 0;
	}
}
@page {
	margin: 15mm;
}
.cs6AdminPrintView .cs6AdminNoPrint {
	display: none;
}
.cs6AdminPrintView body {
	position: initial;
	display: initial;
	overflow: initial;
	background: var(--hex-canvas-100);
}
.cs6AdminPrintView .cs6AdminCardsTitle {
	margin-top: 0;
	font-size: 1.25rem;
}
.cs6AdminPrintView .cs6AdminAnnotationMarker {
	--color-mark-bg: var(--hex-canvas-100);
	--color-mark-fg: var(--hex-solid-100);
}
.cs6AdminPrintView :is(table, img, svg, body > div > .cs6AdminFormBlockMain) {
	break-inside: avoid;
}
.cs6AdminPrintView :is(.cs6AdminFormElementLabel) {
	break-after: avoid;
}

/* block and inline fields */
.cs6AdminPrintView.cs6AdminPrintView.cs6AdminPrintView details summary {
	pointer-events: none;
	border: 0;
}
.cs6AdminPrintView summary .cs6AdminFormBlockOpenerText {
	color: var(--hex-solid-100);
}
.cs6AdminPrintView.cs6AdminPrintView details summary::before,
.cs6AdminPrintView.cs6AdminPrintView.cs6AdminPrintView :is(.cs6AdminButtonIcon, .cs6AdminFormBlockInlineInput summary) {
	display: none;
}
.cs6AdminPrintView.cs6AdminPrintView details {
	border: 1pt solid var(--hex-solid-200) !important;
	box-shadow: none !important;
	margin-left: 0;
}

/* separator field */
.cs6AdminPrintView .cs6AdminValueType_separator .cs6AdminFormElementLabel {
	padding-top: .25rem;
}
.cs6AdminPrintView .cs6AdminValueType_separator::after {
	border-top: 1pt solid var(--hex-solid-200);
}

/* links */
.cs6AdminPrintView a {
	pointer-events: none;
}
.cs6AdminPrintView .cs6AdminMessageLinkUser {
	color: var(--hex-solid-100);
	text-decoration: none;
	white-space: nowrap;
}
.cs6AdminPrintView .cs6AdminMessageLinkUser > div {
	display: inline-block;
}
.cs6AdminPrintView .cs6AdminMessageLinkUser::after {
	display: none;
}
.cs6AdminPrintView a:link::after {
	content: " (" attr(href) ") ";
	font-size: 80%;
}
.cs6AdminPrintView a:link:not([href^="http"]):not([href^="."])::after {
	content: " ({sixcms_domain}" attr(href) ") ";
}

/* relation and links fields */
.cs6AdminPrintView .cs6AdminValueType_attachments:is(.cs6AdminValueOutput_data, .cs6AdminValueOutput_text) a:not(:first-child)::before {
	content: "\a";
	white-space: pre;
}
.cs6AdminPrintView .cs6AdminListResultElement:not(:last-child) {
	border-bottom: 1pt solid var(--hex-solid-200);
}

/* tables */
.cs6AdminPrintView .cs6AdminTable :is(table, thead, td, th) {
	position: initial;
}
.cs6AdminPrintView .cs6AdminTable > thead > tr > th {
	background: var(--hex-canvas-100);
	color: var(--hex-solid-100);
}
.cs6AdminPrintView .cs6AdminTable::before,
.cs6AdminPrintView .cs6AdminTable :is(th, td)::before,
.cs6AdminPrintView .cs6AdminTable :is(th, td)::after {
	display: none !important;
}
.cs6AdminPrintView .cs6AdminTable :is(th, td) {
	border: 1pt solid var(--hex-solid-200);
}

/* versions tab */
.cs6AdminPrintView .cs6AdminSectionVersions :is(th, td):first-child,
.cs6AdminPrintView .cs6AdminSectionVersions .cs6AdminTable a::after {
	display: none;
}
.cs6AdminPrintView .cs6AdminSectionVersions .cs6AdminTable a {
	color: var(--hex-solid-100);
	text-decoration: none;
}

/* relations tab */
.cs6AdminPrintView .cs6AdminSectionRelations > .cs6AdminFormBlockMain {
	padding: 0;
	border: 1pt solid var(--hex-solid-200);
}
.cs6AdminPrintView .cs6AdminSectionRelations .cs6AdminFormBlockContentList .cs6AdminListResultBlock.cs6AdminListResultBlock {
	border: 0;
}
.cs6AdminPrintView .cs6AdminSectionRelations .cs6AdminListResultElement:not(:first-child) {
	border-top: 1pt solid var(--hex-solid-200);
}
.cs6AdminPrintView .cs6AdminSectionRelations .cs6AdminFormBlockOpen > div.cs6AdminFormBlockLegend {
	border-bottom: 1pt solid var(--hex-solid-200);
}
.cs6AdminPrintView :is(.cs6AdminFormBlockOpenerText, .cs6AdminFormBlockLegend a) {
	color: var(--hex-solid-100);
}
.cs6AdminPrintView .cs6AdminSectionRelations div.cs6AdminFormBlockLegend a::after {
	display: none;
}


/** @subpackage theme */
:root {
	/* scheme independent properties */
	--font-size-base: 1rem;
	--radius-corner: .25rem;
	--font-size-multiplier: 1;
	--space-multiplier: 1;
	
	/* light scheme */
	--hex-canvas-100: #FFFFFF;
	--rgb-canvas-100: 255, 255, 255;
	--hex-canvas-200: #F6F6F6;
	--rgb-canvas-200: 246, 246, 246;
	--hex-canvas-300: #EAEAEA;
	--rgb-canvas-300: 234, 234, 234;
	--hex-canvas-400: #D5D5D5;
	--rgb-canvas-400: 213, 213, 213;
	--hex-canvas-500: #C5C5C5;
	--rgb-canvas-500: 197, 197, 197;
	--hex-solid-100: #515151;
	--rgb-solid-100: 81, 81, 81;
	--hex-solid-200: #ABABAB;
	--rgb-solid-200: 171, 171, 171;
	--hex-main-primary: #6F314A;
	--rgb-main-primary: 111, 49, 74;
	--hex-main-primary-text: #FFFFFF;
	--rgb-main-primary-text: 255, 255, 255;
	--hex-main-secondary: #6F314A;
	--rgb-main-secondary: 111, 49, 74;
	--hex-main-accent: #C893A9;
	--rgb-main-accent: 200, 147, 169;
	--hex-rainbow-1-red: #A30001;
	--rgb-rainbow-1-red: 163, 0, 1;
	--hex-rainbow-2-orange: #E37508;
	--rgb-rainbow-2-orange: 227, 117, 8;
	--hex-rainbow-3-yellow: #F0B400;
	--rgb-rainbow-3-yellow: 240, 180, 0;
	--hex-rainbow-4-green: #4DA027;
	--rgb-rainbow-4-green: 77, 160, 39;
	--hex-rainbow-5-cyan: #1C7587;
	--rgb-rainbow-5-cyan: 28, 117, 135;
	--hex-rainbow-6-blue: #0B72C6;
	--rgb-rainbow-6-blue: 11, 114, 198;
	--hex-rainbow-7-purple: #572FC6;
	--rgb-rainbow-7-purple: 87, 47, 198;
	--hex-rainbow-8-violet: #9D2561;
	--rgb-rainbow-8-violet: 157, 37, 97;
	--hex-rainbow-text: #FFFFFF;
	--rgb-rainbow-text: 255, 255, 255;

	/*noinspection CssUnknownProperty*/
	color-scheme: light;
	--dark-mode-on: 0;

	--font-weight-bold: 700;
	--font-weight-normal: 350;
	--font-weight-semi: 500;
	--letter-spacing: 0;
	--rgb-dodge: 255, 255, 255;
	--rgb-burn: 0, 0, 0;

	/* General shadows */
	--shadow-100: 0  .0625rem  .1875rem rgba(0,0,0,.12),
	              0  .0625rem  .1250rem rgba(0,0,0,.24);
	--shadow-200: 0  .1875rem  .3750rem rgba(0,0,0,.16),
	              0  .1875rem  .3750rem rgba(0,0,0,.23);
	--shadow-300: 0  .6250rem 1.2500rem rgba(0,0,0,.19),
	              0  .3750rem  .3750rem rgba(0,0,0,.23);
	--shadow-400: 0  .8750rem 1.7500rem rgba(0,0,0,.25),
	              0  .6250rem  .6250rem rgba(0,0,0,.22);
	--shadow-500: 0 1.1875rem 2.3750rem rgba(0,0,0,.30),
	              0  .9375rem  .7500rem rgba(0,0,0,.22);

	/* Allgemein */
	--color-link: var(--hex-solid-100);

	--shadow-link-normal: 0 .125rem var(--hex-main-accent);
	--shadow-link-hover: 0 .25rem var(--hex-main-accent);
	--shadow-link-focus: 0 .3125rem var(--hex-main-accent);

	--shadow-box-hover: 0 0 0 max(1px, .0625rem) var(--hex-main-primary-text); /* only to be used on accent colored background */
	--shadow-box-focus: 0 0 0 max(2px, .25rem) var(--hex-main-accent);
	--shadow-box-inset-focus: 0 0 0 max(2px, .125rem) inset var(--hex-main-accent);
	--shadow-box-alt-focus: 0 0 0 max(2px, .25rem) var(--hex-canvas-100);

	/* Text input and the like */
	--border-input: 1px solid  var(--hex-canvas-400);

	--color-input-background-normal: var(--hex-canvas-100);
	--color-input-background-focus: var(--color-input-background-normal);
	--color-input-background-readonly: var(--hex-canvas-200);

	/* Buttons */
	--color-button-active-bg: var(--hex-main-primary);
	--color-button-active-fg: var(--hex-main-primary-text);
	--color-button-deactivated-bg: var(--hex-canvas-200);
	--color-button-deactivated-fg: var(--hex-solid-200);
	--color-button-hover-bg: var(--hex-main-primary);
	--color-button-hover-fg: var(--hex-main-primary-text);
	--color-button-normal-bg: var(--hex-solid-100);
	--color-button-normal-fg: var(--hex-canvas-100);
	--gradient-button-area-shadow: linear-gradient(0deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 100%);

	--color-card-border: var(--hex-main-secondary);

	--color-checkbox-checked-bg: var(--hex-main-primary);
	--color-checkbox-checked-fg: var(--hex-canvas-100);

	--color-shortcut-normal-bg: var(--hex-solid-100);
	--color-shortcut-normal-fg: var(--hex-canvas-100);

	--color-tab-normal-bg: var(--hex-solid-100);
	--color-tab-normal-fg: var(--hex-canvas-100);

	--color-table-head-bg: var(--hex-solid-100);
	--color-table-head-fg: var(--hex-canvas-100);

	--color-richtext-bg: var(--hex-canvas-100);
	--color-richtext-fg: var(--hex-solid-100);

	/* Syntax highlighting */
	--color-syntax-comment: var(--hex-solid-200);
	--color-syntax-default: var(--hex-main-secondary);
	--color-syntax-plain: var(--hex-solid-100);
	--color-syntax-keyword: var(--hex-rainbow-6-blue);
	--color-syntax-string: var(--hex-rainbow-4-green);
	--color-syntax-variable: var(--hex-rainbow-2-orange);
}
dialog::backdrop { /* inside this pseudo element, there are no variables available, as it comes even before the root element */
	background: rgba(0, 0, 0, .8);
}
@media (prefers-color-scheme: dark) {
	:root {
		/* dark scheme */
		--hex-canvas-100: #262626;
		--rgb-canvas-100: 38, 38, 38;
		--hex-canvas-200: #404040;
		--rgb-canvas-200: 64, 64, 64;
		--hex-canvas-300: #303030;
		--rgb-canvas-300: 48, 48, 48;
		--hex-canvas-400: #555555;
		--rgb-canvas-400: 85, 85, 85;
		--hex-canvas-500: #606060;
		--rgb-canvas-500: 96, 96, 96;
		--hex-solid-100: #DDDDDD;
		--rgb-solid-100: 221, 221, 221;
		--hex-solid-200: #888888;
		--rgb-solid-200: 136, 136, 136;
		--hex-main-primary: #86234b;
		--rgb-main-primary: 134, 35, 75;
		--hex-main-primary-text: #DADADA;
		--rgb-main-primary-text: 218, 218, 218;
		--hex-main-secondary: #DDDDDD;
		--rgb-main-secondary: 221, 221, 221;
		--hex-main-accent: #C893A9;
		--rgb-main-accent: 200, 147, 169;
		--hex-rainbow-1-red: #CC0000;
		--rgb-rainbow-1-red: 204, 0, 0;
		--hex-rainbow-2-orange: #E37508;
		--rgb-rainbow-2-orange: 227, 117, 8;
		--hex-rainbow-3-yellow: #F0B400;
		--rgb-rainbow-3-yellow: 240, 180, 0;
		--hex-rainbow-4-green: #4DA027;
		--rgb-rainbow-4-green: 77, 160, 39;
		--hex-rainbow-5-cyan: #1C7587;
		--rgb-rainbow-5-cyan: 28, 117, 135;
		--hex-rainbow-6-blue: #0B72C6;
		--rgb-rainbow-6-blue: 11, 114, 198;
		--hex-rainbow-7-purple: #572FC6;
		--rgb-rainbow-7-purple: 87, 47, 198;
		--hex-rainbow-8-violet: #9D2561;
		--rgb-rainbow-8-violet: 157, 37, 97;
		--hex-rainbow-text: #FFFFFF;
		--rgb-rainbow-text: 255, 255, 255;

		/*noinspection CssUnknownProperty*/
		color-scheme: dark;
		--dark-mode-on: 1;

		--font-weight-bold: 600;
		--font-weight-normal: 180;
		--font-weight-semi: 350;
		--letter-spacing: .02em;
		--rgb-dodge: 0, 0, 0;
		--rgb-burn: 255, 255, 255;

		/* General shadows */
		--shadow-100: 0  .0625rem  .1875rem rgba(0,0,0,.24),
		              0  .0625rem  .1250rem rgba(0,0,0,.48);
		--shadow-200: 0  .1875rem  .3750rem rgba(0,0,0,.32),
		              0  .1875rem  .3750rem rgba(0,0,0,.46);
		--shadow-300: 0  .6250rem 1.2500rem rgba(0,0,0,.38),
		              0  .3750rem  .3750rem rgba(0,0,0,.46);
		--shadow-400: 0  .8750rem 1.7500rem rgba(0,0,0,.50),
		              0  .6250rem  .6250rem rgba(0,0,0,.44);
		--shadow-500: 0 1.1875rem 2.3750rem rgba(0,0,0,.60),
		              0  .9375rem  .7500rem rgba(0,0,0,.44);

		/* Allgemein */
		--color-link: var(--hex-solid-100);

		--shadow-link-normal: 0 .125rem var(--hex-main-accent);
		--shadow-link-hover: 0 .25rem var(--hex-main-accent);
		--shadow-link-focus: 0 .3125rem var(--hex-main-accent);

		--shadow-box-hover: 0 0 0 max(1px, .0625rem) var(--hex-main-primary-text); /* only to be used on accent colored background */
		--shadow-box-focus: 0 0 0 max(2px, .25rem) var(--hex-main-accent);
		--shadow-box-inset-focus: 0 0 0 max(2px, .125rem) inset var(--hex-main-accent);
		--shadow-box-alt-focus: 0 0 0 max(2px, .25rem) var(--hex-canvas-100);

		/* Text input and the like */
		--border-input: 1px solid  var(--hex-canvas-400);

		--color-input-background-normal: var(--hex-canvas-100);
		--color-input-background-focus: var(--color-input-background-normal);
		--color-input-background-readonly: var(--hex-canvas-200);

		/* Buttons */
		--color-button-active-bg: var(--hex-main-primary);
		--color-button-active-fg: var(--hex-main-primary-text);
		--color-button-deactivated-bg: var(--hex-canvas-200);
		--color-button-deactivated-fg: var(--hex-solid-200);
		--color-button-hover-bg: var(--hex-main-primary);
		--color-button-hover-fg: var(--hex-main-primary-text);
		--color-button-normal-bg: var(--hex-canvas-500);
		--color-button-normal-fg: var(--hex-solid-100);
		--gradient-button-area-shadow: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);

		--color-card-border: var(--hex-main-primary);

		--color-checkbox-checked-bg: var(--hex-solid-100);
		--color-checkbox-checked-fg: var(--hex-canvas-100);

		--color-shortcut-normal-bg: var(--hex-canvas-500);
		--color-shortcut-normal-fg: var(--hex-solid-100);

		--color-tab-normal-bg: var(--hex-canvas-500);
		--color-tab-normal-fg: var(--hex-solid-100);

		--color-table-head-bg: var(--hex-canvas-500);
		--color-table-head-fg: var(--hex-solid-100);

		--color-richtext-bg: var(--hex-solid-100);
		--color-richtext-fg: var(--hex-canvas-100);

		/* Syntax highlighting */
		--color-syntax-comment: var(--hex-solid-200);
		--color-syntax-default: var(--hex-main-secondary);
		--color-syntax-plain: var(--hex-solid-100);
		--color-syntax-keyword: var(--hex-rainbow-6-blue);
		--color-syntax-string: var(--hex-rainbow-4-green);
		--color-syntax-variable: var(--hex-rainbow-2-orange);
	}
	dialog::backdrop { /* inside this pseudo element, there are no variables available, as it comes even before the root element */
		background: rgba(255, 255, 255, .4);
	}
	#id6CoreLoginBackground {
		filter: invert() grayscale(1) brightness(.7);
	}
	#id6CoreLoginLogo {
		filter: grayscale(1) brightness(0) invert() brightness(.8);
	}
}

/* END OF FILE */