/**
 * © 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/>.
 */

#gloryadialogcover { transition: right .05s linear .3s, bottom .05s linear .3s, opacity .3s; opacity: 0; position: fixed; z-index: 100; background-color: var(--g-navigationcover-bg); left: 0; top: 0; bottom: 100%; right: 100%; animation: .3s ease-out 0s 1 showDialogCover; }
body.popup #gloryadialogcover { z-index: 10000; }
body.showgloryadialogcover #gloryadialogcover { right: 0; bottom: 0; opacity: 1; transition: right .05s, bottom .05s, opacity .3s linear .05s; }
body.gloryawait #gloryadialogcover { cursor: wait; }
@keyframes showDialogCover {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#gloryadialog { position: fixed; z-index: 111; left: 50%; top: 0; }
#gloryadialog div.dialog { width: 26em; max-width: 70vw; margin: 0 auto; background-color: var(--g-alt-bg-color); padding: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .5); transform: translate(-50%, -100%); transition: transform .3s; animation: .3s ease-out 0s 1 showDialog; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
body.popup #gloryadialog { z-index: 10001; }
body.showgloryadialog #gloryadialog div.dialog { transform: translate(-50%, 0%); }
@keyframes showDialog {
  0% { transform: translate(-50%, -100%); }
  100% { transform: translate(-50%, 0%); }
}

#gloryadialog div.wait { background-color: var(--g-theme-color-1); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25) 50%); z-index: 1; background-size: 25px 25px; overflow: hidden; -webkit-animation: submitting 2s linear infinite; animation: submitting 2s linear infinite; color: #FFF; font-weight: 600; margin: .5em 0 0; min-height: 1em; padding: .5em; border-radius: 3px; text-align: center; }
#gloryadialog div.wait.progress { margin: 0 -2px -2px;; position: relative; }
#gloryadialog div.wait.progress .progressmeter { position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,.5); width: 0px; max-width: 100%; height: 100%; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
#gloryadialog div.message { padding: .3em; color: var(--g-main-text-color); font-size: 115%; }
#gloryadialog div.buttons { margin: 0; padding: .3em; box-sizing: border-box; background-color: var(--g-theme-color-1); width: 100%; display: flex; flex-flow: row-reverse; gap: .6em; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

#gloryadialog input { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: var(--g-input-bg-color); border: none; outline: none; display: block; font-size: inherit; font-family: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: .35em 5px; border-radius: 2px; }
#gloryadialog input, #gloryadialog div.selectwrapper, #gloryadialog button { min-height: 1.85em; }
#gloryadialog div.buttons input { margin: 0; min-width: 5em; width: auto; border-radius: 2px; }
#gloryadialog div.buttons input.button { background-color: var(--g-theme-color-0); color: var(--g-theme-color-text); padding: 0 1em; cursor: pointer; }
#gloryadialog div.buttons input.button:hover, #gloryadialog div.buttons input.button:active, #gloryadialog div.buttons input.button:focus { background-color: #474767; }
#gloryadialog div.buttons input.button:disabled { background-color: var(--g-theme-color-1); color: #CCC; }

#gloryadialog div.buttons input.button.cancel:hover, #gloryadialog div.buttons input.button.cancel:active, #gloryadialog div.buttons input.button.cancel:focus { background-color: var(--g-input-error-border-color); }
#gloryadialog div.buttons input.button.cancel:disabled { background-color: var(--g-theme-color-1); cursor: not-allowed; }
#gloryadialog div.buttons input.button.submit { font-weight: 500; background-color: #272747; }
#gloryadialog div.buttons input.button.submit:hover, #gloryadialog div.buttons input.button.submit:active, #gloryadialog div.buttons input.button.submit:focus { background-color: #288239; }
#gloryadialog div.buttons input.button.submit:disabled { background-color: var(--g-theme-color-1); cursor: not-allowed; }

#gloryadialog h1 { font-size: 100%; padding: .35em 5px; margin: 0; font-weight: 400; }
#gloryadialog h2 { color: var(--g-theme-color-1); font-size: 100%; padding: 3px 6px; margin: 6px 0 0; font-weight: 400; text-align: left; }
#gloryadialog p { padding: 0; margin: .5em; }
#gloryadialog strong, #gloryadialog b { font-weight: 600; }
#gloryadialog ul:not(.comp) { margin: 0; padding: 0 0 .35em 1.5em; text-align: left; }
#gloryadialog hr { margin: 6px 0; border: none; border-top: 1px dotted var(--g-theme-color-1); }
#gloryadialog div.message input { width: 100%; }
#gloryadialog div.inputwrapper { display: flex; margin: .3em 0 0; }
#gloryadialog div.inputwrapper > *:first-child { flex-grow: 1; }
#gloryadialog select.selector { width: 100%; }
#gloryadialog span.fileextension { display: flex; flex-direction: column; justify-content: space-around; padding: .35em 5px; }
#gloryadialog div.message > label { text-align: left; display: inline-block; width: 100%; }
#gloryadialog div.message > label > span { font-size: 86%; margin: .3em 0 .2em 5px; display: inline-block; }
#gloryadialog div.message > label input[type=checkbox] { display: inline-block; margin: 3px 3px 0 0; vertical-align: bottom; }

#gloryadialog li.comp input.checkboxvalue { width: 1px; visibility: hidden; display: none; padding: 0; }
#gloryadialog ul.comp.export, #gloryadialog ul.comp.export ul { padding: 0; }
#gloryadialog ul.comp.export li:hover { background-color: var(--g-selection-bg-color); }