/* mulish-300 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('/include/fonts/mulish-v10-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/include/fonts/mulish-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/include/fonts/mulish-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/include/fonts/mulish-v10-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/include/fonts/mulish-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/include/fonts/mulish-v10-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-regular - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('/include/fonts/mulish-v10-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    src: url('/include/fonts/mulish-v10-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-500.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url('/include/fonts/mulish-v10-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-600.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('/include/fonts/mulish-v10-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-700.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    src: url('/include/fonts/mulish-v10-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-800.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-300italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 300;
    src: url('/include/fonts/mulish-v10-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-300italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 400;
    src: url('/include/fonts/mulish-v10-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 600;
    src: url('/include/fonts/mulish-v10-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-600italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 500;
    src: url('/include/fonts/mulish-v10-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-500italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 700;
    src: url('/include/fonts/mulish-v10-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 800;
    src: url('/include/fonts/mulish-v10-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/include/fonts/mulish-v10-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/include/fonts/mulish-v10-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('/include/fonts/mulish-v10-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('/include/fonts/mulish-v10-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/include/fonts/mulish-v10-latin-800italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

:root {
    --font: "Mulish", sans-serif;
    --body-background: #fff;
    --border-color: rgba(0, 0, 0, 0.16);
    --border-color-focus: rgba(0, 0, 0, 0.3);
    
    --input-background: #fff;
    --input-file-background: #eee;
    --input-checked-background: #424242;

    --sidebar-background: #f6f6f6;
    --sidebar-toggle-background: #424242;
    --sidebar-menu-0-color: #333;
    --sidebar-menu-0-hover-background: #eee;
    --sidebar-menu-0-hover-arrow: #ccc;
    --sidebar-menu-0-hover-color: #222;
    --sidebar-menu-1-head-background: #424242;
    --sidebar-menu-1-head-color: #fff;
    --sidebar-menu-1-color: #333;
    --sidebar-menu-1-hover-background: #eee;
    --sidebar-menu-1-hover-arrow: #ccc;
    --sidebar-menu-1-hover-color: #222;
    --sidebar-menu-1-span-background: #e9e9e9;
    --sidebar-menu-1-span-arrow: #ccc;
    --sidebar-menu-1-span-color: #222;
    
    --nav-icon-theme: url(/images/icon-nav-modus-dark.svg);
    --nav-icon-user: url(/images/icon-nav-user-dark.svg);

    --header-background: rgba(255, 255, 255, 0.7);
    --header-color: #333;
    --layer-header-background: #e5e5e5;
    --layer-header-color: #333;
    --layer-select-background: #f7f7f7;
    --layer-select-color: #333;
    --layer-select-active-background: #e5e5e5;
    --layer-select-active-color: #333;
    --status-map-background: #f8f8f8;
    --status-map-color: #333;

    --block-background: #fafafa;
    --block-header-background: #eee;
    --block-header-border: #e4e4e4;
    --block-header-color: #222;
    
    --table-header-background: #eee;
    --table-header-border: #e4e4e4;
    --block-header-color: #222;
    --table-background-even: #f2f2f2;
    --table-background-odd: #fafafa;
    --table-background-hover: #eee;
    
    --text-version-background: #eee;
    --question-background: #fafafa;
    --question-border: #ff7500;
    --list-tree-background: #fdfdfd;
    --list-tree-border: #e4e4e4;

    --td-edit-color: #aaa;
    --td-edit-color-a: #2271b1;

    --pm-background: #f8f8f8;
    --pm-background-alternate: #eee;
    --pm-subheader-background: #f6f6f6;

    --legende-background: #f6f6f6;
    --legende-background-hover: #eee;
    --legende-background-image: url(/images/bg-button-legende--black.svg);
    --legende-color: #666;
    
    --button-background: #535353;
    --button-color: #fff;
    --button-hover-background: #fff;
    --button-hover-color: #333;

    --button-add-background: #aaffaa;
    --button-add-background-image: url(/images/bg-button-add--black.svg);
    --button-add-color: #000;
    --button-add-hover-background-image: url(/images/bg-button-add--white.svg);
    --button-list-background: #535353;
    --button-list-background-image: url(/images/bg-button-list--black.svg);
    --button-list-hover-background-image: url(/images/bg-button-list--white.svg);
    --button-list-color: #fff;
    --button-next-background-image: url(/images/bg-button-next--black.svg);
    --button-next-hover-background-image: url(/images/bg-button-next--white.svg);
    --button-previous-background-image: url(/images/bg-button-previous--black.svg);
    --button-previous-hover-background-image: url(/images/bg-button-previous--white.svg);
    --button-sort-background-image: url(/images/bg-button-sort--black.svg);
    --button-sort-hover-background-image: url(/images/bg-button-sort--white.svg);

    --button-navigation-background: #fff;
    --button-navigation-color: #333;
    --button-navigation-hover-background: #535353;
    --button-navigation-hover-color: #fff;

    --icon-button-background: #fff;
    --icon-button-background-hover: #eee;

    --text-color: #333;
    --text-color-a-hover: #666;

    --overlay-background: #fff;
    --overlay-loader: rgba(255, 255, 255, 0.9);

    --icon-list-fold: url(/images/icon-list-fold--black.svg);

    --select-background-image: url(/images/bg-select--black.svg);

    color-scheme: light;
}
:root.dark {
    --body-background: #18191a;
    --border-color: rgba(255, 255, 255, 0.2);
    --border-color-focus: rgba(255, 255, 255, 0.3);

    --input-background: #18191a;
    --input-file-background: #3b3c3c;
    --input-checked-background: #646464;
    
    --sidebar-background: #252627;
    --sidebar-toggle-background: #646464;
    --sidebar-menu-0-color: #eee;
    --sidebar-menu-0-hover-background: #444;
    --sidebar-menu-0-hover-arrow: #666;
    --sidebar-menu-0-hover-color: #eee;
    --sidebar-menu-1-head-background: #424242;
    --sidebar-menu-1-head-color: #fff;
    --sidebar-menu-1-color: #eee;
    --sidebar-menu-1-hover-background: #444;
    --sidebar-menu-1-hover-arrow: #666;
    --sidebar-menu-1-hover-color: #eee;
    --sidebar-menu-1-span-background: #444;
    --sidebar-menu-1-span-arrow: #666;
    --sidebar-menu-1-span-color: #eee;
    
    --nav-icon-theme: url(/images/icon-nav-modus-light.svg);
    --nav-icon-user: url(/images/icon-nav-user-light.svg);

    --header-background: rgba(37, 38, 39, 0.7);
    --header-color: #fff;
    --layer-header-background: #3b3c3c;
    --layer-header-color: #fff;
    --layer-select-background: #252627;
    --layer-select-color: #fff;
    --layer-select-active-background: #494949;
    --layer-select-active-color: #fff;

    --status-map-background: #252627;
    --status-map-color: #fff;

    --block-background: #252627;
    --block-header-background: #252627;
    --block-header-border: rgba(255, 255, 255, 0.2);
    --block-header-color: #fff;
    
    --table-header-background: #3b3c3c;
    --table-header-border: rgba(255, 255, 255, 0.2);
    --table-header-color: #fff;
    --table-background-even: #383939;
    --table-background-odd: #303131;
    --table-background-hover: #383939;
    
    --text-version-background: #3b3c3c;
    --question-background: #303131;
    --question-border: #af590e;
    --list-tree-background: #383939;
    --list-tree-border: rgba(255, 255, 255, 0.2);
    
    --td-edit-color: #777;
    --td-edit-color-a: #6dade2;

    --pm-background: #252627;
    --pm-background-alternate: #3b3c3c;
    --pm-subheader-background: #303131;

    --legende-background: #252627;
    --legende-background-hover: #313233;
    --legende-background-image: url(/images/bg-button-legende--white.svg);
    --legende-color: #ddd;
    
    --button-background: #535353;
    --button-color: #fff;
    --button-hover-background: #fff;
    --button-hover-color: #333;

    --button-add-background: #4cAf50;
    --button-add-background-image: url(/images/bg-button-add--white.svg);
    --button-add-color: #000;
    --button-add-hover-background-image: url(/images/bg-button-add--black.svg);
    --button-list-background: #535353;
    --button-list-background-image: url(/images/bg-button-list--white.svg);
    --button-list-hover-background-image: url(/images/bg-button-list--black.svg);
    --button-list-color: #fff;
    --button-next-background-image: url(/images/bg-button-next--black.svg);
    --button-previous-background-image: url(/images/bg-button-previous--black.svg);
    --button-sort-background-image: url(/images/bg-button-sort--black.svg);

    --button-navigation-background: #535353;
    --button-navigation-color: #fff;
    --button-navigation-hover-background: #fff;
    --button-navigation-hover-color: #333;

    --icon-button-background: #18191a;
    --icon-button-background-hover: #313233;

    --text-color: #fff;
    --text-color-a-hover: #ddd;

    --overlay-background: #18191a;
    --overlay-loader-background: rgba(24, 25, 26, 0.9);

    --icon-list-fold: url(/images/icon-list-fold--white.svg);

    --select-background-image: url(/images/bg-select--white.svg);

    color-scheme: dark;
}
/* #[0-9a-f]{3,6}|rgba?\( */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    cursor: default;
    font-family: var(--font);
    margin: 0;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, details, dfn, div, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, figcaption, tbody, tfoot, thead, tr, th, td, article,
aside, figure, footer, header, hgroup, menu, nav, section, select, time, mark, audio, video, input, textarea {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
}

article, aside, details, figure, footer, header, hgroup, nav, section {
    display: block;
}
input[type=text], input[type=search], input[type=radio], input[type=tel],
input[type=time], input[type=url], input[type=week], input[type=password],
input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=email], input[type=month],
input[type=number], select, textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--input-background);
    background-clip: border-box;
    border: 1px solid var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
    color: var(--text-color);
    outline: 0;
    transition: 50ms border-color ease-in-out;
    -webkit-transition: 50ms border-color ease-in-out;
    -moz-transition: 50ms border-color ease-in-out;
    -ms-transition: 50ms border-color ease-in-out;
    -o-transition: 50ms border-color ease-in-out;
}
input[type=text], input[type=password], input[type=email], textarea {
    cursor: text;
    font: 300 16px/25px var(--font);
    padding: 3px 5px 1px 5px;
    width: 100%;
}
input[type=file] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--input-file-background);
    font: 300 12px/10px var(--font);
    padding: 10px 5px;
    vertical-align: middle;
    width: 100%;
}
input:disabled, textarea:disabled {
    cursor: default;
}
select::-ms-expand {
    display: none;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    font: 300 16px/25px var(--font);
    padding: 3px 5px 1px 5px;
}
select.select-default {
    background: var(--input-background) var(--select-background-image) center right no-repeat;
    background-size: 20px 10px;
    padding: 3px 25px 1px 5px;
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    text-overflow: '';
}
select.select-small {
    background: var(--input-background) var(--select-background-image) center right no-repeat;
    background-size: 20px 10px;
    font: 300 14px/14px var(--font);
    margin-top: -2px;
    padding: 2px 25px 1px 5px;
    vertical-align: middle;
}
input, textarea {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
    border: 1px solid var(--border-color-focus);
}
input[type=submit], input[type=checkbox], input[type=file] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}
input[type=checkbox] {
    background: var(--input-background);
    border: 1px solid var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    height: 18px;
    margin: 0 10px 0 0;
    position: relative;
    vertical-align: middle;
    width: 18px;
}
input[type="checkbox"]::after {
	background-color: transparent;
	border: 2px solid var(--input-background);
	border-right: none;
	border-top: none;
	content: "";
	display: block;
	height: 5px;
	left: 2px;
	position: absolute;
	top: 3px;
	transform: rotate(-45deg);
	width: 10px;
}
input[type=checkbox]:checked {
    background-color: var(--input-checked-background);
}

body {
    background-color: var(--body-background);
    color: var(--text-color);
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    font: 300 14px/20px var(--font);
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    min-height: 100vh;
    text-align: left;
}
body.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
p {
    color: var(--text-color);
    margin: 0;
    padding: 3px 0;
}
a {
    color: var(--text-color);
    cursor: pointer;
}
a * {
    cursor: pointer;
}
a:hover {
    color: var(--text-color-a-hover);
    text-decoration: none;
}
span.anchor {
    display: block;
    position: relative;
    top: -60px;
}
label.checkbox-label {
    vertical-align: middle;
}


/*----------------------------------------------------------------------------------------------------*/
/*   grid   */
/*----------------------------------------------------------------------------------------------------*/

#cms-wrapper-main {
    background: var(--body-color);
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#cms-wrapper-sidebar {
    background: var(--sidebar-background);
    background-clip: border-box;
    border-right: 1px solid var(--border-color);
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 310px;
}
#cms-wrapper-sidebar #toggle {
    align-items: center;
    background-color: var(--sidebar-toggle-background);
    border-radius: 50%;
    height: 25px;
    justify-content: center;
    left: 297px;
    position: fixed;
    top: 25px;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    width: 25px;
    z-index: 99991;
}
#cms-wrapper-sidebar #toggle img {
    cursor: pointer;
    height: 25px;
    width: 25px;
}
#cms-wrapper-sidebar header {
    display: flex;
    flex-direction: row;
    padding: 0 0 20px 0;
    position: fixed;
    width: 310px;
}
#cms-wrapper-content {
    flex: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}

#cms-wrapper-sidebar-content {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px 0 40px 0;
    position: fixed;
    top: 100px;
    vertical-align: top;
    width: 310px;
}

#header-text {
    color: var(--text-color);
    flex: 1;
    font: 300 11px/12px var(--font);
    letter-spacing: 1px;
    padding: 15px 0 0 15px;
    text-align: left;
}
#header-text .name {
    font: 300 16px/16px var(--font);
    text-transform: uppercase;
}
#header-text a {
    color: var(--text-color);
    font: 600 42px/36px var(--font);
    padding: 0;
    text-decoration: none;
}
#header-text a:hover {
    color: var(--text-color-a-hover);
}

#header-icons {
    padding: 45px 2px 0 0;
}
#header-icons #day-night {
    background: var(--nav-icon-theme) center center no-repeat;
    background-size: 23px 25px;
    cursor: pointer;
    height: 40px;
    opacity: 1;
    width: 40px;
}
#header-icons #day-night:hover {
    opacity: .6;
}

body.menu-close #cms-wrapper-sidebar {
    width: 10px;
}
body.menu-close #cms-wrapper-sidebar #toggle {
    left: 2px;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
}
body.menu-close #cms-wrapper-sidebar {
    width: 15px;
}
body.menu-close #cms-wrapper-sidebar header {
    display: none;
}
body.menu-close #cms-wrapper-sidebar-content {
    display: none;
}
body.menu-close #content-header {
    width: calc(100% - 15px);
}

.scrollup {
    background: rgba(10, 10, 10, 0.4) no-repeat;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font: 600 32px/32px "Helvetica Neue", Arial, Helvetica, sans-serif;
    height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: background 300ms;
    width: 40px;
    z-index: 99995;
}
.scrollup:hover {
    background: rgba(10, 10, 10, 0.8) no-repeat;
    text-decoration: none;
}


/*----------------------------------------------------------------------------------------------------*/
/*   menu   */
/*----------------------------------------------------------------------------------------------------*/

.menu-item-0 *, .menu-item-1 * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-item-head {
    position: relative;
}
.menu-item-head::before {
    content: "";
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    width: 25px;
}
.menu-item-0 .menu-item-head.icon-settings::before {
    background: url(/images/icon-menu-settings-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-calendar::before {
    background: url(/images/icon-menu-calendar-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-website::before {
    background: url(/images/icon-menu-website-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-printer::before {
    background: url(/images/icon-menu-printer-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-sermon::before {
    background: url(/images/icon-menu-sermon-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-church::before {
    background: url(/images/icon-menu-church-333333.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-0 .menu-item-head.icon-llg::before {
    background: url(/images/icon-menu-llg-333333.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-settings::before {
    background: url(/images/icon-menu-settings-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-calendar::before {
    background: url(/images/icon-menu-calendar-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-website::before {
    background: url(/images/icon-menu-website-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-printer::before {
    background: url(/images/icon-menu-printer-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-sermon::before {
    background: url(/images/icon-menu-sermon-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-church::before {
    background: url(/images/icon-menu-church-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-0 .menu-item-head.icon-llg::before {
    background: url(/images/icon-menu-llg-dddddd.svg) center center no-repeat;
    background-size: contain;
}

.menu-item-0 {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
}
.menu-item-0 .menu-item-head a {
    color: var(--sidebar-menu-0-color);
    display: block;
    font: 400 16px/34px var(--font);
    padding: 0 10px 0 50px;
    text-decoration: none;
}
.menu-item-0 .menu-item-head a:hover {
    background: var(--sidebar-menu-0-hover-background);
    color: var(--sidebar-menu-0-hover-color);
}
.menu-item-0 .menu-item-head a:hover::after {
    border: 8px solid transparent;
    border-right-color: var(--sidebar-menu-0-hover-arrow);
    content: " ";
    height: 0;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}
.menu-item-1 {
    color: var(--sidebar-menu-1-color);
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
}
.menu-item-1 .menu-item-head {
    background: var(--sidebar-menu-1-head-background);
    color: var(--sidebar-menu-1-head-color);
    display: block;
    font: 400 16px/34px var(--font);
    margin: 0;
    padding: 0 10px 0 50px;
}
.menu-item-1 .menu-item-head.icon-settings::before {
    background: url(/images/icon-menu-settings-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-calendar::before {
    background: url(/images/icon-menu-calendar-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-website::before {
    background: url(/images/icon-menu-website-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-printer::before {
    background: url(/images/icon-menu-printer-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-sermon::before {
    background: url(/images/icon-menu-sermon-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-church::before {
    background: url(/images/icon-menu-church-ffffff.svg) center center no-repeat;
    background-size: contain;
}
.menu-item-1 .menu-item-head.icon-llg::before {
    background: url(/images/icon-menu-llg-ffffff.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-settings::before {
    background: url(/images/icon-menu-settings-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-calendar::before {
    background: url(/images/icon-menu-calendar-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-website::before {
    background: url(/images/icon-menu-website-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-printer::before {
    background: url(/images/icon-menu-printer-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-sermon::before {
    background: url(/images/icon-menu-sermon-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-church::before {
    background: url(/images/icon-menu-church-dddddd.svg) center center no-repeat;
    background-size: contain;
}
:root.dark .menu-item-1 .menu-item-head.icon-llg::before {
    background: url(/images/icon-menu-llg-dddddd.svg) center center no-repeat;
    background-size: contain;
}

.menu-item-1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}
.menu-item-1 li {
    margin: 0px;
    padding: 0;
}
.menu-item-1 ul li a {
    color: var(--sidebar-menu-1-color);
    display: block;
    font: 400 13px/23px var(--font);
    padding: 0 10px 0 50px;
    position: relative;
    text-decoration: none;
}
.menu-item-1 ul li a:hover {
    background: var(--sidebar-menu-1-hover-background);
    color: var(--sidebar-menu-1-hover-color);
}
.menu-item-1 ul li a:hover::after {
    border: 8px solid transparent;
    border-right-color: var(--sidebar-menu-1-hover-arrow);
    content: " ";
    height: 0;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}
.menu-item-1 ul li span {
    background-color: var(--sidebar-menu-1-span-background);
    color: var(--sidebar-menu-1-span-color);
    display: block;
    font: 400 13px/23px var(--font);
    padding: 0 10px 0 50px;
    position: relative;
}
.menu-item-1 ul li span::after {
    border: 8px solid transparent;
    border-right-color: var(--sidebar-menu-1-span-arrow);
    content: " ";
    height: 0;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}
.menu-item-1 ul ul li a, .menu-item-1 ul ul li span {
    font: 300 11px/23px var(--font);
    padding: 0 10px 0 70px;
}
.menu-item-1 ul ul ul li a, .menu-item-1 ul ul ul li span {
    padding: 0 10px 0 90px;
}
.menu-item-1 ul ul ul ul li a, .menu-item-1 ul ul ul ul li span {
    padding: 0 10px 0 110px;
}


/*----------------------------------------------------------------------------------------------------*/
/*   content_login   */
/*----------------------------------------------------------------------------------------------------*/

#content_login {
    margin: 60px auto;
    padding: 0;
    width: 350px;
}
#content_login h1 {
    color: var(--header-color);
    font: 500 24px/24px var(--font);
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 0;
    text-align: center;
}
#content_login p {
    padding: 10px 0;
}


/*----------------------------------------------------------------------------------------------------*/
/*   content grid   */
/*----------------------------------------------------------------------------------------------------*/

#content-header {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background-clip: border-box;
    background-color: var(--header-background);
    border-bottom: 1px solid var(--border-color);
    color: var(--header-color);
    height: 50px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: fixed;
    width: calc(100% - 310px);
    z-index: 99990;
    -webkit-font-smoothing: subpixel-antialiased;
}
#content-header > div {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 10px;
    position: relative;
}
@media only screen and (max-width: 1650px) {
    #content-header > div {
        padding: 0 20px;
    }
}
#content-header.w_p100 > div {
    max-width: 100%;
    padding: 0 20px;
    width: 100%;
}
#content-header h1 {
    color: var(--header-color);
    font: 500 22px/24px var(--font);
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 5px 5px 0;
}
#content-header .menu-user {
    display: block;
    padding: 15px 10px 0 10px;
    position: absolute;
    right: 15px;
    top: 0;
}
#content-header .menu-user a {
    color: var(--text-color);
    padding: 0 20px 0 35px;
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased;
}
#content-header .menu-user a:hover {
    color: var(--text-color-a-hover);
}
#content-header .menu-user > a::before {
    background: var(--nav-icon-user) right center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    left: 10px;
    height: 25px;
    position: absolute;
    top: 11px;
    width: 25px;
}
#content-header .menu-user > a::after {
    background: var(--icon-list-move-down) left center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 10px;
}
#content-header .menu-user > a:hover::before, #content-header .menu-user > a:hover::after {
    opacity: .8;
}
#content-header .menu-user > .menu-user-div {
    background: var(--body-background);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
    display: none;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 48px;
}
#content-header .menu-user > .menu-user-div.open {
    display: block;
}
#content-header .menu-user > .menu-user-div::before {
    background-color: var(--body-background);
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: -9px;
    width: 15px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
#content-header .menu-user > .menu-user-div > a {
    line-height: 25px;
    padding: 0 15px;
}

#content-bg {
    margin: 70px auto 20px auto;
    max-width: 1300px;
    overflow: hidden;
    padding: 0 10px;
}
#content-bg.w_p100 {
    max-width: 100%;
    width: 100%;
}
#content-bg ul, #content-bg ol {
    color: var(--text-color);
    margin: 0 0 0 30px;
}


.status_map {
    background: var(--status-map-background);
    color: var(--status-map-color);
    margin: 0;
    padding: 7px 15px 5px 15px;
}
.status_map ul {
    list-style: var(--status-map-color);
}

/*----------------------------------------------------------------------------------------------------*/
/*   content block-content table   */
/*----------------------------------------------------------------------------------------------------*/

#content .block-content table .td-default {
    padding: 3px 3px 10px 3px;
    text-align: left;
    vertical-align: top;
    width: auto;
}
#content .block-content table .td-default .pad-bottom {
    display: block;
    overflow: hidden;
    padding: 0 0 15px 0;
}
#content .block-content table .td-space {
    padding: 7px 7px 0 7px;
    width: 180px;
}
#content .block-content table .td-space.small {
    width: 120px;
}
#content .block-content table .td-label {
    padding: 7px 7px 0 7px;
    text-align: right;
    vertical-align: top;
    width: 180px;
}
#content .block-content table .td-label.small {
    width: 120px;
}
#content .block-content table .td-label label {
    font: 200 14px/25px var(--font);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#content .block-content table .td-text {
    font: 300 16px/20px var(--font);
    padding: 7px 5px 0 5px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table .td-text input[type=checkbox] {
    vertical-align: top;
}
#content .block-content table .td-text.line-high {
    font: 300 16px/25px var(--font);
}
#content .block-content table .td-text .file-info {
    padding: 10px 0;
}
#content .block-content table .td-text img {
    margin: 0 0 3px 0;
    vertical-align: bottom;
}
#content .block-content table .td-text .div-arrow-down {
    background-image: var(--select-background-image);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 10px 0 0;
    width: 20px;
    vertical-align: middle;
}


/*----------------------------------------------------------------------------------------------------*/
/*   content block-content table.form-home   */
/*----------------------------------------------------------------------------------------------------*/

#content .block-content table.form-home .td-label {
    display: block;
    padding: 7px 7px 0 7px;
    text-align: left;
    width: 100%;
}
#content .block-content table.form-home .td-label label {
    font: 200 14px/25px var(--font);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#content .block-content table.form-home .td-default {
    display: block;
    padding: 3px 3px 10px 3px;
    text-align: left;
    width: 100%;
}


/*----------------------------------------------------------------------------------------------------*/
/*   content sorted-list, sortable-divs, sortable-squares   */
/*----------------------------------------------------------------------------------------------------*/

#content .sorted-list {
    display: block;
    margin: 20px 0 0 0;
}
#content .sorted-list-no-margin {
    display: block;
    margin: 0;
}
#content .sorted-list div, #content .sorted-list-no-margin div {
    background: var(--icon-list-move) center left no-repeat;
    background-size: 24px 18px;
    cursor: move;
    display: block;
    font: 300 14px/40px var(--font);
    padding: 0 20px 0 30px;
    text-align: left;
}
#content .sorted-list div:nth-child(odd), #content .sorted-list-no-margin div:nth-child(odd), #content .sortable-divs .sortable-item:nth-child(odd) {
    background-color: var(--table-background-odd);
}
#content .sorted-list div:nth-child(even), #content .sorted-list-no-margin div:nth-child(even), #content .sortable-divs .sortable-item:nth-child(even) {
    background-color: var(--table-background-even);
}
#content .sorted-list div:hover, #content .sorted-list-no-margin div:hover, #content .sortable-divs .sortable-item:hover {
    background-color: var(--table-background-hover);
}
#content .sortable-divs tbody.sortable-item {
    display: inline-table;
    width: 100%;
}
#content .sortable-divs div.move, #content .sortable-divs-no-margin div.move {
    cursor: move;
}
#content .sortable-squares {
    display: block;
    margin: 20px 0;
    overflow: hidden;
}
#content .sortable-squares div {
    cursor: move;
    display: block;
    float: left;
    margin: 10px;
}
#content .sortable-squares div img {
    border: 1px solid var(--border-color);
}


/*----------------------------------------------------------------------------------------------------*/
/*   list-tree   */
/*----------------------------------------------------------------------------------------------------*/

#content .block-content .list-tree-menu {
    margin-bottom: 10px;
}
#content .block-content .list-tree-menu-item {
    background-color: var(--list-tree-background);
    background-clip: border-box;
    border: 1px solid var(--list-tree-border);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px;
    position: relative;
}
#content .block-content .list-tree-submenu {
    margin-left: 80px;
    padding-top: 10px;
}
#content .block-content .list-tree-submenu.openable {
    display: none;
}
#content .block-content .list-tree-menu.open > .list-tree-submenu.openable {
    display: block;
}
#content .block-content .list-tree-submenu > .list-tree-menu:first-child > .list-tree-menu-item .list-tree-move-up,
#content .block-content .list-tree-submenu > .list-tree-menu:last-child > .list-tree-menu-item .list-tree-move-down,
#content .block-content .list-tree-submenu.list-tree-submenu-move > .list-tree-menu > .list-tree-menu-item .list-tree-move-up,
#content .block-content .list-tree-submenu.list-tree-submenu-move > .list-tree-menu > .list-tree-menu-item .list-tree-move-down {
    cursor: default;
    opacity: .2;
    pointer-events: none;
}
#content .block-content .list-tree-submenu > .list-tree-menu > .list-tree-menu-item .list-tree-move-up img {
    margin-left: 10px;
}
#content .block-content .list-tree-submenu > .list-tree-menu > .list-tree-menu-item .list-tree-move-down img {
    margin-right: 10px;
}
#content .block-content .list-tree-menu-item-opener {
    background: var(--icon-list-fold) center center no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    left: -60px;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: transform .2s;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    width: 50px;
}
#content .block-content .list-tree-menu.open > .list-tree-menu-item > .list-tree-menu-item-opener {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
}
#content .block-content .list-tree table {
    margin: 0;
}
#content .block-content .list-tree table a {
    text-decoration: none;
}

#content .block-content .list-tree .td-edit {
    color: var(--td-edit-color);
    font: 200 14px/17px var(--font);
    opacity: 0;
    padding: 0 5px;
}
#content .block-content .list-tree table:hover .td-edit {
    opacity: 1;
}
#content .block-content .list-tree .td-edit a {
    color: var(--td-edit-color-a);
    font: 300 14px/15px var(--font);
    white-space: nowrap;
}
#content .block-content .list-tree .td-edit a:hover {
    text-decoration: underline;
}


/*----------------------------------------------------------------------------------------------------*/
/*   content make-new-blocks   */
/*----------------------------------------------------------------------------------------------------*/

#content .content-create-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#content .content-create-block {
    cursor: copy;
    flex: 50%;
    margin-bottom: 20px;
    user-select: none;
    -webkit-user-select: none;
}
#content .content-create-block-icon {
    cursor: copy;
    display: block;
    margin-bottom: 5px;
    width: 100%;
}
:root.dark #content .content-create-block-icon {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
#content .content-create-block-name {
    cursor: copy;
    text-align: center;
}


/*----------------------------------------------------------------------------------------------------*/
/*   buttons navigation   */
/*----------------------------------------------------------------------------------------------------*/

#content .wrapper-navigation-buttons {
    border-collapse: collapse;
    overflow: hidden;
    margin: 0 0 20px 0;
    width: 100%;
}
#content .wrapper-navigation-buttons .td-33 {
    width: 33.3333333%;
    vertical-align: top;
}
#content .wrapper-navigation-buttons a {
    background-color: var(--button-navigation-background);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: var(--button-navigation-color);
    display: block;
    font: 400 13px/26px var(--font);
    margin: 0;
    padding: 4px 15px;
    position: relative;
    text-decoration: none;
}
#content .button-add, #content .button-list-left, #content .button-previous, #content .button-sort-left {
    float: left;
}
#content .button-next {
    float: right;
}
#content .button-add a {
    background-color: var(--button-add-background);
    padding-left: 35px;
}
#content .button-add a::before {
    background: var(--button-add-background-image) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    left: 5px;
    position: absolute;
    width: 26px;
}
#content .button-add a:hover::before {
    background: var(--button-add-hover-background-image) center center no-repeat;
}
#content .button-list a, #content .button-list-left a {
    padding-left: 35px;
}
#content .button-list a::before, #content .button-list-left a::before {
    background: var(--button-list-background-image) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    left: 5px;
    position: absolute;
    width: 26px;
}
#content .button-list a:hover::before, #content .button-list-left a:hover::before {
    background: var(--button-list-hover-background-image) center center no-repeat;
}
#content .button-next a {
    padding-right: 30px;
}
#content .button-next a::before {
    background: var(--button-next-background-image) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    right: 5px;
    position: absolute;
    width: 26px;
}
#content .button-next a:hover::before {
    background: var(--button-next-hover-background-image) center center no-repeat;
}
#content .button-previous a {
    padding-left: 30px;
}
#content .button-previous a::before {
    background: var(--button-previous-background-image) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    left: 5px;
    position: absolute;
    width: 26px;
}
#content .button-previous a:hover::before {
    background: var(--button-previous-hover-background-image) center center no-repeat;
}
#content .button-sort-left a {
    padding-left: 35px;
}
#content .button-sort-left a::before {
    background: var(--button-sort-background-image) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    left: 5px;
    position: absolute;
    width: 26px;
}
#content .button-sort-left a:hover::before {
    background: var(--button-sort-hover-background-image) center center no-repeat;
}
#content .button-add a:hover, #content .button-list a:hover, #content .button-list-left a:hover, #content .button-next a:hover, #content .button-previous a:hover, #content .button-sort-left a:hover {
    background-color: var(--button-navigation-hover-background);
    color: var(--button-navigation-hover-color);
}


/*----------------------------------------------------------------------------------------------------*/
/*   login-pw   */
/*----------------------------------------------------------------------------------------------------*/

#login_pw_requirements {
    display: none;
    padding: 10px;
}
#login_pw_requirements p {
    padding: 3px 0;
}
#login_pw_requirements .login-pw-check {
    color: green;
}
#login_pw_requirements .login-pw-check::before {
    font-size: larger;
    content: "\2713";
    padding: 0 8px 0 0;
    position: relative;
}
#login_pw_requirements .login-pw-check.invalid {
    color: red;
}
#login_pw_requirements .login-pw-check.invalid::before {
    font-size: larger;
    content: "\2716";
}
input.invalid {
    border-color: #f00;
    box-shadow: inset 0 1px 2px rgba(255, 0, 0, .07);
    -webkit-box-shadow: inset 0 1px 2px rgba(255, 0, 0, .07);
}
.login-pw-invalid-message {
    color: #f00;
    display: none;
    font: 400 13px/18px var(--font);
}


/*----------------------------------------------------------------------------------------------------*/
/*   form_login   */
/*----------------------------------------------------------------------------------------------------*/

#form_login {
    margin: 20px 0;
}
#form_login form {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0 0 10px #cccccc;
    margin: 20px 0;
    overflow: hidden;
    padding: 20px;
}
#form_login label {
    color: #777;
    font: 300 14px/26px var(--font);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#form_login .input {
    background: #fff;
    color: #666;
    font: 300 20px/24px var(--font);
    margin: 0 0 10px 0;
    padding: 3px;
    width: 100%;
}
#form_login .input_pw {
    display: block;
    margin-bottom: 10px;
    position: relative;
}
#form_login .input_pw > input {
    margin-bottom: 0;
    padding-right: 40px;
    width: 100%;
}
#form_login .input_pw > img {
    height: 25px;
    opacity: .7;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 25px;
}
#form_login #login_pw_requirements {
    border: 1px solid #ddd;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    display: none;
    padding: 20px;
}


/*----------------------------------------------------------------------------------------------------*/
/*   table-list   */
/*----------------------------------------------------------------------------------------------------*/

#content .table-list {
    font: 300 14px/16px var(--font);
}
#content .table-list tr {
    border: 0;
    margin: 0;
    padding: 0;
}
#content .table-list tbody:hover {
    background: var(--table-background-hover);
}
#content .table-list a {
    text-decoration: none;
}
#content .table-list .td-header {
    background: var(--table-header-background);
    background-clip: border-box;
    border-bottom: 1px solid var(--table-header-border);
    border-top: 1px solid var(--table-header-border);
    color: var(--table-header-color);
    font: 500 18px/24px var(--font);
    margin: 0;
    padding: 8px 15px 4px 15px;
}
#content .table-list .td-header-small {
    background: var(--table-header-background);
    background-clip: border-box;
    border-bottom: 1px solid var(--table-header-border);
    border-top: 1px solid var(--table-header-border);
    color: var(--table-header-color);
    font: 500 16px/24px var(--font);
    margin: 0;
    padding: 8px 15px 4px 5px;
}
#content .table-list tbody > tr > td.td-header-small:first-child {
    padding-left: 15px;
}
#content .table-list .td-header-space {
    background: var(--body-background);
    height: 20px;
}
#content .table-list .td-list-text {
    font: 300 16px/20px var(--font);
    padding: 10px 5px 5px 5px;
    text-align: left;
    vertical-align: top;
}
#content .table-list tbody > tr > td.td-list-text:first-child {
    padding-left: 15px;
}
#content .table-list .td-list-text .div-nowrap {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    white-space: nowrap;
}
#content .table-list .td-list-text .div-nowrap img {
    vertical-align: middle;
}
#content .table-list .td-list-icon {
    padding: 5px 2px 0 2px;
}
#content .table-list tbody > tr > td.td-list-icon:first-child {
    padding-left: 12px;
}
#content .table-list .td-list-edit {
    color: var(--td-edit-color);
    font: 200 14px/17px var(--font);
    opacity: 0;
    padding: 0 0 10px 5px;
}
#content .table-list tbody:hover .td-list-edit {
    opacity: 1;
}
#content .table-list .td-list-edit a {
    color: var(--td-edit-color-a);
    font: 300 14px/15px var(--font);
    white-space: nowrap;
    text-decoration: none;
}
#content .table-list .td-list-edit a:hover {
    text-decoration: underline;
}
#content .table-list .bg_odd {
    background: var(--table-background-odd);
}
#content .table-list .bg_even {
    background: var(--table-background-even);
}
#content .list-alternate tbody:nth-child(odd) {
    background: var(--table-background-odd);
}
#content .list-alternate tbody:nth-child(even) {
    background: var(--table-background-even);
}
#content .list-alternate tbody:hover {
    background: var(--table-background-hover);
}

#content .block-content table td.td-list-icon, .td-list-icon {
    padding: 5px 2px 0 2px;
}
#content .block-content table td.td-list-text, .td-list-text {
    font: 300 16px/20px var(--font);
    padding: 10px 5px 0 5px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-file {
    font: 500 16px/20px var(--font);
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-image {
    padding: 10px 10px 0 10px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-image a img {
    margin: 0 0 0 5px;
    vertical-align: top;
}
#content .block-content table td.td-image-description {
    padding: 10px 20px 10px 10px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-image-description .pad_bottom {
    display: block;
    overflow: hidden;
    padding: 0 0 15px 0;
}
#content .block-content table td.td-image-description .pad_bottom label {
    vertical-align: middle;
}
#content .block-content table td.td-image-description .pad_bottom div {
    font-size: 0.8em;
    line-height: 1.2em;
    padding-left: 33px;
}
#content .block-content table td.td-video {
    padding: 10px 10px 0 10px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table .td-video .video-frame {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative;
}
#content .block-content table .td-video .video-frame iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#content .block-content table td.td-video-description {
    padding: 10px 20px 10px 10px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-video-description .pad_bottom {
    display: block;
    overflow: hidden;
    padding: 0 0 15px 0;
}
#content .block-content table td.td-checkbox {
    padding: 9px 0 17px 3px;
    text-align: left;
    vertical-align: top;
}
#content .block-content table td.td-select {
    padding: 3px 3px 10px 3px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}


/*----------------------------------------------------------------------------------------------------*/
/*   messages   */
/*----------------------------------------------------------------------------------------------------*/

.message-error {
    display: none;
}
.message-success {
    display: none;
}
.message-login-error {
    background: #f00 url(/images/bg-message-error.png) center left no-repeat;
    background-size: 48px 36px;
    border: 1px solid #ccc;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0 0 10px #cccccc;
    color: #fff;
    font: 400 20px/25px var(--font);
    margin: 20px 0 0 0;
    padding: 15px 20px 13px 55px;
    animation: message-error 6s linear infinite;
    -webkit-animation: message-error 6s linear infinite;
    -moz-animation: message-error 6s linear infinite;
}
@keyframes message-login-error {
    0% { opacity: 1; }
    4% { opacity: 0.3; }
    8% { opacity: 1; }
    12% { opacity: 0.3; }
    16% { opacity: 1; }
    20% { opacity: 0.3; }
    24% { opacity: 1; }
}
@-moz-keyframes message-login-error {
    0% { opacity: 1; }
    4% { opacity: 0.3; }
    8% { opacity: 1; }
    12% { opacity: 0.3; }
    16% { opacity: 1; }
    20% { opacity: 0.3; }
    24% { opacity: 1; }
}
@-webkit-keyframes message-login-error {
    0% { opacity: 1; }
    4% { opacity: 0.3; }
    8% { opacity: 1; }
    12% { opacity: 0.3; }
    16% { opacity: 1; }
    20% { opacity: 0.3; }
    24% { opacity: 1; }
}
.message-login-success {
    background: #07df04 url(/images/bg-message-success.png) center left no-repeat;
    background-size: 48px 36px;
    border: 1px solid #ccc;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0 0 10px #ccc;
    color: #fff;
    font: 400 20px/25px var(--font);
    margin: 20px 0 0 0;
    padding: 15px 20px 13px 55px;
}
.message-hint {
    background: #fafafa;
    border-bottom: 2px solid #07df04;
    border-left: 10px solid #07df04;
    border-right: 10px solid #07df04;
    border-top: 2px solid #07df04;
    color: #333;
    font: 300 14px/20px var(--font);
    margin: 0 0 20px 0;
    padding: 10px 15px;
}


/*----------------------------------------------------------------------------------------------------*/
/*   icons der table-list   */
/*----------------------------------------------------------------------------------------------------*/

.icon-list {
    background-color: var(--icon-button-background);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: default;
    display: inline-block;
    height: 30px;
    width: 35px;
}
.icon-list:not(:disabled):not(.icon-list-static):hover {
    background-color: var(--icon-button-background-hover);
}
.icon-list:not(:disabled):not(.icon-list-static):not(.icon-list-move):hover {
    cursor: pointer;
}
.icon-list:disabled {
    cursor: default;
    opacity: .4;
}
:root {
    --icon-list-category-insert: url(/images/icon-list-category-insert--black.svg);
    --icon-list-check: url(/images/icon-list-check--green.svg);
    --icon-list-clipboard: url(/images/icon-list-clipboard--black.svg);
    --icon-list-comment: url(/images/icon-list-comment--green.svg);
    --icon-list-comment-off: url(/images/icon-list-comment--black.svg);
    --icon-list-delete: url(/images/icon-list-delete--red.svg);
    --icon-list-duplicate: url(/images/icon-list-duplicate--black.svg);
    --icon-list-edit: url(/images/icon-list-edit--black.svg);
    --icon-list-envelope: url(/images/icon-list-envelope--green.svg);
    --icon-list-envelope-off: url(/images/icon-list-envelope--black.svg);
    --icon-list-envelope-question: url(/images/icon-list-envelope-question--black-red.svg);
    --icon-list-error: url(/images/icon-list-error--red.svg);
    --icon-list-home: url(/images/icon-list-home--green.svg);
    --icon-list-home-off: url(/images/icon-list-home--black.svg);
    --icon-list-image: url(/images/icon-list-image--green.svg);
    --icon-list-image-add: url(/images/icon-list-image-add--black.svg);
    --icon-list-list-check: url(/images/icon-list-list-check--green.svg);
    --icon-list-list-delete: url(/images/icon-list-list-delete--red.svg);
    --icon-list-list-insert: url(/images/icon-list-list-insert--black.svg);
    --icon-list-menu-visible: url(/images/icon-list-menu-visible--black.svg);
    --icon-list-move: url(/images/icon-list-move--black.svg);
    --icon-list-move-down: url(/images/icon-list-move-down--black.svg);
    --icon-list-move-up: url(/images/icon-list-move-up--black.svg);
    --icon-list-open: url(/images/icon-list-open--black.svg);
    --icon-list-print: url(/images/icon-list-print--black.svg);
    --icon-list-settings: url(/images/icon-list-settings--black.svg);
    --icon-list-status-off: url(/images/icon-list-status-off.svg);
    --icon-list-status-off-on: url(/images/icon-list-status-off-on.svg);
    --icon-list-status-on: url(/images/icon-list-status-on.svg);
    --icon-list-status-on-off: url(/images/icon-list-status-on-off.svg);
    --icon-list-visibility-external: url(/images/icon-list-visibility-external.svg);
    --icon-list-visibility-int-ext: url(/images/icon-list-visibility-int-ext.svg);
    --icon-list-visibility-internal: url(/images/icon-list-visibility-internal.svg);
}
:root.dark {
    --icon-list-category-insert: url(/images/icon-list-category-insert--white.svg);
    --icon-list-clipboard: url(/images/icon-list-clipboard--white.svg);
    --icon-list-comment-off: url(/images/icon-list-comment--white.svg);
    --icon-list-duplicate: url(/images/icon-list-duplicate--white.svg);
    --icon-list-edit: url(/images/icon-list-edit--white.svg);
    --icon-list-envelope-off: url(/images/icon-list-envelope--white.svg);
    --icon-list-envelope-question: url(/images/icon-list-envelope-question--white.svg);
    --icon-list-home-off: url(/images/icon-list-home--white.svg);
    --icon-list-image: url(/images/icon-list-image--white.svg);
    --icon-list-image-add: url(/images/icon-list-image-add--white.svg);
    --icon-list-list-insert: url(/images/icon-list-list-insert--white.svg);
    --icon-list-menu-visible: url(/images/icon-list-menu-visible--white.svg);
    --icon-list-move: url(/images/icon-list-move--white.svg);
    --icon-list-move-down: url(/images/icon-list-move-down--white.svg);
    --icon-list-move-up: url(/images/icon-list-move-up--white.svg);
    --icon-list-open: url(/images/icon-list-open--white.svg);
    --icon-list-print: url(/images/icon-list-print--white.svg);
    --icon-list-settings: url(/images/icon-list-settings--white.svg);
}
.icon-list-category-insert {
    background-image: var(--icon-list-category-insert);
}
.icon-list-check {
    background-image: var(--icon-list-check);
}
.icon-list-clipboard {
    background-image: var(--icon-list-clipboard);
}
.icon-list-comment {
    background-image: var(--icon-list-comment);
}
.icon-list-comment-off {
    background-image: var(--icon-list-comment-off);
}
.icon-list-delete {
    background-image: var(--icon-list-delete);
}
.icon-list-delete:disabled {
    background-image: url(/images/icon-list-delete--black.svg);
}
:root.dark .icon-list-delete:disabled {
    background-image: url(/images/icon-list-delete--white.svg);
}
.icon-list-delete-small {
    background-image: var(--icon-list-delete);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    vertical-align: text-top;
    width: 20px;
}
.td-image .icon-list-delete-small {
    vertical-align: top;
}
.icon-list-duplicate {
    background-image: var(--icon-list-duplicate);
}
.icon-list-edit {
    background-image: var(--icon-list-edit);
}
.icon-list-envelope {
    background-image: var(--icon-list-envelope);
}
.icon-list-envelope-off {
    background-image: var(--icon-list-envelope-off);
}
.icon-list-envelope-question {
    background-image: var(--icon-list-envelope-question);
}
.icon-list-error {
    background-image: var(--icon-list-error);
}
.icon-list-home {
    background-image: var(--icon-list-home);
}
.icon-list-home-off {
    background-image: var(--icon-list-home-off);
}
.icon-list-image {
    background-image: var(--icon-list-image);
}
.icon-list-image-add {
    background-image: var(--icon-list-image-add);
}
.icon-list-list-check {
    background-image: var(--icon-list-list-check);
}
.icon-list-list-delete {
    background-image: var(--icon-list-list-delete);
}
.icon-list-list-insert {
    background-image: var(--icon-list-list-insert);
}
.icon-list-menu-visible {
    background-image: var(--icon-list-menu-visible);
}
.icon-list-move, .icon-list-move:hover {
    background-image: var(--icon-list-move);
    background-size: 15px;
    cursor: move;
}
.icon-list-move-down {
    background-image: var(--icon-list-move-down);
    background-size: 15px;
}
.icon-list-move-up {
    background-image: var(--icon-list-move-up);
    background-size: 15px;
}
.icon-list-open {
    background-image: var(--icon-list-open);
}
.icon-list-print {
    background-image: var(--icon-list-print);
}
.icon-list-settings {
    background-image: var(--icon-list-settings);
}
.icon-list-status-off {
    background-image: var(--icon-list-status-off);
}
.icon-list-status-off-on {
    background-image: var(--icon-list-status-off-on);
}
.icon-list-status-on {
    background-image: var(--icon-list-status-on);
}
.icon-list-status-on-off {
    background-image: var(--icon-list-status-on-off);
}
.icon-list-visibility-external {
    background-image: var(--icon-list-visibility-external);
}
.icon-list-visibility-int-ext {
    background-image: var(--icon-list-visibility-int-ext);
}
.icon-list-visibility-internal {
    background-image: var(--icon-list-visibility-internal);
}