@charset "UTF-8";
/* Site Variables
-------------------------------------------------*/
:root {
  /* var(--cytan-blue); */
  --cytan-blue: #DAEAF4;
  --cytan-blue-lighter: hsl(from var(--cytan-blue) h s calc(l + 5));
  --cytan-blue-darker: hsl(from var(--cytan-blue) h s calc(l - 5));
}

/* Site Styles
-------------------------------------------------*/
.pre-line {
  white-space: pre-line;
}

.cytan-row-mb {
  margin-bottom: 0.3rem !important;
}

.cytan-row-mb-2 {
  margin-bottom: 0.5rem !important;
}

.text-cursor {
  cursor: text;
}

.check-input-container {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

/* Edit Offcanvans
-------------------------------------------------*/
.offcanvas.offcanvas-edit .offcanvas-header {
  height: var(--ct-topbar-height);
}

.offcanvas.offcanvas-edit {
  max-height: 100vh;
  overflow-y: auto;
}

/* bootstrap breakpoints */
/*	xs: 0,			*/
/*	sm: 576px,		*/
/*	md: 768px,		*/
/*	lg: 992px,		*/
/*	xl: 1200px,		*/
/*	xxl: 1400px,	*/
/*  full-HD: 1920px */
/* 0 to md size is fullscreen */
@media screen and (max-width: 768px) {
  .offcanvas.offcanvas-edit {
    width: 100vw;
  }
}
/* md to xxl */
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .offcanvas.offcanvas-edit {
    width: calc(100vw - var(--ct-leftbar-width-sm));
  }
}
/* xxl to full-HD */
@media screen and (min-width: 1140px) and (max-width: 1920px) {
  .offcanvas.offcanvas-edit {
    width: calc(100vw - var(--ct-leftbar-width));
  }
}
/* full-HD and larger */
@media screen and (min-width: 1920px) {
  .offcanvas.offcanvas-edit {
    width: 70vw;
  }
}
/* Theme Settings
-------------------------------------------------*/
.theme-settings-header {
  height: var(--ct-topbar-height);
}

/* Sucher Box Styles
-------------------------------------------------*/
.searcherBox-displayText {
  white-space: pre-wrap;
  font-size: 0.875em;
}

.searcherBox-minHeight {
  min-height: 170px;
}

.searcherBox-border {
  border: 1px solid lightgray;
  border-collapse: separate;
  border-radius: 3px;
}

.searcherBox-Title {
  padding: 1px;
}

/* Info Box Styles
-------------------------------------------------*/
.info-box {
  box-shadow: var(--ct-box-shadow);
  margin-top: 0.25rem;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
  margin-bottom: 0rem;
}

html[data-bs-theme=light] .info-box-theme {
  background-color: var(--ct-gray-100);
}

html[data-bs-theme=dark] .info-box-theme {
  background-color: var(--ct-gray-800);
}

html[data-bs-theme=light] .info-box-theme-default {
  background-color: var(--ct-gray-200);
}

html[data-bs-theme=dark] .info-box-theme-default {
  background-color: var(--ct-gray-800);
}

.info-box-body {
  padding: 0.25rem;
  padding-bottom: 0;
  padding-right: 1.5rem;
  border: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color);
  font-size: 0.85em;
  position: relative; /* für absolute Positionierung des Buttons */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: max-height 0.1s ease;
  max-height: 1.6rem; /* eine Zeile */
}

.info-box-body.expanded {
  white-space: normal;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 10rem; /* max expanded */
}

.info-box-toggle-btn {
  position: absolute;
  top: 0.25rem;
  right: 0;
  z-index: 1;
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1;
  color: var(--ct-link-color);
}

.info-box-toggle-btn:hover {
  color: var(--ct-link-hover-color);
}

.info-box-cell {
  display: flex;
}

.info-box-title {
  margin-right: 0.25rem;
  white-space: nowrap;
}

.info-box-text {
  font-weight: bold;
  margin-right: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* User Task Notification Styles
-------------------------------------------------*/
.usertask-list-item {
  background-color: var(--ct-tertiary-bg);
}

.usertask-list-description {
  white-space: normal;
}

.usertask-notification-item {
  background-color: var(--ct-tertiary-bg);
}

.usertask-notification-describtion {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}

/* Grid Card Styles
-------------------------------------------------*/
.card-grid {
  width: 20rem;
  font-size: 0.85em;
}

.card-body {
  padding: 0.75rem;
}

.card-scrollable {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 0.75rem;
}

/* Button Styles
-------------------------------------------------*/
.excel-color {
  color: #217346;
}

.btn-excel {
  color: #fff;
  background-color: #217346;
  border-color: #217346;
}

.btn-excel:hover {
  color: #fff;
  background-color: #004B1C;
  border-color: #004B1C;
}

/* Position Styles
-------------------------------------------------*/
.position-bottom {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* Service Styles
-------------------------------------------------*/
.service-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.service-header {
  min-height: 50px;
}

.service-content {
  flex-grow: 1;
  padding-bottom: 80px;
}

.service-footer {
  border-top: 1px solid rgba(138, 150, 156, 0.2);
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  position: relative;
  bottom: 0px;
}

/* Reporting Styles
-------------------------------------------------*/
.reporting-viewer-footer {
  border-top: 1px solid rgba(138, 150, 156, 0.4);
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  position: relative;
  bottom: 0px;
}

/* DetailTab Menu
-------------------------------------------------*/
.tab {
  padding-top: 0.5em;
}

.detailTabMenu {
  padding-top: 0.25rem;
  padding-left: 1rem;
}

html[data-bs-theme=light] .detailTabMenu-theme {
  background: linear-gradient(to bottom, transparent 33%, var(--cytan-blue-lighter));
}

html[data-bs-theme=dark] .detailTabMenu-theme {
  background: linear-gradient(to bottom, transparent 33%, rgba(100, 100, 100, 0.25));
}

/* DropDown Menu Group and Sub Menu
-------------------------------------------------*/
.dropdown-subgroup-item-toggle-right::after {
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: 0.15em;
  content: "";
  border-top: 0.25em solid transparent;
  border-right: 0;
  border-bottom: 0.25em solid transparent;
  border-left: 0.25em solid;
}

.dropdown-menu .dropdown-subgroup-item {
  position: relative;
}

.dropdown-subgroup-item {
  position: relative;
}

/* Regeln für Mobilgeräte (Bildschirmbreite bis 767px) */
@media only screen and (max-width: 767px) {
  .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: auto;
    top: 100%;
  }
}
/* Regeln für Tablets und Desktops (Bildschirmbreite ab 768px) */
@media only screen and (min-width: 768px) {
  .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 95%;
    top: -50%;
  }
}
.dropdown-menu .dropdown-submenu-left {
  right: 95%;
  left: auto;
}

/* Displays Submenu when mouse hovers item */
.dropdown-menu .dropdown-subgroup-item:hover > .dropdown-submenu {
  display: block;
}

/* Displays Submenu when item has show class*/
.dropdown-menu .dropdown-submenu.show {
  display: block;
}

.nav-item-submenu {
  padding-top: 0;
  padding-bottom: 0;
}

/* Override
-------------------------------------------------*/
/* Override Grid Styles
-------------------------------------------------*/
.ui-igcheckbox-container > span {
  border: 2px solid gray;
}

/* Override Checkbox hover and active state*/
.ui-state-active .ui-icon,
.ui-state-active.ui-state-hover .ui-icon {
  color: gray !important;
}

/* Column Header */
.ui-iggrid-headertext {
  font-size: 0.9em !important;
  font-weight: bold !important;
}

/* Column Header with Sort */
.ui-iggrid-sortableheader {
  font-size: 0.75em !important;
  font-weight: bold !important;
}

/* Paging Header */
.ui-iggrid-toolbar {
  font-size: 0.8em !important;
  padding-top: 0.3em !important;
  padding-bottom: 0em !important;
}

/* Paging Footer */
.ui-iggrid-footer {
  font-size: 0.8em !important;
  padding-top: 0.2em !important;
  padding-bottom: 0.3em !important;
}

.ui-iggrid-summaries-footer-text-container {
  font-size: 0.6em !important;
}

/* Header Gear Icon */
.ui-iggrid th.ui-widget-header .ui-icon {
  color: var(--ct-gray-700) !important;
}

.ui-icon-circle-close {
  margin-top: -0.6em !important;
}

.ui-iggrid-deleteicon {
  margin-bottom: 0.6em !important;
  margin-left: -0.5em !important;
}

/* Cells, Content */
.ui-iggrid-record {
  font-size: 0.75em;
}

/* Bearbeitete Row */
html[data-bs-theme=light] .ui-iggrid-modifiedrecord > td {
  color: var(--ct-gray-800) !important;
}

html[data-bs-theme=dark] .ui-iggrid-modifiedrecord > td {
  color: var(--ct-gray-200) !important;
}

/* Fokusiere aber nicht aktive Rows */
html[data-bs-theme=light] .ui-iggrid tr.ui-state-focus {
  color: var(--ct-gray-800);
}

html[data-bs-theme=dark] .ui-iggrid tr.ui-state-focus {
  color: var(--ct-gray-200);
}

/* Infragistics Combo Eingabe (Neue Row, Edit Row) */
html[data-bs-theme=dark] .ui-igcombo-field {
  color: var(--ct-gray-800) !important;
  background-color: var(--ct-gray-500);
}

html[data-bs-theme=dark] .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable {
  background-color: #444444;
}

/* Infragistics Input Eingabe (Neue Row, Edit Row) */
html[data-bs-theme=dark] .ui-igedit-input {
  color: var(--ct-gray-800) !important;
  background-color: var(--ct-gray-500);
}

/* Infragistics Filter Platzhalter Text */
html[data-bs-theme=light] .ui-igedit-placeholder::placeholder {
  color: var(--ct-gray-800);
}

html[data-bs-theme=dark] .ui-igedit-placeholder::placeholder {
  color: var(--ct-gray-900);
}

/* Infragistics Filter Clear Icon */
html[data-bs-theme=dark] .ui-igedit-cleararea.ui-state-hover, .ui-igedit.ui-state-hover .ui-igedit-cleararea {
  background-color: var(--ct-primary) !important;
}

html[data-bs-theme=dark] .ui-igedit-cleararea.ui-state-focus, .ui-igedit.ui-state-focus .ui-igedit-cleararea {
  background-color: var(--ct-primary) !important;
}

/* Infragistics Scrollbar */
html[data-bs-theme=dark] .igscroll-touchscrollable {
  background-color: #444444;
}

/* Feature Chooser */
/* Feature Chooser - Box */
.ui-igpopover > .ui-widget-content {
  padding: 2px !important;
  background-color: var(--ct-primary) !important;
}

.ui-igpopover-arrow-top {
  border-bottom-color: var(--ct-primary) !important;
}

/* Feature Chooser - Elemente */
.ui-iggrid-featurechooser-list li.ui-iggrid-featurechooser-separator {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

html[data-bs-theme=dark] .ui-iggrid-featurechooser-list-submenu li.ui-state-default {
  color: var(--ct-gray-500);
}

html[data-bs-theme=dark] .ui-iggrid-featurechooser-list-submenu li.ui-state-hover {
  color: var(--ct-gray-800);
}

.ui-igtrialwatermark {
  width: 0 !important;
  height: 0 !important;
}

/* Column Chooser */
.ui-iggrid-dialog {
  font-size: 0.75em !important;
}

.ui-dialog-content {
  padding-right: 0.4em !important;
  padding-left: 0.4em !important;
}

/* Override Bootstrap Styles
-------------------------------------------------*/
.modal-lg {
  max-width: 75%;
}

/* Devexpress
-------------------------------------------------*/
html[data-bs-theme=light] .devexpress-container {
  background-color: #FAFAFA;
}

html[data-bs-theme=dark] .devexpress-container {
  background-color: #444444;
}

.devexpress-dropdown {
  margin: 0;
  height: 26px !important;
  border-radius: 4px;
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.devexpress-label {
  font-size: 11px;
  padding-top: 5px;
}

.devexpress-checkbox-label {
  font-size: 11px;
  padding-bottom: 5px;
}

/* Override app Styles
-------------------------------------------------*/
/* Problem mit weisser color beim condensed Menu. Regel für Weisse color mit currentColor ignorieren*/
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
  color: currentColor;
}

/* Problem mit rechter Scrollbar. Diese erscheint im Original Style mit - 2px */
.content-page {
  min-height: calc(100vh - var(--ct-topbar-height) - 4px);
}

/* Print Styles
-------------------------------------------------*/
@media print {
  .print-invisible {
    display: none;
  }
  .print-grid td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
  }
  .print-grid th {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9pt;
    white-space: nowrap;
  }
  .print-grid-full-lines td, .print-grid-full-lines th {
    border: 1px solid lightgray;
  }
}
@media screen {
  .print-visible {
    display: none;
  }
}