/*
 * Copyright (C) 2014 denkbares GmbH, Germany
 *
 * This is free software; you can redistribute it and/or modify it under the
 * terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation; either version 3 of the License, or (at your option) any
 * later version.
 *
 * This software 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 Lesser General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this software; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA, or see the FSF
 * site: http://www.fsf.org.
 */

.ui-dialog {
	border: 1px solid var(--border-color-light) !important;
	padding: 0 0 0 0 !important;
	z-index: 3000 !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	background-image: none !important;
	background-color: var(--bg-color-table-th-highlighted) !important;
	color: var(--text-color-default-head) !important;
	border: none;
}

.ui-dialog-titlebar h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*.ui-dialog-titlebar.ui-widget-header {*/
/*	border: 1px solid var(--border-color-table);*/
/*}*/

.minMaxCompositeView {
	float: right;
	position: relative;
	right: -5px;
	top: 5px;
	cursor: pointer;
	color: var(--text-color-primary);
}

#minimizeCompositeView {
	background-position: 0 0;
	width: 16px;
	height: 16px;
}

#maximizeCompositeView {
	background-position: 0 -66px;
	width: 16px;
	height: 16px;
}

.type_ObjectInfo h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 140%;
}

.type_ObjectInfo .lookUpForm {
	margin-top: 0.8em;
}

.sectionStart {
	font-size: 125%;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	margin-left: 0px !important;
}

.articleName {
	font-size: 110%;
	margin-bottom: 0.7em !important;
	margin-top: 0.85em;
	font-weight: bold;
}

.articleName a {
	color: var(--text-color-default-head) !important;
}

.articleName a:hover {
	color: blue !important;
}

.type_ObjectInfo .articleName {
	margin-left: 0.8em;
}

#compositeEdit .defaultMarkupFrame .markupText {
	padding: 0 0 0 0;
}

#compositeEdit .markupText > div {
	margin-left: 0.4em;
}

#compositeEdit .markupText > div > div {
	margin-left: 10px;
	margin-bottom: 10px;
}

#compositeEdit .defaultEditTool {
	margin: 0 0 0 0 !important;
	padding: 0 5px 0 5px !important;
}

#compositeEdit .defaultMarkupFrame {
	margin-bottom: 10px;
}

.type_ObjectInfo .previewItem {
	margin-left: 1em;
}

.type_ObjectInfo .objectinfo.preview.reference {
	margin-left: 1em;
}

#compositeEdit .objectinfo.preview {
	margin-bottom: 0 !important;
	padding-left: 3px;
	white-space: pre-wrap;
	border: 1px solid var(--border-color-table);
	border-right: 1px solid var(--border-color-none);
	border-left: 1px solid var(--border-color-none);
	border-bottom: 1px solid var(--border-color-none);
}

#compositeEdit .objectinfo.preview:hover {
	border-right: 1px solid var(--border-color-table);
	border-left: 1px solid var(--border-color-table);
	border-bottom: 1px solid var(--border-color-table);
	background-color: var(--bg-color-default-Markup);
}

#compositeEdit .onlyObjectInfoPage {
	display: none;
}

.hidden {
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}

#compositeEdit .hidden > div {
	margin-left: 10px;
	margin-bottom: 10px;
}

#compositeEdit .ueeditmarker {
	background-color: var(--highlight-color-light);
	position: absolute;
	width: 3px;
	left: -9px;
	top: 0px;
	z-index: 1000;
}

#compositeEdit .ueeditmarker:after {
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	content: "\f040";
	display: block;
	position: relative;
	left: -15px;
}

.tool-menu-click input {
	background-color: var(--bg-color-edit);
	transition: width 100ms linear;
}

.ui-widget-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-grey) !important;
	opacity: 0.7 !important;
	z-index: 999 !important;
}

/*
.ui-dialog { z-index: 0 !important ;}
*/

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: 0 0 0 0;
	padding: .4em 1em !important;
	background-color: var(--bg-color-table-th-highlighted) !important;
	position: relative;
	border: none;
	/* bottom: 0px; */
	/* right: 0px; */
	/* left: 0px; */
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: left !important;
}

.ui-dialog button:disabled {
	background: white;
	color: gray;
	cursor: default;
	opacity: 0.2;
}

.ui-dialog .ui-button {
	margin-right: 5px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: var(--text-color-primary) !important;
	background-color: var(--bg-color-secondary) !important;
	border: 1px solid var(--border-color-default) !important;
}

.ui-dialog:has(> #compositeEdit) .ui-dialog-titlebar-close {
	display: none !important;
}

#compositeEdit .expandPanelButton {
	font-size: x-small;
	text-transform: uppercase;
	padding: 1px 4px;
	border-radius: 4px;
	border: 1px solid #666;
	margin: 0 13px;
	color: #666;
}

/** If preview items aren't grouped by <section-type, article-name> but just <section-type> we want to additionally
show a preview title (e.g. the name of its article). Since for historic reasons this is difficult to do
programmatically, we always create the title HTML. However, to avoid side-effects, this title is hidden by default.
Only if the second selector matches (to select all non-nested preview titles), the titles are shown.
 */
.previewTitle {
	display: none;
}

.objectInfoPanel .previewTitle:not(.objectInfoPanel .objectInfoPanel .previewTitle) {
	display: block;
}

.dehighlighted-text {
	opacity: .6;
}