/**
 * © 2010-2025 Higi Bigler (nullnulleins.ch). All rights reserved.
 *
 * This file is part of glorya.
 *
 * glorya is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * glorya is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with glorya. If not, see <http://www.gnu.org/licenses/>.
 */

* { margin: 0; padding: 0; }

:root body.glorya.fullsize {
	--g-navigationbar-width: 50px;
}
@media only screen and (max-width: 480px) {
	:root body.glorya.fullsize {
		--g-navigationbar-width: 40px;
	}
}

body.glorya { font: var(--g-font); font-variation-settings: var(--g-font-variation); background: unset; background-color: var(--g-main-bg-color); color: var(--g-main-text-color); width: unset; min-width: unset; max-width: unset; }

@media screen {
	html, body.glorya { height: 100%; }
	body.glorya { margin: 0 0 0 var(--g-navigationbar-width,50px); padding: 0; overflow: auto; overflow: hidden; }

	body.glorya.fullsize[data-g-action=login], body.fullsize[data-g-action=setpassword] { margin: 0 !important; }
	body.glorya.fullsize[data-g-action=login]:not(.iframe) #gloryawrapper, body.fullsize[data-g-action=setpassword]:not(.iframe) #gloryawrapper { background-image: url(../img/bg/login.svg); background-position: 0% bottom; background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; justify-content: center; }

	body.glorya.popup { padding: 0; margin: 0; background-image: none; background-color: var(--g-alt-bg-color); }
	body.glorya.popup #gloryasidebar { display: none; }
	body.glorya.popup #gloryaadminbar { display: none; }
	body.glorya.popup #gloryawrapper { overflow: hidden; display: flex; width: 100%; height: 100%; box-sizing: border-box; }
	body.glorya.popup #gloryacontent { margin: 0; padding: 0; background-color: var(--g-alt-bg-color); width: 100%; border-left: none; overflow-y: scroll; overflow-x: auto; box-sizing: border-box; }
	body.glorya[data-g-action=usersettings] #gloryacontent > fieldset { max-width: 35em; }
	#gloryawrapper { margin: 0; padding: 0; height: 100%; overflow-y: auto; background-color: var(--g-main-bg-color); }
	#gloryasidebar { width: 190px; background-color: var(--g-theme-color-1); padding: 17px 4px 0 0; text-align: left; vertical-align: top; display: none; box-sizing: border-box; }
	#gloryacontent { text-align: left; padding: 1em; display: inline-block; min-width: 100%; box-sizing: border-box; }
}

/* basics */
#gloryacontent h1 { background-color: var(--g-theme-color-1); color: var(--g-theme-color-text); font-weight: 600; font-size: 100%; padding: 3px 6px; margin: 0 0 6px; text-transform: uppercase; }
table.list a { text-decoration: none; color: var(--g-main-link-color); }

/* usersettings */
div.gloryasettingsbox div.selectwrapper { width: 100%; }
div.gloryasettingsbox { margin: 0 .3em .3em; }
div.gloryasettingsbox + div.gloryasettingsbox { margin-top: 1em; }
form[data-g-action="activate"] .button[name="form_tfadeactivate"] { display: none; }
form[data-g-action="deactivate"] .button[name="form_tfaactivate"], form[data-g-action="deactivate"] li.comp:first-child { display: none; }
div.tfaqr svg { border-radius: 2px; display: block; }

/* image button submenus */
.submenuwrapper.submenuopen { position: relative; }
.submenuwrapper.submenuopen > a.imagebutton { opacity: 1; background-color: var(--g-input-bg-color); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5); }
.submenuwrapper.submenuopen > a.imagebutton::before { color: var(--g-main-text-color); background-color: var(--g-input-bg-color); ; z-index: 102; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.submenuwrapper.submenuopen div.submenutab { position: absolute; top: 100%; left: 0px; z-index: 101; margin-top: -1px; background-color: var(--g-input-bg-color); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5); min-width: 15em; max-width: 20em; border-radius: 2px; overflow: hidden; }
.submenuwrapper.submenuopen div.submenutab { border-top-left-radius: 0; }
.submenuwrapper.submenuopen .columnselector + div.submenutab { border-top-right-radius: 0; border-top-left-radius: 2px; }
.submenuwrapper .imagebuttonsubmenu ul { margin: 0; padding: 0; display: block; list-style: none; }
.submenuwrapper .imagebuttonsubmenu ul li { position: relative; background-image: none; margin: 0; border-top: 1px dotted var(--g-alt-bg-color); display: flex; }
.submenuwrapper .imagebuttonsubmenu ul li:first-child { border-top: none; }
.submenuwrapper .imagebuttonsubmenu ul li:hover { background-color: var(--g-highlight-bg-color); }
.submenuwrapper .imagebuttonsubmenu ul li a { text-decoration: none; }
.submenuwrapper .imagebuttonsubmenu ul li a:not(.imagebutton) { display: block; padding: .35em 5px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; flex-shrink: 1; color: var(--g-main-text-color); }
.submenuwrapper .imagebuttonsubmenu ul li a.imagebutton { position: relative; right: 2px; flex-grow: 0; flex-shrink: 0; top: 2.5px; }

/* console for resource updates */
div.console { font-family: "Courier New", "Lucida Console", monospace; margin: 3px 6px 6px; padding: 3px 6px; background-color: #271C02; color: #FFF; max-height: 400px; overflow: auto; }
div.console div { padding: 0 0 0 1.5em; }

/* action depending changes */
body[data-g-action=login] #login, body[data-g-action=setpassword] #login { max-width: 18em; margin: 0 auto; }
body[data-g-action=login]:not(.iframe) #gloryawrapper form, body[data-g-action=setpassword]:not(.iframe) #gloryawrapper form { margin-bottom: 16vh; }
body[data-g-action=setpassword] .setpassworderror p, body[data-g-action=setpassword] .setpasswordconfirm p { padding: .5em 1em .75em; }
body.gloryawwwlogin { background-color: transparent; }
body.gloryawwwlogin #gloryacontent { padding: 0; }
body.gloryawwwlogin legend { display: none; }
body.gloryawwwlogin #gloryawrapper { height: unset; overflow-y: visible; background-color: unset; }
body.gloryawwwlogin #gloryawrapper form > fieldset { display: inline-block; border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; }
body.gloryawwwlogin #gloryacontent div.formfoot { padding: 2px 0 1px; }

/* list search */
div.fieldset[data-g-searchbarlayout="0"] form.searchform { display: none; }
fieldset.searchform { border: none; background-color: transparent; box-shadow: unset; border-top: 2px solid var(--g-theme-color-1) !important; border-radius: 0; }
fieldset.searchform button { width: 1.8em; padding: 0; margin: 0 0 0 2px; }
fieldset.searchform .searchformcolumn button span::after { line-height: 1.175em; font-size: 1.6em; }
fieldset.searchform button.submit span::after { content: '\F0349'; position: relative; }
fieldset.searchform button.cancel span::after { content: '\F073A'; position: relative; }
fieldset.searchform button.button { background-color: #8787A7; }
fieldset.searchform button.button.save:hover, fieldset.searchform button.button.save:active, fieldset.searchform button.button.save:focus { background-color: var(--g-theme-color-1); }
fieldset.searchform button.button[disabled] { opacity: .3; }
fieldset.searchform button.submit { background-color: var(--g-theme-color-1); }
fieldset.searchform div.searchform { padding: 2px 0px; display: flex; }
fieldset.searchform div.searchform .searchformcolumn { padding: 0 2px; white-space: nowrap; }
fieldset.searchform div.searchform .searchformcolumn.advanced { display: none; }
div.fieldset[data-g-searchbarlayout="2"] fieldset.searchform .searchformcolumn.advanced { display: block; }
fieldset.searchform .searchformcolumn.advanced:first-child { padding: 0; }
fieldset.searchform div.searchform .searchformcolumn.searchquery { flex-grow: .25; padding-left: 2px; }
fieldset.searchform div.searchform .searchformcolumn.searchquery input { width: 100%; min-width: 9em; }
fieldset.searchform div.searchform .searchformcolumn:last-child { padding-right: 3px; }
fieldset.searchform div.searchform .searchformcolumn.advanced ul li.comp { margin: 0 2px; }
table.advancedsearch { border-spacing: 0px; padding: 0px 0px 1px 0px; }
table.advancedsearch > tbody > tr { display: flex; }
table.advancedsearch > tbody > tr > td { padding: 1px 2px 2px 0px; display: block; display: flex; gap: 2px; }
table.advancedsearch td div.selectwrapper { width: 100%; position: relative; }
table.advancedsearch td div.selectwrapper input.text.search.selector { width: 250px; }
table.advancedsearch td div.selectwrapper.multiple { min-width: 12em; min-height: 1.8em; height: unset; margin-bottom: -2px; }
div.selectwrapper.multiple select + .select2-container.select2-container--glorya { background-color: transparent; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered { display: flex; list-style: none; flex-wrap: wrap; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered li { line-height: 1.8em; margin: 0 2px 2px 0; background-color: var(--g-input-bg-color); padding: 0 3px 0 0; border-radius: 2px; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple { min-height: 1.8em; }
div.selectwrapper.multiple .select2-container .select2-search--inline { flex-grow: .3; min-width: 4em; margin-right: 0 !important; padding: 0 !important; position: relative; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered li span.label { margin-left: -100%; padding-left: 1em; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered li span.select2-selection__choice__remove { padding: 0 3px; display: inline-block; color: transparent; position: relative; width: 100%; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered li span.select2-selection__choice__remove::after { content: ''; display: block; border: 2px solid var(--g-input-text-color); border-top: none; border-left: none; width: .5em; height: 1.1em; transform: rotate(45deg); position: absolute; left: .5em; top: .2em; box-sizing: border-box; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline::after { content: ''; display: block; position: absolute; top: 0; right: 0; border-top: .5em solid var(--g-input-decoration-color); border-right: .4em solid transparent; border-left: .4em solid transparent; position: absolute; top: .75em; right: .3em; transition: .5s transform; }
div.selectwrapper.multiple .select2-container.select2-container--focus .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline::after { border-top-color: var(--g-input-text-color); }
div.selectwrapper.multiple .select2-container.select2-container--open .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline::after { border-top-color: var(--g-input-text-color); transform: rotate(-180deg); }
/*ul.select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"] { display: hidden; }*/
div.selectwrapper.multiple .select2-container .select2-search--inline .select2-search__field { margin: 0; min-width: 100%; padding: 0 5px; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 0; }
div.selectwrapper.multiple .select2-container .select2-selection--multiple .select2-results__option--selected { display: none; }
table.advancedsearch tr.ui-sortable-placeholder { display: flex !important; padding: .3375em; }
table.advancedsearch tr.searchrestore input { visibility: hidden; }

/* list */
.listnavigation { background-color: var(--g-alt-bg-color); border-top: 2px solid var(--g-theme-color-1); display: flex; }
#listtableheader { border-top: none; white-space: nowrap; }
#listtablefooter.listnavigation { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.listnavigation > div.rsnavigation { padding: 0; white-space: nowrap; flex-grow: 0; flex-shrink: 0; }
.listnavigation > div.rsnavigation li.rspager { margin: -1px 0 -2px !important; }
.listnavigation > div.rsnavigation li.rspager select, .listnavigation > div.rsnavigation li.rspager select + span { min-width: 4em; text-align: right; }
.select2-dropdown.autowidth.right { text-align: right; }
.listnavigation > div.rsnavigation a.imagebutton { display: block; padding: 0; }
.listnavigation > div.rspagesize { text-align: right; flex-grow: 1; }
.listnavigation > div.rsinfo, .listnavigation > div.rspagesize { display: flex; flex-direction: column; justify-content: space-around; padding-left: .3em; }
.listnavigation > div.rsinfo { border-left: 2px solid var(--g-theme-color-1); }
.listnavigation select + .select2-container.select2-container--glorya, .listnavigation select + .select2-container.select2-container--glorya.select2-container--disabled { background-color: transparent; }
.listnavigation ul { display: inline-block; }
.listnavigation li { display: inline-block; }
.listnavigation li a { padding: 0 0 0 6px; }
.listnavigation li a:hover { color: #271C02; }
.listnavigation li.active a { text-decoration: underline; color: #271C02; }
.listnavigation li.active a:hover { background-color: transparent; }
.listnavigation li.active img { opacity: 1; }
.listnavigation > #columnselector { position: relative; padding: 0; }
#columnselector .submenutab { display: none; left: auto; right: 0px; max-height: 77vh; overflow: hidden; overflow-y: auto; }
#columnselector .submenuopen .submenutab { display: block; }
#columnselector li.comp div.inputtype.checkbox label { display: block; padding: 0 5px; box-sizing: border-box; }
#columnselector li .mappingoption { flex-grow: 1; max-width: 100%; }
#columnselector li .resetlink { flex-grow: 1; max-width: 100%; }
#columnselector li .resetlink a { text-align: center; display: block; }

body[data-g-action=list] fieldset { width: 100%; box-sizing: border-box; }
table.list { width: 100%; border-spacing: 0; background-color: var(--g-main-bg-color); }
/*table.list.innerlist { background-color: transparent; }*/
body.fullsize table.list thead { position: sticky; top: 0px; z-index: 2; }
table.list td, table.list th { padding: 0; }
table.list th { font-weight: 300; border-left: 1px solid var(--g-main-bg-color); background-color: var(--g-theme-color-1); color: var(--g-theme-color-text); vertical-align: top; padding: 0; font-variation-settings: "wdth" 25; }
table.list th:first-child { border-left: none; }
table.list th > div { white-space: nowrap; position: relative; padding: .35em; text-align: left; }
table.list th.orderable > div { padding-right: 1.2em; }
/* for configuredselctor and exorcolumnselector in referencinglist */
.referencinglistwrapper > table.list tr > td.groupingcolumn, table.list tr > .groupedcolumn { display: none; }
.referencinglistwrapper > table.list tr > td.groupedcolumnselected:not(.empty) { display: block; }

table.list td { border-top: 1px dotted var(--g-alt-bg-color); padding: .375em .3em .2em; text-align: left; vertical-align: top; }
table.list td.updatetracker { text-align: right; }
table.list td.updatetracker, table.list th.updatetracker { width: 11em;}
table.list td.exorcolumnselector { padding: 0; }
table.list td div.exorlistcontent { padding: .35em .3em .2em; }
table.list tr.rsrow.innerrsrow > td { padding: 0; }
table.list tr:first-child > td, table.list tr.template:first-child + tr > td, table.list tr.thead + tr > td { border-top: none; }
table.list td.actions, table.list th.actions { min-width: 23px; width: 23px; }
table.list td.actions { border-left: none; white-space: nowrap; padding: 0; }
table.list td.actions ul { display: table; }
table.list td.actions li { display: table-cell; list-style: none; }
table.list td.actions a.imagebutton { display: block; }
table.list tbody tr:hover > td { background-color: var(--g-highlight-bg-color); }
table.list tr.todelete td { background-color: var(--g-alt-bg-color); }
table.list td.numeric { text-align: right; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
table.list td.phonenumber { white-space: nowrap; }
table.list td.datetime { text-align: left; }
table.list td.eventdatetime { white-space: pre-wrap; }
table.list td.sequenceselector { padding: 2px; }
table.list td.configtextfield { word-break: break-all; }
table.list td.fileupload, table.list td.colorselector, table.list tr:not(.noteditable) > td.selector, table.list td.referencinglist { padding: 0; }
table.list td.colorselector div.listcolorbox span { margin: 2px 2px 0; cursor: default; }
table.list td.referencinglist { padding-bottom: .1em; }
table.list td.referencinglist table.list { background-color: transparent; }
table.list td.fileupload > span { padding: .3em .3em .1em; display: inline-block; }
table.list td.jsondecoded { padding: 0; }
table.list td.jsondecoded > table.jsondecoded { border: none; border-collapse: collapse; }
table.list td.jsondecoded > table.jsondecoded th { padding: .35em .3em .2em; text-align: right; background-color: transparent; border-right: 1px solid var(--g-theme-color-1); color: var(--g-main-text-color); white-space: nowrap; }
table.list td.jsondecoded > table.jsondecoded td { border: none; }
table.list div.thumbnailwrapper { display: table; }
table.list div.thumbnailwrapper > div { padding: .3em .3em .1em 0; display: table-cell; vertical-align: top; text-align: left; }
table.list div.thumbnailwrapper > div:first-child { padding: 2px 6px 0 2px; }
table.list div.thumbnailwrapper > div:first-child img { display: block; /*height: 1.57rem; width: 1.57rem; width: 75px; height: auto;*/ border: 1px solid #666; box-sizing: border-box; }
/*
table.list div.thumbnailwrapper > div:first-child img:not(.hassize) { width: 1.3rem; height: 1.3rem; }
table.list td.fileupload.listedit div.thumbnailwrapper > div:first-child img { width: auto; height: auto; }
*/
table.list div.thumbnailwrapper > div:first-child img.videoembed { width: 1.57rem; height: 1.57rem; background-position: center; background-size: cover; }
table.list div.thumbnailwrapper > div:first-child img.loading { background-image: url(./../img/bg/image.png); }
table.list td.exorcolumnselector div.thumbnailwrapper { margin: -.3em; }
table.list td > span.login.active { color: green; }

table.list div.listtablewrapper.hidden { display: none; }

table.list td.fileupload a { display: inline-block; }
table.list td.fileupload span.details { white-space: nowrap; font-size: 82%; font-weight: 200; }

table.list div.richtext p { margin: 0; padding: 0; }
table.list div.richtext b, table.list div.richtext strong { font-weight: 500; }

table.list td table.list:not(.innerlist) td { border: none; background-color: transparent; }
table.list td table.list td.fileupload span.details { display: none; }
table.list tr.locked td { opacity: .5; }
/*
table.list tr.locked td a { color: #999; }
table.list tr.locked td a.imagebutton { background-color: #999; }
*/
table.list tr.sequenceselectorstarted table { visibility: hidden; }

table.list td div.richtext ul { margin: 0 0 0 1em; }

/* column sort */
table.list.sortable thead th div.sorthandle { cursor: move; }
.ui-sortable-helper { opacity: .7; }
.dragtable-sortable { list-style-type: none; margin: 0; padding: 0; display: flex; }
.dragtable-sortable table.list th:first-child { border-left: 1px solid var(--g-main-bg-color); }
ul.dragtable-sortable + table.list { visibility: hidden; }

/* column order */
div.orderablecol { position: absolute; top: 0; right: 0; height: 100%; width: 1.35em; }
ul.orderablecol { list-style-type: none; height: 100%; margin: 0; padding: 0; }
ul.orderablecol li { height: 50%; margin: 0; padding: 0; }
ul.orderablecol li a { height: 100%; width: 100%; padding: 0; margin: 0; background-image: none; background-color: transparent; position: relative; opacity: .5; }
ul.orderablecol li a:before { position: absolute; left: unset; right: .35em; top: .1em; font-size: 100%; content: ''; display: block; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: .5em .35em 0 .35em; border-color: var(--g-theme-color-text) transparent transparent transparent; }
ul.orderablecol li:first-child a:before { bottom: .1em; top: unset; border-width: 0 .35em .5em .35em; border-color: transparent transparent var(--g-theme-color-text) transparent; }
ul.orderablecol li.active a { opacity: 1; }
span.orderpriority { font-size: 60%; position: absolute; right: .35em; top: .1em; display: block; opacity: .7; font-weight: 600; z-index: 0; line-height: 120%; }
span.orderpriority.desc { top: auto; bottom: .1em; }

/* sitemap */
body[data-g-tableuid=__sitemap_19][data-g-action=sitemap] { overflow: auto; }
body[data-g-tableuid=__sitemap_19][data-g-action=sitemap] #gloryawrapper { height: 100%; }
#sitemapwrapper { padding: 0; margin: .5em 0 0 -1em; }

/* pages */
body.glorya #sitemap { padding: 0; margin: 0; list-style-type: none; }
body.glorya #sitemap ul { list-style-type: none; margin: 0; padding: 0; }
body.glorya #sitemap ul li { margin: 0; padding: 0; }
body.glorya div.pagewrapper, body.glorya div.groupwrapper { padding: 2em 2px 2px 1.5em; position: relative; }
body.glorya #sitemap > li > div.wrapper { padding-right: 0; }
body.glorya #sitemap > li:first-child > div.wrapper { padding: 0; }
body.glorya #sitemap > li > div > div.page { margin-left: 1.5em; }

/* collapse bttons */
body.glorya #sitemap button.collapse { display: none; }
body.glorya #sitemap ul button.collapse { display: block; }
body.glorya #sitemap button.collapse { top: .425em; left: 5.475em; background-color: var(--g-theme-color-1); border: 1px solid var(--g-theme-color-1); }
body.glorya #sitemap ul ul button.collapse { top: 2em; left: .4em; }
body.glorya #sitemap button.collapse::before, body.glorya #sitemap button.collapse::after { background-color: #FFF; }

/* tree */
#sitemap li li div.wrapper { position: relative; overflow: hidden; }
#sitemap li li div.wrapper:before { content: ''; display: block; border: 2px solid var(--g-theme-color-1); width: 30em; height: 1.15em; position: absolute; border-bottom: none; border-left: none; top: .75em; left: -24.2em; }
#sitemap li li:last-child:not(:first-child) > div.wrapper:before { border-top-right-radius: 4px; }
#sitemap li li div.wrapper:after { content: ''; display: block; border: 2px solid var(--g-theme-color-1); width: 50em; height: .6em; position: absolute; border-bottom: none; border-left: none; border-right: none; top: .75em; left: 5.8em; }
#sitemap > li > div > ul > li:first-child > div.wrapper:before { height: 2em; top: 0; border-top: none; }
#sitemap li li:last-child > div.wrapper:after { display: none; }
#sitemap li li li div.wrapper, #sitemap li li li:first-child > div.wrapper { padding: calc(1.5em - 2px) 2px 2px 2em; }
#sitemap li li li:last-child > div.wrapper { padding-bottom: 1.5em; }
#sitemap li li li div.wrapper:before, #sitemap li li li:first-child div.wrapper:before { width: 1.15em; height: 30em; top: -27.65em; left: .75em; border: 2px solid var(--g-theme-color-1); border-right: none; border-top: none; }
#sitemap li li li:last-child > div.wrapper:before { border-bottom-left-radius: 4px; }
#sitemap li li li div.wrapper:after, #sitemap li li li:first-child div.wrapper:after { width: .6em; height: 143em; border-left: 2px solid var(--g-theme-color-1); top: auto; left: .75em; bottom: 0; }
#sitemap li li li:last-child > div.wrapper:after { display: none; }

/* pageheader */
#sitemap li.page div.page { border: 2px solid var(--g-theme-color-1); background-color: var(--g-alt-bg-color); width: 9em; transition: linear .3s opacity; box-shadow: 1px 1px 2px 0 rgba(0,0,0,.5); border-radius: 4px; }
#sitemap li.page div.pagetitle { background-color: var(--g-theme-color-1); color: #FFF; }
#sitemap li.page div.pagetitle > div { display: table; width: 100%; }
#sitemap li.page div.pagetitle > div > div { display: table-cell; text-align: left; vertical-align: middle; padding: 0; }
#sitemap li.page div.pagetitle > div > div.title span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 7.5em; margin: -.125em 0 0; }
#sitemap li.page div.pagetitle > div > div.icon { padding: 0 0 0 .25em; width: 1em; }

/* groups */
#sitemap > li > div.wrapper.groupwrapper { display: inline-flex; flex-direction: column; }
#sitemap div.wrapper.groupwrapper div.group ul.imagebutton { float: right; }
#sitemap div.group { background-color: var(--g-theme-color-1); padding: 2px; transition: linear .3s opacity; color: #FFF; border-top-right-radius: 4px; border-top-left-radius: 4px; }
#sitemap div.groupwrapper > ul { background-color: var(--g-alt-bg-color); border: 2px dotted var(--g-theme-color-1); border-top: none; padding: 0 1.5em 1em 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
#sitemap li li div.groupwrapper > ul { padding-bottom: 0; }
#sitemap div.group { display: table; width: 100%; box-sizing: border-box; }
#sitemap div.group div.pagetitle { display: table-cell; padding: 0 .3em .1em; text-align: left; vertical-align: middle; }
#sitemap div.group div.buttons { display: table-cell; }
#sitemap div.page.group dd ul.imagebutton { float: right; margin: 1px; }
#sitemap li.group:last-child > div { padding-right: 1.5em; }
/* first line horizontal */
#sitemap > li > div > ul { display: table; }
#sitemap > li > div > ul > li { display: table-cell; }
#sitemap > li > div > ul > li.page:last-child > div { padding-right: 1.5em; }
/* colors */
#sitemap > li > div > div.page div.pagetitle { cursor: default; background-color: #271C02; }
#sitemap > li.page > div > div.page { border-color: #271C02; }
#sitemap li.page .fixed div.pagetitle { background-color: #666; cursor: default; }
#sitemap li.page div.page.fixed { border-color: #666; }
#sitemap li.page .locked div.pagetitle, #sitemap div.group.locked { background-color: #C66; }
#sitemap li.page div.page.locked { border-color: #C66; }

/* dropzones */
#sitemap .dropzone { transition: linear .3s opacity; opacity: 0; width: 1em; height: calc(3.6em + 4px); position: absolute; top: 2em; left: .25em; z-index: 10; padding: 0; background-image: repeating-linear-gradient(45deg, rgba(0,0,0,.4) 0px, rgba(0,0,0,.4) 1px, transparent 1px, transparent 3px, rgba(0,0,0,.4) 3px); border-radius: .25em; }
#sitemap .dropzone.last { right: 0em; left: auto; }
#sitemap .groupwrapper li:last-child .dropzone.last { right: .25em; }
#sitemap li li li .dropzone { width: calc(8.975em + 4px); height: 1em; position: absolute; top: .15em; left: 2em; padding: 0; }
#sitemap li li li .dropzone.last { top: calc(100% - 1.25em); left: 2em; right: auto; }
#sitemap .dropzone-hover { background-color: #FFFFBB !important; }
#sitemap .ui-draggable-dragging .dropzone { display: none !important; }
#sitemap .placeholder .dropzone { display: none !important; }
#sitemap.showdropzones .dropzone { opacity: 1; }
#sitemap.showdropzones div.locked, #sitemap.showdropzones div.tmplocked { opacity: .35; filter: grayscale(100%); }
#sitemap.showdropzones div.dropzone.locked, #sitemap.showdropzones div.dropzone.tmplocked { display: none; }
/* */
#sitemap .moveable div.pagetitle { cursor: move; }
.ui-draggable.placeholder > div, .ui-draggable.placeholder > ul { opacity: .35; }
#sitemap.showdropzones .ui-draggable.placeholder > div div.locked,
#sitemap.showdropzones .ui-draggable.placeholder > div div.tmplocked,
#sitemap.showdropzones .ui-draggable.placeholder > ul div.locked,
#sitemap.showdropzones .ui-draggable.placeholder > ul div.tmplocked { opacity: 1; }
.ui-draggable.placeholder div.page > div { visibility: hidden; }
.ui-draggable-dragging { opacity: .75; }
.ui-draggable-dragging::after, .ui-draggable-dragging::before { display: none !important; }
.ui-draggable.placeholder button.collapse, .ui-draggable-dragging button.collapse { display: none !important; }

/* correct distances on drag helper */
#sitemap li.draggablewrapper { padding-top: 2em; }
#sitemap li.draggablewrapper li.draggablewrapper { padding-top: 0; padding-left: 1em; }
#sitemap li.draggablewrapper li.draggablewrapper li.draggablewrapper { margin-top: -1em; }
#sitemap li.draggablewrapper li.draggablewrapper li.draggablewrapper li.draggablewrapper { padding-left: 0; margin-top: 0; }

/* import */
li.comp table.list.import thead th { padding: 0; background-color: var(--g-input-bg-color); }
li.comp table.list.import th > div { padding: 0; }
li.comp table.list.import thead th.error, li.comp table.list.import thead th.error select + .select2-container.select2-container--glorya { background-color: var(--g-input-error-border-color); }
li.comp table.list.import tr > .include { position: sticky; left: 0; background-color: var(--g-main-bg-color); z-index: 1; }
li.comp table.list.import tr:hover > td.include::before { content: ''; background-color: var(--g-highlight-bg-color); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
li.comp table.list.import tr > th.include { background-color: var(--g-input-bg-color); z-index: 2; padding-left: .3em; }
li.comp table.list.import td { border-left: 1px dotted var(--g-alt-bg-color); }
li.comp table.list.import td.include { padding-top: 0; padding-bottom: 0; padding-right: 0; width: 1.5em; }
li.comp table.list.import .import { white-space: pre-line; }
li.comp table.list.import tbody td:not(.import) { color: var(--g-input-disabled-text-color); }
li.comp table.list.import td:first-child { border-left: none; }
li.comp table.list.import select + .select2-container.select2-container--glorya { border: none !important; }
li.comp div.importtablewrapper { padding: 0; }
body.popup li.comp div.importtablewrapper { overflow: visible; overflow-x: auto; }
body.fullsize li.comp div.importtablewrapper { max-height: 75vh; min-height: 20em; overflow: auto; background: var(--g-alt2-bg-color); }
#importprogress { background-color: var(--g-alt2-bg-color); border: 1px solid #8888B3; padding: .2em .3em; font-weight: 400; position: relative; overflow: hidden; }
#importprogress span.label { z-index: 1; position: relative; text-align: center; display: block; }
#importprogressbar { position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; background-color: var(--g-theme-color-1); opacity: .25; transition: width 1s; }
.importpane, li.comp.importpane > div.formrow, li.comp.importpane > div.formrow > div.inputtype { display: flex; flex-direction: column; height: calc(100vh - 7px); }
body.fullsize .importpane, body.fullsize li.comp.importpane > div.formrow, body.fullsize li.comp.importpane > div.formrow > div.inputtype { height: calc(100vh - 64px); }
#importconsole { background-color: #000; height: 10em; overflow-y: scroll; margin: 3px 0 0; padding: .5em; color: #FFF; font-family: monospace; flex-grow: 1; }
#importconsole > div { display: flex; }
#importconsole > div ul { padding-left: 1em; }
#importconsole .date { color: #FFB; padding-right: .5em; }
#importconsole .error { color: var(--g-input-error-border-color); }

/* filemanager */
body.fullsize.filemanager #gloryawrapper {  overflow-y: hidden; }
body.fullsize.filemanager #gloryawrapper a { color: var(--g-main-link-color); text-decoration: none; }
body.fullsize.filemanager #gloryacontent { height: 100%; box-sizing: border-box; padding: 0; max-width: 100%; }
body.popup.filemanager #gloryacontent { overflow-y: hidden; }
body.popup.filemanager #gloryawrapper { padding-top: 0; }
body.popup.filemanager #filemanagerwrapper fieldset { border: none; }
body.popup.filemanager #filemanagerwrapper #filelistwrapper { height: calc(100vh - 1.775em + 1px); }

#filemanagerwrapper { display: flex; width: 100%; height: 100%; }
#filemanagerwrapper .fieldsetwrapper { width: 80%; position: relative; }
#filemanagerwrapper .fieldsetwrapper:first-child { min-width: 15em; width: 20%; max-width: 20%; overflow: auto; }
#filemanagerwrapper .fieldsetwrapper fieldset { min-height: 100%; border: none; display: flex; border-radius: 0; overflow: visible; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0;*/ }
#filemanagerwrapper .fieldsetwrapper:not(:first-child) fieldset { height: 100%; }
#dirtreewrap { background-color: var(--g-theme-color-1); flex-grow: 0; font-weight: 300; }
#filemanagerwrapper #dirtreewrap > div { max-height: 100%; max-width: 100%; }
#filemanagerwrapper #dirtreewrap a { color: #FFF; }
#filemanagerwrapper #dirtreewrap li.open > a, #filemanagerwrapper #dirtreewrap a:hover { color: var(--g-selection-bg-color); }
#filemanagerwrapper legend { text-transform: none; margin: 0; padding-left: .35em; background-color: var(--g-theme-color-1); font-weight: 400; font-size: 100%; width: 100%; box-sizing: border-box; border-radius: 0; }
#filemanagerwrapper legend::before { content: '//'; }
#filemanagerwrapper #filelistwrapper { display: flex; flex-direction: column; flex-grow: 1; }

#filemanagerwrapper #filelistwrapper > div:first-child { width: 100%; flex-grow: 1; background-color: var(--g-main-bg-color); overflow: hidden; }
#filemanagerwrapper #filelistwrapper > div:first-child > div { overflow-y: scroll; height: 100%; }

#filemanagerwrapper form { display: flex; width: 100%; padding: 0; box-sizing: content-box; border-top: 2px solid var(--g-theme-color-1); }
#filemanagerwrapper form > div { text-align: left; padding: 0; }
#filemanagerwrapper form > div:last-child { flex-grow: 1; width: calc(100% - 1.8em); }
#filemanagerwrapper .qq-upload-button input.button, #filemanagerwrapper .qq-upload-list-wrapper { margin: 0; }
#filetreewrap.loading .gloader { display: block; }
#filetreewrap td { opacity: 1; transition: .5s opacity; }
#filetreewrap.loading td { opacity: .3; }

#filelist { width: 100%; border-spacing: 0; }
#filelist thead { position: sticky; top: 0; z-index: 1; }
#filelist th { padding: .35em; background-color: var(--g-theme-color-1); border-right: 1px solid var(--g-main-bg-color); border-top: 2px solid var(--g-main-bg-color); text-align: left; font-weight: 300; color: var(--g-theme-color-text); font-variation-settings: "wdth" 25; }
#filelist th:last-child { border-width: 2px; }
#filelist thead th:nth-child(4), #filelist thead th:nth-child(5) { text-align: right; }
#filelist thead th:first-child, #filelist tbody td.actions { min-width: 6.45em; width: 6.45em; box-sizing: border-box; padding-left: 1px; }
#filelist thead th:first-child { border-left: 2px solid var(--g-main-bg-color); }
#filelist td { padding: .3em; border-bottom: 1px dotted var(--g-alt-bg-color); vertical-align: top; }
#filelist tr:last-child td { border-bottom: none; }
#filelist tr:hover td { background-color: var(--g-highlight-bg-color);; }
#filelist tr.unselectable td { color: var(--g-input-disabled-text-color); }
#filelist a { cursor: pointer; }
#filelist td.dirname a { display: block; padding: .3em .3em .3em 2.05rem; }
#filelist td.actions { border-left: none; min-width: 28px; width: 16px; white-space: nowrap; padding: 1px 1px 1px 0; }
#filelist td.filename, #filelist td.dirname { padding-left: 22px; word-wrap: break-word; }
#filelist td.numeric, #filelist td.datetime { text-align: right; }
#filelist tr.todelete td { background-color: var(--g-alt-bg-color); }

/* filebrowser in ckeditor */
#filebrowserview #filemanagerwrapper .actions li.download, #filebrowserview #filemanagerwrapper .actions li.link { display: none; }
#filebrowserview #filelist thead th:first-child, #filebrowserview #filelist tbody td.actions { min-width: 3.75em; width: 3.75em; }

body.glorya .dirtree { padding: 1.35em; list-style-type: none; margin: 0; }
body.glorya .dirtree ul { padding: 0; position: relative; }
body.glorya button.collapse { position: absolute; top: .525em; left: .35em; background-color: #FFF; border: 1px solid #FFF; width: .8em; height: .8em; z-index: 1; box-sizing: border-box; cursor: pointer; border-radius: 50%; }
body.glorya button.collapse::before, body.glorya button.collapse::after { content: ''; display: block; width: .5em; height: 2px; background-color: var(--g-theme-color-1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body.glorya button.collapse::after { transform: translate(-50%, -50%) rotate(90deg); display: none; }

body.glorya ul.collapsed.init { display: none; }
body.glorya ul.collapsed + button::after { display: block; }

body.glorya .dirtree li li { padding: .15em 0 0 1.75em; }
body.glorya .dirtree li li:last-child { padding-bottom: 0; }
body.glorya .dirtree li li.leave { background-image: none; }
body.glorya .dirtree li > a { background-repeat: no-repeat; background-position: 0 0; display: inline-block; position: relative; }
body.glorya .dirtree a { cursor: pointer; padding: .35em .5em .2em 2em; }
body.glorya .dirtree li li { overflow: hidden; position: relative; }
body.glorya .dirtree li li:before { border: 2px solid #FFF; content: ''; display: block; width: .75em; height: 1.125em; border-top: none; border-right: none; position: absolute; margin: -6px 0 0 -1.05em; }
body.glorya .dirtree li li:after { border: 2px solid #FFF; content: ''; display: block; width: 0; height: 60em; border-bottom: none; border-top: none; border-right: none; position: absolute; margin: -60em 0 0 -1.05em; z-index: 0; }
body.glorya .dirtree li li.leave:after { display: none; }

#uploadresponse, #reset { display: none; }
span.fileicon { display: block; float: left; margin: 3px 2px 2px -1.75rem; padding: 0; width: 1.57rem; height: 1.57rem; overflow: hidden; }
span.fileicon img { width: 1.57rem; height: 1.57rem; border: 1px solid var(--g-main-text-color-alt);	box-sizing: border-box; }
#filelist td.filename span.fileicon { position: relative; }
#filelist td.filename span.fileicon:before { color: var(--g-main-text-color-alt); z-index: 0; font-size: 1.7rem; margin-left: -2px; }

/* filetypes */
#filelist td.dirname { padding: 0; }
#filelist td.dirname a { position: relative; }
#filelist td.dirname span.fileicon { display: none; }
#filelist td.filename { padding: 0 0 0 1.75rem; }
#filelist td.filename span.filename { padding: .3em; display: block; }
#filelist td.filename span.fileicon.imageloaded::before { display: none !important; }
#filelist span.fileicon::before { content: '\F0214'; }
#filelist .doc span.fileicon::before,
#filelist .dot span.fileicon::before,
#filelist .docx span.fileicon::before { content: '\F022C'; }
#filelist .xls span.fileicon::before,
#filelist .xlsx span.fileicon::before { content: '\F021B'; }
#filelist .ppt span.fileicon::before,
#filelist .pptx span.fileicon::before { content: '\F0227'; }
#filelist .zip span.fileicon::before,
#filelist .gzip span.fileicon::before,
#filelist .gz span.fileicon::before,
#filelist .tar span.fileicon::before,
#filelist .tgz span.fileicon::before,
#filelist .seven-z span.fileicon::before,
#filelist .rar span.fileicon::before { content: '\F05C4'; }
#filelist .otf span.fileicon::before,
#filelist .ttf span.fileicon::before { content: '\F06D6'; }
#filelist .pdf span.fileicon::before { content: '\F0226'; }
#filelist .image span.fileicon::before, #filelist .eps span.fileicon::before { content: '\F021F'; }
#filelist .audio span.fileicon::before { content: '\F0223'; }
#filelist .video span.fileicon::before { content: '\F022B'; }
#filelist .txt span.fileicon::before,
#filelist .rtf span.fileicon::before,
#filelist .odt span.fileicon::before { content: '\F0219'; }

/* show or hide detailcolumns */
#filemanagerwrapper div.details { display: none; }
@media screen and (max-width: 70em) {
	#filemanagerwrapper th.types, #filemanagerwrapper td.types { display: none; }
}
@media screen and (max-width: 55em) {
	#filemanagerwrapper thead { display: none; }
	#filemanagerwrapper th.sizes, #filemanagerwrapper td.sizes, #filemanagerwrapper th.dates, #filemanagerwrapper td.dates { display: none; }
	#filemanagerwrapper div.details { display: block; padding: 0 .3em .3em; margin: -.15em 0 0; opacity: .5; }
	#filemanagerwrapper div.details > span { display: block; font-size: 82%; font-weight: 200; }
}

/* */
.breakable { word-wrap: break-word; word-break: break-all; }
.nowrap { white-space: nowrap; }
.clearfix::before, .clearfix::after { content: ' '; display: table; }
.clearfix::after { clear: both; }

/* ghowler */
div.inputtype div.thumbnailwrapper div.ghowler { border: none; }
div.inputtype div.thumbnailwrapper div.ghowler > ul { display: none; }
div.thumbnailwrapper.audioplayer .ghowler .buttons { margin: 0; }
div.thumbnailwrapper.audioplayer .ghowler .buttons li { padding: 0; }
td.fileupload .ghowler .player { border: none; }

/* gloader: rotating gearwheel */
.gloader { display: none; position: absolute; left: calc(50% - 2em); top: calc(50% - 2em); width: 4em; height: 4em; border: .25em solid var(--g-alt-bg-color); border-top: .25em solid var(--g-theme-color-1); border-radius: 50%; animation: spin 2s linear infinite; }
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media only print {
	#gloryanavigation, #gloryaadminbar { display: none; }
	body { overflow: auto; }
	body.popup #gloryawrapper { height: unset; overflow: visible; }
}