@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-10-25 06:41:36
 * @cache_key       2024.3.25.admin.default.built-in.m.normal.auto.de
 * @colorscheme     auto
 * @custom_change   built-in
 * @fontsize        m
 * @language        de
 * @scope           admin
 * @sixcms_version  2024.3.25
 * @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?20244') 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-cms-logo:before {
	content: "\e95b";
}
.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-top:before {
	content: "\e953";
}
.sdIcon-arrow-last:before {
	content: "\e954";
}
.sdIcon-arrow_last:before {
	content: "\e954";
}
.sdIcon-arrow-bottom:before {
	content: "\e955";
}
.sdIcon-arrow-first:before {
	content: "\e956";
}
.sdIcon-arrow_first:before {
	content: "\e956";
}
.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-strong-top:before {
	content: "\e957";
}
.sdIcon-arrow-strong-last:before {
	content: "\e958";
}
.sdIcon-arrow-strong-bottom:before {
	content: "\e959";
}
.sdIcon-arrow-strong-first:before {
	content: "\e95a";
}
.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-up-small:before {
	content: "\e950";
}
.sdIcon-right-small:before {
	content: "\e951";
}
.sdIcon-down-small:before {
	content: "\e94f";
}
.sdIcon-left-small:before {
	content: "\e952";
}
.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-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-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);
}
:where(.cs6Admin) 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 {
	/*noinspection CssNoGenericFontName*/
	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);
}
.cs6AdminLinkList {
	list-style-position: outside;
	padding-left: 1rem;
}
.cs6AdminLinkList img {
	vertical-align: middle;
	margin: .2rem;
}
/* Part: Font-Reset */
body,
input,
option,
select,
textarea {
	/*noinspection CssNoGenericFontName*/
	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 {
	/*noinspection CssNoGenericFontName*/
	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 {
	-webkit-box-decoration-break: clone;
	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: Grid */
.cs6AdminTwoColumn {
	display: grid;
	grid-template-columns: fit-content(50%) 1fr;
	gap: .5rem;
	row-gap: .75rem;
	margin-top: 1rem;
}
.cs6AdminTwoColumn :is(.cs6AdminTwoColumnLeft, .cs6AdminTwoColumnRight) {
	word-break: break-word;
}
.cs6AdminTwoColumn .cs6AdminTwoColumnLeft {
	font-weight: bold;
	grid-column: 1;
}
.cs6AdminTwoColumn .cs6AdminTwoColumnRight  {
	grid-column: 2;
}
.cs6AdminTwoColumn > br { /* Sometimes we have a br element disrupting the grid. */
	display: none;        /* So just make it disappear. */
}
.cs6AdminTwoColumn.cs6AdminTwoColumn :is(.cs6CoreTextMessageError, .cs6CoreTextMessageHint) {
	padding: .0625rem .125rem;
}

/*********************************/
/** @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(--color-block-border);
	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(--color-block-border-nested);
	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;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: var(--radius-corner);
	margin: .5rem .125rem .5rem .5rem;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-icon);
	font-size: 1.125rem;
	line-height: 1.5rem;
	text-align: center;
}
.cs6AdminFormBlockOpen > div > a::before,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain[open] > summary::before {
	content: '\e607'; /* arrow-down */
}
.cs6AdminFormBlockOpen > div > a:focus::before,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain > summary:focus::before {
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminFormBlockOpen > div > a:hover::before,
details.cs6AdminFormBlockMain.cs6AdminFormBlockMain > summary:hover::before {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
.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 */
	/*noinspection CssNoGenericFontName*/
	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(--color-formbutton-normal-fg);
	background: var(--color-formbutton-normal-bg);
	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(--color-formbutton-hover-fg);
	background: var(--color-formbutton-hover-bg);
	border-color: var(--color-formbutton-hover-fg);
	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-formbutton-active-fg);
	background: var(--color-formbutton-active-bg);
	transition: all var(--timing-small-fade-in);
}
.cs6AdminFormCardsButtonWrapper .cs6AdminButtonForm:disabled {
	color: var(--color-formbutton-deactivated-fg);
	background: var(--color-formbutton-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-normal-fg);
	background: var(--color-button-normal-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 1px 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;
}

/* Subtle hover buttons */
.cs6AdminButtonSubtle :is(a, button) {
	background: transparent;
	color: var(--hex-main-secondary);
}
.cs6AdminButtonSubtle :is(a, button):focus {
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
}

/* 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;
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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"] {
	position: relative;
	width: 100%;
}
input[type="file"] {
	background: var(--hex-canvas-200);
	border-radius: var(--radius-corner);
	box-sizing: border-box;
	min-width: 50ch;
	padding: 1rem;
}

.cs6AdminFormBlockMain input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain input[type="file"] {
	background: var(--hex-canvas-300);
}
.cs6AdminFormBlockMain .cs6AdminFormBlockMain input[type="file"],
.cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain .cs6AdminFormBlockMain 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 {
	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;
	/*noinspection CssNoGenericFontName*/
	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;
}

/* Typeahead */
.cs6AdminFormLookupTypeAhead {
	position: fixed;
	z-index: 1;
	padding: 0;
	margin: 0;
	max-width: calc(100% - 3rem * var(--space-multiplier));
}
.cs6AdminFormLookupTypeAheadNothingFound,
.cs6AdminFormLookupTypeAhead ul {
	display: block;
	min-width: 20ch;
	padding: .25rem .75rem;
	background: var(--hex-canvas-100);
	margin: 0;
	border: var(--border-input);
	border-radius: var(--radius-corner);
	box-shadow: var(--shadow-200);
}
.cs6AdminFormLookupTypeAhead ul:empty {
	display: none;
}

.cs6AdminFormLookupTypeAhead li {
	background: var(--color-menuitem-normal-bg);
	color: var(--color-menuitem-normal-fg);
	padding: .25rem .75rem;
	margin: 0;
	border-radius: var(--radius-corner);
	list-style: none;
}
.cs6AdminFormLookupTypeAhead li.active {
	background: var(--color-menuitem-active-bg);
	color: var(--color-menuitem-active-fg);
}
.cs6AdminFormLookupTypeAheadNothingFound {
	margin: .25rem;
	color: var(--hex-solid-200);
	font-style: italic;
}
/* Typeahead lookup animation */
.cs6AdminFormLookupButtonSearch a::after {
	content: "\e61f"; /* sdIcon-reload */
	display: block;
	position: absolute;
	inset: 0;
	width: 2rem;
	height: 2rem;
	z-index: 2;
	color: transparent;
	background: transparent;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-icon);
	font-size: 1.5rem;
	line-height: 2rem;
	pointer-events: none;
}
.cs6AdminFormLookupButtonSearch.cs6AdminLoading a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(var(--rgb-canvas-100), .7);
	pointer-events: none;
}
.cs6AdminFormLookupButtonSearch.cs6AdminLoading a::after {
	color: var(--hex-solid-100);
	animation: cs6AnimationLookupTypeahead 3s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
	.cs6AdminFormLookupButtonSearch.cs6AdminLoading a::after {
		/* Disable rotation animation for reduced motion preference */
		animation: none;
	}
}
@keyframes cs6AnimationLookupTypeahead {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
/* Typeahead char-count-down */
.cs6AdminToolbarInput {
	position: relative;
}
span[data-type-ahead-min-char-needed]::after {
	content: attr(data-type-ahead-min-char-needed);
	position: absolute;
	right: 0.75rem;
	top: .125rem;
	background: var(--hex-main-primary);
	color: var(--hex-main-primary-text);
	padding: 0 .25rem;
	line-height: 1.25rem;
	border-radius: var(--radius-corner);
	font-size: .8rem;
	opacity: .6;
	pointer-events: none;
	transition: opacity var(--timing-large-fade-in);
}
span[data-type-ahead-min-char-needed]:hover::after {
	content: attr(data-type-ahead-min-char-prefix) " " attr(data-type-ahead-min-char-needed);
	opacity: 1;
	transition: opacity var(--timing-large-fade-out);
}

/***************************************/
/** @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);
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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 {
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-icon);
}
.period_picker_box .xdsoft_navigate.xdsoft_navigate_next::after {
	content: "\e64e";
	position: absolute;
	top: calc(50% - .75rem);
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-icon);
}

/* Timepicker */
.periodpicker_timepicker {
	position: absolute;
	inset: 0;
	padding: 0;
	overflow: hidden;
	/*noinspection CssNoGenericFontName*/
	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);
}

/*********************************/
/** @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(--color-input-border-weak);
	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);
	/*noinspection CssNoGenericFontName*/
	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(--color-input-border-weak);
}
.cs6AdminSelectMultiple option:not(:last-child) {
	border-bottom: 1px solid var(--hex-canvas-200);
}

/* Dependent 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 */
/**********************************/
/* Sidebar Panel */
#id6AdminFrameSidebarWrapper {
	--gap-sidebar-button: .1875rem;
	--height-sidebar-header: 2rem;
	display: grid;
	visibility: hidden;
	position: absolute;
	top: var(--height-tab-area);
	right: 0;
	bottom: var(--height-form-button-area);
	width: calc(var(--width-sidebar-tab) + var(--width-sidebar-area, 0));
	background: var(--hex-canvas-200);
	font-size: 1rem;
	pointer-events: none;
}
#id6AdminFrameSidebarWrapper::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: .5rem;
	background: var(--gradient-horizontal-up-shadow);
	z-index: 99;
	pointer-events: none;
}
.cs6AdminShowSidebar #id6AdminFrameSidebarWrapper {
	visibility: visible;
	grid-template-columns: var(--width-sidebar-tab);
	grid-template-rows: 1fr;
	grid-template-areas: "tab";
	pointer-events: all;
}
/* bring the sidebar to the back if a dialog is open */
#id6AdminFrameDetailWrapper.cs6AdminHasDialogOpened ~ #id6AdminFrameSidebarWrapper {
	z-index: -1;
	pointer-events: none;
}

.cs6AdminShowSidebar #id6AdminFrameSidebarWrapper.cs6AdminOpen {
	grid-template-columns: var(--width-sidebar-tab) 1fr max-content;
	grid-template-rows: 2rem 1fr;
	grid-template-areas:
		"tab title control"
		"tab panel panel";
}
#id6AdminFrameSidebarWrapper:not(.cs6AdminOpen) :is(#id6AdminSidebarFrameList, #id6AdminSidebarHeader, .cs6Spinner) {
	display: none;
}

/* Sidebar Header */
#id6AdminSidebarHeader {
	---font-size: calc(var(--height-sidebar-header) / 1.75);
	display: contents;
}
#id6AdminSidebarHeader h1 {
	grid-area: title;
	display: inline-block;
	color: var(--hex-main-secondary);
	padding: 0 1rem;
	margin: 0;
	line-height: var(--height-sidebar-header);
	font-size: var(---font-size);
	font-weight: var(--font-weight-semi);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#id6AdminSidebarHeader h1 a {
	font-size: var(---font-size);
	font-weight: var(--font-weight-semi);
	text-decoration: none;
}
#id6AdminSidebarControl {
	grid-area: control;
	display: block;
	white-space: nowrap;
}
#id6AdminSidebarControl button {
	position: static;
	top: auto;
	right: auto;
	z-index: 1;
	height: var(--height-sidebar-header);
	aspect-ratio: 1;
	font-size: var(---font-size);
	line-height: var(--height-sidebar-header);

	border: 0;
	background: transparent;
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
}
#id6AdminSidebarControl button:hover {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}
#id6AdminSidebarControl button:focus {
	box-shadow: var(--shadow-box-inset-focus);
}

/* Sidebar Tablist */
#id6AdminSidebarTabList {
	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);
}
#id6AdminSidebarTabList::after {
	---width: .25rem;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(---width) * -1);
	width: var(---width);
	background: var(--gradient-vertical-left-shadow);
	z-index: 99;
	pointer-events: none;
}
#id6AdminFrameSidebarWrapper #id6AdminSidebarTabList::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 4px; /** fixed pixel value, used in js6_admin_js_sidebar_basic **/
	cursor: ew-resize;
	z-index: 1;
}
#id6AdminFrameSidebarWrapper.cs6AdminOpen #id6AdminSidebarTabList:hover {
	border-left-color: var(--hex-main-primary);
	transition: border-left-color var(--timing-medium-fade-in) .25s;
}
.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);
}
.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 img {
	width: calc(var(--width-sidebar-tab) * .625);
}

#id6AdminFrameSidebarWrapper .cs6AdminSidebarTab::after {
	content: "\e61f"; /* sdIcon-reload */
	display: block;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	color: transparent;
	background: transparent;
	border-radius: 999px;
	/*noinspection CssNoGenericFontName*/
	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;
}
#id6AdminFrameSidebarWrapper .cs6AdminSidebarTab.cs6AdminLoading::after,
#id6AdminFrameSidebarWrapper.cs6AdminOpen .cs6AdminSidebarTab:not(.cs6AdminSidebarNoReload)[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;
}
#id6AdminFrameSidebarWrapper .cs6AdminSidebarTab.cs6AdminLoading::after {
	animation: cs6SidebarReload 3s infinite linear;
	transition-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
	#id6AdminFrameSidebarWrapper.cs6AdminOpen .cs6AdminSidebarTab.cs6AdminLoading::after {
		/* Disable rotation animation for reduced motion preference */
		animation: none;
	}
}
@keyframes cs6SidebarReload {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#id6AdminFrameSidebarWrapper .cs6AdminSidebarTab[data-changed="true"]::before {
	content: "";
	position: absolute;
	bottom: .25rem;
	right: .25rem;
	width: 0;
	height: 0;
	border: .1875rem solid var(--hex-rainbow-2-orange);
	border-radius: 50%
}

/* Sidebar Framelist */
#id6AdminSidebarFrameList {
	border-top: 1px solid var(--color-line);
	grid-area: panel;
}
#id6AdminSidebarFrameList iframe {
	display: none;
	width: 100%;
	height: 100%;
}
#id6AdminSidebarFrameList iframe.cs6AdminShow {
	display: block;
}
#id6AdminFrameSidebarWrapper .cs6Spinner {
	inset: var(--height-sidebar-header) 0 0 var(--width-sidebar-tab);
}

/* Detail Frame */
.cs6AdminHasSidebar .cs6AdminCardsBody {
	max-width: calc(100% - var(--width-sidebar-area) - var(--width-sidebar-tab));
}
.cs6AdminHasSidebar .cs6AdminSidebarLayout .cs6AdminCardsBody {
	max-width: calc(100% - var(--width-sidebar-area));
}

/* Iframe Resets */
.cs6AdminSidebarOutput .cs6AdminCardsBody.cs6AdminCardsBody {
	padding: .5rem;
	border: 0;
	inset: 0;
	background: var(--hex-canvas-200);
}
.cs6AdminSidebarOutput .cs6AdminCardsBody::before,
.cs6AdminSidebarOutput .cs6AdminCardsBody::after {
	content: 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(--color-input-border-weak);
	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 {
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-monospace);
}

/************************************/
/** @subpackage component_textinput */
/************************************/
input[type="text"],
input[type="number"],
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(--color-input-border-weak);
	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="number"]: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="number"]:read-only,
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;
}
input[type="number"] {
	min-width: 6rem;
	padding-right: 0;
}

/**********************************/
/** @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 component_tinymce */
/**********************************/
.tox.tox {
	box-shadow: none;
	box-sizing: content-box;
	color: var(--hex-solid-100);
	cursor: auto;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	vertical-align: initial;
	white-space: normal;
}
.tox.tox :not(svg):not(rect) {
	box-sizing: inherit;
	color: inherit;
	cursor: inherit;
	direction: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	-webkit-tap-highlight-color: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-shadow: inherit;
	text-transform: inherit;
	vertical-align: inherit;
	white-space: inherit;
}
.tox.tox :not(svg):not(rect) {
	background: 0 0;
	border: 0;
	box-shadow: none;
	float: none;
	height: auto;
	margin: 0;
	max-width: none;
	outline: 0;
	padding: 0;
	position: static;
	width: auto;
}
.tox.tox:not([dir=rtl]) {
	direction: ltr;
	text-align: left;
}
.tox.tox[dir=rtl] {
	direction: rtl;
	text-align: right;
}
.tox-tinymce.tox-tinymce {
	border: 1px solid var(--color-input-border-weak);
	border-radius: var(--radius-corner);
	box-shadow: none;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	overflow: hidden;
	position: relative;
	visibility: inherit !important;
}
.tox.tox.tox-tinymce-inline {
	border: none;
	box-shadow: none;
	overflow: initial;
}
.tox.tox.tox-tinymce-inline .tox-editor-container {
	overflow: initial;
}
.tox.tox.tox-tinymce-inline .tox-editor-header {
	background-color: #fff;
	border: 2px solid #eee;
	border-radius: var(--radius-corner);
	box-shadow: none;
	overflow: hidden;
}
.tox-tinymce-aux.tox-tinymce-aux {
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	z-index: 1300;
}
.tox-tinymce.tox-tinymce :focus,
.tox-tinymce-aux.tox-tinymce-aux :focus {
	outline: 0;
}
button::-moz-focus-inner {
	border: 0;
}
.tox.tox[dir=rtl] .tox-icon--flip svg {
	transform: rotateY(180deg);
}
.tox.tox .accessibility-issue__header {
	align-items: center;
	display: flex;
	margin-bottom: 4px;
}
.tox.tox .accessibility-issue__description {
	align-items: stretch;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
}
.tox.tox .accessibility-issue__description > div {
	padding-bottom: 4px;
}
.tox.tox .accessibility-issue__description > div > div {
	align-items: center;
	display: flex;
	margin-bottom: 4px;
}
.tox.tox .accessibility-issue__description > div > div .tox-icon svg {
	display: block;
}
.tox.tox .accessibility-issue__repair {
	margin-top: 16px;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
	background-color: rgba(0, 101, 216, .1);
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
	color: #006ce7;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
	fill: #006ce7;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
	background-color: #006ce7;
	color: #fff;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,
.tox.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover {
	background-color: #0060ce;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
	background-color: #0054b4;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
	background-color: rgba(255, 165, 0, .08);
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
	color: #8f5d00;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
	fill: #8f5d00;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
	background-color: #ffe89d;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,
.tox.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover {
	background-color: #f2d574;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
	background-color: #e8c657;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
	background-color: rgba(204, 0, 0, .1);
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
	color: #c00;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
	fill: #c00;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
	background-color: #f2bfbf;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,
.tox.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover {
	background-color: #e9a4a4;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
	background-color: #ee9494;
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
	background-color: rgba(120, 171, 70, .1);
	color: #222f3e;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
	display: none;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
	color: #527530;
}
.tox.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
	fill: #527530;
}
.tox.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
.tox.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
	font-size: 14px;
	margin-top: 0;
}
.tox.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
	margin-left: 4px;
}
.tox.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
	margin-left: auto;
}
.tox.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
	padding: 4px 4px 4px 8px;
}
.tox.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
	margin-right: 4px;
}
.tox.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
	margin-right: auto;
}
.tox.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
	padding: 4px 8px 4px 4px;
}
.tox.tox .tox-advtemplate .tox-form__grid {
	flex: 1;
}
.tox.tox .tox-advtemplate .tox-form__grid > div:first-child {
	display: flex;
	flex-direction: column;
	width: 30%
}
.tox.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
	flex-basis: 0;
	flex-grow: 1;
	overflow: auto;
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox.tox .tox-advtemplate .tox-form__grid > div:first-child {
		width: 100%
	}
}
.tox.tox .tox-advtemplate iframe {
	border-color: #eee;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	margin: 0 10px;
}
.tox.tox .tox-anchorbar {
	display: flex;
	flex: 0 0 auto;
}
.tox.tox .tox-bottom-anchorbar {
	display: flex;
	flex: 0 0 auto;
}
.tox.tox .tox-bar {
	display: flex;
	flex: 0 0 auto;
}
.tox.tox .tox-button {
	background-color: var(--color-formbutton-normal-bg);
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	border-color: var(--color-formbutton-normal-fg);
	border-radius: var(--radius-box);
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: var(--color-formbutton-normal-fg);
	cursor: pointer;
	display: inline-block;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 24px;
	margin: 0;
	outline: 0;
	padding: 4px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}
.tox.tox .tox-button::before {
	border-radius: 6px;
	bottom: -1px;
	box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, .25);
	content: '';
	left: -1px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: -1px;
	top: -1px;
}
.tox.tox .tox-button[disabled] {
	background-color: var(--color-formbutton-deactivated-bg);
	background-image: none;
	border-color: var(--color-formbutton-deactivated-bg);
	box-shadow: none;
	color: var(var(--color-formbutton-deactivated-fg));
	cursor: not-allowed;
}
.tox.tox .tox-button:focus:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-bg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button:focus-visible:not(:disabled)::before {
	opacity: 1;
}
.tox.tox .tox-button:hover:not(:disabled) {
	background-color: var(--color-formbutton-hover-bg);
	background-image: none;
	border-color: var(--color-formbutton-hover-fg);
	box-shadow: none;
	color: var(--color-formbutton-hover-fg);
}
.tox.tox .tox-button:active:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-fg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button.tox-button--enabled {
	background-color: var(--color-formbutton-normal-bg);
	background-image: none;
	border-color: var(--color-formbutton-normal-fg);
	box-shadow: none;
	color: var(--color-formbutton-normal-fg);
}
.tox.tox .tox-button.tox-button--enabled[disabled] {
	background-color: var(--color-formbutton-deactivated-bg);
	background-image: none;
	border-color: var(--color-formbutton-deactivated-bg);
	box-shadow: none;
	color: var(--color-formbutton-deactivated-fg);
	cursor: not-allowed;
}
.tox.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-fg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
	background-color: var(--color-formbutton-hover-bg);
	background-image: none;
	border-color: var(--color-formbutton-hover-fg);
	box-shadow: none;
	color: var(--color-formbutton-hover-fg);
}
.tox.tox .tox-button.tox-button--enabled:active:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-fg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button--icon-and-text,
.tox.tox .tox-button.tox-button--icon-and-text,
.tox.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
	display: flex;
	padding: 5px 4px;
}
.tox.tox .tox-button--icon-and-text .tox-icon svg,
.tox.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
.tox.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
	display: block;
	fill: currentColor;
}
.tox.tox .tox-button--secondary {
	background-color: var(--color-formbutton-normal-bg);
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	border-color: var(--color-formbutton-normal-fg);
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	color: var(--color-formbutton-normal-fg);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: normal;
	outline: 0;
	padding: 4px 16px;
	text-decoration: none;
	text-transform: none;
}
.tox.tox .tox-button--secondary[disabled] {
	background-color: var(--color-formbutton-deactivated-bg);
	background-image: none;
	border-color: var(--color-formbutton-deactivated-bg);
	box-shadow: none;
	color: var(--color-formbutton-deactivated-fg);
}
.tox.tox .tox-button--secondary:focus:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-fg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button--secondary:hover:not(:disabled) {
	background-color: var(--color-formbutton-hover-bg);
	background-image: none;
	border-color: var(--color-formbutton-hover-fg);
	box-shadow: none;
	color: var(--color-formbutton-hover-fg);
}
.tox.tox .tox-button--secondary:active:not(:disabled) {
	background-color: var(--color-formbutton-active-bg);
	background-image: none;
	border-color: var(--color-formbutton-active-fg);
	box-shadow: none;
	color: var(--color-formbutton-active-fg);
}
.tox.tox .tox-button--secondary.tox-button--enabled {
	background-color: #a8c8ed;
	background-image: none;
	border-color: #a8c8ed;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-button--secondary.tox-button--enabled[disabled] {
	background-color: #a8c8ed;
	background-image: none;
	border-color: #a8c8ed;
	box-shadow: none;
	color: rgba(34, 47, 62, .5);
}
.tox.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
	background-color: #93bbe9;
	background-image: none;
	border-color: #93bbe9;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
	background-color: #93bbe9;
	background-image: none;
	border-color: #93bbe9;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
	background-color: #7daee4;
	background-image: none;
	border-color: #7daee4;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-button--icon,
.tox.tox .tox-button.tox-button--icon,
.tox.tox .tox-button.tox-button--secondary.tox-button--icon {
	padding: 4px;
}
.tox.tox .tox-button--icon .tox-icon svg,
.tox.tox .tox-button.tox-button--icon .tox-icon svg,
.tox.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
	display: block;
	fill: currentColor;
}
.tox.tox .tox-button-link {
	background: 0;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.tox.tox .tox-button-link--sm {
	font-size: 14px;
}
.tox.tox .tox-button--naked {
	background-color: transparent;
	border-color: transparent;
	box-shadow: unset;
	color: var(--hex-solid-100);
}
.tox.tox .tox-button--naked[disabled] {
	background-color: rgba(34, 47, 62, .12);
	border-color: transparent;
	box-shadow: unset;
	color: rgba(34, 47, 62, .5);
}
.tox.tox .tox-button--naked:hover:not(:disabled) {
	background-color: rgba(34, 47, 62, .12);
	border-color: transparent;
	box-shadow: unset;
	color: var(--hex-solid-100);
}
.tox.tox .tox-button--naked:focus:not(:disabled) {
	background-color: rgba(34, 47, 62, .12);
	border-color: transparent;
	box-shadow: unset;
	color: var(--hex-solid-100);
}
.tox.tox .tox-button--naked:active:not(:disabled) {
	background-color: rgba(34, 47, 62, .18);
	border-color: transparent;
	box-shadow: unset;
	color: var(--hex-solid-100);
}
.tox.tox .tox-button--naked .tox-icon svg {
	fill: currentColor;
}
.tox.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
	color: var(--hex-solid-100);
}
.tox.tox .tox-checkbox {
	align-items: center;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	height: 36px;
	min-width: 36px;
}
.tox.tox .tox-checkbox__input {
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}
.tox.tox .tox-checkbox__icons {
	align-items: center;
	border-radius: 6px;
	box-shadow: 0 0 0 2px transparent;
	box-sizing: content-box;
	display: flex;
	height: 24px;
	justify-content: center;
	padding: calc(4px - 1px);
	width: 24px;
}
.tox.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
	display: block;
	fill: rgba(34, 47, 62, .3);
}
.tox.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
	display: none;
	fill: #006ce7;
}
.tox.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
	display: none;
	fill: #006ce7;
}
.tox.tox .tox-checkbox--disabled {
	color: rgba(34, 47, 62, .5);
	cursor: not-allowed;
}
.tox.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
	fill: rgba(34, 47, 62, .5);
}
.tox.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
	fill: rgba(34, 47, 62, .5);
}
.tox.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
	fill: rgba(34, 47, 62, .5);
}
.tox.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
	display: none;
}
.tox.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
	display: block;
}
.tox.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
	display: none;
}
.tox.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
	display: block;
}
.tox.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
	border-radius: 6px;
	box-shadow: inset 0 0 0 1px #006ce7;
	padding: calc(4px - 1px);
}
.tox.tox:not([dir=rtl]) .tox-checkbox__label {
	margin-left: 4px;
}
.tox.tox:not([dir=rtl]) .tox-checkbox__input {
	left: -10000px;
}
.tox.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
	margin-left: 4px;
}
.tox.tox[dir=rtl] .tox-checkbox__label {
	margin-right: 4px;
}
.tox.tox[dir=rtl] .tox-checkbox__input {
	right: -10000px;
}
.tox.tox[dir=rtl] .tox-bar .tox-checkbox {
	margin-right: 4px;
}
.tox.tox .tox-collection--toolbar .tox-collection__group {
	display: flex;
	padding: 0;
}
.tox.tox .tox-collection--grid .tox-collection__group {
	display: flex;
	flex-wrap: wrap;
	max-height: 208px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}
.tox.tox .tox-collection--list .tox-collection__group {
	border-bottom-width: 0;
	border-color: var(--color-line);
	border-left-width: 0;
	border-right-width: 0;
	border-style: solid;
	border-top-width: 1px;
	padding: 4px 0;
}
.tox.tox .tox-collection--list .tox-collection__group:first-child {
	border-top-width: 0;
}
.tox.tox .tox-collection__group-heading {
	background-color: #fcfcfc;
	color: rgb(var(--rgb-solid-100), .7);
	cursor: default;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 4px;
	margin-top: -4px;
	padding: 4px 8px;
	text-transform: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.tox.tox .tox-collection__item {
	align-items: center;
	border-radius: 3px;
	color: var(--color-menuitem-normal-fg);
	background: var(--color-menuitem-normal-bg); /* ADDED BY SIX */
	display: flex;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.tox.tox .tox-collection--list .tox-collection__item {
	padding: 4px 8px;
}
.tox.tox .tox-collection--toolbar .tox-collection__item {
	border-radius: 3px;
	padding: 4px;
}
.tox.tox .tox-collection--grid .tox-collection__item {
	border-radius: 3px;
	padding: 4px;
}
.tox.tox .tox-collection--list .tox-collection__item--enabled {
	background-color: var(--color-menuitem-active-bg);
	color: var(--color-menuitem-active-fg);
}
.tox.tox .tox-collection--list .tox-collection__item--active {
	background-color: var(--color-menuitem-active-bg);
}
.tox.tox .tox-collection--toolbar .tox-collection__item--enabled {
	background-color: var(--color-button-active-bg);
	color: var(--color-button-active-fg);
	outline: 1px solid var(--hex-solid-100);
	outline-offset: -1px;
}
.tox.tox .tox-collection--toolbar .tox-collection__item--active {
	background-color: var(--color-button-active-bg);
}
.tox.tox .tox-collection--grid .tox-collection__item--enabled {
	background-color: var(--color-button-active-bg);
	color: var(--color-button-active-fg);
	outline: 1px solid var(--hex-solid-100);
	outline-offset: -1px;
}
.tox.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
	background-color: var(--hex-canvas-100);
	color: var(--hex-solid-100);
}
.tox.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
	color: var(--color-menuitem-active-fg);
}
.tox.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
	color: var(--color-button-active-fg);
}
.tox.tox .tox-collection__item-checkmark,
.tox.tox .tox-collection__item-icon {
	align-items: center;
	display: flex;
	height: 24px;
	justify-content: center;
	width: 24px;
}
.tox.tox .tox-collection__item-checkmark svg,
.tox.tox .tox-collection__item-icon svg {
	fill: currentColor;
}
.tox.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
	height: 48px;
	width: 48px;
}
.tox.tox .tox-collection__item-label {
	color: currentColor;
	display: inline-block;
	flex: 1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	max-width: 100%;
	text-transform: none;
	word-break: break-all;
}
.tox.tox .tox-collection__item-accessory {
	color: var(--color-menuitem-normal-fg);
	display: inline-block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-transform: none;
	opacity: .7;
}
.tox.tox .tox-collection__item:hover .tox-collection__item-accessory { /* ADDED BY SIX */
	color: var(--color-menuitem-active-fg);
}
.tox.tox .tox-collection__item-caret {
	align-items: center;
	display: flex;
	min-height: 24px;
}
.tox.tox .tox-collection__item-caret::after {
	content: '';
	font-size: 0;
	min-height: inherit;
}
.tox.tox .tox-collection__item-caret svg {
	fill: var(--color-menuitem-normal-fg);
}
.tox.tox .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-collection__item-caret svg { /* ADDED BY SIX */
	fill: var(--color-menuitem-active-fg);
}

.tox.tox .tox-collection__item--state-disabled {
	background-color: var(--color-menuitem-deactivated-bg);
	color: var(--color-menuitem-deactivated-fg);
	cursor: not-allowed;
}
.tox.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
	fill: var(--color-menuitem-deactivated-fg);
}
.tox.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
	display: none;
}
.tox.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
	display: none;
}
.tox.tox .tox-collection--horizontal {
	background-color: var(--hex-canvas-100);
	border: 1px solid var(--color-line);
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgb(var(--rgb-dodge), .2), 0 4px 8px 0 rgb(var(--rgb-dodge), .15);
	display: flex;
	flex: 0 0 auto;
	flex-shrink: 0;
	flex-wrap: nowrap;
	margin-bottom: 0;
	overflow-x: auto;
	padding: 0;
}
.tox.tox .tox-collection--horizontal .tox-collection__group {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0 4px;
}
.tox.tox .tox-collection--horizontal .tox-collection__item {
	height: 28px;
	margin: 6px 1px 5px 0;
	padding: 0 4px;
}
.tox.tox .tox-collection--horizontal .tox-collection__item-label {
	white-space: nowrap;
}
.tox.tox .tox-collection--horizontal .tox-collection__item-caret {
	margin-left: 4px;
}
.tox.tox .tox-collection__item-container {
	display: flex;
}
.tox.tox .tox-collection__item-container--row {
	align-items: center;
	flex: 1 1 auto;
	flex-direction: row;
}
.tox.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
	margin-right: auto;
}
.tox.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
	justify-content: flex-end;
	margin-left: auto;
}
.tox.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
	align-items: flex-start;
	margin-bottom: auto;
}
.tox.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
	align-items: center;
}
.tox.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
	align-items: flex-end;
	margin-top: auto;
}
.tox.tox .tox-collection__item-container--column {
	align-self: center;
	flex: 1 1 auto;
	flex-direction: column;
}
.tox.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
	align-items: flex-start;
}
.tox.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
	align-items: flex-end;
}
.tox.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
	align-self: flex-start;
}
.tox.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
	align-self: center;
}
.tox.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
	align-self: flex-end;
}
.tox.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
	border-right: 1px solid transparent;
}
.tox.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > :not(:first-child) {
	margin-left: 8px;
}
.tox.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
	margin-left: 4px;
}
.tox.tox:not([dir=rtl]) .tox-collection__item-accessory {
	margin-left: 16px;
	text-align: right;
}
.tox.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
	margin-left: 16px;
}
.tox.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
	border-left: 1px solid transparent;
}
.tox.tox[dir=rtl] .tox-collection--list .tox-collection__item > :not(:first-child) {
	margin-right: 8px;
}
.tox.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
	margin-right: 4px;
}
.tox.tox[dir=rtl] .tox-collection__item-accessory {
	margin-right: 16px;
	text-align: left;
}
.tox.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
	margin-right: 16px;
	transform: rotateY(180deg);
}
.tox.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
	margin-right: 4px;
}
.tox.tox .tox-color-picker-container {
	display: flex;
	flex-direction: row;
	height: 225px;
	margin: 0;
}
.tox.tox .tox-sv-palette {
	box-sizing: border-box;
	display: flex;
	height: 100%
}
.tox.tox .tox-sv-palette-spectrum {
	height: 100%
}
.tox.tox .tox-sv-palette,
.tox.tox .tox-sv-palette-spectrum {
	width: 225px;
}
.tox.tox .tox-sv-palette-thumb {
	background: 0 0;
	border: 1px solid #000;
	border-radius: 50%;
	box-sizing: content-box;
	height: 12px;
	position: absolute;
	width: 12px;
}
.tox.tox .tox-sv-palette-inner-thumb {
	border: 1px solid #fff;
	border-radius: 50%;
	height: 10px;
	position: absolute;
	width: 10px;
}
.tox.tox .tox-hue-slider {
	box-sizing: border-box;
	height: 100%;
	width: 25px;
}
.tox.tox .tox-hue-slider-spectrum {
	background: linear-gradient(to bottom, red, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, red);
	height: 100%;
	width: 100%
}
.tox.tox .tox-hue-slider,
.tox.tox .tox-hue-slider-spectrum {
	width: 20px;
}
.tox.tox .tox-hue-slider-spectrum:focus,
.tox.tox .tox-sv-palette-spectrum:focus {
	outline: #08f solid;
}
.tox.tox .tox-hue-slider-thumb {
	background: #fff;
	border: 1px solid #000;
	box-sizing: content-box;
	height: 4px;
	width: 100%
}
.tox.tox .tox-rgb-form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.tox.tox .tox-rgb-form div {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	width: inherit;
}
.tox.tox .tox-rgb-form input {
	width: 6em;
}
.tox.tox .tox-rgb-form input.tox-invalid {
	border: 1px solid red !important;
}
.tox.tox .tox-rgb-form .tox-rgba-preview {
	border: 1px solid #000;
	flex-grow: 2;
	margin-bottom: 0;
}
.tox.tox:not([dir=rtl]) .tox-sv-palette {
	margin-right: 15px;
}
.tox.tox:not([dir=rtl]) .tox-hue-slider {
	margin-right: 15px;
}
.tox.tox:not([dir=rtl]) .tox-hue-slider-thumb {
	margin-left: -1px;
}
.tox.tox:not([dir=rtl]) .tox-rgb-form label {
	margin-right: .5em;
}
.tox.tox[dir=rtl] .tox-sv-palette {
	margin-left: 15px;
}
.tox.tox[dir=rtl] .tox-hue-slider {
	margin-left: 15px;
}
.tox.tox[dir=rtl] .tox-hue-slider-thumb {
	margin-right: -1px;
}
.tox.tox[dir=rtl] .tox-rgb-form label {
	margin-left: .5em;
}
.tox.tox .tox-toolbar .tox-swatches,
.tox.tox .tox-toolbar__overflow .tox-swatches,
.tox.tox .tox-toolbar__primary .tox-swatches {
	margin: 5px 0 6px 11px;
}
.tox.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
	border: 0;
	margin: -4px -4px;
}
.tox.tox .tox-swatches__row {
	display: flex;
}
.tox.tox .tox-swatch {
	height: 30px;
	transition: transform .15s, box-shadow .15s;
	width: 30px;
}
.tox.tox .tox-swatch:focus,
.tox.tox .tox-swatch:hover {
	box-shadow: 0 0 0 1px rgba(127, 127, 127, .3) inset;
	transform: scale(.8);
}
.tox.tox .tox-swatch--remove {
	align-items: center;
	display: flex;
	justify-content: center;
}
.tox.tox .tox-swatch--remove svg path {
	stroke: #e74c3c;
}
.tox.tox .tox-swatches__picker-btn {
	align-items: center;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: flex;
	height: 30px;
	justify-content: center;
	outline: 0;
	padding: 0;
	width: 30px;
}
.tox.tox .tox-swatches__picker-btn svg {
	fill: #222f3e;
	height: 24px;
	width: 24px;
}
.tox.tox .tox-swatches__picker-btn:hover {
	background: #cce2fa;
}
.tox.tox div.tox-swatch:not(.tox-swatch--remove) svg {
	display: none;
	fill: #222f3e;
	height: 24px;
	margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
	width: 24px;
}
.tox.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
	fill: #fff;
	paint-order: stroke;
	stroke: #222f3e;
	stroke-width: 2px;
}
.tox.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
	display: block;
}
.tox.tox:not([dir=rtl]) .tox-swatches__picker-btn {
	margin-left: auto;
}
.tox.tox[dir=rtl] .tox-swatches__picker-btn {
	margin-right: auto;
}
.tox.tox .tox-comment-thread {
	background: #fff;
	position: relative;
}
.tox.tox .tox-comment-thread > :not(:first-child) {
	margin-top: 8px;
}
.tox.tox .tox-comment {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
	padding: 8px 8px 16px 8px;
	position: relative;
}
.tox.tox .tox-comment__header {
	align-items: center;
	color: #222f3e;
	display: flex;
	justify-content: space-between;
}
.tox.tox .tox-comment__date {
	color: #222f3e;
	font-size: 12px;
	line-height: 18px;
}
.tox.tox .tox-comment__body {
	color: #222f3e;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 8px;
	position: relative;
	text-transform: initial;
}
.tox.tox .tox-comment__body textarea {
	resize: none;
	white-space: normal;
	width: 100%
}
.tox.tox .tox-comment__expander {
	padding-top: 8px;
}
.tox.tox .tox-comment__expander p {
	color: rgb(var(--rgb-solid-100), .7);
	font-size: 14px;
	font-style: normal;
}
.tox.tox .tox-comment__body p {
	margin: 0;
}
.tox.tox .tox-comment__buttonspacing {
	padding-top: 16px;
	text-align: center;
}
.tox.tox .tox-comment-thread__overlay::after {
	background: #fff;
	bottom: 0;
	content: "";
	display: flex;
	left: 0;
	opacity: .9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.tox.tox .tox-comment__reply {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 8px;
}
.tox.tox .tox-comment__reply > :first-child {
	margin-bottom: 8px;
	width: 100%
}
.tox.tox .tox-comment__edit {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 16px;
}
.tox.tox .tox-comment__gradient::after {
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	bottom: 0;
	content: "";
	display: block;
	height: 5em;
	margin-top: -40px;
	position: absolute;
	width: 100%
}
.tox.tox .tox-comment__overlay {
	background: #fff;
	bottom: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	left: 0;
	opacity: .9;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 5;
}
.tox.tox .tox-comment__loading-text {
	align-items: center;
	color: #222f3e;
	display: flex;
	flex-direction: column;
	position: relative;
}
.tox.tox .tox-comment__loading-text > div {
	padding-bottom: 16px;
}
.tox.tox .tox-comment__overlaytext {
	bottom: 0;
	flex-direction: column;
	font-size: 14px;
	left: 0;
	padding: 1em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.tox.tox .tox-comment__overlaytext p {
	background-color: #fff;
	box-shadow: 0 0 8px 8px #fff;
	color: #222f3e;
	text-align: center;
}
.tox.tox .tox-comment__overlaytext div:nth-of-type(2) {
	font-size: .8em;
}
.tox.tox .tox-comment__busy-spinner {
	align-items: center;
	background-color: #fff;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}
.tox.tox .tox-comment__scroll {
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	overflow: auto;
}
.tox.tox .tox-conversations {
	margin: 8px;
}
.tox.tox:not([dir=rtl]) .tox-comment__edit {
	margin-left: 8px;
}
.tox.tox:not([dir=rtl]) .tox-comment__buttonspacing > :last-child,
.tox.tox:not([dir=rtl]) .tox-comment__edit > :last-child,
.tox.tox:not([dir=rtl]) .tox-comment__reply > :last-child {
	margin-left: 8px;
}
.tox.tox[dir=rtl] .tox-comment__edit {
	margin-right: 8px;
}
.tox.tox[dir=rtl] .tox-comment__buttonspacing > :last-child,
.tox.tox[dir=rtl] .tox-comment__edit > :last-child,
.tox.tox[dir=rtl] .tox-comment__reply > :last-child {
	margin-right: 8px;
}
.tox.tox .tox-user {
	align-items: center;
	display: flex;
}
.tox.tox .tox-user__avatar svg {
	fill: rgb(var(--rgb-solid-100), .7);
}
.tox.tox .tox-user__avatar img {
	border-radius: 50%;
	height: 36px;
	object-fit: cover;
	vertical-align: middle;
	width: 36px;
}
.tox.tox .tox-user__name {
	color: #222f3e;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-transform: none;
}
.tox.tox:not([dir=rtl]) .tox-user__avatar img,
.tox.tox:not([dir=rtl]) .tox-user__avatar svg {
	margin-right: 8px;
}
.tox.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
	margin-left: 8px;
}
.tox.tox[dir=rtl] .tox-user__avatar img,
.tox.tox[dir=rtl] .tox-user__avatar svg {
	margin-left: 8px;
}
.tox.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
	margin-right: 8px;
}
.tox.tox .tox-dialog-wrap {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1100;
}
.tox.tox .tox-dialog-wrap__backdrop {
	background-color: rgba(var(--rgb-burn), .75);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.tox.tox .tox-dialog-wrap__backdrop--opaque {
	background-color: #fff;
}
.tox.tox .tox-dialog {
	background-color: var(--hex-canvas-200);
	border-color: var(--color-line);
	border-radius: 10px;
	border-style: solid;
	border-width: 0;
	box-shadow: 0 16px 16px -10px rgb(var(--rgb-burn), .15), 0 0 40px 1px rgb(var(--rgb-burn), .15);
	display: flex;
	flex-direction: column;
	max-height: 100%;
	max-width: 480px;
	overflow: hidden;
	position: relative;
	width: 95vw;
	z-index: 2;
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox .tox-dialog {
		align-self: flex-start;
		margin: 8px auto;
		max-height: calc(100vh - 8px * 2);
		width: calc(100vw - 16px);
	}
}
.tox.tox .tox-dialog-inline {
	z-index: 1100;
}
.tox.tox .tox-dialog__header {
	align-items: center;
	background-color: var(--hex-main-primary);
	border-bottom: none;
	color: var(--hex-main-primary-text);
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	padding: 8px 16px 0 16px;
	position: relative;
}
.tox.tox .tox-dialog__header .tox-button {
	z-index: 1;
}
.tox.tox .tox-dialog__draghandle {
	cursor: grab;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.tox.tox .tox-dialog__draghandle:active {
	cursor: grabbing;
}
.tox.tox .tox-dialog__dismiss {
	margin-left: auto;
}
.tox.tox .tox-dialog__title {
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	text-transform: none;
}
.tox.tox .tox-dialog__body {
	color: var(--hex-solid-100);
	display: flex;
	flex: 1;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	min-width: 0;
	text-align: left;
	text-transform: none;
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox .tox-dialog__body {
		flex-direction: column;
	}
}
.tox.tox .tox-dialog__body-nav {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	padding: 16px 16px;
}
@media only screen and (min-width: 768px) {
	.tox .tox-dialog__body-nav {
		max-width: 11em;
	}
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
		flex-direction: row;
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		padding-bottom: 0;
	}
}
.tox.tox .tox-dialog__body-nav-item {
	border-bottom: 2px solid transparent;
	color: rgb(var(--rgb-solid-100), .7);
	display: inline-block;
	flex-shrink: 0;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 8px;
	max-width: 13em;
	text-decoration: none;
}
.tox.tox .tox-dialog__body-nav-item:focus {
	background-color: var(--hex-canvas-300);
}
.tox.tox .tox-dialog__body-nav-item--active {
	border-bottom: 2px solid var(--hex-main-secondary);
	color: var(--hex-main-secondary);
}
.tox.tox .tox-dialog__body-content {
	box-sizing: border-box;
	display: flex;
	flex: 1;
	flex-direction: column;
	max-height: min(650px, calc(100vh - 110px));
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px 16px;
}
.tox.tox .tox-dialog__body-content > * {
	margin-bottom: 0;
	margin-top: 16px;
}
.tox.tox .tox-dialog__body-content > :first-child {
	margin-top: 0;
}
.tox.tox .tox-dialog__body-content > :last-child {
	margin-bottom: 0;
}
.tox.tox .tox-dialog__body-content > :only-child {
	margin-bottom: 0;
	margin-top: 0;
}
.tox.tox .tox-dialog__body-content a {
	color: var(--hex-main-secondary);
	cursor: pointer;
	text-decoration: underline;
}
.tox.tox .tox-dialog__body-content a:focus,
.tox.tox .tox-dialog__body-content a:hover {
	color: var(--hex-main-secondary);
	text-decoration: none;
}
.tox.tox .tox-dialog__body-content a:focus-visible {
	border-radius: 1px;
	outline: 2px solid var(--hex-main-secondary);
	outline-offset: 2px;
}
.tox.tox .tox-dialog__body-content a:active {
	color: #00244e;
	text-decoration: underline;
}
.tox.tox .tox-dialog__body-content svg {
	fill: #222f3e;
}
.tox.tox .tox-dialog__body-content strong {
	font-weight: 700;
}
.tox.tox .tox-dialog__body-content ul {
	list-style-type: disc;
}
.tox.tox .tox-dialog__body-content dd,
.tox.tox .tox-dialog__body-content ol,
.tox.tox .tox-dialog__body-content ul {
	padding-inline-start: 2.5rem;
}
.tox.tox .tox-dialog__body-content dl,
.tox.tox .tox-dialog__body-content ol,
.tox.tox .tox-dialog__body-content ul {
	margin-bottom: 16px;
}
.tox.tox .tox-dialog__body-content dd,
.tox.tox .tox-dialog__body-content dl,
.tox.tox .tox-dialog__body-content dt,
.tox.tox .tox-dialog__body-content ol,
.tox.tox .tox-dialog__body-content ul {
	display: block;
	margin-inline-end: 0;
	margin-inline-start: 0;
}
.tox.tox .tox-dialog__body-content .tox-form__group h1 {
	color: #222f3e;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 16px;
	margin-top: 2rem;
	text-transform: none;
}
.tox.tox .tox-dialog__body-content .tox-form__group h2 {
	color: #222f3e;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 16px;
	margin-top: 2rem;
	text-transform: none;
}
.tox.tox .tox-dialog__body-content .tox-form__group p {
	margin-bottom: 16px;
}
.tox.tox .tox-dialog__body-content .tox-form__group h1:first-child,
.tox.tox .tox-dialog__body-content .tox-form__group h2:first-child,
.tox.tox .tox-dialog__body-content .tox-form__group p:first-child {
	margin-top: 0;
}
.tox.tox .tox-dialog__body-content .tox-form__group h1:last-child,
.tox.tox .tox-dialog__body-content .tox-form__group h2:last-child,
.tox.tox .tox-dialog__body-content .tox-form__group p:last-child {
	margin-bottom: 0;
}
.tox.tox .tox-dialog__body-content .tox-form__group h1:only-child,
.tox.tox .tox-dialog__body-content .tox-form__group h2:only-child,
.tox.tox .tox-dialog__body-content .tox-form__group p:only-child {
	margin-bottom: 0;
	margin-top: 0;
}
.tox.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
	text-align: center;
}
.tox.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
	text-align: end;
}
.tox.tox .tox-dialog--width-lg {
	height: 650px;
	max-width: 1200px;
}
.tox.tox .tox-dialog--fullscreen {
	height: 100%;
	max-width: 100%
}
.tox.tox .tox-dialog--fullscreen .tox-dialog__body-content {
	max-height: 100%
}
.tox.tox .tox-dialog--width-md {
	max-width: 800px;
}
.tox.tox .tox-dialog--width-md .tox-dialog__body-content {
	overflow: auto;
}
.tox.tox .tox-dialog__body-content--centered {
	text-align: center;
}
.tox.tox .tox-dialog__footer {
	align-items: center;
	background-color: var(--hex-main-primary);
	border-top: none;
	display: flex;
	justify-content: space-between;
	padding: 8px 16px;
}
.tox.tox .tox-dialog__footer-end,
.tox.tox .tox-dialog__footer-start {
	display: flex;
}
.tox.tox .tox-dialog__busy-spinner {
	align-items: center;
	background-color: rgba(255, 255, 255, .75);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.tox.tox .tox-dialog__table {
	border-collapse: collapse;
	width: 100%
}
.tox.tox .tox-dialog__table thead th {
	font-weight: 700;
	padding-bottom: 8px;
}
.tox.tox .tox-dialog__table thead th:first-child {
	padding-right: 8px;
}
.tox.tox .tox-dialog__table tbody tr {
	border-bottom: 1px solid #626262;
}
.tox.tox .tox-dialog__table tbody tr:last-child {
	border-bottom: none;
}
.tox.tox .tox-dialog__table td {
	padding-bottom: 8px;
	padding-top: 8px;
}
.tox.tox .tox-dialog__table td:first-child {
	padding-right: 8px;
}
.tox.tox .tox-dialog__iframe {
	min-height: 200px;
}
.tox.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
	background: #fff;
}
.tox.tox .tox-navobj-bordered {
	position: relative;
}
.tox.tox .tox-navobj-bordered::before {
	border: 1px solid #eee;
	border-radius: 6px;
	content: '';
	inset: 0;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
.tox.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
	border-color: #006ce7;
	box-shadow: 0 0 0 2px rgba(0, 108, 231, .25);
	outline: 0;
}
.tox.tox .tox-dialog__popups {
	position: absolute;
	width: 100%;
	z-index: 1100;
}
.tox.tox .tox-dialog__body-iframe {
	display: flex;
	flex: 1;
	flex-direction: column;
}
.tox.tox .tox-dialog__body-iframe .tox-navobj {
	display: flex;
	flex: 1;
}
.tox.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
	flex: 1;
	height: 100%
}
.tox.tox .tox-dialog-dock-fadeout {
	opacity: 0;
	visibility: hidden;
}
.tox.tox .tox-dialog-dock-fadein {
	opacity: 1;
	visibility: visible;
}
.tox.tox .tox-dialog-dock-transition {
	transition: visibility 0s linear .3s, opacity .3s ease;
}
.tox.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
	transition-delay: 0s;
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
		margin-right: 0;
	}
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
		margin-left: 8px;
	}
}
.tox.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > *,
.tox.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > * {
	margin-left: 8px;
}
.tox.tox[dir=rtl] .tox-dialog__body {
	text-align: right;
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
		margin-right: 8px;
	}
}
.tox.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > *,
.tox.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > * {
	margin-right: 8px;
}
body.tox-dialog__disable-scroll {
	overflow: hidden;
}
.tox.tox .tox-dropzone-container {
	display: flex;
	flex: 1;
}
.tox.tox .tox-dropzone {
	align-items: center;
	background: #fff;
	border: 2px dashed #eee;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	min-height: 100px;
	padding: 10px;
}
.tox.tox .tox-dropzone p {
	color: rgb(var(--rgb-solid-100), .7);
	margin: 0 0 16px 0;
}
.tox.tox .tox-edit-area {
	display: flex;
	flex: 1;
	overflow: hidden;
	position: relative;
}
.tox.tox .tox-edit-area::before {
	border: 2px solid #2d6adf;
	border-radius: 4px;
	content: '';
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .15s;
	z-index: 1;
}
.tox.tox .tox-edit-area__iframe {
	background-color: #fff;
	border: 0;
	box-sizing: border-box;
	flex: 1;
	height: 100%;
	position: absolute;
	width: 100%
}
.tox.tox-edit-focus .tox-edit-area::before {
	opacity: 1;
}
.tox.tox-inline-edit-area {
	border: 1px dotted #eee;
}
.tox.tox .tox-editor-container {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	overflow: hidden;
}
.tox.tox .tox-editor-header {
	display: grid;
	grid-template-columns:1fr min-content;
	z-index: 2;
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header {
	background-color: var(--hex-canvas-100);
	border-bottom: none;
	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07);
	padding: 4px 0;
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
	transition: box-shadow .5s;
}
.tox.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
	border-top: 1px solid #e3e3e3;
	box-shadow: none;
}
.tox.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
	background-color: #fff;
	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .2), 0 8px 8px -4px rgba(34, 47, 62, .15);
	padding: 4px 0;
}
.tox.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .2), 0 8px 8px -4px rgba(34, 47, 62, .15);
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
	background: 0 0;
	border: none;
	box-shadow: none;
	padding: 0;
}
.tox-editor-dock-fadeout {
	opacity: 0;
	visibility: hidden;
}
.tox-editor-dock-fadein {
	opacity: 1;
	visibility: visible;
}
.tox-editor-dock-transition {
	transition: visibility 0s linear .25s, opacity .25s ease;
}
.tox-editor-dock-transition.tox-editor-dock-fadein {
	transition-delay: 0s;
}
.tox.tox .tox-control-wrap {
	flex: 1;
	position: relative;
}
.tox.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
.tox.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
.tox.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
	display: none;
}
.tox.tox .tox-control-wrap svg {
	display: block;
}
.tox.tox .tox-control-wrap__status-icon-wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.tox.tox .tox-control-wrap__status-icon-invalid svg {
	fill: #c00;
}
.tox.tox .tox-control-wrap__status-icon-unknown svg {
	fill: orange;
}
.tox.tox .tox-control-wrap__status-icon-valid svg {
	fill: green;
}
.tox.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
.tox.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
.tox.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
	padding-right: 32px;
}
.tox.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
	right: 4px;
}
.tox.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
.tox.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
.tox.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
	padding-left: 32px;
}
.tox.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
	left: 4px;
}
.tox.tox .tox-autocompleter {
	max-width: 25em;
}
.tox.tox .tox-autocompleter .tox-menu {
	box-sizing: border-box;
	max-width: 25em;
}
.tox.tox .tox-autocompleter .tox-autocompleter-highlight {
	font-weight: 700;
}
.tox.tox .tox-color-input {
	display: flex;
	position: relative;
	z-index: 1;
}
.tox.tox .tox-color-input .tox-textfield {
	z-index: -1;
}
.tox.tox .tox-color-input span {
	border-color: rgba(34, 47, 62, .2);
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	height: 24px;
	position: absolute;
	top: 6px;
	width: 24px;
}
.tox.tox .tox-color-input span:focus:not([aria-disabled=true]),
.tox.tox .tox-color-input span:hover:not([aria-disabled=true]) {
	border-color: #006ce7;
	cursor: pointer;
}
.tox.tox .tox-color-input span::before {
	background-image: linear-gradient(45deg, rgba(0, 0, 0, .25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, .25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, .25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, .25) 75%);
	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
	background-size: 12px 12px;
	border: 1px solid #fff;
	border-radius: 6px;
	box-sizing: border-box;
	content: '';
	height: 24px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 24px;
	z-index: -1;
}
.tox.tox .tox-color-input span[aria-disabled=true] {
	cursor: not-allowed;
}
.tox.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
	padding-left: 36px;
}
.tox.tox:not([dir=rtl]) .tox-color-input span {
	left: 6px;
}
.tox.tox[dir=rtl] .tox-color-input .tox-textfield {
	padding-right: 36px;
}
.tox.tox[dir=rtl] .tox-color-input span {
	right: 6px;
}
.tox.tox .tox-label,
.tox.tox .tox-toolbar-label {
	color: rgb(var(--rgb-solid-100), .7);
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	padding: 0 8px 0 0;
	text-transform: none;
	white-space: nowrap;
}
.tox.tox .tox-toolbar-label {
	padding: 0 8px;
}
.tox.tox[dir=rtl] .tox-label {
	padding: 0 0 0 8px;
}
.tox.tox .tox-form {
	display: flex;
	flex: 1;
	flex-direction: column;
}
.tox.tox .tox-form__group {
	box-sizing: border-box;
	margin-bottom: 4px;
}
.tox.tox .tox-form-group--maximize {
	flex: 1;
}
.tox.tox .tox-form__group--error {
	color: #c00;
}
.tox.tox .tox-form__group--collection {
	display: flex;
}
.tox.tox .tox-form__grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tox.tox .tox-form__grid--2col > .tox-form__group {
	width: calc(50% - (8px / 2));
}
.tox.tox .tox-form__grid--3col > .tox-form__group {
	width: calc(100% / 3 - (8px / 2));
}
.tox.tox .tox-form__grid--4col > .tox-form__group {
	width: calc(25% - (8px / 2));
}
.tox.tox .tox-form__controls-h-stack {
	align-items: center;
	display: flex;
}
.tox.tox .tox-form__group--inline {
	align-items: center;
	display: flex;
}
.tox.tox .tox-form__group--stretched {
	display: flex;
	flex: 1;
	flex-direction: column;
}
.tox.tox .tox-form__group--stretched .tox-textarea {
	flex: 1;
}
.tox.tox .tox-form__group--stretched .tox-navobj {
	display: flex;
	flex: 1;
}
.tox.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
	flex: 1;
	height: 100%
}
.tox.tox:not([dir=rtl]) .tox-form__controls-h-stack > :not(:first-child) {
	margin-left: 4px;
}
.tox.tox[dir=rtl] .tox-form__controls-h-stack > :not(:first-child) {
	margin-right: 4px;
}
.tox.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
.tox.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
	display: none;
}
.tox.tox .tox-listboxfield .tox-listbox--select,
.tox.tox .tox-textarea,
.tox.tox .tox-textarea-wrap .tox-textarea:focus,
.tox.tox .tox-textfield,
.tox.tox .tox-toolbar-textfield {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--color-input-background-normal);
	border-color: var(--hex-solid-100);
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: var(--hex-solid-100);
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	min-height: 34px;
	outline: 0;
	padding: 5px 5.5px;
	resize: none;
	width: 100%
}
.tox.tox .tox-textarea[disabled],
.tox.tox .tox-textfield[disabled] {
	background-color: var(--color-input-background-readonly);
	color: var(--hex-solid-100);
	cursor: not-allowed;
}
.tox.tox .tox-custom-editor:focus-within,
.tox.tox .tox-listboxfield .tox-listbox--select:focus,
.tox.tox .tox-textarea-wrap:focus-within,
.tox.tox .tox-textarea:focus,
.tox.tox .tox-textfield:focus {
	background-color: var(--color-input-background-focus);
	border-color: transparent;
	box-shadow: var(--shadow-box-focus);
	outline: 0;
}
.tox.tox .tox-toolbar-textfield {
	border-width: 0;
	margin-bottom: 3px;
	margin-top: 2px;
	max-width: 250px;
}
.tox.tox .tox-naked-btn {
	background-color: transparent;
	/*noinspection CssReplaceWithShorthandSafely*/
	border: 0;
	/*noinspection CssReplaceWithShorthandSafely*/
	border-color: transparent;
	box-shadow: unset;
	color: #006ce7;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
}
.tox.tox .tox-naked-btn svg {
	display: block;
	fill: #222f3e;
}
.tox.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
	margin-left: 4px;
}
.tox.tox[dir=rtl] .tox-toolbar-textfield + * {
	margin-right: 4px;
}
.tox.tox .tox-listboxfield {
	cursor: pointer;
	position: relative;
}
.tox.tox .tox-listboxfield .tox-listbox--select[disabled] {
	background-color: #f2f2f2;
	color: rgba(34, 47, 62, .85);
	cursor: not-allowed;
}
.tox.tox .tox-listbox__select-label {
	cursor: default;
	flex: 1;
	margin: 0 4px;
}
.tox.tox .tox-listbox__select-chevron {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 16px;
}
.tox.tox .tox-listbox__select-chevron svg {
	fill: #222f3e;
}
.tox.tox .tox-listboxfield .tox-listbox--select {
	align-items: center;
	display: flex;
}
.tox.tox:not([dir=rtl]) .tox-listboxfield svg {
	right: 8px;
}
.tox.tox[dir=rtl] .tox-listboxfield svg {
	left: 8px;
}
.tox.tox .tox-selectfield {
	cursor: pointer;
	position: relative;
}
.tox.tox .tox-selectfield select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border-color: #eee;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: #222f3e;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-text);
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	min-height: 34px;
	outline: 0;
	padding: 5px 5.5px;
	resize: none;
	width: 100%
}
.tox.tox .tox-selectfield select[disabled] {
	background-color: #f2f2f2;
	color: rgba(34, 47, 62, .85);
	cursor: not-allowed;
}
.tox.tox .tox-selectfield select::-ms-expand {
	display: none;
}
.tox.tox .tox-selectfield select:focus {
	background-color: #fff;
	border-color: #006ce7;
	box-shadow: 0 0 0 2px rgba(0, 108, 231, .25);
	outline: 0;
}
.tox.tox .tox-selectfield svg {
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.tox.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
.tox.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
	padding-right: 24px;
}
.tox.tox:not([dir=rtl]) .tox-selectfield svg {
	right: 8px;
}
.tox.tox[dir=rtl] .tox-selectfield select[size="0"],
.tox.tox[dir=rtl] .tox-selectfield select[size="1"] {
	padding-left: 24px;
}
.tox.tox[dir=rtl] .tox-selectfield svg {
	left: 8px;
}
.tox.tox .tox-textarea-wrap {
	border-color: #eee;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	display: flex;
	flex: 1;
	overflow: hidden;
}
/*noinspection CssInvalidPropertyValue*/
.tox.tox .tox-textarea {
	-webkit-appearance: textarea;
	-moz-appearance: textarea;
	appearance: textarea;
	white-space: pre-wrap;
}
.tox.tox .tox-textarea-wrap .tox-textarea {
	border: none;
}
.tox.tox .tox-textarea-wrap .tox-textarea:focus {
	border: none;
}
.tox-fullscreen {
	border: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	overscroll-behavior: none;
	padding: 0;
	touch-action: pinch-zoom;
	width: 100%
}
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
	display: none;
}
.tox-shadowhost.tox-shadowhost.tox-fullscreen,
.tox.tox.tox-tinymce.tox-fullscreen {
	position: fixed;
	left: 1px;
	top: var(--height-tab-area);
	bottom: var(--height-form-button-area);
	right: calc(var(--width-sidebar-area) + var(--width-sidebar-tab));
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	z-index: 1200;
}
.tox.tox-tinymce.tox-fullscreen {
	background-color: transparent;
}
.tox-fullscreen .tox.tox-tinymce-aux,
.tox.tox-fullscreen ~ .tox.tox-tinymce-aux {
	z-index: 1201;
}
.tox.tox .tox-help__more-link {
	list-style: none;
	margin-top: 1em;
}
.tox.tox .tox-imagepreview {
	background-color: #666;
	height: 380px;
	overflow: hidden;
	position: relative;
	width: 100%
}
.tox.tox .tox-imagepreview.tox-imagepreview__loaded {
	overflow: auto;
}
.tox.tox .tox-imagepreview__container {
	display: flex;
	left: 100vw;
	position: absolute;
	top: 100vw;
}
.tox.tox .tox-imagepreview__image {
	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
}
.tox.tox .tox-image-tools .tox-spacer {
	flex: 1;
}
.tox.tox .tox-image-tools .tox-bar {
	align-items: center;
	display: flex;
	height: 60px;
	justify-content: center;
}
.tox.tox .tox-image-tools .tox-imagepreview,
.tox.tox .tox-image-tools .tox-imagepreview + .tox-bar {
	margin-top: 8px;
}
.tox.tox .tox-image-tools .tox-croprect-block {
	background: #000;
	opacity: .5;
	position: absolute;
	zoom: 1;
}
.tox.tox .tox-image-tools .tox-croprect-handle {
	border: 2px solid #fff;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
}
.tox.tox .tox-image-tools .tox-croprect-handle-move {
	border: 0;
	cursor: move;
	position: absolute;
}
.tox.tox .tox-image-tools .tox-croprect-handle-nw {
	border-width: 2px 0 0 2px;
	cursor: nw-resize;
	left: 100px;
	margin: -2px 0 0 -2px;
	top: 100px;
}
.tox.tox .tox-image-tools .tox-croprect-handle-ne {
	border-width: 2px 2px 0 0;
	cursor: ne-resize;
	left: 200px;
	margin: -2px 0 0 -20px;
	top: 100px;
}
.tox.tox .tox-image-tools .tox-croprect-handle-sw {
	border-width: 0 0 2px 2px;
	cursor: sw-resize;
	left: 100px;
	margin: -20px 2px 0 -2px;
	top: 200px;
}
.tox.tox .tox-image-tools .tox-croprect-handle-se {
	border-width: 0 2px 2px 0;
	cursor: se-resize;
	left: 200px;
	margin: -20px 0 0 -20px;
	top: 200px;
}
.tox.tox .tox-insert-table-picker {
	display: flex;
	flex-wrap: wrap;
	width: 170px;
}
.tox.tox .tox-insert-table-picker > div {
	border-color: #eee;
	border-style: solid;
	border-width: 0 1px 1px 0;
	box-sizing: border-box;
	height: 17px;
	width: 17px;
}
.tox.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
	margin: -4px -4px;
}
.tox.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
	background-color: var(--hex-main-accent);
	border-color: rgb(var(--rgb-solid-100), .5);
}
.tox.tox .tox-insert-table-picker__label {
	color: rgb(var(--rgb-solid-100), .7);
	display: block;
	font-size: 14px;
	padding: 4px;
	text-align: center;
	width: 100%
}
.tox.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
	border-right: 0;
}
.tox.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
	border-right: 0;
}
.tox.tox .tox-menu {
	background-color: var(--color-menuitem-normal-bg);
	border: 1px solid transparent;
	border-radius: var(--radius-corner);
	box-shadow: 0 0 .25rem 0 rgb(var(--rgb-burn), .2), 0 .5rem .75rem 0 rgb(var(--rgb-burn), .15);
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	z-index: 1150;
}
.tox.tox .tox-menu.tox-collection.tox-collection--list {
	padding: 0 4px;
}
.tox.tox .tox-menu.tox-collection.tox-collection--toolbar {
	padding: 8px;
}
.tox.tox .tox-menu.tox-collection.tox-collection--grid {
	padding: 8px;
}
@media only screen and (min-width: 768px) {
	.tox .tox-menu .tox-collection__item-label {
		overflow-wrap: break-word;
		word-break: normal;
	}

	.tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
		word-break: break-all;
	}
}
.tox.tox .tox-menu__label blockquote,
.tox.tox .tox-menu__label code,
.tox.tox .tox-menu__label h1,
.tox.tox .tox-menu__label h2,
.tox.tox .tox-menu__label h3,
.tox.tox .tox-menu__label h4,
.tox.tox .tox-menu__label h5,
.tox.tox .tox-menu__label h6,
.tox.tox .tox-menu__label p {
	margin: 0;
}
.tox.tox .tox-menubar {
	/*noinspection CssReplaceWithShorthandSafely*/
	background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;
	/*noinspection CssReplaceWithShorthandSafely*/
	background-color: var(--hex-canvas-100);
	display: flex;
	flex: 0 0 auto;
	flex-shrink: 0;
	flex-wrap: wrap;
	grid-column: 1/-1;
	grid-row: 1;
	padding: 0 11px 0 12px;
}
.tox.tox .tox-promotion + .tox-menubar {
	grid-column: 1/-1;
}
.tox.tox .tox-promotion {
	display: none;
	/*noinspection CssReplaceWithShorthandSafely*/
	background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;
	/*noinspection CssReplaceWithShorthandSafely*/
	background-color: #fff;
	grid-column: 2;
	grid-row: 1;
	padding-inline-end: 8px;
	padding-inline-start: 4px;
	padding-top: 5px;
}
.tox.tox .tox-promotion-link {
	align-items: unsafe center;
	background-color: #e8f1f8;
	border-radius: 5px;
	color: #086be6;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	height: 26.6px;
	padding: 4px 8px;
	white-space: nowrap;
}
.tox.tox .tox-promotion-link:hover {
	background-color: #b4d7ff;
}
.tox.tox .tox-promotion-link:focus {
	background-color: #d9edf7;
}
.tox.tox .tox-mbtn {
	align-items: center;
	background: 0 0;
	border: 0;
	border-radius: 3px;
	box-shadow: none;
	color: var(--color-menuitem-normal-fg);
	background: var(--color-menuitem-normal-bg); /* ADDED BY SIX */
	display: flex;
	flex: 0 0 auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	height: 28px;
	justify-content: center;
	margin: 5px 1px 6px 0;
	outline: 0;
	overflow: hidden;
	padding: 0 4px;
	text-transform: none;
	width: auto;
}
.tox.tox .tox-mbtn[disabled] {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: rgb(var(--color-menuitem-deactivated-fg), .5);
	cursor: not-allowed;
}
.tox.tox .tox-mbtn:focus:not(:disabled) {
	background: var(--color-menuitem-active-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-menuitem-active-fg);
	fill: var(--color-menuitem-active-fg);
}
.tox.tox .tox-mbtn--active {
	background: var(--color-menuitem-active-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-menuitem-active-fg);
	fill: var(--color-menuitem-active-fg);
}
.tox.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
	background: var(--color-menuitem-active-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-menuitem-active-fg);
	fill: var(--color-menuitem-active-fg);
}
.tox.tox .tox-mbtn__select-label {
	cursor: default;
	font-weight: 400;
	margin: 0 4px;
}
.tox.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
	cursor: not-allowed;
}
.tox.tox .tox-mbtn__select-chevron {
	align-items: center;
	display: flex;
	justify-content: center;
	fill: currentColor; /* ADDED BY SIX */
	width: 16px;
}
.tox.tox .tox-notification {
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	display: grid;
	font-size: 14px;
	font-weight: 400;
	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
	margin-top: 4px;
	opacity: 0;
	padding: 4px;
	transition: transform .1s ease-in, opacity 150ms ease-in;
}
.tox.tox .tox-notification p {
	font-size: 14px;
	font-weight: 400;
}
.tox.tox .tox-notification a {
	cursor: pointer;
	text-decoration: underline;
}
.tox.tox .tox-notification--in {
	opacity: 1;
}
.tox.tox .tox-notification--success {
	background-color: #e4eeda;
	border-color: #d7e6c8;
	color: #222f3e;
}
.tox.tox .tox-notification--success p {
	color: #222f3e;
}
.tox.tox .tox-notification--success a {
	color: #517342;
}
.tox.tox .tox-notification--success svg {
	fill: #222f3e;
}
.tox.tox .tox-notification--error {
	background-color: #f5cccc;
	border-color: #f0b3b3;
	color: #222f3e;
}
.tox.tox .tox-notification--error p {
	color: #222f3e;
}
.tox.tox .tox-notification--error a {
	color: #77181f;
}
.tox.tox .tox-notification--error svg {
	fill: #222f3e;
}
.tox.tox .tox-notification--warn,
.tox.tox .tox-notification--warning {
	background-color: #fff5cc;
	border-color: #fff0b3;
	color: #222f3e;
}
.tox.tox .tox-notification--warn p,
.tox.tox .tox-notification--warning p {
	color: #222f3e;
}
.tox.tox .tox-notification--warn a,
.tox.tox .tox-notification--warning a {
	color: #7a6e25;
}
.tox.tox .tox-notification--warn svg,
.tox.tox .tox-notification--warning svg {
	fill: #222f3e;
}
.tox.tox .tox-notification--info {
	background-color: #d6e7fb;
	border-color: #c1dbf9;
	color: #222f3e;
}
.tox.tox .tox-notification--info p {
	color: #222f3e;
}
.tox.tox .tox-notification--info a {
	color: #2a64a6;
}
.tox.tox .tox-notification--info svg {
	fill: #222f3e;
}
.tox.tox .tox-notification__body {
	align-self: center;
	color: #222f3e;
	font-size: 14px;
	grid-column-end: 3;
	grid-column-start: 2;
	grid-row-end: 2;
	grid-row-start: 1;
	text-align: center;
	white-space: normal;
	word-break: break-word;
}
.tox.tox .tox-notification__body > * {
	margin: 0;
}
.tox.tox .tox-notification__body > * + * {
	margin-top: 1rem;
}
.tox.tox .tox-notification__icon {
	align-self: center;
	grid-column-end: 2;
	grid-column-start: 1;
	grid-row-end: 2;
	grid-row-start: 1;
	justify-self: end;
}
.tox.tox .tox-notification__icon svg {
	display: block;
}
.tox.tox .tox-notification__dismiss {
	align-self: start;
	grid-column-end: 4;
	grid-column-start: 3;
	grid-row-end: 2;
	grid-row-start: 1;
	justify-self: end;
}
.tox.tox .tox-notification .tox-progress-bar {
	grid-column-end: 4;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-row-start: 2;
	justify-self: center;
}
.tox.tox .tox-pop {
	display: inline-block;
	position: relative;
}
.tox.tox .tox-pop--resizing {
	transition: width .1s ease;
}
.tox.tox .tox-pop--resizing .tox-toolbar,
.tox.tox .tox-pop--resizing .tox-toolbar__group {
	flex-wrap: nowrap;
}
.tox.tox .tox-pop--transition {
	transition: .15s ease;
	transition-property: left, right, top, bottom;
}
.tox.tox .tox-pop--transition::after,
.tox.tox .tox-pop--transition::before {
	transition: all .15s, visibility 0s, opacity 75ms ease 75ms;
}
.tox.tox .tox-pop__dialog {
	background-color: var(--hex-canvas-100);
	border: 1px solid var(--color-line);
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgb(var(--rgb-dodge), .2), 0 4px 8px 0 rgb(var(--rgb-dodge), .15);
	min-width: 0;
	overflow: hidden;
}
.tox.tox .tox-pop__dialog > :not(.tox-toolbar) {
	margin: 4px 4px 4px 8px;
}
.tox.tox .tox-pop__dialog .tox-toolbar {
	background-color: transparent;
	margin-bottom: -1px;
}
.tox.tox .tox-pop::after,
.tox.tox .tox-pop::before {
	border-style: solid;
	content: '';
	display: block;
	height: 0;
	opacity: 1;
	position: absolute;
	width: 0;
}
.tox.tox .tox-pop.tox-pop--inset::after,
.tox.tox .tox-pop.tox-pop--inset::before {
	opacity: 0;
	transition: all 0s .15s, visibility 0s, opacity 75ms ease;
}
.tox.tox .tox-pop.tox-pop--bottom::after,
.tox.tox .tox-pop.tox-pop--bottom::before {
	left: 50%;
	top: 100%
}
.tox.tox .tox-pop.tox-pop--bottom::after {
	border-color: #fff transparent transparent transparent;
	border-width: 8px;
	margin-left: -8px;
	margin-top: -1px;
}
.tox.tox .tox-pop.tox-pop--bottom::before {
	border-color: var(--hex-main-accent) transparent transparent transparent;
	border-width: 9px;
	margin-left: -9px;
}
.tox.tox .tox-pop.tox-pop--top::after,
.tox.tox .tox-pop.tox-pop--top::before {
	left: 50%;
	top: 0;
	transform: translateY(-100%);
}
.tox.tox .tox-pop.tox-pop--top::after {
	border-color: transparent transparent var(--hex-solid-100) transparent;
	border-width: 8px;
	margin-left: -8px;
	margin-top: 1px;
}
.tox.tox .tox-pop.tox-pop--top::before {
	border-color: transparent transparent var(--hex-main-accent) transparent;
	border-width: 9px;
	margin-left: -9px;
}
.tox.tox .tox-pop.tox-pop--left::after,
.tox.tox .tox-pop.tox-pop--left::before {
	left: 0;
	top: calc(50% - 1px);
	transform: translateY(-50%);
}
.tox.tox .tox-pop.tox-pop--left::after {
	border-color: transparent #fff transparent transparent;
	border-width: 8px;
	margin-left: -15px;
}
.tox.tox .tox-pop.tox-pop--left::before {
	border-color: transparent #eee transparent transparent;
	border-width: 10px;
	margin-left: -19px;
}
.tox.tox .tox-pop.tox-pop--right::after,
.tox.tox .tox-pop.tox-pop--right::before {
	left: 100%;
	top: calc(50% + 1px);
	transform: translateY(-50%);
}
.tox.tox .tox-pop.tox-pop--right::after {
	border-color: transparent transparent transparent #fff;
	border-width: 8px;
	margin-left: -1px;
}
.tox.tox .tox-pop.tox-pop--right::before {
	border-color: transparent transparent transparent #eee;
	border-width: 10px;
	margin-left: -1px;
}
.tox.tox .tox-pop.tox-pop--align-left::after,
.tox.tox .tox-pop.tox-pop--align-left::before {
	left: 20px;
}
.tox.tox .tox-pop.tox-pop--align-right::after,
.tox.tox .tox-pop.tox-pop--align-right::before {
	left: calc(100% - 20px);
}
.tox.tox .tox-sidebar-wrap {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	min-height: 0;
}
.tox.tox .tox-sidebar {
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.tox.tox .tox-sidebar__slider {
	display: flex;
	overflow: hidden;
}
.tox.tox .tox-sidebar__pane-container {
	display: flex;
}
.tox.tox .tox-sidebar__pane {
	display: flex;
}
.tox.tox .tox-sidebar--sliding-closed {
	opacity: 0;
}
.tox.tox .tox-sidebar--sliding-open {
	opacity: 1;
}
.tox.tox .tox-sidebar--sliding-growing,
.tox.tox .tox-sidebar--sliding-shrinking {
	transition: width .5s ease, opacity .5s ease;
}
.tox.tox .tox-selector {
	background-color: #4099ff;
	border-color: #4099ff;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	display: inline-block;
	height: 10px;
	position: absolute;
	width: 10px;
}
.tox.tox-platform-touch .tox-selector {
	height: 12px;
	width: 12px;
}
.tox.tox .tox-slider {
	align-items: center;
	display: flex;
	flex: 1;
	height: 24px;
	justify-content: center;
	position: relative;
}
.tox.tox .tox-slider__rail {
	background-color: transparent;
	border: 1px solid #eee;
	border-radius: 6px;
	height: 10px;
	min-width: 120px;
	width: 100%
}
.tox.tox .tox-slider__handle {
	background-color: #006ce7;
	border: 2px solid #0054b4;
	border-radius: 6px;
	box-shadow: none;
	height: 24px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 14px;
}
.tox.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
	margin-inline-start: 8px;
}
.tox.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
	margin-inline-start: 32px;
}
.tox.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
	margin-inline-start: 32px;
}
.tox.tox .tox-source-code {
	overflow: auto;
}
.tox.tox .tox-spinner {
	display: flex;
}
.tox.tox .tox-spinner > div {
	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
	background-color: rgb(var(--rgb-solid-100), .7);
	border-radius: 100%;
	height: 8px;
	width: 8px;
}
.tox.tox .tox-spinner > div:nth-child(1) {
	animation-delay: -.32s;
}
.tox.tox .tox-spinner > div:nth-child(2) {
	animation-delay: -.16s;
}
@keyframes tam-bouncing-dots {
	0%, 100%, 80% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
}
.tox.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
	margin-left: 4px;
}
.tox.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
	margin-right: 4px;
}
.tox.tox .tox-statusbar {
	align-items: center;
	background-color: var(--hex-canvas-100);
	border-top: 1px solid var(--color-line);
	color: rgb(var(--rgb-solid-100), .7);
	display: flex;
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 400;
	height: 25px;
	overflow: hidden;
	padding: 0 8px;
	position: relative;
	text-transform: none;
}
.tox.tox .tox-statusbar__path {
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tox.tox .tox-statusbar__right-container {
	display: flex;
	justify-content: flex-end;
	white-space: nowrap;
}
.tox.tox .tox-statusbar__help-text {
	text-align: center;
}
.tox.tox .tox-statusbar__text-container {
	display: flex;
	flex: 1 1 auto;
	justify-content: space-between;
	overflow: hidden;
}
@media only screen and (min-width: 768px) {
	.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
.tox.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path,
.tox.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container {
		flex: 0 0 calc(100% / 3);
	}
}
.tox.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
	justify-content: flex-end;
}
.tox.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
	justify-content: flex-start;
}
.tox.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
	justify-content: space-around;
}
.tox.tox .tox-statusbar__path > * {
	display: inline;
	white-space: nowrap;
}
.tox.tox .tox-statusbar__wordcount {
	flex: 0 0 auto;
	margin-left: 1ch;
}
@media only screen and (max-width: 767px) {
	.tox .tox-statusbar__text-container .tox-statusbar__help-text {
		display: none;
	}

	.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
		display: block;
	}
}
.tox.tox .tox-statusbar a,
.tox.tox .tox-statusbar__path-item,
.tox.tox .tox-statusbar__wordcount {
	color: rgb(var(--rgb-solid-100), .7);
	text-decoration: none;
}
.tox.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
.tox.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
.tox.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
.tox.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
.tox.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),
.tox.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
	color: var(--hex-solid-100);
	cursor: pointer;
}

.tox.tox .tox-statusbar__branding svg {
	fill: rgb(var(--rgb-solid-100), .8);
	height: 1.14em;
	vertical-align: -.28em;
	width: 3.6em;
}
.tox.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,
.tox.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg {
	fill: var(--hex-solid-100);
}
.tox.tox .tox-statusbar__resize-handle {
	align-items: flex-end;
	align-self: stretch;
	cursor: nwse-resize;
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end;
	margin-left: auto;
	margin-right: -8px;
	padding-bottom: 3px;
	padding-left: 1ch;
	padding-right: 3px;
}
.tox.tox .tox-statusbar__resize-handle svg {
	display: block;
	fill: rgb(var(--rgb-solid-100), .5);
}
.tox.tox .tox-statusbar__resize-handle:focus svg {
	background-color: transparent;
	border-radius: var(--radius-corner);
	box-shadow: var(--shadow-box-focus);
}
.tox.tox:not([dir=rtl]) .tox-statusbar__path > * {
	margin-right: 4px;
}
.tox.tox:not([dir=rtl]) .tox-statusbar__branding {
	margin-left: 2ch;
}
.tox.tox[dir=rtl] .tox-statusbar {
	flex-direction: row-reverse;
}
.tox.tox[dir=rtl] .tox-statusbar__path > * {
	margin-left: 4px;
}
.tox.tox .tox-throbber {
	z-index: 1299;
}
.tox.tox .tox-throbber__busy-spinner {
	align-items: center;
	background-color: rgba(255, 255, 255, .6);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.tox.tox .tox-tbtn {
	align-items: center;
	background: var(--color-button-normal-bg);
	border: 0;
	border-radius: var(--radius-corner);
	box-shadow: none;
	color: var(--color-button-normal-fg);
	display: flex;
	flex: 0 0 auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	height: 28px;
	justify-content: center;
	margin: 6px .3125rem 5px 0;
	outline: 0;
	overflow: hidden;
	padding: 0;
	text-transform: none;
	width: 34px;
}
.tox.tox .tox-tbtn svg {
	display: block;
	fill: var(--color-button-normal-fg);
}
.tox.tox .tox-tbtn.tox-tbtn-more {
	padding-left: 5px;
	padding-right: 5px;
	width: inherit;
}
.tox.tox .tox-tbtn:focus {
	background: var(--color-button-normal-bg);
	border: 0;
	box-shadow: var(--shadow-box-focus);
}
.tox.tox .tox-tbtn:hover {
	background: var(--color-button-hover-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-button-hover-fg);
}
.tox.tox .tox-tbtn:hover svg {
	fill: var(--color-button-hover-fg);
}
.tox.tox .tox-tbtn:active {
	background: var(--color-button-active-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-button-active-fg);
}
.tox.tox .tox-tbtn:active svg {
	fill: var(--color-button-active-fg);
}
.tox.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
	fill: var(--color-button-deactivated-fg);
}
.tox.tox .tox-tbtn--disabled,
.tox.tox .tox-tbtn--disabled:hover,
.tox.tox .tox-tbtn:disabled,
.tox.tox .tox-tbtn:disabled:hover {
	background: var(--color-button-deactivated-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-button-deactivated-fg);
	cursor: not-allowed;
}
.tox.tox .tox-tbtn--disabled svg,
.tox.tox .tox-tbtn--disabled:hover svg,
.tox.tox .tox-tbtn:disabled svg,
.tox.tox .tox-tbtn:disabled:hover svg {
	fill: var(--color-button-deactivated-fg);
}
.tox.tox .tox-tbtn--enabled,
.tox.tox .tox-tbtn--enabled:hover {
	background: var(--color-button-hover-bg);
	border: 0;
	box-shadow: none;
	color: var(--color-button-hover-fg);
}
.tox.tox .tox-tbtn--enabled:hover > *,
.tox.tox .tox-tbtn--enabled > * {
	transform: none;
}
.tox.tox .tox-tbtn--enabled svg,
.tox.tox .tox-tbtn--enabled:hover svg {
	fill: var(--color-button-hover-fg);
}
.tox.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
.tox.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
	fill: var(--color-button-deactivated-fg);
}
.tox.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
	color: var(--color-button-normal-fg);
}
.tox.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
	fill: var(--color-button-normal-fg);
}
.tox.tox .tox-tbtn:active > * {
	transform: none;
}
.tox.tox .tox-tbtn--md {
	height: 42px;
	width: 51px;
}
.tox.tox .tox-tbtn--lg {
	flex-direction: column;
	height: 56px;
	width: 68px;
}
.tox.tox .tox-tbtn--return {
	align-self: stretch;
	height: unset;
	width: 16px;
}
.tox.tox .tox-tbtn--labeled {
	padding: 0 4px;
	width: unset;
}
.tox.tox .tox-tbtn__vlabel {
	display: block;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 4px;
	white-space: nowrap;
}
.tox.tox .tox-number-input {
	border-radius: 3px;
	display: flex;
	margin: 6px 1px 5px 0;
	padding: 0 4px;
	width: auto;
}
.tox.tox .tox-number-input .tox-input-wrapper {
	background: #f7f7f7;
	display: flex;
	pointer-events: none;
	text-align: center;
}
.tox.tox .tox-number-input .tox-input-wrapper:focus {
	background: #cce2fa;
}
.tox.tox .tox-number-input input {
	border-radius: 3px;
	color: #222f3e;
	font-size: 14px;
	margin: 2px 0;
	pointer-events: all;
	width: 60px;
}
.tox.tox .tox-number-input input:hover {
	background: #cce2fa;
	color: #222f3e;
}
.tox.tox .tox-number-input input:focus {
	background: #fff;
	color: #222f3e;
}
.tox.tox .tox-number-input input:disabled {
	background: 0 0;
	border: 0;
	box-shadow: none;
	color: rgba(34, 47, 62, .5);
	cursor: not-allowed;
}
.tox.tox .tox-number-input button {
	background: #f7f7f7;
	color: #222f3e;
	height: 28px;
	text-align: center;
	width: 24px;
}
.tox.tox .tox-number-input button svg {
	display: block;
	fill: var(--hex-solid-100);
	margin: 0 auto;
	transform: scale(.67);
}
.tox.tox .tox-number-input button:focus {
	background: #cce2fa;
}
.tox.tox .tox-number-input button:hover {
	background: #cce2fa;
	border: 0;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-number-input button:hover svg {
	fill: var(--hex-solid-100);
}
.tox.tox .tox-number-input button:active {
	background: #a6ccf7;
	border: 0;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-number-input button:active svg {
	fill: #222f3e;
}
.tox.tox .tox-number-input button:disabled {
	background: 0 0;
	border: 0;
	box-shadow: none;
	color: rgba(34, 47, 62, .5);
	cursor: not-allowed;
}
.tox.tox .tox-number-input button:disabled svg {
	fill: rgba(34, 47, 62, .5);
}
.tox.tox .tox-number-input button.minus {
	border-radius: 3px 0 0 3px;
}
.tox.tox .tox-number-input button.plus {
	border-radius: 0 3px 3px 0;
}
.tox.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper,
.tox.tox .tox-number-input:focus:not(:active) > button {
	background: #cce2fa;
}
.tox.tox .tox-tbtn--select {
	margin: 6px 1px 5px 0;
	padding: 0 4px;
	width: auto;
}
.tox.tox .tox-tbtn__select-label {
	cursor: default;
	font-weight: 400;
	height: initial;
	margin: 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tox.tox .tox-tbtn__select-chevron {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 16px;
}
.tox.tox .tox-tbtn__select-chevron svg {
	fill: var(--hex-solid-200);
}
.tox.tox .tox-tbtn--bespoke {
	background: var(--color-button-normal-bg);
}
.tox.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
	margin-inline-start: 4px;
}
.tox.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 7em;
}
.tox.tox .tox-tbtn--disabled .tox-tbtn__select-label,
.tox.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
	cursor: not-allowed;
}
.tox.tox .tox-split-button {
	border: 0;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	margin: 6px 1px 5px 0;
	overflow: hidden;
}
.tox.tox .tox-split-button:hover {
	box-shadow: 0 0 0 1px #cce2fa inset;
}
.tox.tox .tox-split-button:focus {
	background: #cce2fa;
	box-shadow: var(--shadow-box-focus);
	color: #222f3e;
	z-index: 1;
}
.tox.tox .tox-split-button > * {
	border-radius: 0;
}
.tox.tox .tox-split-button__chevron {
	width: 16px;
}
.tox.tox .tox-split-button__chevron svg {
	fill: var(--hex-solid-200);
}
.tox.tox .tox-split-button .tox-tbtn {
	margin: 0;
}
.tox.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
.tox.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
.tox.tox .tox-split-button.tox-tbtn--disabled:focus,
.tox.tox .tox-split-button.tox-tbtn--disabled:hover {
	background: 0 0;
	box-shadow: none;
	color: rgba(34, 47, 62, .5);
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
	padding: 0 0;
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
	width: 30px;
}
.tox.tox-platform-touch .tox-split-button__chevron {
	width: 20px;
}
.tox.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color,
.tox.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color {
	opacity: .6;
}
.tox.tox .tox-toolbar-overlord {
	background-color: var(--hex-canvas-100);
}
.tox.tox .tox-toolbar,
.tox.tox .tox-toolbar__overflow,
.tox.tox .tox-toolbar__primary {
	background-attachment: local;
	background-color: var(--hex-canvas-100);
	background-image: repeating-linear-gradient(var(--color-line) 0 1px, transparent 1px 39px);
	background-position: center top 40px;
	background-repeat: no-repeat;
	background-size: calc(100% - 11px * 2) calc(100% - 41px);
	display: flex;
	flex: 0 0 auto;
	flex-shrink: 0;
	flex-wrap: wrap;
	padding: 0 0;
	transform: perspective(1px);
}
.tox.tox .tox-toolbar-overlord > .tox-toolbar,
.tox.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
.tox.tox .tox-toolbar-overlord > .tox-toolbar__primary {
	background-position: center top 0;
	background-size: calc(100% - 11px * 2) calc(100% - 0px);
}
.tox.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
	height: 0;
	opacity: 0;
	padding-bottom: 0;
	padding-top: 0;
	visibility: hidden;
}
.tox.tox .tox-toolbar__overflow--growing {
	transition: height .3s ease, opacity .2s linear .1s;
}
.tox.tox .tox-toolbar__overflow--shrinking {
	transition: opacity .3s ease, height .2s linear .1s, visibility 0s linear .3s;
}
.tox.tox .tox-anchorbar,
.tox.tox .tox-toolbar-overlord {
	grid-column: 1/-1;
}
.tox.tox .tox-menubar + .tox-toolbar,
.tox.tox .tox-menubar + .tox-toolbar-overlord {
	border-top: 1px solid transparent;
	margin-top: -1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
.tox.tox .tox-toolbar--scrolling {
	flex-wrap: nowrap;
	overflow-x: auto;
}
.tox.tox .tox-pop .tox-toolbar {
	border-width: 0;
}
.tox.tox .tox-toolbar--no-divider {
	background-image: none;
}
.tox.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
.tox.tox .tox-toolbar-overlord .tox-toolbar__primary {
	background-position: center top 39px;
}
.tox.tox .tox-editor-header > .tox-toolbar--scrolling,
.tox.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
	background-image: none;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
	background-color: var(--hex-canvas-100);
	background-position: center top 43px;
	background-size: calc(100% - 8px * 2) calc(100% - 51px);
	border: none;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgb(var(--rgb-burn), .2), 0 4px 8px 0 rgb(var(--rgb-burn), .15);
	overscroll-behavior: none;
	padding: 4px 0;
}
.tox-pop .tox-pop__dialog .tox-toolbar {
	background-position: center top 43px;
	background-size: calc(100% - 11px * 2) calc(100% - 51px);
	padding: 4px 0;
}
.tox.tox .tox-toolbar__group {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0;
	padding: 0 .6875rem 0 .75rem;
}
.tox.tox .tox-toolbar__group--pull-right {
	margin-left: auto;
}
.tox.tox .tox-toolbar--scrolling .tox-toolbar__group {
	flex-shrink: 0;
	flex-wrap: nowrap;
}
.tox.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
	border-right: 1px solid transparent;
}
.tox.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
	border-left: 1px solid transparent;
}
.tox.tox .tox-tooltip {
	display: inline-block;
	padding: 8px;
	position: relative;
}
.tox.tox .tox-tooltip__body {
	background-color: #222f3e;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(34, 47, 62, .3);
	color: rgba(255, 255, 255, .75);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	padding: 4px 8px;
	text-transform: none;
}
.tox.tox .tox-tooltip__arrow {
	position: absolute;
}
.tox.tox .tox-tooltip--down .tox-tooltip__arrow {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #222f3e;
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
.tox.tox .tox-tooltip--up .tox-tooltip__arrow {
	border-bottom: 8px solid #222f3e;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
}
.tox.tox .tox-tooltip--right .tox-tooltip__arrow {
	border-bottom: 8px solid transparent;
	border-left: 8px solid #222f3e;
	border-top: 8px solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.tox.tox .tox-tooltip--left .tox-tooltip__arrow {
	border-bottom: 8px solid transparent;
	border-right: 8px solid #222f3e;
	border-top: 8px solid transparent;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.tox.tox .tox-tree {
	display: flex;
	flex-direction: column;
}
.tox.tox .tox-tree .tox-trbtn {
	align-items: center;
	background: 0 0;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	color: #222f3e;
	display: flex;
	flex: 0 0 auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	height: 28px;
	margin-bottom: 4px;
	margin-top: 4px;
	outline: 0;
	overflow: hidden;
	/*noinspection CssReplaceWithShorthandSafely*/
	padding: 0;
	/*noinspection CssReplaceWithShorthandSafely*/
	padding-left: 8px;
	text-transform: none;
}
.tox.tox .tox-tree .tox-trbtn .tox-tree__label {
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tox.tox .tox-tree .tox-trbtn svg {
	display: block;
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:focus {
	background: #cce2fa;
	border: 0;
	box-shadow: none;
}
.tox.tox .tox-tree .tox-trbtn:hover {
	background: #cce2fa;
	border: 0;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:hover svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:active {
	background: #a6ccf7;
	border: 0;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:active svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn--disabled,
.tox.tox .tox-tree .tox-trbtn--disabled:hover,
.tox.tox .tox-tree .tox-trbtn:disabled,
.tox.tox .tox-tree .tox-trbtn:disabled:hover {
	background: 0 0;
	border: 0;
	box-shadow: none;
	color: rgba(34, 47, 62, .5);
	cursor: not-allowed;
}
.tox.tox .tox-tree .tox-trbtn--disabled svg,
.tox.tox .tox-tree .tox-trbtn--disabled:hover svg,
.tox.tox .tox-tree .tox-trbtn:disabled svg,
.tox.tox .tox-tree .tox-trbtn:disabled:hover svg {
	fill: rgba(34, 47, 62, .5);
}
.tox.tox .tox-tree .tox-trbtn--enabled,
.tox.tox .tox-tree .tox-trbtn--enabled:hover {
	background: #a6ccf7;
	border: 0;
	box-shadow: none;
	color: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn--enabled:hover > *,
.tox.tox .tox-tree .tox-trbtn--enabled > * {
	transform: none;
}
.tox.tox .tox-tree .tox-trbtn--enabled svg,
.tox.tox .tox-tree .tox-trbtn--enabled:hover svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
	color: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-trbtn:active > * {
	transform: none;
}
.tox.tox .tox-tree .tox-trbtn--return {
	align-self: stretch;
	height: unset;
	width: 16px;
}
.tox.tox .tox-tree .tox-trbtn--labeled {
	padding: 0 4px;
	width: unset;
}
.tox.tox .tox-tree .tox-trbtn__vlabel {
	display: block;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 4px;
	white-space: nowrap;
}
.tox.tox .tox-tree .tox-tree--directory {
	display: flex;
	flex-direction: column;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
	font-weight: 700;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
	margin-left: auto;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
	fill: transparent;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
	background-color: transparent;
	color: #222f3e;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
	margin-right: 6px;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--shrinking) .tox-chevron {
	transition: transform .5s ease-in-out;
}
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,
.tox.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--open) .tox-chevron {
	transform: rotate(90deg);
}
.tox.tox .tox-tree .tox-tree--leaf__label {
	font-weight: 400;
}
.tox.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
	margin-left: auto;
}
.tox.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
	fill: transparent;
}
.tox.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
.tox.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
	background-color: transparent;
	color: #222f3e;
}
.tox.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
	fill: #222f3e;
}
.tox.tox .tox-tree .tox-tree--directory__children {
	overflow: hidden;
	padding-left: 16px;
}
.tox.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
.tox.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
	transition: height .5s ease-in-out;
}
.tox.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
	display: flex;
	justify-content: space-between;
}
.tox.tox .tox-view-wrap,
.tox.tox .tox-view-wrap__slot-container {
	background-color: #fff;
	display: flex;
	flex: 1;
	flex-direction: column;
}
.tox.tox .tox-view {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	overflow: hidden;
}
.tox.tox .tox-view__header {
	align-items: center;
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	padding: 8px 8px 0 8px;
	position: relative;
}
.tox.tox .tox-view--mobile.tox-view__header,
.tox.tox .tox-view--mobile.tox-view__toolbar {
	padding: 8px;
}
.tox.tox .tox-view--scrolling {
	flex-wrap: nowrap;
	overflow-x: auto;
}
.tox.tox .tox-view__toolbar {
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: space-between;
	padding: 8px 8px 0 8px;
}
.tox.tox .tox-view__toolbar__group {
	display: flex;
	flex-direction: row;
	gap: 12px;
}
.tox.tox .tox-view__header-end,
.tox.tox .tox-view__header-start {
	display: flex;
}
.tox.tox .tox-view__pane {
	height: 100%;
	padding: 8px;
	width: 100%
}
.tox.tox .tox-view__pane_panel {
	border: 1px solid #eee;
	border-radius: 6px;
}
.tox.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > *,
.tox.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > * {
	margin-left: 8px;
}
.tox.tox[dir=rtl] .tox-view__header .tox-view__header-end > *,
.tox.tox[dir=rtl] .tox-view__header .tox-view__header-start > * {
	margin-right: 8px;
}
.tox.tox .tox-well {
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 8px;
	width: 100%
}
.tox.tox .tox-well > :first-child {
	margin-top: 0;
}
.tox.tox .tox-well > :last-child {
	margin-bottom: 0;
}
.tox.tox .tox-well > :only-child {
	margin: 0;
}
.tox.tox .tox-custom-editor {
	border: 1px solid #eee;
	border-radius: 6px;
	display: flex;
	flex: 1;
	overflow: hidden;
	position: relative;
}
.tox.tox .tox-dialog-loading::before {
	background-color: rgba(0, 0, 0, .5);
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
.tox.tox .tox-tab {
	cursor: pointer;
}
.tox.tox .tox-dialog__content-js {
	display: flex;
	flex: 1;
}
.tox.tox .tox-dialog__body-content .tox-collection {
	display: flex;
	flex: 1;
}

/***********************************/
/** @subpackage section_annotation */
/***********************************/
/* ANNOTATIONS */
.cs6AdminSidebarLabel_SixCMSAnnotation {
	--max-width: 75ch;
	--indent: 2rem;
}
.cs6AdminSidebarLabel_SixCMSAnnotation details > summary {
	background: transparent;
}
.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);
}
.cs6AdminSidebarLabel_SixCMSAnnotation .cs6AdminCardsBody > article {
	margin-bottom: 1rem;
}
article article .cs6AdminAnnotationCard {
	max-width: none;
	width: 100%;
	margin: 0 0 .375rem 0;
}
.cs6AdminSidebarLabel_SixCMSAnnotation .cs6AdminMessageLinkUser {
	white-space: nowrap;
}
.cs6AdminSidebarLabel_SixCMSAnnotation header {
	grid-area: head;
	display: block;
	padding: .5rem;
}
.cs6AdminSidebarLabel_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;
}
.cs6AdminAnnotationCard 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: ")";
}
.cs6AdminSidebarLabel_SixCMSAnnotation article details {
	box-sizing: border-box;
	position: relative;
	max-width: min(var(--max-width), calc(100% - var(--indent)));
	margin-left: var(--indent);
}
.cs6AdminSidebarLabel_SixCMSAnnotation article summary {
	position: absolute;
	top: -1.75rem;
	right: calc(var(--indent) / 8);
}
.cs6AdminSidebarLabel_SixCMSAnnotation article summary::before {
	font-size: 1rem;
}
.cs6AdminAnnotationHelp {
	margin: 1rem 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 buttons";
	max-width: min(var(--max-width), calc(100% - var(--indent)));
	margin-left: .5rem;
}
.cs6AdminCardsBody > .cs6AdminAnnotationInputBox {
	margin-bottom: 1rem;
}
.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;
	text-align: end;
}
.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);
}

/**************************************/
/** @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 {
	display: inline-block;
	min-width: 4.5rem;
	color: var(--hex-rainbow-text);
	padding: .125rem .5rem;
	margin-right: .5rem;
	border-radius: var(--radius-corner);
	text-align: center;
	background: var(--hex-rainbow-6-blue);
}

.cs6AdminSectionChangelog.cs6AdminResultListBody .cs6AdminListResultEntryWrapper [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);
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-monospace);
}
:is(.cs6AdminSectionChangelog, .cs6AdminStartBoxTypeChangelog) .cs6AdminListResultElement pre {
	background: var(--hex-canvas-200);
	padding: .5rem;
	border-radius: var(--radius-box);
	overflow: auto;
	/*noinspection CssNoGenericFontName*/
	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,
.cs6AdminSectionImageWindow {
	/* 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;
	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;
}
.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%;
}
#id6AdminFormImageEditCanvas {
	box-sizing: border-box;
	position: relative;
	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;
	position: relative;
	width: 11rem;
	height: 3rem;
	margin: 3.125rem 3.75rem 1rem 3.75rem;
	&::before,
	&::after {
		position: absolute;
		top: 0;
		left: 0;
		/*noinspection CssNoGenericFontName*/
		font-family: var(--font-icon);
		font-size: 3rem;
	}
	&::before {
		content: "\e624";
	}
	&::after {
		content: "\e627";
		color: #00798f;
	}

}
#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: 2.5rem 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;
}
.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);
	/*noinspection CssNoGenericFontName*/
	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);
}
: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;
}

.cs6AdminProfilerTimeLevel1.cs6AdminProfilerTimeLevel1.cs6AdminProfilerTimeLevel1.cs6AdminProfilerTimeLevel1 {
	border-color: var(--hex-rainbow-1-red);
	background: rgba(var(--rgb-rainbow-1-red), .15);
}
.cs6AdminProfilerTimeLevel2.cs6AdminProfilerTimeLevel2.cs6AdminProfilerTimeLevel2.cs6AdminProfilerTimeLevel2 {
	border-color: var(--hex-rainbow-2-orange);
	background:  rgba(var(--rgb-rainbow-2-orange), .15);
}
.cs6AdminProfilerTimeLevel3.cs6AdminProfilerTimeLevel3.cs6AdminProfilerTimeLevel3.cs6AdminProfilerTimeLevel3 {
	border-color: var(--hex-rainbow-6-blue);
	border-bottom-width: 2px;
	background:  rgba(var(--rgb-rainbow-6-blue), .15);
}

.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 1rem;
	margin: 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: bold;
}
.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 :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);
}
.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;
	/*noinspection CssNoGenericFontName*/
	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)) 0 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;
}
div.cs6AdminResultListInfo_found {
	padding: .5rem 0 0 .25rem;
	margin-bottom: calc((1.5 - var(--space-multiplier)) * -0.25rem);
	font-weight: var(--font-weight-semi);
}
div.cs6AdminResultListInfo_found::after {
	content: ":";
}
.cs6AdminResultListTitle {
	font-weight: var(--font-weight-bold);
}
.cs6AdminResultListInfo summary {
	position: relative;
	color: var(--hex-main-secondary);
	margin: 0 .25rem;
}
.cs6AdminResultListInfo summary .cs6AdminFormBlockOpenerText {
	font-size: 1rem;
	line-height: 2rem;
}
.cs6AdminResultListInfo details[open] > summary {
	border-bottom: 2px dotted var(--hex-solid-200);
}
.cs6AdminResultListInfo summary::before {
	display: inline-block;
	color: var(--hex-solid-100);
	width: 1rem;
	height: 1rem;
	border-radius: var(--radius-corner);
	margin: 0 .25rem 0 .25rem;
	line-height: 1rem;
	font-size: .75rem;
	text-align: center;
}
.cs6AdminResultListInfo summary:focus::before {
	background: var(--color-button-normal-bg);
	color: var(--color-button-normal-fg);
	box-shadow: var(--shadow-box-focus);
}
.cs6AdminResultListInfo summary:hover::before {
	background: var(--color-button-hover-bg);
	color: var(--color-button-hover-fg);
}

.cs6AdminResultListInfo details {
	min-width: 20ch;
	background: var(--hex-canvas-200);
	border: 2px solid var(--hex-canvas-300);
	border-radius: var(--radius-corner);
}
.cs6AdminResultListInfo details > div {
	padding: .5rem .25rem .5rem .75rem;
}
.cs6AdminResultListSortButton,
.cs6AdminResultListRestrictionResetButton {
	line-height: 0;
	vertical-align: top;
}
.cs6AdminResultListSortButton a,
.cs6AdminResultListRestrictionResetButton a,
.cs6AdminResultListRestrictionRemoveButton a {
	font-size: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}
.cs6AdminResultListRestrictionResetButton,
.cs6AdminResultListRestrictionResetButton:focus-within {
	position: absolute;
	right: 0;
	top: .25rem;
}
.cs6AdminResultListRestrictionRemoveButton {
	opacity: 0;
	margin-left: .5rem;
	transition: opacity var(--timing-medium-fade-out);
}
.cs6AdminTwoColumnRight:hover .cs6AdminResultListRestrictionRemoveButton,
.cs6AdminTwoColumnRight:focus-within .cs6AdminResultListRestrictionRemoveButton {
	opacity: 1;
	transition: opacity var(--timing-medium-fade-in);
}
.cs6AdminResultListInfo_restrictions .cs6AdminTwoColumn {
	margin-top: 0;
}

/* 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-horizontal-up-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;
}

/* Part: Tree view */
div.cs6AdminResultListInfo_treenav {
	box-sizing: border-box;
	position: relative;
	padding: .5rem 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.cs6AdminResultListInfo.cs6AdminResultListInfo.cs6AdminResultListInfo.cs6AdminResultListInfo, /* overwrites the default behaviour */
.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(--color-link-alt-focus);
}
.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";
	/*noinspection CssNoGenericFontName*/
	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";
	/*noinspection CssNoGenericFontName*/
	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);
}

.cs6AdminColumnLayout {
	max-width: max-content;

	.cs6AdminRow {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: .25rem;
	}

	.cs6AdminRowIndented {
		padding-left: 3.375rem;
	}

	.cs6AdminColumnLeft {
		flex: 1;
	}

	.cs6AdminColumnRight {
		max-width: min-content;
	}
}
/* 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);
	/*noinspection CssNoGenericFontName*/
	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 {
	padding-right: .5rem;
}
.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;
	background: var(--color-structure-normal-bg);
	color: var(--color-structure-normal-fg);
	font-size: 0;
}
.cs6AdminStructureListWrapper.cs6AdminStructureHierarchical ul {
	margin-left: 1rem;
}
.cs6AdminFormElementContent .cs6AdminStructureListWrapper { /* different colors for structure elements in field edit */
	--color-structure-normal-bg: var(--color-structure-edit-bg);
	--color-structure-normal-fg: var(--color-structure-edit-fg);
}
.cs6AdminFieldWrapperHover {
	background: var(--color-structure-hover-bg);
	color: var(--color-structure-hover-fg);
}
.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;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-icon);
	font-size: 16px;
}
.cs6AdminStructureFieldWrapper[data-error] {
	background: var(--color-structure-warning-bg);
	color: var(--color-structure-warning-fg);
}
.cs6AdminFieldWrapperHover.cs6AdminStructureFieldWrapper[data-error] {
	background: var(--color-structure-warning-hover-bg);
	color: var(--color-structure-warning-hover-fg);
}
.cs6AdminStructureFieldWrapper[data-error] .cs6AdminStructureFieldDescription {
	font-weight: var(--font-weight-semi);
}

/* External and encrypted fields */
.cs6AdminStructureFieldExternal::after {
	content: "e";
	position: absolute;
	top: -.25rem;
	left: 1.4375rem;
	color: var(--color-structure-type-icon);
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-monospace);
	font-size: .8125rem;
}
.cs6AdminStructureFieldEncrypted::after {
	content: "\e662";
	position: absolute;
	top: .8125rem;
	left: 1.1875rem;
	color: var(--color-structure-type-icon);
	/*noinspection CssNoGenericFontName*/
	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(--color-structure-normal-bg);
}
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper.cs6AdminFieldWrapperHover::before {
	background: var(--color-structure-hover-bg);
}
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper[data-error]::before {
	background: var(--color-structure-warning-bg);
}
.cs6AdminStructureFieldElement[data-type="block"][data-input="choice"] > .cs6AdminStructureFieldWrapper.cs6AdminFieldWrapperHover[data-error]::before {
	background: var(--color-structure-warning-hover-bg);
}

/* 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;
	/*noinspection CssNoGenericFontName*/
	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 dashed color-mix(in srgb, var(--color-structure-normal-bg) 80%, rgb(var(--rgb-burn)));
	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(--color-structure-type-icon);
	font-size: 1.125rem;
	line-height: 2rem;
	text-align: center;
}

.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_text,
.cs6AdminFieldtypeClass_text .cs6AdminStructureFieldIcon {
	background: var(--color-structure-type-text);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_number,
.cs6AdminFieldtypeClass_number .cs6AdminStructureFieldIcon {
	background: var(--color-structure-type-number);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_date,
.cs6AdminFieldtypeClass_date .cs6AdminStructureFieldIcon,
.sdIcon-fieldtype-published.sdIcon-fieldtype-published {
	background: var(--color-structure-type-date);
}
.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(--color-structure-type-meta);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_format,
.cs6AdminFieldtypeClass_format .cs6AdminStructureFieldIcon {
	background: var(--color-structure-type-format);
}
.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(--color-structure-type-right);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_media,
.cs6AdminFieldtypeClass_media .cs6AdminStructureFieldIcon {
	background: var(--color-structure-type-media);
}
.cs6AdminStructureChooseType .cs6AdminFieldtypeClass_connection,
.cs6AdminFieldtypeClass_connection .cs6AdminStructureFieldIcon {
	background: var(--color-structure-type-connection);
}

/* 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(--color-structure-type-text);
	border-color: var(--color-structure-type-text);
}
.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(--color-structure-type-number);
	border-color: var(--color-structure-type-number);
}
.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(--color-structure-type-date);
	border-color: var(--color-structure-type-date);
}
.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(--color-structure-type-meta);
	border-color: var(--color-structure-type-meta);
}
.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(--color-structure-type-format);
	border-color: var(--color-structure-type-format);
}
.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(--color-structure-type-right);
	border-color: var(--color-structure-type-right);
}
.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(--color-structure-type-media);
	border-color: var(--color-structure-type-media);
}
.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(--color-structure-type-connection);
	border-color: var(--color-structure-type-connection);
}

/* 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(--color-structure-type-icon);
	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(--color-structure-type-icon);
	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: 4.5rem;
}
.cs6AdminStructureSetList {
	list-style-type: none;
}
.cs6AdminStructureSetList li {
	margin-bottom: .8rem;
}

/*******************************/
/** @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;
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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);
	/*noinspection CssNoGenericFontName*/
	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;
	/*noinspection CssNoGenericFontName*/
	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_toc */
/****************************/
.cs6AdminTOCOutline ul {
	position: relative;
	padding-left: 0;
	margin: 0 0 .25rem 0;
	list-style-type: none;
}
.cs6AdminTOCOutline li {
	position: relative;
	margin-left: 1em;
	list-style-type: none;
	transition: background var(--timing-small-fade-out);
	white-space: nowrap;
}
.cs6AdminTOCOutline button {
	appearance: none;
	display: block;
	color: var(--hex-solid-100);
	background: transparent;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	border: 0;
	font-size: 1rem;
	text-align: left;
	transition: color var(--timing-small-fade-out);
}
.cs6AdminTOCOutline li:not(.cs6TocHighlighted) > button:hover {
	text-decoration: underline;
}
.cs6AdminTOCOutline > ul > li {
	padding-left: 0;
}
.cs6AdminTOCOutline > ul > li > button {
	font-size: 1.0625rem;
	font-weight: var(--font-weight-bold);
}
.cs6AdminTOCOutline > ul > li > ul > li ul::after {
	content: "";
	display: block;
	position: absolute;
	left: .25rem;
	top: 0;
	bottom: .25rem;
	border-left: 1px solid var(--color-line);
}

/* Highlight list items. This is set in JS to the first visible heading. */
.cs6AdminTOCOutline .cs6TocHighlighted > button {
	background: color-mix(in srgb, var(--hex-canvas-400) 90%, rgb(var(--rgb-burn)));
	color: var(--hex-solid-100);
	transition: var(--timing-small-fade-in);
	transition-property: color, background;
}

/* Highlight focused list item */
.cs6AdminTOCOutline button:focus {
	position: relative;
}

/* Highlight headings. This is set in JS to the corresponding heading, when list item is clicked. */
@keyframes cs6TocHighlightVanish {
	0% {
		border-color: var(--hex-main-accent);
	}
	80% {
		border-color: var(--hex-main-accent);
	}
	100% {
		border-color: transparent;
	}
}
:is(h1, h2, h3, h4, h5, h6, label, .cs6AdminFormElementLabel, .cs6AdminFormTableElementLabel).cs6TocHighlighted,
:is(h1, h2, h3, h4, h5, h6, label, .cs6AdminFormElementLabel, .cs6AdminFormTableElementLabel).cs6TocHighlighted :is(em, code),
.cs6AdminFormField:has(> .cs6AdminFormLabel > .cs6TocHighlighted) {
	position: relative;
}
.cs6AdminTOCOutline .cs6TocSelected::after,
:is(h1, h2, h3, h4, h5, h6, label, .cs6AdminFormElementLabel, .cs6AdminFormTableElementLabel).cs6TocHighlighted::after,
details.cs6TocHighlighted::after,
.cs6AdminFormField:has(> .cs6AdminFormLabel > .cs6TocHighlighted)::after {
	content: '';
	position: absolute;
	inset: -1px;
	border-left: max(.5rem) solid var(--hex-main-accent);
	pointer-events: none;
	animation: cs6TocHighlightVanish 10s forwards;
}
details.cs6TocHighlighted::after {
	border-radius: var(--radius-corner) 0 0 var(--radius-corner);
}
.cs6AdminFormField:has(> .cs6AdminFormLabel > .cs6TocHighlighted)::after {
	inset: -1px -1px -1px -1rem;
}
.cs6AdminTOCOutline .cs6TocSelected::after {
	inset: .25rem 0 .25rem -1rem;
}
:is(h1, h2, h3, h4, h5, h6, label, .cs6AdminFormElementLabel, .cs6AdminFormTableElementLabel).cs6TocHighlighted::after {
	inset: -1px 0 -1px -1rem;
}

.cs6AdminTOCPlaceholder {
	display: inline-block;
	margin: 1rem;
	padding: .5rem;
	background: var(--hex-canvas-100);
}

[data-toc-id],
[data-toc-id] > summary {
	scroll-margin-block-start: 1.5rem;
	scroll-margin-inline-start: calc(1px + 1rem + (2.3125rem * var(--space-multiplier)));
}

details [data-toc-id],
details [data-toc-id] > summary {
	scroll-margin-block-start: 3rem;
}

/************************************/
/** @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_version */
/********************************/
.cs6AdminSectionVersionCompare #id6AdminDataPreviewFrame {
	position: initial;
	height: 50vh;
	width: 100%;
	border: 1px dotted var(--hex-main-secondary);
}

/* 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 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 engines, 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);
	--color-input-border-strong: var(--hex-solid-100);
	--color-input-border-weak: rgb(var(--rgb-solid-100), .8);
	--color-block-border: var(--hex-canvas-300);
	--color-block-border-nested: var(--hex-canvas-400);

	/* 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;

	--width-sidebar-area: 0px;
	--width-sidebar-tab: 2.25rem;

	/* 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.cs6Admin {
	/* Overflowing menus and the like should *never* create document scrollbars */
	overflow: hidden;
}
:where(.cs6Admin) 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(--color-menumain-normal-bg);

	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: var(--height-shortcut-area);
	/* 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;
	/*noinspection CssNoGenericFontName*/
	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(--color-menumain-normal-fg);
	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(--color-menumain-active-fg);
	box-shadow: var(--shadow-box-hover);
}
a.cs6AdminMenuDrop.cs6AdminMenuDrop:not(.cs6AdminMenuDropClicked):focus { /* Menu is hovered or "focused" */
	color: var(--color-menumain-active-fg);
	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(--color-menuitem-normal-bg);
	border-radius: var(--radius-box);
	box-shadow: var(--shadow-300);
}

.cs6AdminMenuItem {
	display: block;
	position: relative;
}
.cs6AdminMenuItem a {
	display: block;
	color: var(--color-menuitem-normal-fg);
	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(--color-menuitem-active-fg);
	background: var(--color-menuitem-active-bg);
}
.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 searcher 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(--color-menuitem-normal-fg);
}
.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(--color-menuitem-normal-bg);
	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(--color-menuitem-normal-fg);
	padding: 0 2.5rem 0 .8125rem;
	box-shadow: none;
	/*noinspection CssNoGenericFontName*/
	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(--color-menuitem-active-fg);
	background: var(--color-menuitem-active-bg);
	text-decoration: underline;
}
.cs6AdminContextmenuMain :not(.cs6AdminMenuItemDeactivated) a:focus {
	outline: 0;
}
.cs6AdminContextmenuSeparator {
	border-bottom: 1px solid var(--color-menuitem-normal-fg);
}
.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: var(--height-logo-area);
}
.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-cms-logo {
	position: relative;
	color: var(--hex-main-primary-text);
}

/* 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;
	line-height: calc(1.5rem + 1rem * var(--space-multiplier) - 1px); /* 1px nudge for vertical alignment minus 2px for the border */
	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: solid var(--hex-main-primary);
	border-width: 1px 0 0 1px;
	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;
	/*noinspection CssNoGenericFontName*/
	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;
}
.cs6AdminWysiwygDialogMain::after {
	content: "";
	position: fixed;
	inset: 0;
	background: rgba(var(--rgb-burn), .5);
	z-index: -1;
}
.cs6AdminWysiwygDialogMain .cs6AdminFrameDialogHandle .cs6Icon {
	line-height: 2.625rem;
}
.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;
	/*noinspection CssNoGenericFontName*/
	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;
}

/* 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-horizontal-up-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;
}
body:not(.cs6AdminSidebarOutput) .cs6AdminCardsNoTitleBody { /* e. g. some sidebar content, like image edit */
	border-top: 1px solid var(--color-card-border);
}

.cs6AdminSectionSystem.cs6AdminSectionStart:not(.cs6AdminSectionContextContent, .cs6AdminSectionSystemTools),
.cs6AdminSectionSystem.cs6AdminSectionList:not(.cs6AdminSectionContextContent, .cs6AdminSectionSystemTools) { /* hide frame bottom on the start page */
	--height-form-button-area: 0;
}
.cs6AdminSectionSystem.cs6AdminSectionStart .cs6AdminCardsBody::after, /* also hide the shadow of the frame bottom */
.cs6AdminSectionSystem.cs6AdminSectionList:not(.cs6AdminSectionContextContent) .cs6AdminCardsBody::after {
	display: none;
}

.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;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
}
.cs6AdminCardsTitle:has(+ .cs6AdminBlockError),
.cs6AdminCardsTitle:has(+ .cs6AdminBlockNotice),
.cs6AdminCardsTitle:has(+ .cs6AdminBlockWarning) { /* reduce margin between title ... */
	margin-bottom: .5rem;
}
.cs6AdminCardsTitle.cs6AdminCardsTitle + :is(.cs6AdminBlockError, .cs6AdminBlockWarning, .cs6AdminBlockNotice) { /* ... and notice box, if they are adjacent */
	margin-top: .5rem;
}
.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;
	/*noinspection CssNoGenericFontName*/
	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;
}
.cs6AdminBlockError.cs6AdminBlockError,
.cs6AdminBlockNotice.cs6AdminBlockNotice,
.cs6AdminBlockWarning.cs6AdminBlockWarning {
	margin-bottom: 1rem;
}
.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;
	/*noinspection CssNoGenericFontName*/
	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%;
}
.cs6AdminFormInput > [id] {
	scroll-margin-top: 2rem;
}
details .cs6AdminFormInput > [id] {
	scroll-margin-top: 5rem; /* in blocks we need more space for the sticky block summary */
}
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;
}


/* Information 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;
}
/* Display and design of error markers on form labels. */
.cs6AdminFormLabel :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning) {
	display: inline-block;
	height: var(--height-button-small);
	width: var(--height-button-small);
	padding: 0;
	border-radius: var(--radius-corner);
	margin-right: .5rem;
	text-align: center;
	line-height: var(--height-button-small);
}
.cs6AdminFormLabel :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning) .cs6Icon {
	display: inline-block;
	line-height: var(--height-button-small);
}
.cs6AdminFormLabel :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning) ~ label {
	display: inline;
}
.cs6AdminFormLabel:hover :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning) {
	color: var(--color-button-normal-fg);
	background: var(--color-button-normal-bg);
}
.cs6AdminFormLabel :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning):hover {
	color: var(--color-button-hover-fg);
	background: var(--color-button-hover-bg);
}
.cs6AdminFormLabel :is(.cs6CoreTextMessageError, .cs6CoreTextMessageNotice, .cs6CoreTextMessageWarning):focus {
	box-shadow: var(--shadow-box-focus);
}

.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 assignment 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;
	/*noinspection CssNoGenericFontName*/
	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);
	--color-link-alt-focus: var(--hex-main-primary);

	--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);

	--color-formbutton-active-bg: var(--color-button-active-bg);
	--color-formbutton-active-fg: var(--color-button-active-fg);
	--color-formbutton-deactivated-bg: var(--color-button-deactivated-bg);
	--color-formbutton-deactivated-fg: var(--color-button-deactivated-fg);
	--color-formbutton-hover-bg: transparent;
	--color-formbutton-hover-fg: var(--hex-main-primary-text);
	--color-formbutton-normal-bg: var(--hex-canvas-100);
	--color-formbutton-normal-fg: var(--hex-main-secondary);

	/* Menüs */
	--color-menumain-active-bg: var(--hex-main-primary);
	--color-menumain-active-fg: var(--hex-main-primary-text);
	--color-menumain-normal-bg: var(--hex-main-primary);
	--color-menumain-normal-fg: var(--hex-main-primary-text);
	--color-menuitem-active-bg: var(--hex-main-primary);
	--color-menuitem-active-fg: var(--hex-main-primary-text);
	--color-menuitem-deactivated-bg: var(--hex-canvas-200);
	--color-menuitem-deactivated-fg: var(--hex-solid-200);
	--color-menuitem-normal-bg: var(--hex-canvas-100);
	--color-menuitem-normal-fg: var(--hex-solid-100);

	/* Borders and Frames */
	--gradient-horizontal-up-shadow: linear-gradient(0deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
	--gradient-vertical-left-shadow: linear-gradient(-90deg, 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);

	/* Structure view */
	--color-structure-type-icon: var(--hex-rainbow-text);
	--color-structure-type-text: var(--hex-rainbow-1-red);
	--color-structure-type-number: var(--hex-rainbow-2-orange);
	--color-structure-type-date: var(--hex-rainbow-3-yellow);
	--color-structure-type-meta: var(--hex-rainbow-4-green);
	--color-structure-type-format: var(--hex-rainbow-5-cyan);
	--color-structure-type-right: var(--hex-rainbow-6-blue);
	--color-structure-type-media: var(--hex-rainbow-7-purple);
	--color-structure-type-connection: var(--hex-rainbow-8-violet);

	--color-structure-normal-bg: var(--hex-canvas-300);
	--color-structure-normal-fg: var(--hex-solid-100);
	--color-structure-hover-bg: color-mix(in srgb, var(--color-structure-normal-bg) 80%, rgb(var(--rgb-burn)));;
	--color-structure-hover-fg: var(--hex-solid-100);
	--color-structure-warning-bg: var(--hex-rainbow-3-yellow);
	--color-structure-warning-fg: var(--hex-solid-100);
	--color-structure-warning-hover-bg: color-mix(in srgb, var(--color-structure-warning-bg) 80%, rgb(var(--rgb-burn)));
	--color-structure-warning-hover-fg: var(--color-structure-warning-fg);
	--color-structure-edit-bg: var(--hex-canvas-100);
	--color-structure-edit-fg: var(--hex-solid-100);
}
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);
		--color-link-alt-focus: var(--hex-main-secondary);

		--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);

		--color-formbutton-active-bg: var(--color-button-active-bg);
		--color-formbutton-active-fg: var(--color-button-active-fg);
		--color-formbutton-deactivated-bg: var(--color-button-deactivated-bg);
		--color-formbutton-deactivated-fg: var(--color-button-deactivated-fg);
		--color-formbutton-hover-bg: transparent;
		--color-formbutton-hover-fg: var(--hex-main-primary-text);
		--color-formbutton-normal-bg: var(--hex-canvas-100);
		--color-formbutton-normal-fg: var(--hex-main-secondary);

		/* Menüs */
		--color-menumain-active-bg: var(--hex-main-primary);
		--color-menumain-active-fg: var(--hex-main-primary-text);
		--color-menumain-normal-bg: var(--hex-main-primary);
		--color-menumain-normal-fg: var(--hex-main-primary-text);
		--color-menuitem-active-bg: var(--hex-main-primary);
		--color-menuitem-active-fg: var(--hex-main-primary-text);
		--color-menuitem-deactivated-bg: var(--hex-canvas-200);
		--color-menuitem-deactivated-fg: var(--hex-solid-200);
		--color-menuitem-normal-bg: var(--hex-canvas-100);
		--color-menuitem-normal-fg: var(--hex-solid-100);

		/* Borders and Frames */
		--gradient-horizontal-up-shadow: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		--gradient-vertical-left-shadow: linear-gradient(-90deg, 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);

		/* Structure view */
		--color-structure-type-icon: var(--hex-rainbow-text);
		--color-structure-type-text: var(--hex-rainbow-1-red);
		--color-structure-type-number: var(--hex-rainbow-2-orange);
		--color-structure-type-date: var(--hex-rainbow-3-yellow);
		--color-structure-type-meta: var(--hex-rainbow-4-green);
		--color-structure-type-format: var(--hex-rainbow-5-cyan);
		--color-structure-type-right: var(--hex-rainbow-6-blue);
		--color-structure-type-media: var(--hex-rainbow-7-purple);
		--color-structure-type-connection: var(--hex-rainbow-8-violet);

		--color-structure-normal-bg: var(--hex-canvas-200);
		--color-structure-normal-fg: var(--hex-solid-100);
		--color-structure-hover-bg: color-mix(in srgb, var(--color-structure-normal-bg) 80%, rgb(var(--rgb-burn)));;
		--color-structure-hover-fg: var(--hex-solid-100);
		--color-structure-warning-bg: var(--hex-rainbow-3-yellow);
		--color-structure-warning-fg: var(--hex-canvas-100);
		--color-structure-warning-hover-bg: color-mix(in srgb, var(--color-structure-warning-bg) 80%, rgb(var(--rgb-burn)));
		--color-structure-warning-hover-fg: var(--color-structure-warning-fg);
		--color-structure-edit-bg: var(--hex-canvas-100);
		--color-structure-edit-fg: var(--hex-solid-100);
	}
	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);
	}
	#id6CoreLoginInput #id6CoreLoginLogo::after {
		color: #009fbb;
	}
}

/* END OF FILE */