@charset "UTF-8";
:root {
  --main-background-color: #FFFFFF;
  --main-foreground-color: #383838;
  --main-border-color: #DDDDDD;
  --main-disable-background-color: #eaeaea;
  --main-disable-color: #505050;
  --main-selected-border-color: #FF0000;
  --main-selected-text-background-color: #3390ff;
  --contextmenu-selected-foreground-color: #FFFFFF;
  --contextmenu-selected-background-color: #4B89DC;
  --contextmenu-disable-foreground-color: #888888;
  --table-selected-background-color: #CDCDCD;
  --table-light-border-color: #F4F4F4;
  --tab-selected-color: #808080;
  --pit-sheet-background-color: rgb(250, 250, 250);
  --pit-tooltip-light-background-color: #FFFFFF;
  --pit-tooltip-light-color: #1F1F1F;
  --pit-tooltip-dark-background-color: #1F1F1F;
  --pit-tooltip-dark-color: #FFFFFF;
  --pit-overflowing-data-view-color: #ff50ff;
  --pit-filtered-view-color: #f2f21c;
}

body {
  background-color: var(--main-background-color);
  border-color: var(--main-border-color);
  /*works only in firefox*/
  scrollbar-color: #EEEEEE var(--main-background-color) !important;
}

a:hover {
  color: var(--main-foreground-color);
}

.pit-propertypage-container {
  background-color: var(--main-background-color);
  border: 1px solid var(--main-background-color);
}

/* mainmenu */
.navbar li > .dropdown-toggle::after {
  display: none;
}

.navbar li > .dropdown-toggle.active:hover {
  border-bottom: 0px;
}

.navbar {
  border-color: var(--main-background-color);
}
.navbar .dropdown-toggle > span,
.navbar .navbar-nav > li > a {
  color: var(--main-foreground-color) !important;
}
.navbar .navbar-nav > li:not(.pit-appmenu):hover {
  border-bottom: 3px solid var(--main-foreground-color);
}
.navbar .pit-appmenu {
  margin-top: -4px;
}
.navbar .pit-appmenu span {
  width: 68px;
  height: 24px;
}

.modal-content .pit-appmenu {
  display: none;
}

/* submenu und contextmenu */
.dropdown > a > span > span {
  color: var(--main-foreground-color);
}

.dropdown-menu {
  background-color: var(--main-background-color);
}
.dropdown-menu a {
  color: var(--main-foreground-color);
}
.dropdown-menu a span {
  color: var(--main-foreground-color);
}
.dropdown-menu .active a {
  color: var(--main-foreground-color);
  background-color: var(--contextmenu-selected-background-color);
}
.dropdown-menu .active a:hover {
  color: var(--contextmenu-selected-foreground-color);
  background-color: var(--contextmenu-selected-background-color);
}
.dropdown-menu .active a:hover > span > span,
.dropdown-menu .active a:hover .form-checkbox span {
  color: var(--contextmenu-selected-foreground-color);
}
.dropdown-menu .dropdown-divider {
  background-color: var(--main-border-color);
}
.dropdown-menu .disabled a span span,
.dropdown-menu .disabled a .form-checkbox span {
  color: var(--contextmenu-disable-foreground-color);
}
.dropdown-menu .disabled.active > a {
  color: var(--contextmenu-disable-foreground-color);
  background-color: var(--main-disable-background-color);
}
.dropdown-menu .disabled.active > a span span,
.dropdown-menu .disabled.active > a .form-checkbox span {
  color: var(--contextmenu-disable-foreground-color) !important;
}

/* Labels */
span {
  color: var(--main-foreground-color);
}

/* TabWidget */
.nav-tabs {
  border-bottom: 1px solid var(--main-border-color);
  background-color: var(--main-background-color);
}
.nav-tabs > li > .nav-link {
  background-color: var(--main-background-color);
  border-bottom: 3px solid var(--main-background-color);
}
.nav-tabs > li > .nav-link span {
  color: var(--tab-selected-color);
}
.nav-tabs > li.active > .nav-link,
.nav-tabs li:hover > .nav-link,
.nav-tabs > li.active > .nav-link:focus {
  background-color: var(--main-background-color) !important;
  border-color: transparent !important;
  border-bottom-color: var(--main-selected-border-color) !important;
  border-bottom: 3px solid;
}
.nav-tabs > li.active > .nav-link span,
.nav-tabs li:hover > .nav-link span,
.nav-tabs > li.active > .nav-link:focus span {
  color: var(--main-foreground-color);
}

.nav-tabs:empty {
  border-bottom: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: var(--main-background-color) !important;
  border-color: transparent;
  border-bottom-color: var(--main-selected-border-color);
  border-bottom: 3px solid;
}

.nav-pills > li > .nav-link {
  border-radius: 0px;
  background-color: var(--main-background-color);
  border-bottom: 3px solid var(--main-background-color);
}
.nav-pills > li > .nav-link span {
  color: var(--tab-selected-color);
}
.nav-pills > li.active > .nav-link,
.nav-pills li:hover > .nav-link,
.nav-pills > li.active > .nav-link:focus {
  background-color: var(--main-background-color) !important;
  border-color: transparent !important;
  border-bottom-color: var(--main-selected-border-color) !important;
  border-bottom: 3px solid;
}
.nav-pills > li.active > .nav-link span,
.nav-pills li:hover > .nav-link span,
.nav-pills > li.active > .nav-link:focus span {
  color: var(--main-foreground-color);
}

/* Tabbar */
ul.pit-tabbar li.active {
  background-color: var(--main-background-color);
}

/* treeview */
.Wt-treeview {
  background-color: var(--main-background-color);
  border-color: var(--main-background-color);
  outline: none;
}
.Wt-treeview .Wt-header {
  background-color: var(--main-background-color);
  border: none;
}
.Wt-treeview .Wt-end {
  border-left: 3px solid var(--main-background-color);
  background: none;
}
.Wt-treeview .Wt-end .Wt-ctrl.collapse {
  background: url(/images/chevron-down.svg) no-repeat 0;
  background-size: 16px 16px;
}
.Wt-treeview .Wt-end .Wt-ctrl.expand {
  background: url(/images/chevron-right.svg) no-repeat 0;
  background-size: 16px 16px;
}
.Wt-treeview ul .Wt-trunk {
  background-image: none;
}
.Wt-treeview ul .Wt-trunk .Wt-item {
  border-left: 3px solid var(--main-background-color);
}
.Wt-treeview ul .Wt-ctrl.noexpand {
  background: none;
}
.Wt-treeview ul .Wt-ctrl.collapse {
  background: url(/images/chevron-down.svg) no-repeat 0;
  background-size: 16px 16px;
}
.Wt-treeview ul .Wt-ctrl.expand {
  background: url(/images/chevron-right.svg) no-repeat 0;
  background-size: 16px 16px;
}
.Wt-treeview ul .Wt-tv-c {
  border: none;
}
.Wt-treeview .active {
  background-color: var(--main-background-color) !important;
  color: var(--main-foreground-color);
  border-left-color: var(--main-selected-border-color) !important;
  font-weight: bold;
}
.Wt-treeview .active > div > span {
  color: var(--main-foreground-color);
}

.pit-maintree .Wt-treeview {
  color: var(--main-foreground-color);
  background-color: var(--main-background-color) !important;
}

.modal-content .Wt-treeview {
  border: 1px solid var(--main-border-color);
}

/* tableview */
.Wt-tableview {
  background-color: var(--main-background-color);
  border-color: var(--table-light-border-color);
}
.Wt-tableview .Wt-header {
  background-color: var(--main-background-color);
  border-bottom-color: var(--main-border-color);
}
.Wt-tableview .Wt-tv-br {
  border-right-color: var(--table-light-border-color);
}
.Wt-tableview .Wt-tv-contents {
  background-color: var(--main-background-color);
  color: var(--main-foreground-color);
}
.Wt-tableview .Wt-tv-contents .Wt-tv-c {
  border-right-color: var(--table-light-border-color);
  border-bottom: 1px solid var(--main-border-color);
}
.Wt-tableview .Wt-tv-contents .Wt-tv-c.active {
  background-color: var(--table-selected-background-color) !important;
}
.Wt-tableview .Wt-plaintable td,
.Wt-tableview .Wt-plaintable th {
  border-right-color: var(--table-light-border-color);
  border-bottom: 1px solid var(--main-border-color);
}

.Wt-itemview .active {
  text-shadow: none;
  background-color: var(--table-selected-background-color);
  color: var(--main-foreground-color);
}

.Wt-label {
  color: var(--main-foreground-color);
}

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

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

/* splitter */
.Wt-vrh2 {
  background-color: #EEEEEE;
}

.Wt-hrh2 {
  background-color: #EEEEEE;
}

/* Buttons */
.btn-toolbar .btn-secondary,
.btn-toolbar .btn,
.btn-secondary,
.btn-secondary .colorpicker {
  border-color: var(--main-border-color) !important;
  border-radius: unset;
}

.btn-secondary.pit-svg-button {
  border: none;
  background-color: var(--main-background-color);
}

.btn-secondary.pit-svg-button.active {
  background-color: #9f9e9e;
}

.btn-primary {
  color: var(--contextmenu-selected-background-color);
  background-color: var(--main-background-color);
  border-color: var(--contextmenu-selected-background-color);
  border-radius: unset;
}

.btn-primary:hover {
  color: var(--main-background-color);
  background-color: var(--contextmenu-selected-background-color);
  border-color: var(--contextmenu-selected-background-color);
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: var(--main-background-color);
  box-shadow: unset;
  background-color: var(--contextmenu-selected-background-color);
  border-color: var(--contextmenu-selected-background-color);
}

.btn-secondary {
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
}

.btn-secondary:hover {
  color: var(--main-foreground-color);
  background-color: var(--table-selected-background-color);
  border-color: var(--main-border-color) !important;
}

.btn-secondary:active,
.btn-secondary:focus {
  background-color: var(--table-selected-background-color) !important;
  border-color: var(--main-border-color) !important;
  color: var(--main-foreground-color);
  box-shadow: unset;
}

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
  box-shadow: unset;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed !important;
  filter: alpha(opacity=40);
  box-shadow: none;
  opacity: 0.4;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  pointer-events: all;
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
  border-color: var(--main-border-color) !important;
}

.btn[disabled]:hover {
  background-color: var(--main-background-color);
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.form-control,
.form-select {
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
  border-color: var(--main-border-color);
  border-radius: unset;
}

.form-select:disabled {
  background-color: var(--main-disable-background-color);
}

.form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, fieldset[disabled] .form-control::-moz-placeholder {
  background-color: var(--main-disable-background-color);
  color: var(--main-disable-color);
  opacity: 1;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control[disabled]::placeholder,
.form-control[readonly]::placeholder,
fieldset[disabled] .form-control::placeholder {
  background-color: var(--main-disable-background-color);
  color: var(--main-disable-color);
  opacity: 1;
}

.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
  background-color: var(--main-disable-background-color);
  color: var(--main-disable-color);
  opacity: 1;
}

.form-control:focus,
.form-select:focus {
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  background-image: unset;
}

select.form-control.is-invalid,
.was-validated select.form-control:invalid,
select.form-select.is-invalid:not([multiple]):not([size]),
select.form-select.is-invalid:not([multiple])[size="1"],
.was-validated select.form-select:invalid:not([multiple]):not([size]),
.was-validated select.form-select:invalid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25);
}

.form-check-input[type=checkbox] {
  border-radius: 0rem;
  border-color: var(--table-selected-background-color);
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  opacity: 1;
}

.form-check-input:disabled {
  opacity: 1;
  background-color: var(--main-disable-background-color) !important;
}

.form-check-input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23383838' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
}

.form-check-input[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23383838' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
  border-color: var(--main-border-color);
}

.form-check-input[type=checkbox]:focus {
  box-shadow: none;
}

.pit-sheet-edit-button button {
  border-left: none;
}

/* panels */
.accordion-button.collapsed,
.accordion-button:not(.collapsed) {
  color: var(--main-foreground-color);
  background-color: var(--main-background-color);
  border-color: var(--main-border-color);
  box-shadow: unset;
}

.accordion-button:focus {
  box-shadow: unset;
}

.accordion-item {
  background-color: var(--main-background-color);
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.accordion-item:first-of-type {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.accordion-item.accordion-button {
  border: none;
  border-bottom: 1px solid var(--main-border-color);
}

/* dialoge */
.modal-content,
.modal-header,
.modal-footer {
  background-color: var(--main-background-color);
  color: var(--main-foreground-color);
}

.modal-header h4 {
  background-color: var(--main-background-color);
  color: var(--main-foreground-color);
}

.close {
  color: var(--main-foreground-color);
}

.close:hover,
.close:focus {
  color: var(--main-disable-color);
}

/* Dropzone */
.Wt-filedropzone {
  background-color: inherit;
  border: unset;
}

.Wt-filedropzone.Wt-dropzone-hover {
  outline: 2px dashed var(--main-selected-border-color) !important;
  outline-offset: -3px;
}

.Wt-filedropzone.pit-dragenter {
  outline: 2px dashed var(--main-border-color);
  outline-offset: -3px;
}

.Wt-filedropzone.pit-dragenter * {
  pointer-events: none;
}

.Wt-filedropzone.Wt-dropzone-hover * {
  pointer-events: none !important;
}

/* ########################################################################## */
.pit-frame {
  border: 1px solid #696969;
}

.pit-groupbox-ex {
  border: 1px solid #dcdcdc;
}
.pit-groupbox-ex span {
  background-color: var(--main-background-color);
}

.pit-contentview {
  background-color: var(--main-background-color);
}

.pit-contentviewhost {
  border-top: 6px solid #EEEEEE;
}

.pit-contentviewcontainer {
  background-color: var(--main-background-color);
}

.pit-content-panel-header {
  background-color: var(--main-background-color);
  color: var(--main-foreground-color);
  border-bottom: 1px solid var(--main-border-color);
}
.pit-content-panel-header span {
  background-color: var(--main-background-color);
  color: var(--main-foreground-color);
  font-weight: bold;
}

.pit-contentview .pit-header,
.pit-maintree .pit-header {
  color: var(--main-foreground-color);
  background-color: var(--main-border-color);
  font-weight: bold;
}

.pit-sheet .pit-page {
  background-color: var(--main-background-color);
}

.pit-rasterimage {
  border: solid var(--main-border-color) 1px;
}

.pit-hline {
  border-top: solid var(--main-border-color) 1px;
}

.pit-vline {
  border-left: solid var(--main-border-color) 1px;
}

.Wt-invalid {
  background-color: #f7dada;
}

.pit-layout-design-tile-group {
  border: 1px solid gainsboro;
}

.pit-layout-design-tile {
  background-color: gainsboro;
}

.pit-layout-design-content-title {
  background-color: #cc0000;
  color: white;
}
.pit-layout-design-content-title span {
  color: white;
}

.pit-layout-design-content {
  border: 1px solid gainsboro;
}

.pit-filter-frame {
  border: 0px solid gray;
}

.pit-filter-additional-controls-container {
  border-top: 1px solid gray;
}

.pit-inputfilter-checkbutton {
  border: 1px solid gainsboro;
}

.pit-filter-groupbox-top {
  font-weight: bold;
  border-bottom: 1px solid gray;
}

.pit-filter-groupbox-bottom {
  border-top: 1px solid gray;
}

.pit-panel-menu-bttn {
  background-color: #EEEEEE !important;
}

.pit-test-frame {
  border: 1px solid gray;
}

/* options dialog */
.pit-options-groupbox-label {
  border-bottom: solid 1px gray;
}

/* Property Grid */
.pit-propertygrid-group-header {
  background-color: #EEEEEE;
}

.pit-propertygrid-value {
  background-color: var(--main-background-color);
}

.pit-propertygrid-comment {
  border: solid 1px gray;
}

/* Statusbar */
.pit-statusbar {
  border-top: 1px solid gray;
  background-color: var(--main-background-color);
}
.pit-statusbar .pit-indicator-pane {
  border-left: 1px solid gray;
}
.pit-statusbar .pit-indicator-pane.pit-begingroup {
  border-left: 1px solid gray;
}
.pit-statusbar .pit-indicator-pane.pit-alarm.pit-noitems {
  background-color: #00ff00;
}
.pit-statusbar .pit-indicator-pane.pit-alarm.pit-hasitems {
  color: #000000;
  background-color: #ff8000;
}

/* Drag and drop */
.pit-drop-accepted {
  /* TODO set correct values */
  border: 1px solid Lime;
}

.pit-loading-indicator-foreground {
  background: white;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  border: 0px solid #333333;
}

.pit-loading-indicator-background {
  background: var(--main-border-color);
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

/* Toast */
.e-toast-container .e-toast.e-toast-danger {
  background-color: red !important;
}
.e-toast-container .e-toast.e-toast-warning {
  background-color: orange !important;
}
.e-toast-container .e-toast.e-toast-success {
  background-color: rgb(51, 175, 2) !important;
}
.e-toast-container .e-toast.e-toast-info {
  background-color: rgb(2, 120, 175) !important;
}
.e-toast-container .e-toast.e-warning {
  color: white !important;
}
.e-toast-container .e-toast .e-toast-progress {
  background-color: white !important;
}
.e-toast-container .e-toast .e-toast-close-icon {
  opacity: 1;
}
.e-toast-container .e-toast .e-toast-close-icon.e-icons:hover, .e-toast-container .e-toast .e-toast-close-icon.e-icons:focus {
  background-color: unset !important;
  color: #fff !important;
  border-radius: unset !important;
}
.e-toast-container .e-toast .toast-content {
  color: #fff;
}
.e-toast-container .e-toast .toast-content span {
  color: #fff;
}

.e-formProperties:before {
  content: "\e199";
}

/*  Ausgelagerte PITFM-SYSTEMCOLORS */
/*  Pflichtfelder auf der Eingabemaske */
.PITFM_TEXTCOLOR_LABEL_NEEDED_EMPTY > span {
  color: red;
}

/*Pflichtfeldfarbe für EditFelder*/
.PITFM_BGCOLOR_NEEDED_EMPTY > div > div > div > input {
  /*background-color: red;*/
}

/* rtf-view */
.pit-rtf-view {
  border: 1px solid var(--main-border-color);
  background-color: var(--main-background-color);
  border-radius: inherit;
}

/* style für das logo in der Toolbar im toolbaronly modus */
.pit-toolbar-logo {
  pointer-events: none;
}

/* Tooltip */
.tooltip {
  --bs-tooltip-max-width: 500px;
}

/* Light mode */
@media (prefers-color-scheme: light) {
  .tooltip-inner {
    background-color: var(--pit-tooltip-light-background-color);
    color: var(--pit-tooltip-light-color);
    border-radius: 0;
    border: 1px solid;
  }
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
  .tooltip-inner {
    background-color: var(--pit-tooltip-dark-background-color);
    color: var(--pit-tooltip-dark-color);
    border-radius: 0;
    border: 1px solid gainsboro;
  }
}/*# sourceMappingURL=pit-ui-default.wt.css.map */