@charset "UTF-8";
:root {
	--pit-view-border: 5px;
}

/*********************************************************************/
/* XComboBoxEx */
/*********************************************************************/
.Wt-suggest-onedit {
	margin: 3px 0px;
	padding: 3px 10px;
}

.typeahead a {
	text-decoration: none;
	margin: 5px;
}

/*********************************************************************/
/* DialogStyles */
/*********************************************************************/
.Wt-dialog {
	max-width: 90%;
	max-height: 90%;
}

.modal {
    /* Wt 4.9.1 theme bootstrap 5 set overflow-y to auto but it is always visible
       if LayoutImplementation is set to JavaScript */
    overflow-y: hidden;
}

.modal-header {
    /* Wt 4.9.1 theme bootstrap 5 shows the title in the dialog without a close button on the right */
    justify-content: left;
}

.modal-header>img {
    /* Distance between icon and title in dialog window */
    margin-right: 10px;
}

.modal-body>div>.navbar {
	/*compensates .modal-body:padding so that the menu bar has no gaps
	from the sides and a title bar in a dialog*/
	margin: -14px -14px 0px;
}

.modal-content,
.modal-header,
.modal-footer {
	max-width: 100%;
}

/* setzt alle images pauschal auf 16x16px force */
img {
	max-height: 16px;
}

.pit-dialog-bttn {
	min-width: 130px;
	max-height: 2em;
}

/*für xt::XPanel */
.accordion-body {
	padding: 0rem;
}

/*********************************************************************/
/* alert dialog */
/*********************************************************************/
.pit-alertdialog {
	--bs-modal-zindex: 1055;
	--bs-modal-width: 500px;
	--bs-modal-padding: 1rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: ;
	--bs-modal-bg: #fff;
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: 1px;
	--bs-modal-border-radius: 0.5rem;
	--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
	--bs-modal-inner-border-radius: calc(0.5rem - 1px);
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: 1px;
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: 1px;
}

.pit-alertdialog-messagetext-left {
	font-weight: bold;
	text-align: left;
}

.pit-alertdialog-messagetext-center {
	font-weight: bold;
	text-align: center;
}


/*********************************************************************/
/* LayoutStyles */
/*********************************************************************/
body {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
	font-size: 14px;
}

.dropend .dropdown-toggle::after {
	float: right;
	margin-top: 6px;
}

.pit-maintree-autosize>div>div>div>div {
	width: 100% !important;
}

.pit-singleline-control-height {
	min-height: 1.8em;
	max-height: 1.8em;
}

.pit-pushbutton-control, .pit-sheetbtn-ex {
	padding: revert;
	white-space: nowrap;
	overflow: hidden;
}

.pit-sheetbutton-control {
	min-width: 3em;
	max-width: 3em;
	padding: 0px;
}

.pit-sheetfunctionbutton-control {
	padding: 3px;
}

.pit-propsheet-button-height {
	min-height: 3em;
	max-height: 3em;
}

.pit-checkbox-text-left-align {
	min-height: 1em;
}

.pit-checkbox-text-left-align input[type="checkbox"] {
	float: right;
	position: relative;
	margin-left: 1px;
	min-height: 1em;
}

.pit-checkbox-text-left-align label {
	float: none;
	padding-left: 0px;
	width: 100%;
}

.pit-pushbutton-img-left-align img {
	padding-right: 10px;
	float: left;
	position: relative;
	margin-top: 0.2em;
}

.pit-groupbox legend {
	font-size: 14px;
}

.pit-combobox {
	margin: 0px 0px;
	padding: 0px 32px 0px 12px;
}
select.pit-combobox.form-control.is-invalid,
.was-validated select.pit-combobox.form-control:invalid,
select.pit-combobox.form-select.is-invalid:not([multiple]):not([size]),
select.pit-combobox.form-select.is-invalid:not([multiple])[size="1"],
.was-validated select.pit-combobox.form-select:invalid:not([multiple]):not([size]),
.was-validated select.pit-combobox.form-select:invalid:not([multiple])[size="1"] {
  padding: 0px 12px;
}

.pit-filterWidget .pit-combobox {
	padding: 0px;
}

.pit-edit-button {
	padding: 0px;
	min-width: 40px;
	max-width: 40px;
}

.pit-svg-image-button img {
	width: 18px;
	padding-right: unset;
}

.pit-label-wordwrap
{
	overflow: hidden;
}

.navbar {
	min-height: 30px;
	margin-bottom: 1px;
	padding-top: 0rem;
	padding-bottom: 0rem;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}
}

.navbar .navbar-nav>li:not(.pit-appmenu):hover a {
	padding-bottom: 3px;
}

.navbar li>.dropdown-toggle.active {
	padding-bottom: 3px;
}

.pit-appmenu a {
	padding: 0px 6px 4px 10px !important;
}

.pit-appmenu a span {
	font-size: 20px;
}

.nav>li {
	margin-right: 2px;
	padding-bottom: 1px;
}

.navbar-nav>li>.nav-link,
.nav>li .nav-link {
	padding: 6px 10px;
}

.dropdown-menu>li>.nav-link {
	padding: 3px 20px;
}

.dropdown-menu .form-check-input[type=checkbox] {
	margin-right: 6px;
	margin-left: 1px;
}

/* Workaround für Bug in WT bei disabled-item im Dropdown innerhalb der WT-Tabelle */
ul.Wt-popup.dropdown-menu:not(.wt-reparented) .disabled a {
    border: 0;
    clear: both;
    display: block;
    font-weight: 400;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}
ul.Wt-popup.dropdown-menu:not(.wt-reparented) .disabled a:not(:has(span.Wt-icon)) {
  	padding-left: 39px;
}

/* Definition is missing in Wt Bootstrap theme */
/* TODO set correct values */

.Wt-treeview .Wt-end .Wt-ctrl.expand,
.Wt-treeview .Wt-ctrl.expand {
	margin-left: 3px;
}

.Wt-treeview .Wt-end .Wt-ctrl.collapse,
.Wt-treeview .Wt-ctrl.collapse {
	margin-left: 3px;
}

.Wt-treeview ul .Wt-ctrl.noexpand {
	margin-left: 3px;
}

.Wt-treeview img.icon, .Wt-treeview input.icon {
	max-height: 1em;
	height: 1em;
	max-width: 1em;
	width: 1em;
}

.Wt-treeview ul .Wt-tv-c {
	border: none;
}

.Wt-treeview.pit-filtered-view, .Wt-treeview.pit-overflowing-data-view,
.Wt-tableview.pit-filtered-view, .Wt-tableview.pit-overflowing-data-view {
	border-left: var(--pit-view-border) solid !important;
}

.pit-radio {
	min-height: 1.8em;
}

.pit-layout-design-tile-group {
	padding: 10px;
	min-width: 100px;
	max-width: 100px;
	width: 100px;
	height: 80px;
	margin-bottom: 10px;
}

.pit-layout-design-content-title {
	padding: 2px 4px;
}

.pit-layout-design-content-title span {
	padding: 2px 4px;
}

.pit-workbench-bttngroup {
	overflow: auto;
	height: 100%;
}

.pit-workbench-bttn button {
	width: 100%;
}

.pit-dialog-form-label {
	min-height: 2em;
}

.radio+.radio,
.checkbox+.checkbox {
	margin-top: 0px;
}

.radio,
.checkbox {
	margin-top: 0px;
	margin-bottom: 0px;
}

.pit-sheet-flowcontainer {
	overflow: auto;
	height: 100%;
}

.pit-filter-bttn-frame>.pit-singleline-control-height {
	height: 100% !important;
	min-height: 100% !important;
}

.pit-inputfilter-checkbutton {
	min-width: 25px;
	min-height: 25px;
    margin-top: 0px;
}

.pit-inputfilter-checkbutton.form-check-input[type=checkbox]:checked {
	background-size: 16px 16px;
}

.pit-panel-menu-bttn {
	/*max-height: 1em;
	min-height: 1em;*/
	height: 1.5em;
	padding: 0px;
}

.pit-panel-menu-bttn .caret {
	border-top: 0px dashed;
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
}

.pit-content-panel-header {
	padding: 5px 10px;
	padding-top: 20px;
	margin-left: -15px;
}

.pit-content-panel-header span {
	padding: 2px 4px;
}

.pit-contentview .pit-header,
.pit-maintree .pit-header {
	padding: 2px 2px 2px 6px;
}

.pit-contentviewcontainer {
	padding-left: 15px;
}


/*********************************************************************/
/* scroll area */
/*********************************************************************/
.pit-scroll-area {
	overflow: auto;
}


/*********************************************************************/
/* options dialog */
/*********************************************************************/
.pit-options-groupbox {
	padding-bottom: 10px;
}

.pit-options-groupbox-label {
	padding-bottom: 0px;
}

.pit-options-groupbox-label>span {
	font-size: 1.2em;

}

.pit-options-system-bttn,
.pit-options-bttn {
	min-width: 180px;
	max-width: 180px;
	text-align: left;
	float: right;
}

.pit-options-spacer {
	padding-bottom: 1em;
}

.pit-options-bttn-full-width {
	width: 100% !important;
}

.pit-options-ok-cancel-bttn {
	min-width: 120px;
}

.pit-options-proppage_settingsviewer-extensionlistctrl {
	min-height: 80px;
}

.pit-options-proppage-choosebttns,
.pit-options-proppage-settingsdatabase-choosebttns {
	min-width: 30px;
	max-width: 30px;
	padding: 0px;
}

.pit-options-proppage-settingsdatabase-readonlyedit {
	max-width: 150px;
	min-width: 150px;
}

.pit-options-proppage-settingsdatabase-objectbttn {
	max-width: 100px;
	min-width: 100px;
}

.pit-options-components-priolist {
	min-height: 10em;
}

.pit-editviewerextensiondialog-listbox {
	min-height: 80px;
}


/*********************************************************************/
/* viewer extensions */
/*********************************************************************/
.pit-editviewerextensiondialog-listbox {
	min-height: 80px;
}

.pit-selectviewerdialog-listbox {
	min-height: 80px;
}


/*********************************************************************/
/* Property Grid */
/*********************************************************************/
.pit-propertygrid .Wt-header {
	height: 0px;
}

.pit-propertygrid-label {
	display: flex;
}

.pit-propertygrid-group-label {
	font-weight: bold;
}

.pit-propertygrid-value-edit {
	height: 1.6em;
	padding: 0;
}


/*********************************************************************/
/* quicksearch dialog
/*********************************************************************/
.pit-quicksearch-dialog-label {
	min-width: 130px;
}


/*********************************************************************/
/* status bar
/*********************************************************************/
.pit-statusbar {
	min-height: 2.0em;
}

.pit-statusbar .pit-indicator-pane {
	padding: 2px;
}


/*********************************************************************/
/* TabBar
/*********************************************************************/
ul.pit-tabbar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.pit-tabbar li {
	float: left;
}

ul.pit-tabbar li a {
	display: block;
	text-align: center;
	text-decoration: none;
}


/*********************************************************************/
/* ListView
/*********************************************************************/
.pit-listview * {
	border-width: 0px !important;
}

.pit-listview .cwidth>div>div {
	width: 100% !important;
}


/*********************************************************************/
/* Attributefilterdialog
/*********************************************************************/
.pit-attribute-filter-dialog {
	min-width: 850px;
	min-height: 200px;
}

.pit-attribute-filter-dialog-bttn {
	min-width: 30px;
	max-width: 30px;
	min-height: 1.8em !important;
	padding: 0px;
}

.pit-attribute-filter-dialog-row-label {
	min-width: 60px;
	max-width: 60px;
}

.pit-attribute-filter-dialog-functioncombobox {
	min-width: 130px;
	max-width: 130px;
}

.pit-attribute-filter-dialog-not-bttn {
	min-width: 70px;
	max-width: 70px;
	min-height: 1.8em !important;
	max-height: 1.8em !important;
	padding: 0px;
}

.pit-attribute-filter-dialog-operatorcombobox {
	min-width: 220px;
	max-width: 220px;
}

.pit-attribute-filter-dialog-wildcard-check {
}

.pit-attribute-filter-dialog-control {
	min-width: 50px !important;
}

.pit-attribute-filter-dialog-countcontrol {
	min-width: 50px;
	max-width: 50px;
}

.pit-attribute-filter-dialog-var-bttn {
	min-width: 50px !important;
}

.pit-attribute-filter-dialog-frml-bttn {
}

.pit-attribute-filter-dialog-delete-bttn {
}

.pit-attribute-filter-dialog-bttn-2 {
	min-width: 130px;
	max-width: 130px;
}

.pit-attribute-filter-dialog-jointype-combo {
	min-width: 170px;
	max-width: 170px;
}


/*********************************************************************/
/* SelectEntitySetDialog
/*********************************************************************/
.pit-select-entity-set-dialog-bttn {
	min-width: 150px;
}


/*********************************************************************/
/* InputValueDialog                    
/*********************************************************************/
.pit-input-value-dialog-prompt {
	min-width: 100px;
}


/*********************************************************************/
/* MessageBox Classform
/*********************************************************************/
.pit-messagebox {
	min-width: 250px;
	max-width: 50%;
	max-height: 50%;
}

.pit-messagebox-bttn {
	min-width: 70px;
	max-height: 2em;
}

.pit-messagebox-icon>img {
	max-height: 32px;
}


/*********************************************************************/
/* MessageBox Xt
/*********************************************************************/
.pit-msgbox {
	min-width: 250px;
	max-width: 50%;
	max-height: 50%;
}

.Wt-msgbox-icon {
	margin: auto 20px;
}

.Wt-msgbox-body {
	overflow: auto;
}


/*********************************************************************/
/* edit-textexport-descriptor-dialog                  
/*********************************************************************/
.pit-edit-textexport-descriptor-dialog-bttn {
	min-width: 130px;
}

.pit-edit-textexport-descriptor-dialog-label {
	min-width: 200px;
}


/*********************************************************************/
/* CPitFmFrontend_ExchangeAttributeDlg 
/*********************************************************************/
.pit-editexportfieldinfo-dialog-label {
	min-width: 200px;
}

.pit-editexportfieldinfo-dialog-editbttn {
	min-width: 30px;
	max-width: 30px;
	padding: 0px;
}

.pit-textexport-dialog-button {
	min-width: 200px;
}


/*********************************************************************/
/*CPitFmFrontend_ExchangeObjectDscrDlg
/*********************************************************************/
.pit-editclassexportdescriptor-dialog-label {
	min-width: 120px;
}

.pit-editclassexportdescriptor-dialog-table {
	min-height: 200px;
}


/*********************************************************************/
/* Drag and drop */
/*********************************************************************/
.pit-loading-indicator-foreground {
	z-index: 10001;
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	min-width: 60px;
	min-height: 40px;
	font-family: arial, sans-serif;
	text-align: center
}

.pit-loading-indicator-background {
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 10000;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	position: absolute;
}


/*********************************************************************/
/* Text alignment */
/*********************************************************************/
.pit-text-align-left {
	text-align: left !important;
}

.pit-text-align-right {
	text-align: right !important;
}

.pit-text-align-center {
	text-align: center !important;
}

.pit-text-align-justify {
	text-align: justify !important;
}


/*********************************************************************/
/* Font */
/*********************************************************************/
.pit-text-bold {
	font-weight: bold !important;
}

.pit-text-italic {
	font-style: italic !important;
}


/*********************************************************************/
/* rtf-view */
/*********************************************************************/
.pit-rtf-view {
	border-radius: 4px;
}

.pit-rtf-view img {
	max-height: unset;
}

/*********************************************************************/
/* searchbar des select-entity Dialoges */
/*********************************************************************/
.pit-search select {
	min-width: 170px;
}

textarea.form-control {
	resize: none;
}

.form-check {
	padding-left: 0px;
}

.form-check .form-check-input {
	float: left;
	margin-right: 13px;
	margin-left: 0px !important;
}


/*********************************************************************/
/* wichtige styles für svg */
/*********************************************************************/
.pit-svg-button {
	width: 2.5em;
	height: 1.8em;
	padding: 3px;
}

.pit-svg-button img {
	vertical-align: top;
	height: 100%;
}

.pit-svg-button-with-border {
	width: 2.5em;
	height: 1.8em;
	padding: 0px;
	border: solid 1px;
}

.pit-svg-text-button {
	padding: 2px 2px;
	max-height: 1.8em;
}

.pit-svg-text-button img {
	/*svg einpassen*/
	vertical-align: top;
	height: 100%;

	/*text vertikal zentrieren*/
	padding: 2px;

	/*bild nach links verschieben*/
	padding-left: 6px;
	float: left;
	position: relative;
}


/*********************************************************************/
/* TxTextControl / HTML-Viewer */
/*********************************************************************/
.pit-html-viewer,
.pit-html-viewer-content {
	height: 100%;
}

.pit-html-viewer-content {
	overflow: auto;
}

.pit-html-viewer-editBtn-wrapper {
	position: absolute;
	bottom: 0px;
	right: 0px;
	opacity: 0.8;
}

.pit-html-viewer-editBtn-wrapper .btn {
	padding: 0px;
	max-height: 19px;
}

.pit-select-tx-attribute {
	width: auto !important;
	height: auto !important;
}

.pit-select-tx-attribute .modal-content {
	box-sizing: content-box;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


/*********************************************************************/
/* color picker */
/*********************************************************************/
.colorpicker {
    display: flex;
    border-width: 1px;
    border-style: solid;
}

.colorpicker span {
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.colorpicker input {
    visibility: hidden;
    position: absolute;
}


/*********************************************************************/
/* XDateTimeEdit */
/*********************************************************************/
.pit-datetimeedit {
	padding: 0px;
    border: 0px;
    margin: 0px auto;
}


/*********************************************************************/
/* CTaskDialog */
/*********************************************************************/
.pit-taskdialog-mainicon img {
    min-height: 32px;
    min-width: 32px;
}

.pit-taskdialog-footericon img {
    min-height: 16px;
    min-width: 16px;
}


/*********************************************************************/
/* GroupBoxEx */
/*********************************************************************/
.pit-groupbox-ex {
	white-space: nowrap;
	overflow-x: clip;
	margin-top: 7px;
	pointer-events: none;
}

.pit-groupbox-ex span {
	position: absolute;
	top: -11px;
	left: 8px;
}

.pit-frame
{
	pointer-events: none;
}


/*********************************************************************/
/* CToolTipCtrl */
/*********************************************************************/
.pit-tooltipctrl {
	margin-top: 20px;
}

.pit-tooltipctrl img {
	margin-bottom: 4px;
	padding-right: 6px;
	width: 16px;
}


/*********************************************************************/
/* raster image control */
/*********************************************************************/
.pit-rasterimage {
	max-height: unset;
	object-fit: contain;
}

/*********************************************************************/
/* Toasts */
/*********************************************************************/
.e-toast-container .e-toast {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.e-toast-container .e-toast .e-toast-close-icon {
  width: 14px;
  height: 14px;
}

.toast-icon {
    font-size: 15px;
    position: relative;
    top: 2px;
}

.e-toast-container .e-toast .e-toast-message .e-toast-content {
  	padding: 7px 0 10px 0;
}

.toast-content {
  	display: flex;
  	align-items: flex-start; /* Wichtig bei mehrzeiligem Text */
  	gap: 10px;               /* Abstand zwischen Icon und Text */
}

.toast-message {
  flex: 1;                
  word-break: break-word; /* Optional für lange Wörter */
}



/*********************************************************************/
/* Animation Keyframes */
/*********************************************************************/
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.pit-table-menu-button-container {
	min-width: 18px;
	min-height: 18px;
	max-width: 18px;
	max-height: 18px;

	position: absolute;
	top: 3px;
	right: 5px;
}

.pit-table-template-wrapper div div div {
	height: 100%;
}

.pit-table-menu-button {
	border: unset;
	padding: 2px 2px;
}

.pit-table-menu-button.dropdown-toggle:after {
	display: none;
}

.pit-table-menu-button img {
	max-height: 16px;
    width: 16px !important;
}

.pit-pdfviewer-dialog
{
	height: 100%;
}