:root {
  --desktop-width-threshold: 1703px;
  --responsive-compact-threshold: 1112px;
  --mobile-width-threshold: 768px;
}
:root {
  --theme-color-rgb: 244, 144, 37;
  --theme-color-dark-rgb: 235, 137, 32;
  --theme-color-darkest-rgb: 170, 94, 16;
  --theme-color: rgb(var(--theme-color-rgb));
  --theme-color-dark: rgb(var(--theme-color-dark-rgb));
  --theme-color-darkest: rgb(var(--theme-color-darkest-rgb));
  --black: #000000;
  --borders: #dcdcdc;
  --grey-background: #f0f0f0;
  --grey-background-light: #fafafa;
  --grey-content-dark: #333333;
  --grey-content: #707070;
  --grey-content-light: #b4b4b4;
  --shadow-color: rgba(0, 0, 0, 0.16);
  --white: #ffffff;
  --white-hover: rgba(255, 255, 255, 0.3);
}
:root {
  --saveAreaTop: env(save-area-inset-top, 0);
  --saveAreaLeft: env(safe-area-inset-left, 0);
  --saveAreaRight: env(safe-area-inset-right, 0);
  --saveAreaBottom: env(safe-area-inset-bottom, 0);
  --content-section-padding-top: 10px;
  --content-section-smaller-padding-top: 10px;
  --content-section-bigger-padding-top: 0px;
  --content-section-padding-bottom: 30px;
  --content-section-enabled-mobile-toolbar-padding: 70px;
  --content-section-disabled-mobile-toolbar-padding: 30px;
  --content-section-padding-left: 30px;
  --content-section-padding-right: 30px;
  --content-section-padding-vertical: calc(var(--content-section-padding-top) + var(--content-section-padding-bottom));
  --content-section-padding-horizontal: calc(var(--content-section-padding-left) + var(--content-section-padding-right));
}
:root section#content-section.bigger {
  --content-section-padding-top: var(--content-section-bigger-padding-top);
}
@media (max-width: 1703px) {
  :root section#content-section.mobile-toolbar-disabled {
    --content-section-padding-bottom: var(--content-section-disabled-mobile-toolbar-padding);
  }
}
@media (max-width: 1112px) {
  :root section#content-section.mobile-toolbar-disabled {
    --content-section-disabled-mobile-toolbar-padding: 20px;
  }
}
@media (max-width: 1703px) {
  :root {
    --content-section-enabled-mobile-toolbar-padding: 70px;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  :root {
    --content-section-padding-top: 0px;
    --content-section-smaller-padding-top: 0px;
    --content-section-padding-left: 10px;
    --content-section-padding-right: 10px;
  }
}
:root {
  --nav-collapsed-width: 72px;
  --nav-expanded-width: 250px;
  --nav-width: 72px;
  --header-height: 77px;
  --section-toolbar-big-height: 75px;
  --section-toolbar-small-height: 60px;
  --section-toolbar-height: 75px;
  --responsive-toolbar-height: 50px;
  --content-section-content-width: calc(100vw - var(--nav-width) - var(--content-section-padding-horizontal));
  --content-section-content-height: calc(var(--100vh, 100vh) - var(--header-height) - var(--section-toolbar-height) - var(--content-section-padding-vertical) - var(--saveAreaBottom, 0px));
}
@media (max-width: 1703px) {
  :root {
    --content-section-content-width: calc(100vw - var(--content-section-padding-horizontal));
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  :root {
    --header-height: 60px;
    --content-section-content-width: calc(100vw - var(--content-section-padding-horizontal) - 20px);
  }
}
:root {
  --font-general: 'Open Sans', Arial, Verdana, sans-serif;
  --font-devexpress: 'Roboto Regular', Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
  --font-body: Arial, Verdana, sans-serif;
  --font-icons: Maintis-icons;
}
:root {
  --default-border-radius: 5px;
  --default-animation-time: 0.2s;
}
:root {
  /*#region Layout*/
  --z-index-navigation: 5000;
  --z-index-responsive-navigation-buffer: 1000;
  --z-index-desktop-submenu-above-gridview-loading-panel: 400000;
  /*#endregion*/
  /*#region Popup*/
  --z-index-responsive-popup: calc(var(--z-index-navigation) + 1);
  /*#endregion*/
  /*#region Toolbar*/
  --z-index-toolbar: 2;
  --z-index-section-toolbar: calc(var(--z-index-toolbar) + 1);
  --z-index-hidden-content: var(--z-index-toolbar);
  --z-index-grouped-action-links-responsive: calc(var(--z-index-hidden-content) + 1);
  /*#endregion*/
  /*#region Toolset*/
  --z-index-toolset: 1;
  --z-index-toolset-on-top: calc(var(--z-index-toolset) + 1);
  /*#endregion*/
  /*#region Sticky*/
  --z-index-sticky-action-link-container: var(--z-index-toolbar);
  --z-index-sticky-caption: calc(var(--z-index-sticky-action-link-container) + 1);
  --z-index-sticky-form-container: var(--z-index-toolbar);
  /*#endregion*/
  /*#region Filters*/
  --z-index-filter-button: calc(var(--z-index-toolbar) + 1);
  --z-index-filter-pane: calc(var(--z-index-filter-button) + 1);
  /*#endregion*/
  /*#region Notifications*/
  --z-index-notification: calc(var(--z-index-responsive-popup) + var(--z-index-responsive-navigation-buffer));
  /*#endregion*/
}
@media (max-width: 1703px) {
  :root {
    --z-index-sticky-caption: 0;
  }
}
.maintis-old {
  /* --------------------------- DevExpress --------------------------- */
  /* Controls */
  /* Style Tweaks */
  /*This is needed for resizing a memo control */
  /* Max width fix for comboboxen in modal mode */
  /* --------------------------- Splitter Content --------------------------- */
  /* ------------------------------ Vertical Tab Content --------------------------------- */
}
.maintis-old .button {
  padding: 10px 14px !important;
  border-radius: 5px !important;
  float: left !important;
  font-weight: bold !important;
  color: #fff !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: auto !important;
  margin-top: 30px !important;
  border: 0 !important;
}
.maintis-old .default-label {
  color: var(--grey-content-light);
  display: flex;
  align-items: center;
  font-size: 14px;
}
.maintis-old .dxeBase_Material.default-label {
  color: var(--grey-content-light);
  display: flex;
  align-items: center;
  font-size: 14px;
}
.maintis-old label.default-label {
  color: var(--grey-content-light);
  display: flex;
  align-items: center;
  font-size: 14px;
}
.maintis-old .caption-display,
.maintis-old label.caption-display {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--grey-content-light);
}
.maintis-old .value-display,
.maintis-old span.value-display {
  color: var(--grey-content);
  font-weight: normal;
  font-size: 14px;
}
.maintis-old .numeric-total,
.maintis-old span.numeric-total {
  color: var(--grey-content);
  font-weight: normal;
  padding-top: 5px;
  font-weight: bold;
  border-top: 1px solid var(--grey-content-light);
}
.maintis-old .numeric-total:not(:last-child),
.maintis-old span.numeric-total:not(:last-child) {
  padding-bottom: 10px;
}
.maintis-old .clamped-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--collapsed-line-count, 3);
  -webkit-box-orient: vertical;
}
.maintis-old .read-more-button {
  color: var(--theme-color);
  text-decoration: none;
  cursor: pointer;
}
.maintis-old .read-more-button.hidden {
  display: none;
}
@media (hover: hover) {
  .maintis-old .read-more-button:hover {
    text-decoration: underline;
  }
}
@media (pointer: coarse) {
  .maintis-old .read-more-button {
    display: inline-block;
    padding-bottom: 10px;
  }
}
.maintis-old .default-textbox {
  padding: 0px !important;
  border-width: 1px !important;
  border-color: #cccccc !important;
}
.maintis-old .default-textarea {
  padding: 0px !important;
  border-width: 1px !important;
  border-color: #cccccc !important;
}
.maintis-old .default-spinedit {
  padding: 0px !important;
  border-width: 1px !important;
  border-color: #cccccc !important;
}
.maintis-old .no-borders,
.maintis-old table.no-borders tr,
.maintis-old table.no-borders td,
.maintis-old table.no-borders td.dxgv,
.maintis-old table.no-borders .dxgvDataRow_Material:last-child td.dxgv {
  border: none !important;
  box-shadow: none !important;
  padding: 5px;
}
.maintis-old .button-shadow {
  box-shadow: 0px 0px 0px 0 var(--shadow-color), 0 0px 5px 0 rgba(0, 0, 0, 0.12) !important;
}
.maintis-old .no-shadow {
  box-shadow: none !important;
}
.maintis-old .dxtlDataTable {
  box-shadow: none !important;
}
.maintis-old .dxeMemoEditAreaSys {
  resize: vertical !important;
  min-height: 100px;
}
.maintis-old .dxlp-loadingImage {
  border-color: var(--theme-color) !important;
  border-top: 4px solid #EEE !important;
}
.maintis-old [class^="dxeListBoxItem"] {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100vw - 120px);
}
.maintis-old .devExpress-splitter {
  min-height: 100%;
  width: calc(100% - 20px) !important;
}
.maintis-old .devExpress-splitter .dxpclW:has(.dxpc-mainDiv):has(.dxpc-header, .dxpc-contentWrapper) {
  position: fixed !important;
}
.maintis-old .devExpress-vertical-tab-control .dxtc-stripContainer {
  width: 230px !important;
}
.maintis-old .devExpress-vertical-tab-control .vertical-tab-container {
  width: calc(var(--content-section-content-width) - 220px);
  height: calc(var(--content-section-content-height) + 25px);
}
@media (max-width: 1703px) {
  .maintis-old .devExpress-vertical-tab-control .vertical-tab-container {
    padding-right: 10px;
    box-sizing: border-box;
  }
}
.maintis-old .devExpress-vertical-tab-control .vertical-tab-container form {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.maintis-old .devExpress-vertical-tab-control .vertical-tab-container form .tab-toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  position: sticky;
  top: 0;
  left: 0;
  background-color: white;
  transform: none;
  border-bottom: 1px solid var(--borders);
}
main {
  height: calc(var(--100vh, 100vh) - var(--header-height));
  width: 100%;
  background-color: var(--white);
  overflow: auto;
  padding-top: var(--horizontal-spacing);
  padding-left: var(--vertical-spacing);
  padding-right: var(--vertical-spacing);
  padding-bottom: calc(var(--horizontal-spacing) + var(--saveAreaBottom, 0));
}
/* --------------------------- Typography --------------------------- */
a {
  text-decoration: none;
}
a.open-link-icon {
  transition: color var(--default-animation-time);
}
@media (hover: hover) {
  a.open-link-icon:hover {
    color: var(--theme-color-darkest) !important;
  }
}
a.open-link-icon:after {
  display: inline-block;
  font-family: 'Maintis-icons' !important;
  content: '\ea05';
  font-size: 12px;
  text-decoration: none !important;
  padding-left: 10px;
}
p {
  margin-bottom: 22px;
}
h3 {
  margin-top: 5px;
  margin-bottom: 2px;
  color: var(--theme-color);
  font-family: var(--font-general);
  font-size: 16px;
  font-weight: 300;
  line-height: initial;
}
pre {
  color: var(--grey-content);
  font-weight: normal;
  font-family: var(--font-devexpress);
  max-width: 600px;
  white-space: pre-wrap;
}
/* --------------------------- Colors --------------------------- */
/* Hoofdkleur */
a,
a:link,
a:visited {
  color: var(--black);
}
.button {
  background: var(--theme-color) !important;
}
a span {
  border-color: var(--theme-color) !important;
}
a:hover.button,
a:active.button {
  background: var(--theme-color-dark);
}
.color-explanation-text {
  color: var(--grey-content);
  font-style: italic;
}
/* --------------------------- Animatable Controls --------------------------- */
/* Hamburger menu */
.hamburger-menu {
  display: block;
  height: 30px;
  width: 30px;
  position: relative;
}
.hamburger-menu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  border-radius: 1px;
  background-color: var(--white);
  transition: transform var(--default-animation-time), opacity var(--default-animation-time);
}
.hamburger-menu span:first-child {
  top: 0;
}
.hamburger-menu span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.hamburger-menu span:nth-child(3) {
  bottom: 0;
}
.hamburger-menu span:last-child {
  opacity: 0;
}
.hamburger-menu.clicked span:first-child {
  opacity: 0;
  top: 50%;
}
.hamburger-menu.clicked span:nth-child(2) {
  transform: rotate(45deg) translateY(0);
}
.hamburger-menu.clicked span:nth-child(3) {
  opacity: 1;
  transform: rotate(-45deg) translateY(0);
  top: 50%;
}
.hamburger-menu.clicked span:last-child {
  opacity: 0;
  top: 50%;
}
/* Chevron */
.chevron {
  display: block;
  height: 15px;
  width: 22px;
  position: relative;
}
.chevron span {
  display: block;
  position: absolute;
  height: 2px;
  width: 13px;
  border-radius: 1px;
  background-color: var(--grey-content);
  top: 50%;
  transition: transform var(--default-animation-time);
}
.chevron span:first-child {
  transform: translateY(-50%) rotate(45deg);
  left: 0;
}
.chevron span:last-child {
  transform: translateY(-50%) rotate(-45deg);
  right: 0;
}
.chevron.clicked span:first-child {
  transform: translateY(-50%) rotate(-45deg);
}
.chevron.clicked span:last-child {
  transform: translateY(-50%) rotate(45deg);
}
.chevron.up {
  transform: rotate(180deg);
}
/* Three Dots */
.three-dots {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: space-between;
  align-items: center;
}
.three-dots span {
  height: 4px;
  width: 4px;
  border-radius: 2px;
  background-color: var(--grey-content);
  transition: width var(--default-animation-time);
}
.three-dots span:first-child {
  left: 50%;
}
.three-dots span:last-child {
  right: 50%;
}
.three-dots.clicked span {
  width: 0;
}
.three-dots.clicked span:nth-child(2) {
  width: 100%;
}
/* Cross */
.cross {
  position: relative;
  height: 26px;
  width: 26px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
}
.cross span {
  height: 2px;
  width: 18px;
  background-color: var(--grey-content);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 1px;
}
.cross span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cross span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .cross:hover {
    border: 1px solid var(--borders);
  }
}
/* Round Button */
.round-button {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  color: orange;
  transition: background-color var(--default-animation-time);
}
.round-button [class^="icon-"],
.round-button [class*=" icon-"] {
  color: var(--theme-color);
  font-size: 15px;
}
.round-button .chevron {
  width: 15px;
}
.round-button .chevron span {
  width: 9px;
  cursor: pointer;
}
.round-button.grey {
  height: 20px;
  width: 20px;
  background-color: var(--grey-background-light);
  border: 1px solid var(--borders);
}
.round-button.grey .chevron {
  width: 12px;
}
.round-button.grey .chevron span {
  width: 7px;
  background-color: var(--grey-content-light);
}
@media (hover: hover) {
  .round-button.grey:hover {
    background-color: var(--grey-background);
  }
}
.round-button.floating {
  height: 50px;
  width: 50px;
  border: 1px solid var(--theme-color);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
.round-button.floating [class^="icon-"],
.round-button.floating [class*=" icon-"] {
  font-size: 17px;
}
.round-button.floating .count {
  position: absolute;
  top: -2px;
  right: -2px;
  font-size: 12px;
  height: 18px;
  width: 18px;
  background-color: var(--theme-color);
  color: var(--white);
  line-height: 18px;
  border-radius: 100%;
}
@media (hover: hover) {
  .round-button:hover {
    background-color: #f5f5f5;
  }
}
/* Maintis Button (used in e.g. filters, legallyRequired, scanAssetQrCodeButton) */
.maintis-button {
  display: inline-grid;
  grid-auto-flow: column;
  grid-column-gap: 15px;
  height: 30px;
  padding: 4px 15px;
  border-radius: var(--default-border-radius);
  color: var(--grey-content);
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  background-color: var(--white);
  transition: background-color var(--default-animation-time);
  border: 1px solid var(--borders);
}
.maintis-button [class^="icon-"],
.maintis-button [class*=" icon-"] {
  display: inline-block;
  padding-top: 5px;
}
@media (hover: hover) {
  .maintis-button:hover {
    background-color: var(--grey-background-light);
  }
}
.maintis-button.primary {
  background-color: var(--theme-color);
  border: none;
  color: var(--white);
}
@media (hover: hover) {
  .maintis-button.primary:hover {
    background-color: var(--theme-color-dark);
  }
}
.maintis-button.pill {
  border-radius: 30px;
}
.maintis-button.wide {
  width: 100%;
  text-align: center;
}
.maintis-button.grey {
  background-color: var(--grey-content);
  color: white;
  border: none;
}
@media (hover: hover) {
  .maintis-button.grey:hover {
    background-color: #505050;
  }
}
/* ------------------------------ Scroll --------------------------------- */
/* Vertical */
.vertical-scroll {
  max-height: calc(var(--100vh, 100vh) - var(--vertical-scroll-margin, 160px));
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 1703px) {
  .vertical-scroll.only-scroll-reponsive {
    max-height: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
@media (max-width: 1703px) {
  .vertical-scroll.only-scroll-desktop {
    max-height: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
@media (max-width: 1703px) {
  .vertical-scroll.only-scroll-responsive-compact-and-bigger {
    max-height: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
.vertical-scroll.scroll-popup {
  margin-right: -12px;
  padding-right: 12px;
}
@media (max-width: 1703px) {
  .vertical-scroll.scroll-popup {
    margin-right: 0;
    padding-right: 0;
  }
}
/* Horizontal */
.horizontal-scroll {
  max-width: calc(100vw - var(--horizontal-scroll-margin, 120px));
  overflow-x: auto;
  overflow-y: hidden;
}
@media (min-width: 1703px) {
  .horizontal-scroll.only-scroll-reponsive {
    max-width: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
@media (max-width: 1703px) {
  .horizontal-scroll.only-scroll-desktop {
    max-width: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
@media (max-width: 1112px) {
  .horizontal-scroll.only-scroll-responsive-compact-and-bigger {
    max-width: none;
    overflow-y: visible;
    overflow-x: visible;
  }
}
.horizontal-scroll.scroll-popup {
  margin-bottom: -12px;
  padding-bottom: 12px;
}
@media (max-width: 1703px) {
  .horizontal-scroll.scroll-popup {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/* Both */
.scroll-both {
  max-height: calc(var(--100vh, 100vh) - var(--vertical-scroll-margin, 120px));
  max-width: calc(100vw - var(--horizontal-scroll-margin, 120px));
  overflow: auto;
}
@media (min-width: 1703px) {
  .scroll-both.only-scroll-reponsive {
    max-width: none;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 1703px) {
  .scroll-both.only-scroll-desktop {
    max-width: none;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 1112px) {
  .scroll-both.only-scroll-responsive-compact-and-bigger {
    max-width: none;
    max-height: none;
    overflow: visible;
  }
}
.scroll-both.scroll-popup {
  margin-bottom: -12px;
  padding-bottom: 12px;
  margin-right: -12px;
  padding-right: 12px;
}
@media (max-width: 1703px) {
  .scroll-both.scroll-popup {
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
/* DevExpress Data View Item*/
.data-view-item {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 30px;
  height: 100%;
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius);
  cursor: pointer;
  overflow: hidden;
}
@media (hover: hover) {
  .data-view-item:hover {
    border-color: var(--grey-content-light);
  }
}
.data-view-item label {
  padding: 0 15px;
  line-height: 30px;
  border-top: 1px solid var(--borders);
  cursor: pointer;
}
.data-view-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.maintis-old {
  /* --------------------------- General element Styles --------------------------- */
  /* Caption */
  /* Detail table */
}
.maintis-old h3.popup-caption {
  margin-top: 5px;
  margin-bottom: 2px;
  color: var(--theme-color);
  font-family: var(--font-general);
  font-size: 16px;
  font-weight: 300;
}
.maintis-old tr.popup-caption-row {
  padding-bottom: 20px;
}
.maintis-old td.view-detail-table-caption {
  font-size: 13px;
  color: #606060;
  white-space: nowrap;
  font-weight: bold;
}
.maintis-old table.detail-general-relation td:first-child {
  font-size: 13px;
  color: #606060;
  font-weight: bold;
  width: 200px;
}
.maintis-old table.detail-general td:first-child {
  font-size: 13px;
  color: #606060;
  font-weight: bold;
  width: 200px;
}
.dxpc-mainDiv:has(:where(.arrow_box)) {
  border: none !important;
}
.dxpclW:has(:where(.arrow_box)) {
  width: initial !important;
}
.dxpclW:has(:where(.global-search-popup)) {
  overflow: visible !important;
}
.arrow_box {
  position: relative;
  background: var(--white);
  border: 1px solid var(--borders);
  padding: 10px;
  filter: drop-shadow(0px 3px 6px var(--shadow-color));
  border-radius: var(--default-border-radius);
  width: fit-content;
  min-width: 150px;
}
.arrow_box:after,
.arrow_box:before {
  bottom: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: var(--white);
  border-width: 14px;
  margin-left: -14px;
}
.arrow_box:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: var(--borders);
  border-width: 15px;
  margin-left: -15px;
}
.arrow_box.left:after,
.arrow_box.left:before {
  left: 10% !important;
}
.arrow_box.bottom-arrow:after,
.arrow_box.bottom-arrow:before {
  transform: rotate(180deg);
}
.arrow_box.bottom-arrow:after {
  bottom: -26px;
}
.arrow_box.bottom-arrow:before {
  bottom: -30px;
}
@media (max-width: 1703px) {
  .arrow_box:not(.block-responsive):after,
  .arrow_box:not(.block-responsive):before {
    transform: rotate(180deg);
    left: 15%;
  }
  .arrow_box:not(.block-responsive):after {
    bottom: -27px;
  }
  .arrow_box:not(.block-responsive):before {
    bottom: -29px;
  }
}
.arrow_box ul {
  display: grid;
  grid-row-gap: 10px;
}
.arrow_box ul li {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.arrow_box ul li a {
  overflow: visible;
  padding-right: 10px;
}
.arrow_box ul li span {
  text-align: center;
  width: 100%;
}
.arrow_box .vertical-scroll {
  margin: -10px -10px -10px 0;
  padding: 10px 10px 10px 0;
}
.arrow_box .action-link {
  padding-left: 0 !important;
  margin-right: 10px;
}
details.article-detail {
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius);
  overflow: hidden;
  width: 100%;
}
details.article-detail:not(:last-child) {
  margin-bottom: 30px;
}
details.article-detail summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  grid-gap: 20px;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  background-color: var(--grey-background-light);
  transition: background-color var(--default-animation-time);
  cursor: pointer;
}
details.article-detail summary a {
  color: var(--theme-color);
}
details.article-detail summary .chevron {
  transition: transform var(--default-animation-time);
}
details.article-detail summary .round-button {
  grid-column-end: 4;
}
details.article-detail::details-content {
  block-size: 0;
  transition: block-size var(--default-animation-time), content-visibility var(--default-animation-time);
  transition-behavior: allow-discrete;
}
details.article-detail table {
  table-layout: fixed;
  width: 100%;
}
details.article-detail table .read-more-button {
  padding-bottom: 0;
}
details.article-detail table thead tr {
  border-bottom: 1px solid var(--borders);
}
details.article-detail table thead th {
  font-style: italic;
  font-weight: normal;
  text-align: left;
  padding: 10px 20px;
}
details.article-detail table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--borders);
}
details.article-detail table tbody tr td {
  padding: 10px 20px;
}
details.article-detail table tbody tr td.article p {
  max-width: 600px;
  margin-bottom: 0;
}
details.article-detail[open]::details-content {
  block-size: auto;
}
details.article-detail[open] summary {
  border-bottom: 1px solid var(--borders);
}
details.article-detail[open] summary .chevron {
  transform: rotate(180deg);
}
details.drop-out {
  position: relative;
}
details.drop-out summary {
  display: flex;
  list-style: none;
  position: relative;
  z-index: 1;
}
details.drop-out[open] .drop-out-content {
  opacity: 1;
  transition: opacity var(--default-animation-time), transform var(--default-animation-time);
  transform: translateY(0);
  pointer-events: all;
}
details.drop-out .drop-out-content {
  position: absolute;
  width: 300px;
  max-width: var(--max-drop-out-width, 100vw);
  padding: 5px;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
details.drop-out .drop-out-content::webkit-details-marker {
  display: none;
}
details.drop-out .drop-out-content.inverted {
  top: initial;
  bottom: calc(100% - var(--bottom, 0px));
  right: var(--right, 0px);
  transform: translateY(10px);
}
details.drop-out .drop-out-content.arrow_box:before,
details.drop-out .drop-out-content.arrow_box:after {
  left: 90%;
}
details.drop-out .drop-out-content .item {
  padding: 5px 10px;
  cursor: pointer;
}
@media (hover: hover) {
  details.drop-out .drop-out-content .item:hover {
    background-color: var(--grey-background-light);
  }
}
details.drop-out .drop-out-content .item:not(:first-child) {
  border-top: 1px solid var(--borders);
}
details.drop-out .drop-out-content .item:first-child {
  border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}
details.drop-out .drop-out-content .item:last-child {
  border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}
.event-container {
  --status-color: var(--borders);
  padding-left: 15px;
  padding-top: 5px;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.event-container:before {
  content: '';
  display: block;
  width: 4px;
  background-color: var(--status-color);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 2px;
}
.event-container .event-container-header {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
  padding: 5px 10px 5px 10px;
  grid-column-gap: 30px;
}
.event-container .event-container-header [class^="icon-"],
.event-container .event-container-header [class*=" icon-"] {
  color: var(--grey-content);
}
.event-container .event-container-header .status {
  padding: 0 7px 0 10px;
}
@media (max-width: 540px) {
  .event-container .event-container-header .status {
    display: none;
  }
}
.event-container .event-container-header .explanation {
  display: none;
  align-items: center;
  position: relative;
  align-self: center;
}
@media (hover: hover) {
  .event-container .event-container-header .explanation {
    display: inline-flex;
  }
}
.event-container .event-container-header .explanation [class^="icon-"],
.event-container .event-container-header .explanation [class*=" icon-"] {
  color: var(--status-color);
}
.event-container .event-container-header .explanation .tool-tip {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: top var(--default-animation-time), opacity var(--default-animation-time), bottom var(--default-animation-time);
  padding-bottom: 10px;
  z-index: 2;
}
.event-container .event-container-header .explanation .tool-tip .content {
  position: relative;
  background-color: var(--white);
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius);
  box-shadow: 0 10px 20px var(--shadow-color);
}
.event-container .event-container-header .explanation .tool-tip .content .scroll {
  width: 250px;
  max-height: 100px;
  overflow: auto;
  padding: 5px 10px;
}
.event-container .event-container-header .explanation .tool-tip .content:before {
  display: block;
  content: '';
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  height: 7px;
  width: 10px;
  background-color: var(--white);
  position: absolute;
  bottom: -6px;
  left: calc(50% - 5px);
}
.event-container .event-container-header .explanation .tool-tip.bottom {
  bottom: 10px;
  top: initial;
  transform: translateY(100%) translateX(-50%);
  padding-bottom: 0;
  padding-top: 10px;
}
.event-container .event-container-header .explanation .tool-tip.bottom .content:before {
  clip-path: polygon(100% 100%, 50% 0, 0 100%);
  top: -6px;
}
.event-container .event-container-header .explanation .tool-tip.visible {
  opacity: 1;
  pointer-events: all;
  top: 0;
}
.event-container .event-container-header .explanation .tool-tip.visible.bottom {
  bottom: 0;
}
.event-container .information {
  display: flex;
  flex-direction: column;
  padding: 10px;
  grid-row-gap: 4px;
}
.event-container section {
  display: inline-flex !important;
  grid-column-gap: initial !important;
  grid-row-gap: initial !important;
  align-self: initial !important;
}
.event-container article {
  display: inline-grid;
  grid-column-gap: 20px;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
  justify-content: flex-start;
}
.event-container p {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  margin-bottom: 0;
  color: var(--grey-content);
  white-space: nowrap;
  justify-content: flex-start;
}
.event-container p span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-container p span.status {
  color: var(--status-color);
}
.event-container p span br {
  display: none;
}
.event-container p b,
.event-container p i {
  white-space: nowrap;
}
.event-container p b br,
.event-container p i br {
  display: none;
}
.event-container p i {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.event-container p [class^="icon-"],
.event-container p [class*=" icon-"] {
  font-size: 12px;
  width: 27px;
  text-align: center;
  padding-right: 6px;
  color: var(--grey-content-light);
}
@media (max-width: 900px) {
  .event-container p.mobile-hidden {
    display: none;
  }
}
.event-container.simple {
  border-left: 4px solid var(--status-color);
  padding-top: 0;
  padding-left: 0;
  overflow: hidden;
  container-type: inline-size;
}
.event-container.simple:before {
  display: none;
}
.event-container.simple p {
  line-height: 20px;
}
.event-container.simple .event-container-header {
  border: none;
  padding: 0px 10px;
}
.event-container.simple .event-container-header article {
  display: inline-flex;
  flex-direction: column;
}
.event-container.simple .event-container-header section,
.event-container.simple .event-container-header article,
.event-container.simple .event-container-header p {
  width: 100%;
}
.event-container.simple .event-container-header p {
  grid-column-gap: 10px;
  grid-template-columns: 1fr max-content;
}
.event-container.simple:has(.information) {
  padding-top: 4px;
}
.event-container.simple .information {
  padding: 0px 10px;
  grid-row-gap: 0;
}
.event-container.simple [class^="icon-"],
.event-container.simple [class*=" icon-"] {
  display: none;
}
@container (max-width: 200px) {
  .event-container.simple .event-container-header p span.small-container-hidden {
    display: none;
  }
}
.applied-filter {
  box-sizing: border-box;
  border-radius: 15px;
  height: 30px;
  padding: 0 10px 0 15px;
  display: grid;
  grid-template-columns: max-content 20px;
  align-items: center;
  grid-gap: 10px;
  margin: 0px 10px 10px 0px;
  transition: background-color var(--default-animation-time);
  background-color: white;
  border: 1px solid var(--theme-color);
}
.applied-filter .cross span {
  width: 15px;
  height: 1px;
  background-color: #333333;
}
.filter-title-box-container {
  max-width: 100%;
}
.filter-title-box-container .filter-title-box {
  grid-template-columns: auto auto 1fr;
  opacity: 0;
  display: grid;
  z-index: var(--z-index-filter-button);
  left: 0px;
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0 1px 1px var(--shadow-color);
  padding: 10px 20px;
  grid-auto-flow: column;
  grid-gap: 20px;
  transition: opacity var(--default-animation-time), left var(--default-animation-time);
  pointer-events: none;
  max-width: 100%;
  margin-right: 10px;
}
@media (min-width: 1112px) {
  .filter-title-box-container .filter-title-box {
    justify-content: flex-start;
    display: inline-grid !important;
    position: relative;
  }
  .filter-title-box-container .filter-title-box:before {
    position: absolute;
  }
}
@media (max-width: 1112px) {
  .filter-title-box-container .filter-title-box {
    position: absolute;
  }
}
.filter-title-box-container .filter-title-box.visible {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1703px) {
  .filter-title-box-container .filter-title-box.visible {
    left: 10px;
  }
}
.filter-title-box-container .filter-title-box.no-title {
  grid-template-columns: auto 1fr;
}
.filter-title-box-container .filter-title-box h3 {
  color: var(--grey-content);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-title-box-container .filter-title-box .actions {
  display: grid;
  grid-column-gap: 10px;
  grid-auto-flow: column;
}
@media (max-width: 768px) {
  .filter-title-box-container .filter-title-box .actions {
    justify-content: end;
    grid-column: auto / -1;
  }
}
.filter-title-box-container .filter-title-box .actions #scanQRCodeButton {
  display: none;
}
@media (max-width: 1703px) {
  .filter-title-box-container .filter-title-box .actions #scanQRCodeButton {
    display: inline-grid;
  }
}
@media (max-width: 768px) {
  .filter-title-box-container .filter-title-box .actions #scanQRCodeButton span:first-child {
    display: none;
  }
}
.filter-title-box-container .filter-title-box .filter-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 1703px) {
  .filter-title-box-container .filter-title-box .filter-list {
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .filter-title-box-container .filter-title-box .filter-list {
    display: none;
  }
}
.filter-title-box-container .filter-title-box .filter-list .applied-filter {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  grid-gap: 10px;
  margin: 0;
}
.filter-title-box-container .filter-title-box .filter-list .applied-filter label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-title-box-container .filter-title-box .filter-list .drop-out .applied-filter {
  margin-bottom: 5px;
}
.filter-title-box-container .filter-title-box .filter-list .show-hidden-content-button {
  margin-left: 0px;
  border-radius: 15px;
}
.filter-title-box-container .filter-title-box .filter-list .show-hidden-content-button .chevron {
  width: 17px;
}
.filter-title-box-container .filter-title-box .filter-list .show-hidden-content-button .chevron span {
  height: 1px;
  width: 10px;
  background-color: var(--grey-content-dark);
}
.section-toolbar .filter-title-box-container .filter-title-box,
.toolbar .filter-title-box-container .filter-title-box {
  background-color: none;
  padding: 0;
  box-shadow: none;
  align-items: center;
  margin-right: 0px;
}
@media (max-width: 1703px) {
  .section-toolbar .filter-title-box-container .filter-title-box,
  .toolbar .filter-title-box-container .filter-title-box {
    left: 0px;
    justify-content: flex-start;
  }
}
@media (max-width: 1112px) {
  .section-toolbar .filter-title-box-container .filter-title-box,
  .toolbar .filter-title-box-container .filter-title-box {
    position: relative;
  }
}
@media (max-width: 768px) {
  .section-toolbar .filter-title-box-container .filter-title-box,
  .toolbar .filter-title-box-container .filter-title-box {
    justify-content: space-between;
  }
}
.section-toolbar .filter-title-box-container .filter-title-box h3,
.toolbar .filter-title-box-container .filter-title-box h3 {
  font-size: 45px;
  color: var(--grey-content-light);
  transition: font-size var(--default-animation-time), margin var(--default-animation-time);
  margin: 0 20px 4px 0;
}
.section-toolbar .filter-title-box-container .filter-title-box .open-filter-pane-button,
.toolbar .filter-title-box-container .filter-title-box .open-filter-pane-button {
  justify-self: flex-end;
}
@media (max-width: 768px) {
  .section-toolbar .filter-title-box-container .filter-title-box .open-filter-pane-button,
  .toolbar .filter-title-box-container .filter-title-box .open-filter-pane-button {
    grid-column: auto / -1;
  }
}
.section-toolbar .filter-title-box-container .filter-title-box .overflow-container .visible-content,
.toolbar .filter-title-box-container .filter-title-box .overflow-container .visible-content {
  margin-bottom: 0;
}
.section-toolbar.small .filter-title-box-container .filter-title-box,
.toolbar.small .filter-title-box-container .filter-title-box {
  margin-top: 2px;
}
@media (max-width: 1703px) {
  .section-toolbar.small .filter-title-box-container .filter-title-box,
  .toolbar.small .filter-title-box-container .filter-title-box {
    margin-top: 0;
  }
}
.section-toolbar.small .filter-title-box-container .filter-title-box h3,
.toolbar.small .filter-title-box-container .filter-title-box h3 {
  font-size: 25px;
  margin: -5px 0 0 0;
}
.filter-pane {
  max-width: 310px;
  position: fixed;
  top: var(--header-height);
  left: var(--nav-width);
  box-shadow: 10px 0px 20px var(--shadow-color);
  z-index: var(--z-index-filter-pane);
  bottom: 0;
  opacity: 0;
  transition: opacity var(--default-animation-time), left var(--default-animation-time);
  pointer-events: none;
  border-radius: var(--default-border-radius) 0 0 0;
  background-color: var(--white);
}
@media (max-width: 1703px) {
  .filter-pane {
    box-sizing: border-box;
    left: 0;
    bottom: 0px;
    border-radius: 0;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .filter-pane {
    right: 0;
    bottom: 0;
    max-width: initial;
  }
}
.filter-pane.visible {
  opacity: 1;
  pointer-events: all;
}
.filter-pane .filter-pane-wrapper {
  height: calc(var(--100vh, 100vh) - var(--header-height));
  padding: 20px 20px 0px 20px;
  position: static;
  width: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: var(--white);
  transition: height var(--default-animation-time);
  border-radius: var(--default-border-radius) 0 0 0;
}
@media (max-width: 1703px) {
  .filter-pane .filter-pane-wrapper {
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .filter-pane .filter-pane-wrapper {
    min-width: 300px;
    padding: 20px 10px 0 10px;
  }
}
.filter-pane .filter-pane-wrapper > .title {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  grid-gap: 40px;
  margin-bottom: 25px;
}
.filter-pane .filter-pane-wrapper .applied-filters {
  margin-bottom: 20px;
}
.filter-pane .filter-pane-wrapper .applied-filters .filter-list {
  display: flex;
  flex-wrap: wrap;
}
.filter-pane .filter-pane-wrapper .applied-filters .filter-list .applied-filter {
  grid-template-columns: 1fr max-content;
}
.filter-pane .filter-pane-wrapper .applied-filters .filter-list .applied-filter label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-pane .filter-pane-wrapper .filters {
  margin-bottom: 30px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list {
  border-radius: 5px;
  margin-bottom: 20px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .title {
  height: 30px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 1fr max-content;
  border-radius: var(--default-border-radius);
  align-items: center;
  transition: border-radius var(--default-animation-time);
  cursor: pointer;
  user-select: none;
  background-color: var(--theme-color);
  transition: background-color var(--default-animation-time);
}
@media (hover: hover) {
  .filter-pane .filter-pane-wrapper .filters .filter-select-list .title:hover {
    background-color: var(--theme-color-dark);
  }
}
@media (max-width: 1703px) {
  .filter-pane .filter-pane-wrapper .filters .filter-select-list .title {
    padding-right: 11px;
  }
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .title label {
  color: var(--white);
  cursor: pointer;
  user-select: none;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .title .chevron span {
  background-color: var(--white);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list.visible .title {
  border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list.visible .content {
  display: block;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content {
  display: none;
  border-left: 1px solid var(--borders);
  border-right: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
  border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item {
  width: 100%;
  height: 30px;
  display: grid;
  grid-template-columns: 1fr 20px;
  grid-gap: 10px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item:last-of-type {
  border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item:nth-child(odd) {
  background-color: var(--grey-background-light);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="checkbox"],
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"] {
  display: none;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="checkbox"] + label,
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"] + label {
  display: block;
  align-items: center;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="checkbox"] + label::before,
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"] + label::before,
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="checkbox"] + label::before,
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"] + label::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  width: 15px;
  background-color: var(--white);
  border-radius: var(--default-border-radius);
  border: 1px solid var(--grey-content);
  margin-right: 10px;
  margin-top: 3px;
  cursor: pointer;
  float: left;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"] + label::before {
  border-radius: 50%;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="checkbox"]:checked + label::before {
  content: '\e907';
  font-family: 'Maintis-icons';
  color: var(--theme-color);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item input[type="radio"]:checked + label::before {
  content: '\2022';
  font-size: 35px;
  line-height: 24px;
  color: var(--theme-color);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item .description .info-button {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  background-color: var(--grey-content-light);
  cursor: pointer;
  color: white;
  transition: background-color var(--default-animation-time);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item .description p {
  opacity: 0;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  right: 0;
  left: 0px;
  top: 20px;
  margin-bottom: 0;
  padding: 10px;
  border-radius: var(--default-border-radius);
  background-color: white;
  box-shadow: 0px 1px 2px var(--shadow-color);
  z-index: 2;
  transition: opacity var(--default-animation-time), top var(--default-animation-time);
  border: 1px solid var(--borders);
}
@media (hover: hover) {
  .filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item .description:hover p {
    opacity: 1;
    pointer-events: all;
    top: 30px;
  }
  .filter-pane .filter-pane-wrapper .filters .filter-select-list .content .item .description:hover .info-button {
    background-color: var(--grey-content);
  }
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter {
  padding: 10px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .filter-switch {
  margin-bottom: 0;
  padding: 10px;
  margin: 10px -10px -10px -10px;
  border-top: 1px solid var(--borders);
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list {
  display: grid;
  grid-row-gap: 10px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-search {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 5px;
  max-width: 100%;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-tree {
  display: grid;
  row-gap: 7px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-tree .asset {
  display: flex;
  grid-gap: 7px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-tree .asset label {
  display: inline-block;
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius);
  padding: 5px;
  width: 100%;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-tree .asset:not(:first-of-type):before {
  display: block;
  content: '\2515';
  padding-left: 5px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.asset-filter .asset-list .asset-child-search {
  border-top: 1px solid var(--borders);
  margin: 0 -10px;
  padding: 10px 10px 0 10px;
}
.filter-pane .filter-pane-wrapper .filters .filter-select-list .content.filter-group .filter-switch {
  margin-bottom: 0;
  padding: 10px;
  border-top: 1px solid var(--borders);
}
.filter-pane .filter-pane-wrapper .filters .filter-switch {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 10px;
}
.filter-pane .filter-pane-wrapper .filters .filter-switch label {
  cursor: pointer;
  user-select: none;
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch {
  width: 40px;
  height: 20px;
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch input[type="checkbox"] {
  display: none;
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch input[type="checkbox"] + .base {
  display: inline-block;
  position: relative;
  height: 16px;
  width: 40px;
  border-radius: 8px;
  background-color: var(--grey-content);
  transition: background-color var(--default-animation-time);
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch input[type="checkbox"] + .base .switch-button {
  height: 20px;
  width: 20px;
  background-color: var(--white);
  border: 1px solid var(--borders);
  position: absolute;
  left: 0;
  top: -2px;
  border-radius: 10px;
  right: 30px;
  transition: left var(--default-animation-time);
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch input[type="checkbox"]:checked + .base {
  background-color: var(--theme-color);
}
.filter-pane .filter-pane-wrapper .filters .filter-switch .switch input[type="checkbox"]:checked + .base .switch-button {
  right: 0;
  left: 20px;
}
.filter-pane .filter-pane-wrapper .filter-actions {
  padding: 20px;
  margin: 30px -20px -20px -20px;
  position: sticky;
  bottom: 0px;
  border-top: 1px solid var(--borders);
  top: calc(100% - 71px);
  background-color: var(--white);
}
@media (max-width: 768px) {
  .filter-pane .filter-pane-wrapper .filter-actions {
    padding: 10px;
    margin: 0 -10px 0 -10px;
    top: calc(100% - 51px);
  }
}
section#content-section .filter-pane .title h1 {
  font-size: 40px;
  margin-bottom: 0;
}
.vertical-tab-container .filter-pane {
  position: absolute;
  top: -1px;
  left: 0;
  border: 1px solid var(--borders);
  border-radius: 0;
  min-width: 310px;
  height: calc(var(--content-section-content-height) + 35px);
  padding-bottom: 17px;
  box-sizing: border-box;
}
.vertical-tab-container .filter-pane .filter-pane-wrapper {
  height: 100%;
}
.global-search {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  margin-bottom: 5px;
  background-color: var(--theme-color-dark);
  border: 1px solid var(--white);
  border-radius: var(--default-border-radius);
}
@media (max-width: 1703px) {
  .global-search {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .global-search {
    display: none;
  }
}
.global-search .global-search-textbox {
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
  background-color: var(--theme-color-dark);
  border: none !important;
}
.global-search .global-search-textbox input[type="text"] {
  background-color: var(--theme-color-dark);
  height: 28px;
  margin-left: 15px;
  color: var(--white);
  font-size: 13px;
  transition: width var(--default-animation-time);
  width: 150px;
}
.global-search .global-search-textbox td {
  padding: 0 !important;
}
.global-search button {
  border-radius: 0 4px 4px 0;
  background-color: var(--white);
  cursor: pointer;
}
@media (hover: hover) {
  .global-search button:hover {
    background-color: var(--grey-background);
  }
}
.global-search button span {
  font-size: 15px;
  line-height: 30px;
}
.global-search details summary {
  color: var(--white);
  height: 30px;
  align-items: center;
  grid-gap: 10px;
  padding-left: 15px;
  cursor: pointer;
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
}
.global-search details summary .chevron {
  width: 11px;
  transition: transform var(--default-animation-time);
}
.global-search details summary .chevron span {
  background-color: var(--white);
  width: 7px;
  height: 2px;
}
@media (hover: hover) {
  .global-search details summary:hover {
    color: var(--theme-color-darkest);
  }
  .global-search details summary:hover .chevron span {
    background-color: var(--theme-color-darkest);
  }
}
.global-search details ul.arrow_box {
  height: initial;
  left: 5px;
  box-sizing: border-box;
  top: 100%;
  z-index: var(--z-index-notification);
  top: calc(100% + 20px);
}
.global-search details ul.arrow_box li {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  padding: 5px 15px;
  width: 100%;
  border-radius: var(--default-border-radius);
  box-sizing: border-box;
  margin: 0;
  transition: background-color var(--default-animation-time);
  cursor: pointer;
}
@media (hover: hover) {
  .global-search details ul.arrow_box li:hover {
    background-color: var(--grey-background);
  }
  .global-search details ul.arrow_box li:hover span {
    background-color: var(--grey-background);
  }
}
.global-search details ul.arrow_box li.selected {
  background-color: var(--grey-background);
}
.global-search details ul.arrow_box li span {
  transition: background-color var(--default-animation-time);
}
.global-search details ul.arrow_box li span:first-child {
  color: var(--theme-color);
}
.global-search details ul.arrow_box li span:last-child {
  color: var(--grey-content);
  flex-grow: 1;
  padding-top: 2px;
}
.global-search details[open] .chevron {
  transform: rotate(180deg);
}
.global-search-popup {
  top: 10px !important;
  padding: 0;
}
.global-search-popup a {
  padding: 15px 0;
  text-align: center;
}
.global-search-popup .dxcvEMBC {
  border-top: 1px solid var(--borders);
}
.global-search-popup .dxcvCSD,
.global-search-popup .dxcvCSD table {
  border: none !important;
  background-color: var(--grey-background-light) !important;
}
.global-search-popup .dxpc-contentWrapper {
  border-radius: 5px !important;
  overflow: hidden !important;
}
.global-search-popup:after {
  border-bottom-color: var(--grey-background-light);
}
.global-search-empty-card,
.global-search-card-container {
  padding: initial !important;
  width: 100% !important;
  box-shadow: none !important;
}
.global-search-empty-card {
  height: 278px !important;
  font-style: italic;
  color: var(--grey-content) !important;
  background: none !important;
}
.global-search-card-container {
  height: initial !important;
  vertical-align: initial !important;
}
.global-search-card-container .global-search-card {
  display: flex;
  flex-direction: column;
  border-left-width: 3px;
  border-radius: var(--default-border-radius);
  border-top: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
  border-right: 1px solid var(--borders);
  border-left: 3px solid var(--status-color, var(--borders));
  padding: 8px 15px 12px 10px;
  grid-gap: 5px;
  transition: background-color var(--default-animation-time);
  cursor: pointer;
}
.global-search-card-container .global-search-card p {
  margin-bottom: 0;
  color: var(--grey-content);
}
.global-search-card-container .global-search-card p .status {
  color: var(--status-color);
}
@media (hover: hover) {
  .global-search-card-container .global-search-card:hover {
    background-color: var(--grey-background-light);
  }
}
.gallery-container {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
}
@media (max-width: 1703px) {
  .gallery-container {
    padding: 10px;
  }
}
@media (max-height: 768px) {
  .gallery-container .dx-tabs {
    height: 30px !important;
  }
}
.gallery-container .dx-tabs .dx-tabs-nav-button {
  height: 60px;
}
@media (max-height: 768px) {
  .gallery-container .dx-tabs .dx-tabs-nav-button {
    height: 30px;
  }
}
.gallery-container .dx-tabs .dx-tab {
  display: inline-block;
  padding: 0;
  margin: 0 10px;
  min-width: initial;
}
.gallery-container .dx-tabs .dx-tab .dx-tab-content {
  height: 60px;
  border-radius: var(--default-border-radius);
  background-color: var(--grey-background);
}
@media (max-height: 768px) {
  .gallery-container .dx-tabs .dx-tab .dx-tab-content {
    height: 30px;
  }
}
.gallery-container .dx-tabs .dx-tab .dx-tab-content img {
  border-radius: var(--default-border-radius);
  height: 60px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
@media (max-height: 768px) {
  .gallery-container .dx-tabs .dx-tab .dx-tab-content img {
    height: 30px !important;
  }
}
.gallery-container .dx-tabs .dx-tab.dx-tab-selected:before {
  display: none;
}
.gallery-container .dx-tabs .dx-tab.dx-tab-selected img {
  border: 4px solid var(--theme-color);
}
.gallery-container.no-info .image-container .image-detail {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.gallery-container.no-info .image-container .image-detail .information {
  display: none;
}
.image-container {
  display: grid;
  grid-template-rows: 42px 1fr;
  grid-gap: 30px;
  height: 100%;
}
@media (max-width: 768px) {
  .image-container {
    grid-template-rows: 1fr 42px;
  }
}
.image-container .information,
.image-container .image-toolbar {
  border-radius: var(--default-border-radius);
  border: 1px solid var(--borders);
  background-color: var(--grey-background-light);
}
.image-container .image-toolbar {
  box-sizing: border-box;
  display: grid;
  grid-auto-flow: column;
  justify-self: center;
  padding: 5px;
}
@media (max-width: 768px) {
  .image-container .image-toolbar {
    grid-row: 2 / 3;
  }
}
.image-container .image-toolbar .group {
  display: grid;
  grid-auto-flow: column;
}
.image-container .image-toolbar .group:nth-child(2) {
  border-left: 1px solid var(--borders);
  border-right: 1px solid var(--borders);
  padding: 0px 5px;
  margin: 0px 5px;
}
.image-container .image-toolbar .group:nth-child(2):last-child {
  padding-right: 0;
  border-right: none;
}
.image-container .image-toolbar .tool {
  height: 30px;
  min-width: 40px;
  border-radius: var(--default-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.image-container .image-toolbar .tool * {
  cursor: pointer;
}
.image-container .image-toolbar .tool span {
  color: var(--grey-content);
  width: 30px;
}
.image-container .image-toolbar .tool label {
  padding-top: 2px;
  padding-right: 10px;
  color: var(--grey-content);
}
@media (hover: hover) {
  .image-container .image-toolbar .tool:hover {
    background-color: var(--grey-background);
  }
}
.image-container .image-toolbar .tool.active {
  background-color: var(--grey-background);
  border: 1px solid var(--borders);
  font-weight: bold;
}
.image-container .image-detail {
  display: grid;
  grid-gap: 30px;
  height: 100%;
  padding: 0 60px;
}
@media (max-width: 1703px) {
  .image-container .image-detail {
    padding: 0;
  }
}
@media only screen and (max-aspect-ratio: 1/1) {
  .image-container .image-detail {
    grid-template-rows: 1fr 250px;
  }
}
@media only screen and (min-aspect-ratio: 1/1) {
  .image-container .image-detail {
    grid-template-columns: 1fr 300px;
  }
}
.image-container .image-detail .image-placeholder {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.image-container .image-detail .information {
  height: 100%;
  padding: 20px;
  text-align: left;
  text-wrap: wrap;
  contain: size;
  overflow: auto;
}
.image-container .image-detail .information h3 {
  padding-bottom: 20px;
  font-weight: bold;
  color: var(--grey-content);
}
.image-container .image-detail .information .value-display {
  padding-bottom: 10px;
  display: block;
}
.foto-thumbnail {
  position: relative;
  aspect-ratio: 16 / 10;
  background-position: center;
  background-size: cover;
  border-radius: var(--default-border-radius);
  overflow: hidden;
  border: 1px solid var(--borders);
  max-width: 300px;
}
.foto-thumbnail.placeholder {
  background-color: var(--grey-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--borders);
  filter: opacity(0.6);
}
.foto-thumbnail.placeholder [class^="icon-"] {
  font-size: 40px;
  color: var(--borders);
}
@media (hover: hover) {
  .foto-thumbnail:not(.placeholder):hover {
    filter: brightness(0.9);
    cursor: pointer;
  }
  .foto-thumbnail:not(.placeholder):hover * {
    cursor: pointer;
  }
}
.foto-thumbnail label {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.66);
  bottom: 0;
  height: 30px;
  box-sizing: border-box;
  text-align: center;
}
.foto-thumbnail label.photo-count {
  left: 0;
  border-top-right-radius: var(--default-border-radius);
  color: var(--borders);
  padding: 6px 10px;
}
.foto-thumbnail label.expand-hint {
  right: 0;
  border-top-left-radius: var(--default-border-radius);
  aspect-ratio: 1 / 1;
  padding: 7px;
}
.foto-thumbnail label.expand-hint [class^="icon-"],
.foto-thumbnail label.expand-hint [class*=" icon-"] {
  color: var(--borders);
  font-size: 12px;
}
.notification-popup {
  float: right;
  align-self: center;
  position: relative;
}
.notification-popup > .title {
  position: relative;
  grid-gap: 10px;
  margin-bottom: 5px;
}
@media (max-width: 1703px) {
  .notification-popup > .title {
    margin: 0;
  }
}
.notification-popup > .title .count {
  position: absolute;
  display: none;
  top: -7px;
  right: -7px;
  height: 17px;
  width: 17px;
  text-align: center;
  background-color: #E02947;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  padding: 0;
  line-height: 18px;
}
.notification-popup > .title .count.visible {
  display: inline-block;
}
@media (hover: hover) {
  .notification-popup > .title .count:hover {
    background-color: #C41C38;
  }
}
.notification-popup > .title .icon-bell {
  animation: bell 0.5s;
}
.notification-popup .body {
  position: absolute;
  right: -10px;
  top: 40px;
  opacity: 0;
  transition: top var(--default-animation-time) ease-out, opacity var(--default-animation-time) ease-out;
  transform-origin: calc(100% - 15px) 0;
  width: 350px;
  max-width: calc(100vw - 20px);
  z-index: var(--z-index-notification);
  pointer-events: none;
}
@media (max-width: 1703px) {
  .notification-popup .body {
    transform-origin: calc(100% - 10px) 0;
  }
}
@media (max-width: 1112px) {
  .notification-popup .body {
    transform-origin: calc(100% - 5px) 0;
  }
}
@media only screen and (max-width: 768px) {
  .notification-popup .body {
    width: 250px;
  }
}
.notification-popup .body .content-wrapper {
  padding: 10px 20px;
}
.notification-popup .body .no-notifications {
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0;
}
.notification-popup .body .notification {
  padding: 10px 0;
  border-top: 1px solid #dcdcdc;
  grid-template-columns: auto 50px;
}
.notification-popup .body .notification .notification-content.read {
  padding-left: 8px;
}
.notification-popup .body .notification .notification-content.not-read {
  border-left: 3px solid var(--theme-color);
  padding-left: 5px;
}
.notification-popup .body .notification .notification-actions {
  grid-template-columns: 25px 25px;
}
.notification-popup .body .notification .notification-actions span {
  text-align: center;
  font-size: 18px;
  padding-top: 11px;
  cursor: pointer;
}
.notification-popup .body .notification .notification-link {
  text-decoration: underline;
  color: var(--theme-color);
  cursor: pointer;
}
.notification-popup .body .notification span {
  display: inline;
  color: #676767;
  padding: 0;
}
.notification-popup .body .notification:first-child {
  border-top: none;
  padding-top: 0;
}
.notification-popup .body .progress-bar {
  position: relative;
  height: 5px;
  background-color: white;
  border-radius: 0 0 5px 5px;
}
.notification-popup .body .progress-bar .filling {
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--theme-color);
}
.notification-popup .body:before {
  right: 10px !important;
  left: initial;
}
.notification-popup .body:after {
  right: 11px !important;
  left: initial;
}
.notification-popup .body.visible {
  opacity: 1;
  top: 50px;
  pointer-events: all;
}
@keyframes bell {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(-5deg);
  }
  30% {
    transform: rotate(7deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(7deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
/* Responsive */
.notification-popup-container {
  display: flex;
  align-items: center;
  height: 25px;
  padding-left: 15px;
  margin-left: 15px;
  margin-right: 5px;
  border-left: 1px solid white;
}
@media (min-width: 1703px) {
  .notification-popup-container {
    display: none;
  }
}
@media (max-width: 1703px) {
  .notification-popup-container {
    right: 0;
  }
}
@media only screen and (max-width: 1703px) {
  header.contains-notification-popup {
    grid-template-columns: 1fr max-content max-content;
  }
}
/* Responsive Popup */
.responsive-popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: var(--z-index-responsive-popup);
  background-color: white;
  opacity: 0;
  pointer-events: none;
  max-width: calc(100% - 100px);
  max-height: calc(100vh - 100px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  top: 50%;
  left: 50%;
}
@media (max-width: 1703px) {
  .responsive-popup {
    transition: opacity var(--default-animation-time), top var(--default-animation-time);
    overflow: hidden;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  .responsive-popup {
    top: 110px;
    bottom: -50px;
  }
}
.responsive-popup .header {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  min-height: 50px;
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
  border-bottom: 1px solid var(--borders);
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 1;
}
.responsive-popup .header .right {
  display: flex;
  flex-direction: row-reverse;
  justify-self: end;
  grid-gap: 5px;
}
.responsive-popup .header .right > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.responsive-popup .header .right > div [class^="icon-"],
.responsive-popup .header .right > div [class*=" icon-"] {
  font-size: 15px;
}
@media (max-width: 1703px) {
  .responsive-popup .header .right > div.only-desktop {
    display: none;
  }
}
@media (hover: hover) {
  .responsive-popup .header .right > div {
    border-radius: var(--default-border-radius);
    box-sizing: border-box;
  }
  .responsive-popup .header .right > div:hover {
    border: 1px solid var(--borders);
    background-color: var(--grey-background-light);
  }
  .responsive-popup .header .right > div:hover .cross:hover {
    border: none;
  }
}
.responsive-popup .header .center h3 {
  margin-top: 5px;
  margin-bottom: 2px;
  color: var(--theme-color);
  font-family: var(--font-general);
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 812px) and (max-height: 812px) {
  .responsive-popup .header {
    transition: height var(--default-animation-time), padding var(--default-animation-time);
  }
}
.responsive-popup .body {
  box-sizing: border-box;
  padding: 20px 10px 10px 10px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  height: 100%;
}
.responsive-popup .body .detail-container:not(:last-child) {
  padding-bottom: 10px;
}
@media (min-width: 1703px) {
  .responsive-popup .body .action-link-container .visible-content {
    flex-direction: column;
    grid-gap: 5px;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  .responsive-popup .body .action-link-container.visible a {
    opacity: 0;
    transform: scaleY(0);
    pointer-events: none;
  }
}
.responsive-popup .body .no-padding {
  margin: -20px -10px -10px -10px;
  height: calc(100% + 20px);
  width: auto;
}
.responsive-popup .body .scroll-in-container {
  margin: -20px -10px -10px -10px;
  height: 100%;
  width: auto;
  padding: 20px;
}
@media (max-width: 1703px) {
  .responsive-popup .body {
    border-radius: 0;
  }
  .responsive-popup .body.mobile-toolbar-disabled {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 812px) and (max-height: 812px) {
  .responsive-popup .body {
    transition: padding-top var(--default-animation-time);
  }
}
.responsive-popup .filter-pane {
  left: 0;
  z-index: 51;
  top: 50px;
  border-radius: 0;
  box-shadow: none;
  min-width: 310px;
  border-right: 1px solid var(--borders);
}
@media (max-width: 1703px) {
  .responsive-popup .filter-pane {
    top: calc(var(--header-height) + var(--responsive-toolbar-height));
  }
}
@media (max-width: 768px) {
  .responsive-popup .filter-pane {
    top: calc(var(--header-height) + 20px);
    transition: top var(--default-animation-time);
  }
  .responsive-popup .filter-pane.visible {
    top: calc(var(--header-height));
  }
}
.responsive-popup .filter-pane .filter-pane-wrapper {
  height: 100%;
}
.responsive-popup .custom-alert-container {
  max-height: 300px;
  max-width: 400px;
  min-width: 250px;
}
@media (max-width: 768px) {
  .responsive-popup .custom-alert-container {
    max-width: initial;
    max-height: initial;
    min-width: initial;
  }
}
.responsive-popup .custom-alert-container .content {
  min-height: 40px;
}
.responsive-popup .custom-alert-container .form-actions {
  position: sticky;
  bottom: -10px;
  border-top: 1px solid var(--borders);
  background-color: var(--grey-background-light);
  margin: 0 -10px -10px -10px;
  padding: 0 10px 10px 10px;
  border-radius: 0 0 5px 5px;
}
.responsive-popup.visible {
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width: 1703px) {
  .responsive-popup.visible {
    top: var(--header-height);
    bottom: 0;
  }
}
@media only screen and (max-width: 1703px) {
  .responsive-popup.no-minimum-size {
    max-width: calc(100vw - 60px);
    max-height: calc(var(--100vh, 100vh) - 120px);
  }
  .responsive-popup.no-minimum-size .custom-alert-container {
    max-width: initial;
  }
  .responsive-popup.no-minimum-size.visible {
    top: calc(50% + 30px);
    left: 50%;
    bottom: initial;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  .responsive-popup.no-minimum-size {
    max-width: calc(100vw - 40px);
  }
}
@media only screen and (max-width: 900px) {
  .responsive-popup.no-minimum-size {
    width: calc(100vw - 40px);
  }
}
@media only screen and (min-width: 1703px) {
  .responsive-popup:not(.no-minimum-size) .body {
    min-width: 400px;
  }
}
@media (max-width: 1703px) {
  .responsive-popup:not(.no-minimum-size) .body {
    padding-top: 10px;
    padding-bottom: calc(60px + (var(--saveAreaBottom) * 1.5));
  }
}
@media (max-width: 1703px) {
  .responsive-popup:not(.no-minimum-size) .body .no-padding {
    margin-top: -10px;
    height: calc(100% + 10px);
  }
}
.responsive-popup.fullscreen {
  top: 20px;
  bottom: -20px;
  left: 0;
  right: 0;
  border-radius: 0;
  max-width: initial;
  max-height: initial;
  width: 100%;
  height: var(--100vh, 100vh);
  transition: opacity var(--default-animation-time), height var(--default-animation-time), width var(--default-animation-time);
}
.responsive-popup.fullscreen.visible {
  top: 0;
  bottom: 0;
}
@media (max-width: 1703px) {
  .responsive-popup.fullscreen.visible {
    top: var(--header-height);
  }
}
.responsive-popup.fullscreen .body {
  height: 100%;
}
.responsive-popup.fullscreen .clamped-text {
  --collapsed-line-count: 10 !important;
}
@media only screen and (min-width: 1703px) {
  .responsive-popup:not(.fullscreen) {
    transition: opacity var(--default-animation-time), height var(--default-animation-time), width var(--default-animation-time);
    transform: translateX(-50%) translateY(-50%);
    border: 1px solid var(--borders);
  }
}
@media only screen and (max-width: 1703px) {
  .responsive-popup:not(.fullscreen):not(.no-minimum-size) {
    max-width: initial;
    max-height: initial;
    height: initial;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    transform: translateX(-50%);
    overflow: hidden;
  }
}
@media only screen and (min-width: 1703px) {
  .responsive-popup.draggable .header {
    cursor: move;
  }
}
@media only screen and (max-width: 812px) and (max-height: 812px) {
  .responsive-popup.filter-pane-visible .header {
    height: 0;
    overflow: hidden;
    padding: 0 10px;
  }
  .responsive-popup.filter-pane-visible .body {
    padding-top: 60px;
  }
}
#responsivePopupMinimizeContainer {
  position: fixed;
  bottom: var(--content-section-padding-bottom);
  right: var(--content-section-padding-right);
}
/* -------------------------- =================== -------------------------- */
/* --------------------------------- OLD ----------------------------------- */
/* -------------------------- =================== -------------------------- */
/* General */
.maintis-old .popup-div-default {
  max-height: 600px;
  overflow: auto;
  overflow-x: hidden;
  padding: 10px;
}
.maintis-old .dxpc-contentWrapper .action-link-container .action-link {
  margin-bottom: 7px;
}
.maintis-old .action-link-container {
  float: right;
}
.maintis-old .detail-popup-container {
  width: 550px;
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  .maintis-old .detail-popup-container {
    width: auto;
  }
}
@media (min-width: 1703px) {
  .maintis-old .fixed-desktop-width {
    width: var(--popup-desktop-width);
  }
}
.splitter {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  --border: 1px solid var(--borders);
  --container-min-width: 0;
}
.splitter.expanded-to-bottom-right .pane {
  border-bottom: none;
}
.splitter .gutter {
  display: flex;
  align-items: center;
  background-color: var(--grey-background-light);
  background-repeat: no-repeat;
  background-position: 50%;
  border-top: var(--border);
  border-bottom: var(--border);
}
.splitter .gutter.gutter-horizontal {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
  cursor: col-resize;
}
.splitter .gutter.gutter-vertical {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
  cursor: row-resize;
}
.splitter .gutter .collapse-button {
  display: block;
  position: relative;
  top: -60px;
  border-top: var(--border);
  border-bottom: var(--border);
  width: 100%;
  height: 40px;
  font-size: 7px;
  line-height: 40px;
  text-align: center;
  color: var(--grey-content-light);
}
@media (hover: hover) {
  .splitter .gutter .collapse-button:hover {
    cursor: pointer;
    background-color: var(--grey-background);
  }
}
.splitter .pane {
  border: var(--border);
  padding: var(--pt, 10px) var(--pr, 10px) var(--pb, 10px) var(--pl, 10px);
}
.splitter .pane.collapsed {
  overflow: hidden;
  padding: 0;
  border-right: none;
}
.expand-to-bottom-right .splitter .pane,
.expand-to-bottom-right .splitter .gutter {
  border-bottom: none;
}
.expand-to-bottom-right .splitter .pane:last-of-type {
  border-right: none;
}
.expand-to-bottom-right .splitter .treelist-wrapper.no-search > div > table:first-of-type {
  --extra-spacing: -15px;
}
@media (max-width: 1703px) {
  .expand-to-bottom-right .splitter .treelist-wrapper.no-search > div > table:first-of-type {
    --extra-spacing: -5px;
  }
}
.treelist-wrapper,
.list-wrapper {
  position: static;
  overflow: visible;
  --search-bar-height: 65px;
  --extra-spacing: 20px;
}
.treelist-wrapper > div,
.list-wrapper > div {
  position: sticky;
  top: 10px;
  overflow: visible;
}
.treelist-wrapper > div > table:first-of-type,
.list-wrapper > div > table:first-of-type,
.treelist-wrapper > div .nested-treelist,
.list-wrapper > div .nested-treelist {
  position: static;
  top: 0;
  display: block;
  overflow: auto;
  transition: max-height var(--default-animation-time), height var(--default-animation-time);
  height: calc(var(--content-section-content-height) - var(--search-bar-height) - var(--extra-spacing)) !important;
}
@media (max-width: 1703px) {
  .treelist-wrapper > div > table:first-of-type,
  .list-wrapper > div > table:first-of-type,
  .treelist-wrapper > div .nested-treelist,
  .list-wrapper > div .nested-treelist {
    --extra-spacing: 25px;
  }
}
.treelist-wrapper.no-search,
.list-wrapper.no-search {
  --search-bar-height: 8px;
}
.treelist-wrapper.no-search > div > table:first-of-type,
.list-wrapper.no-search > div > table:first-of-type {
  margin-top: 0;
}
@media (max-width: 1703px) {
  .mobile-toolbar-hidden .treelist-wrapper > div > table:first-of-type,
  .mobile-toolbar-hidden .list-wrapper > div > table:first-of-type,
  .mobile-toolbar-hidden .treelist-wrapper > div .nested-treelist,
  .mobile-toolbar-hidden .list-wrapper > div .nested-treelist {
    --extra-spacing: 0px !important;
  }
}
.treelist-wrapper > div > table:first-of-type,
.treelist-wrapper .nested-treelist {
  margin-top: 8px;
  border: 1px solid var(--borders) !important;
  overflow: hidden auto;
  padding-top: 2px;
}
.treelist-wrapper .dxtlControl_Material .dxtlDataTable {
  border: none;
}
.list-wrapper > div {
  border: 1px solid var(--borders);
  margin: 8px !important;
  padding: 0 !important;
}
.list-wrapper > div table.no-shadow,
.list-wrapper > div table.no-shadow .dxgvTable_Material {
  border: none;
  box-shadow: none !important;
  border-radius: 0;
}
.list-wrapper > div .has-searchbox .no-shadow,
.list-wrapper > div .has-searchbox.no-shadow .dxgvTable_Material {
  border-top: 1px solid var(--borders);
}
.list-wrapper > div .dxctToolbar_Material {
  padding: 10px;
}
.detail-in-splitter-pane-container {
  --container-min-width: 0;
}
.detail-in-splitter-pane-container .detail-data:nth-last-child(2) {
  grid-column: 1 / -1;
}
.detail-in-splitter-pane-container .action-link-container {
  border-radius: var(--default-border-radius);
  box-shadow: none !important;
  border: 1px solid var(--borders);
  padding: 0 10px !important;
}
.detail-in-splitter-pane-container .action-link-container .drop-out {
  right: -2px !important;
}
.table-container {
  padding-bottom: 20px;
}
.table-container.allow-custom-column-size > table {
  table-layout: fixed;
}
.table-container > table {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.table-container > table > thead th {
  text-align: left;
  padding: 10.5px;
  background-color: var(--grey-background);
  border: 1px solid var(--borders);
  color: var(--grey-content);
}
.table-container > table > tbody > tr > td {
  padding: 5px 10px;
  border: 1px solid var(--borders);
  color: var(--grey-content);
}
.table-container > table > tbody > tr > td.photos-container {
  padding: 10px;
}
.table-container > table > tbody > tr > td.textarea-container {
  padding: 5px;
}
.table-container > table > tbody > tr > td.textarea-container textarea {
  min-height: 70px;
}
@media (max-width: 768px) {
  .table-container > table > tbody > tr > td.textarea-container {
    padding: 10px;
  }
}
.table-container > table > tbody > tr > td .remark {
  color: var(--theme-color);
}
.table-container > table > tbody > tr > td .checkbox-container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.table-container > table > tbody > tr.group-name td {
  padding: 5px 10px;
  border: 1px solid var(--borders);
  background-color: var(--grey-background-light);
  border-radius: 5px;
  overflow: hidden;
  color: var(--grey-content);
  font-weight: bold;
}
/* Add photo button */
td.photos-container .photos {
  display: grid;
  grid-template-columns: 30px 15px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid var(--borders);
  text-align: center;
  box-sizing: border-box;
  transition: background-color 0.2s;
  cursor: pointer;
}
td.photos-container .photos .count {
  background-color: var(--grey-background-light);
  border: 1px solid var(--borders);
  color: var(--grey-content);
  margin: -5px 0 0 -13px;
  height: 18px;
  width: 18px;
  display: block;
  border-radius: 10px;
  line-height: 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
td.photos-container .photos .icon-afbeelding {
  line-height: 28px;
  padding-right: 1px;
  color: var(--theme-color);
}
@media (hover: hover) {
  td.photos-container .photos:hover {
    background-color: var(--grey-background);
  }
}
.toolbox {
  color: var(--grey-content);
}
.toolbox .toolset {
  box-sizing: border-box;
  position: absolute;
  z-index: var(--z-index-toolset);
  border-radius: var(--default-border-radius);
  background-color: white;
  border: 1px solid var(--borders);
  box-shadow: 0 3px 6px var(--shadow-color);
}
.toolbox .toolset.transparent {
  background: none;
  box-shadow: none;
  border: none;
}
.toolbox .toolset.transparent .section {
  grid-gap: 10px;
}
.toolbox .toolset.transparent .action {
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius) !important;
  box-shadow: 0 3px 6px var(--shadow-color);
}
.toolbox .toolset.hidden {
  display: none;
}
@media (max-width: 640px) {
  .toolbox .toolset.on-top {
    z-index: var(--z-index-toolset-on-top);
  }
}
.toolbox .toolset.action-form-container {
  opacity: 0;
  pointer-events: none;
  left: initial;
  right: 20px;
  top: 150px;
  padding: 10px;
  width: 100%;
  max-width: 270px;
  transition: opacity var(--default-animation-time), top var(--default-animation-time);
}
.toolbox .toolset.action-form-container.visible {
  opacity: 1;
  pointer-events: auto;
  top: 160px;
}
.toolbox .toolset > .action-form-container {
  top: 60px;
  left: 0;
  right: 0;
}
.toolbox .toolset > .action-form-container.visible {
  top: 70px;
}
.toolbox .toolset .section {
  display: grid;
}
.toolbox .toolset .section .seperator {
  position: relative;
  padding: 3px;
}
.toolbox .toolset .section .seperator:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 2px;
  top: 10px;
  height: 30px;
  width: 2px;
  background-color: var(--borders);
}
.toolbox .toolset .section.horizontal {
  grid-auto-flow: column;
}
.toolbox .toolset .section.horizontal .action:first-of-type {
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
}
.toolbox .toolset .section.horizontal .action:last-of-type {
  border-radius: 0 var(--default-border-radius) var(--default-border-radius) 0;
}
.toolbox .toolset .section.vertical {
  grid-auto-flow: row;
}
.toolbox .toolset .section.vertical .action:first-of-type {
  border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;
}
.toolbox .toolset .section.vertical .action:last-of-type {
  border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);
}
.toolbox .toolset .section.vertical .seperator:before {
  left: 10px;
  right: 10px;
  top: 0px;
  height: 2px;
  width: initial;
}
.toolbox .toolset .action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  height: 50px;
  width: 50px;
  transition: background-color var(--default-animation-time);
  line-height: 30px;
  font-size: 19px;
  box-sizing: border-box;
}
@media (hover: hover) {
  .toolbox .toolset .action:hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.toolbox .toolset .action.menu-button {
  display: none;
  border-radius: 5px;
}
@media (max-width: 640px) {
  .toolbox .toolset .action.menu-button {
    display: inline-flex;
  }
}
.toolbox .toolset .action.active {
  background-color: var(--theme-color);
  color: white;
}
@media (hover: hover) {
  .toolbox .toolset .action.active:hover {
    background-color: var(--theme-color-dark);
  }
}
.toolbox .toolset .action.hidden {
  display: none;
}
@media (max-width: 640px) {
  .toolbox .toolset .action.submit {
    width: 100%;
  }
}
.wizard-footer .wizard-button {
  width: 100px;
  margin: 0px 15px;
}
.wizard-footer .wizard-footer-previous {
  float: left;
}
.wizard-footer .wizard-footer-next {
  float: right;
}
.wizard-footer .wizard-footer-complete {
  float: right;
}
.wizard-tabs-content .wizard-tab-content-view {
  padding: 10px 10px 10px 10px;
}
.wizard-tabs-content .wizard-tab-content-view section.wizard-content-form {
  display: grid;
  grid-template-columns: minmax(min-content, var(--column-min-width, 125px)) 1fr;
  grid-gap: 10px;
}
.toolbar {
  display: none;
}
.toolbar .overflow-container .hidden-content:not(.drop-out),
.section-toolbar .overflow-container .hidden-content:not(.drop-out) {
  flex-direction: column-reverse;
}
.toolbar .overflow-container {
  justify-items: start;
}
.toolbar {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
  background-color: white;
  align-items: center;
  height: var(--responsive-toolbar-height);
  box-sizing: border-box;
  z-index: var(--z-index-toolbar);
  transform: translateY(calc(var(--100vh, 100vh) - var(--header-height) - 50px - var(--saveAreaBottom)));
  transition: transform var(--default-animation-time);
  border-top: 1px solid var(--borders);
}
@media (min-width: 1703px) {
  .toolbar {
    display: none;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  .toolbar {
    padding: 0 10px;
  }
}
.toolbar .form-actions,
.toolbar .form-actions.sticky {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 20px;
  border-right: 1px solid var(--borders);
}
.toolbar .form-actions *,
.toolbar .form-actions.sticky * {
  margin: 0 !important;
  width: 100% !important;
}
.toolbar.save-area-bottom::after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: var(--saveAreaBottom);
  background-color: var(--grey-background-light);
  border-top: 1px solid var(--grey-background);
}
.toolbar.contains-form-actions {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.toolbar#mobile-toolbar {
  transform: translateY(calc(var(--100vh, 100vh) - 50px - var(--saveAreaBottom)));
}
.overflow-container {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  width: 100%;
  justify-items: end;
}
@media (max-width: 1703px) {
  .overflow-container {
    justify-items: unset;
    position: static;
    grid-template-rows: 50px;
  }
}
.overflow-container .show-hidden-content-button {
  display: flex;
  padding: 0;
  height: 30px;
  min-width: 30px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-background-light);
  transition: background-color var(--default-animation-time);
  border: 1px solid var(--borders);
  margin-left: 20px;
  cursor: pointer;
  position: relative;
}
.overflow-container .show-hidden-content-button.clicked {
  background-color: var(--grey-background);
}
.overflow-container .show-hidden-content-button.has-count {
  padding: 0 10px;
  grid-gap: 7px;
  box-sizing: border-box;
  background: none;
  border: 1px solid var(--grey-content-light);
}
.overflow-container .show-hidden-content-button.has-count.clicked {
  background-color: var(--grey-background-light);
}
.overflow-container .show-hidden-content-button.has-count .number-of-hidden-items {
  border-right: 1px solid var(--grey-content-light);
  padding-right: 7px;
  height: 100%;
  line-height: 29px;
}
.overflow-container .show-hidden-content-button.has-count .hidden-content.drop-out {
  right: -8px;
}
.overflow-container .hidden-content {
  position: fixed;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 5px 10px;
  background-color: var(--grey-background-light);
  border-top: 1px solid #b4b4b4;
  box-shadow: 0px -1px 2px var(--shadow-color);
  transition: opacity var(--default-animation-time), transform var(--default-animation-time);
  z-index: var(--z-index-hidden-content);
  transform: scaleY(0);
  transform-origin: bottom center;
}
@media (max-width: 768px) {
  .overflow-container .hidden-content .action-link-quick-actions .links-wrapper {
    right: 0;
  }
}
.overflow-container .hidden-content.visible {
  opacity: 1;
  pointer-events: all;
  transform: scaleY(1);
}
.overflow-container .hidden-content.drop-out {
  position: absolute;
  top: 50px;
  bottom: initial;
  left: initial;
  right: -10px;
  width: max-content;
  max-width: 400px;
  background-color: var(--white);
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius);
  filter: drop-shadow(0px 3px 6px var(--shadow-color));
  box-shadow: none;
  transform-origin: top;
}
@media (max-width: 1112px) {
  .overflow-container .hidden-content.drop-out {
    max-width: calc(100vw - 40px);
  }
}
.overflow-container .hidden-content.drop-out:after,
.overflow-container .hidden-content.drop-out:before {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.overflow-container .hidden-content.drop-out:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #FFFFFF;
  border-width: 15px;
  margin-left: -15px;
}
.overflow-container .hidden-content.drop-out:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: var(--borders);
  border-width: 15px;
  margin-bottom: 1px;
  margin-left: -15px;
}
.overflow-container .hidden-content.drop-out .action-link {
  padding-right: 10px;
}
.overflow-container .hidden-content .action-link-quick-actions,
.overflow-container .hidden-content .action-link {
  margin-bottom: 5px;
}
.overflow-container .visible-content {
  display: flex;
  flex-direction: row;
  grid-gap: 12px;
  margin-bottom: 2px;
}
.overflow-container .visible-content a,
.overflow-container .visible-content > .action-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.responsive-popup .overflow-container.action-link-container {
  align-self: start;
  min-height: 50px;
}
.action-link-quick-actions {
  background-color: var(--grey-background-light);
  border-radius: var(--default-border-radius);
  padding: 15px 10px 10px 0px;
  position: relative;
  margin: 10px 0;
  border: 1px solid var(--borders);
}
.action-link-quick-actions .links-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
.action-link-quick-actions a {
  font-size: 14px !important;
  line-height: 25px !important;
  margin-left: 0;
  z-index: 1;
  padding-left: 15px;
  white-space: nowrap;
  color: var(--grey-content-dark);
  cursor: pointer;
  font-family: var(--font-general);
  text-transform: lowercase;
}
.action-link-quick-actions::before {
  content: var(--quick-actions-text);
  display: block;
  position: absolute;
  left: 10px;
  padding: 0 5px;
  top: -10px;
  background: linear-gradient(to top, var(--grey-background-light) 50%, white 50%);
  font-family: var(--font-general);
}
.action-link-quick-actions::after {
  content: '\e9ad';
  font-family: 'Maintis-icons';
  display: block;
  position: absolute;
  font-size: 40px;
  right: 5px;
  bottom: 5px;
  color: var(--grey-background);
}
.sticky .action-link-quick-actions,
.action-link-quick-actions.dropdown {
  float: left;
  display: grid;
  grid-template-columns: 1fr 30px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: visible !important;
  cursor: pointer;
  background-color: white;
}
@media (max-width: 1703px) {
  .sticky .action-link-quick-actions,
  .action-link-quick-actions.dropdown {
    margin-left: 0;
  }
}
@media (hover: hover) {
  .sticky .action-link-quick-actions:hover,
  .action-link-quick-actions.dropdown:hover {
    background-color: var(--grey-background-light);
  }
}
.sticky .action-link-quick-actions::before,
.action-link-quick-actions.dropdown::before {
  position: initial;
  color: var(--grey-content);
  line-height: 31px;
  background: none;
  font-size: 14px;
  padding-left: 10px;
  padding-top: 2px;
  white-space: nowrap;
}
.sticky .action-link-quick-actions::after,
.action-link-quick-actions.dropdown::after {
  content: '\e94f';
  position: initial;
  font-size: 15px;
  color: var(--grey-content-light);
  text-align: center;
  line-height: 34px;
  transition: transform var(--default-animation-time);
}
@media (max-width: 1703px) {
  .sticky .action-link-quick-actions::after,
  .action-link-quick-actions.dropdown::after {
    transform: rotate(180deg);
  }
}
.sticky .action-link-quick-actions .links-wrapper,
.action-link-quick-actions.dropdown .links-wrapper {
  display: grid !important;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: var(--white);
  border-radius: var(--default-border-radius);
  box-shadow: 0 3px 6px var(--shadow-color);
  border: 1px solid var(--borders);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: transform var(--default-animation-time), opacity var(--default-animation-time);
}
@media (max-width: 1703px) {
  .sticky .action-link-quick-actions .links-wrapper,
  .action-link-quick-actions.dropdown .links-wrapper {
    top: initial;
    bottom: 40px;
    transform: translateY(10px);
    z-index: var(--z-index-grouped-action-links-responsive);
  }
}
.sticky .action-link-quick-actions .links-wrapper a,
.action-link-quick-actions.dropdown .links-wrapper a {
  line-height: 30px !important;
  padding-right: 15px;
  overflow: visible;
}
@media (max-width: 1703px) {
  .sticky .action-link-quick-actions .links-wrapper a,
  .action-link-quick-actions.dropdown .links-wrapper a {
    line-height: 40px !important;
  }
}
.sticky .action-link-quick-actions .links-wrapper a:hover,
.action-link-quick-actions.dropdown .links-wrapper a:hover {
  text-decoration: none;
  background-color: var(--grey-background-light);
  cursor: pointer;
}
.sticky .action-link-quick-actions.visible,
.action-link-quick-actions.dropdown.visible {
  background-color: var(--grey-background-light);
}
.sticky .action-link-quick-actions.visible::after,
.action-link-quick-actions.dropdown.visible::after {
  transform: rotate(180deg);
}
@media (max-width: 1703px) {
  .sticky .action-link-quick-actions.visible::after,
  .action-link-quick-actions.dropdown.visible::after {
    transform: rotate(0);
  }
}
.sticky .action-link-quick-actions.visible .links-wrapper,
.action-link-quick-actions.dropdown.visible .links-wrapper {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
.maintis-old {
  /* Treelist */
  /* Layout-control */
}
.maintis-old .treeListFilteredItem {
  font-style: italic;
  background-color: var(--grey-background);
}
.maintis-old .asset-treelist-row {
  line-height: 20px;
}
.maintis-old .asset-treelist-row td:nth-last-child(2) {
  padding-top: 3px;
  padding-bottom: 3px;
}
.maintis-old .asset-treelist-row td:last-child {
  padding-top: 0px;
  padding-bottom: 0px;
}
.maintis-old #layout-control .section {
  float: left;
  overflow: hidden;
  width: 480px;
  min-height: 250px;
}
.maintis-old #layout-control .group-container {
  margin: 1em 1em 1em 1em;
  padding: 0.3em;
  background-color: #FFFFFF;
}
.maintis-old #layout-control .toggle-up {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-right: 8px;
  background: url("Content/Images/css/fa-caret-square-o-up_24_FFFFFF.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.maintis-old #layout-control .toggle-down {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-right: 8px;
  background: url("Content/Images/css/fa-caret-square-o-down_24_FFFFFF.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.maintis-old #layout-control .item {
  background-color: #cccccc;
}
.maintis-old #layout-control .group-header {
  padding: 5px;
  position: relative;
  background-color: var(--theme-color);
  font-size: 16px;
  color: #FFFFFF;
  cursor: move;
}
.maintis-old #layout-control .group-placeholder {
  border: 1px dotted black;
  margin: 1em 1em 1em 1em;
  height: 25px;
}
.maintis-old #layout-control .group-selected {
  background: var(--theme-color);
  color: #FFFFFF;
}
.maintis-old #layout-control .section .group {
  width: 100%;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0;
  float: left;
  margin-right: 10px;
}
.maintis-old #layout-control .group li {
  padding: 5px;
  font-size: 13px;
  cursor: move;
  margin-top: 1px;
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
.maintis-old {
  /* Craneinspection create new defect */
  /* Craneinspection defect photos*/
  /* Craneinspection photo overlay*/
  /* button */
}
.maintis-old .crane-edit-form td.crane-edit-form-edit-and-label table tr td input {
  width: 20px;
}
.maintis-old .crane-edit-form td.crane-edit-form-edit table tr td input {
  width: 60px;
}
.maintis-old .crane-edit-form td.crane-edit-form-label {
  width: 300px;
}
.maintis-old .crane-edit-form td.crane-edit-form-edit-and-label table {
  display: inline-block;
  width: 60px;
  margin-bottom: -15px;
  margin-left: 15px;
}
.maintis-old #CraneInspectionCommon td.CraneInspectionCommonLabel {
  padding-right: 20px;
  white-space: nowrap;
}
.maintis-old #CraneInspectionCommon td.CraneInspectionCommonValue {
  white-space: nowrap;
  padding-right: 20px;
}
.maintis-old .commonHr {
  border: 1px solid var(--borders);
}
.maintis-old .smallMarginTop {
  margin-top: 22px;
}
.maintis-old .view-detail-crane-inspection-table > tbody > tr > td:nth-child(2) {
  width: 480px;
}
.maintis-old .view-detail-crane-inspection-table > tbody > tr > td:nth-child(3) {
  width: 480px;
}
.maintis-old .view-detail-crane-inspection-table > tbody > tr > td:first-child {
  width: 400px;
}
.maintis-old .view-detail-crane-inspection-table td {
  vertical-align: middle;
}
.maintis-old .view-detail-crane-inspection-table tr td {
  padding-bottom: 3px;
  padding-top: 3px;
}
.maintis-old .crane-inspection-table-label {
  font-size: 13px;
  font-weight: bold;
}
.maintis-old .crane-inspection-table-label label {
  color: var(--grey-content);
  font-size: 13px;
  font-weight: bold;
}
.maintis-old .crane-inspection-table-data {
  font-size: 13px;
  padding-left: 10px;
  padding-top: 1px;
}
.maintis-old .crane-inspection-table-control {
  padding-left: 10px;
  padding-top: 5px;
}
.maintis-old .craneinspectionFlowCommonTests {
  width: 100%;
}
.maintis-old .craneinspectionFlowCommonTests th {
  padding: 5px;
  text-align: left;
  border: 1px solid var(--borders);
  font-weight: normal;
}
.maintis-old .craneinspectionFlowCommonTests > tbody > tr > td {
  padding: 0px 5px;
  text-align: left;
  border: 1px solid var(--borders);
  vertical-align: top;
  color: var(--grey-content);
}
.maintis-old .craneinspectionFlowCommonTests td input {
  float: right;
}
.maintis-old .crane-inspection-table-second-row-label {
  padding-left: 50px;
}
.maintis-old .saveMessageBox {
  display: none;
  font-size: 20px;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 7px;
  padding-top: 12px;
  width: 700px;
  height: 30px;
}
.maintis-old .info {
  background-color: #5BB75B;
  background-image: -moz-linear-gradient(center top, #62C462, #51A351);
  background-repeat: repeat-x;
  color: white;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.maintis-old .warning {
  background-color: #DA4F49;
  background-image: -moz-linear-gradient(center top, #EE5F5B, #BD362F);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
}
.maintis-old .inactive-button {
  background-color: var(--grey-content);
  color: var(--white);
}
.maintis-old .crane-inspection-tosave-warning {
  color: #DA4F49 !important;
  font-weight: bold;
  display: block;
  float: left;
  padding-top: 11px !important;
  padding-left: 11px !important;
}
.maintis-old #defectFormMainDiv {
  float: left;
  margin-right: 10px;
}
.maintis-old #defectFormNen2767Div {
  float: left;
}
.maintis-old #defectFormMainTable tr td:nth-child(1) {
  width: 120px;
}
.maintis-old #defectFormMainTable tr td:nth-child(2) {
  width: 200px;
}
.maintis-old #defectFormNen2767Table tr td:nth-child(1) {
  width: 120px;
}
.maintis-old #defectFormNen2767Table tr td:nth-child(2) {
  width: 200px;
}
.maintis-old #defectPhotoWrapper .inspectionPhoto {
  max-width: 200px;
  float: left;
  border: 1px solid var(--borders);
  padding: 3px;
  margin: 3px;
}
.maintis-old #photoPlaceHolder,
.maintis-old #photoEditImages {
  float: left;
}
.maintis-old #photoEditImages {
  margin-left: 10px;
}
.maintis-old .arrowSelected {
  border: 5px solid var(--theme-color);
}
.maintis-old .arrowDeSelected {
  border: 5px solid var(--white);
}
.maintis-old img.arrow {
  width: 32px;
  height: 32px;
}
.maintis-old a:hover .secondary_button,
.maintis-old a:active .secondary_button {
  color: var(--theme-color) !important;
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
@media (max-width: 1703px) {
  .maintis-old div#dashboard-container div#dashboard-company-logo {
    width: initial;
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  .maintis-old div#dashboard-container div#dashboard-intro {
    padding-right: 0;
  }
  .maintis-old div#dashboard-container {
    max-width: 100vw;
    width: 100%;
    float: left;
  }
}
.maintis-old div#dashboard-container {
  min-height: calc(100vh - 237px);
  float: left;
}
.maintis-old div#dashboard-intro {
  max-width: 585px;
  width: 100%;
  margin-bottom: 30px;
  float: left;
  padding-right: 15px;
}
.maintis-old div#dashboard-welcome {
  max-width: 450px;
  width: 100%;
  padding-bottom: 10px;
}
.maintis-old div#dashboard-announces {
  max-width: 600px;
  width: 100%;
}
.maintis-old div#dashboard-single-announce {
  max-width: 595px;
  width: 100%;
  padding-bottom: 5px;
}
.maintis-old div#dashboard-company-logo {
  max-width: 1350px;
  width: 100%;
  height: 300px;
  float: left;
}
.maintis-old div#dashboard-tickets,
.maintis-old div#dashboard-reported-to-my-company-faults,
.maintis-old div#dashboard-reported-faults,
.maintis-old div#dashboard-handled-faults {
  width: 100%;
  min-height: 150px;
  float: left;
  padding-bottom: 30px;
}
.maintis-old div#dashboard-handled-year-plan-cards {
  width: 100%;
  min-height: 150px;
  float: left;
}
@media only screen and (max-width: 1703px) {
  .maintis-old div#dashboard-tickets,
  .maintis-old div#dashboard-reported-to-my-company-faults,
  .maintis-old div#dashboard-reported-faults,
  .maintis-old div#dashboard-handled-faults,
  .maintis-old div#dashboard-handled-year-plan-cards {
    overflow: hidden;
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  .maintis-old #dashboard-company-logo {
    display: none;
  }
}
.geometry-toolbox {
  color: var(--grey-content);
}
.geometry-toolbox .toolset {
  box-sizing: border-box;
  position: absolute;
  z-index: var(--z-index-toolset);
  border-radius: var(--default-border-radius);
  background-color: white;
  border: 1px solid var(--borders);
  box-shadow: 0 3px 6px var(--shadow-color);
}
.geometry-toolbox .toolset.transparent {
  background: none;
  box-shadow: none;
  border: none;
}
.geometry-toolbox .toolset.transparent .section {
  grid-gap: 10px;
}
.geometry-toolbox .toolset.transparent .action {
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius) !important;
  box-shadow: 0 3px 6px var(--shadow-color);
}
.geometry-toolbox .toolset.hidden {
  display: none;
}
@media (max-width: 640px) {
  .geometry-toolbox .toolset.on-top {
    z-index: var(--z-index-toolset-on-top);
  }
}
.geometry-toolbox .toolset.action-form-container {
  opacity: 0;
  pointer-events: none;
  left: initial;
  right: 20px;
  top: 150px;
  padding: 10px;
  width: 100%;
  max-width: 270px;
  transition: opacity var(--default-animation-time), top var(--default-animation-time);
}
.geometry-toolbox .toolset.action-form-container.visible {
  opacity: 1;
  pointer-events: auto;
  top: 160px;
}
.geometry-toolbox .toolset > .action-form-container {
  top: 60px;
  left: 0;
  right: 0;
}
.geometry-toolbox .toolset > .action-form-container.visible {
  top: 70px;
}
.geometry-toolbox .toolset .section {
  display: grid;
}
.geometry-toolbox .toolset .section .seperator {
  position: relative;
  padding: 3px;
}
.geometry-toolbox .toolset .section .seperator:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 2px;
  top: 10px;
  height: 30px;
  width: 2px;
  background-color: var(--borders);
}
.geometry-toolbox .toolset .section.horizontal {
  grid-auto-flow: column;
}
.geometry-toolbox .toolset .section.horizontal .action:first-of-type {
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
}
.geometry-toolbox .toolset .section.horizontal .action:last-of-type {
  border-radius: 0 var(--default-border-radius) var(--default-border-radius) 0;
}
.geometry-toolbox .toolset .section.vertical {
  grid-auto-flow: row;
}
.geometry-toolbox .toolset .section.vertical .action:first-of-type {
  border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;
}
.geometry-toolbox .toolset .section.vertical .action:last-of-type {
  border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);
}
.geometry-toolbox .toolset .section.vertical .seperator:before {
  left: 10px;
  right: 10px;
  top: 0px;
  height: 2px;
  width: initial;
}
.geometry-toolbox .toolset .action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  height: 50px;
  width: 50px;
  transition: background-color var(--default-animation-time);
  line-height: 30px;
  font-size: 19px;
  box-sizing: border-box;
}
@media (hover: hover) {
  .geometry-toolbox .toolset .action:hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.geometry-toolbox .toolset .action.menu-button {
  display: none;
  border-radius: 5px;
}
@media (max-width: 640px) {
  .geometry-toolbox .toolset .action.menu-button {
    display: inline-flex;
  }
}
.geometry-toolbox .toolset .action.active {
  background-color: var(--theme-color);
  color: white;
}
@media (hover: hover) {
  .geometry-toolbox .toolset .action.active:hover {
    background-color: var(--theme-color-dark);
  }
}
.geometry-toolbox .toolset .action.hidden {
  display: none;
}
@media (max-width: 640px) {
  .geometry-toolbox .toolset .action.submit {
    width: 100%;
  }
}
@media (max-width: 980px) {
  .geometry-toolbox .toolset.action-form-container {
    top: 160px;
    right: 90px;
    transition: right var(--default-animation-time), opacity var(--default-animation-time), top var(--default-animation-time);
  }
  .geometry-toolbox .toolset.action-form-container.visible {
    top: 160px;
    right: 100px;
  }
}
@media (max-width: 768px) {
  .geometry-toolbox .toolset.action-form-container {
    overflow-y: auto;
    max-height: calc(var(--100vh, 100vh) - 240px);
    min-height: 50px;
  }
}
@media (max-width: 480px) {
  .geometry-toolbox .toolset.action-form-container {
    top: 130px;
    right: 60px;
    max-width: calc(100vw - 150px);
    max-height: calc(var(--100vh, 100vh) - 200px);
    min-height: 50px;
  }
  .geometry-toolbox .toolset.action-form-container.visible {
    top: 130px;
    right: 70px;
  }
}
.geometry-toolbox .toolset.action-form-container .action-form.hidden {
  display: none;
}
.geometry-toolbox .toolset.action-form-container textarea {
  border-radius: 5px;
  border: 1px solid var(--borders);
  resize: vertical;
  width: 100%;
  padding: 10px;
  min-height: 150px;
  box-sizing: border-box;
}
.geometry-toolbox .toolset.action-form-container .actions {
  display: grid;
  width: 100%;
  grid-gap: 10px;
  grid-auto-flow: column;
  overflow: hidden;
}
.geometry-toolbox .toolset.action-form-container .actions .action {
  height: initial;
  width: 100%;
  grid-gap: 5px;
  border-radius: var(--default-border-radius);
  font-size: 13px;
}
.geometry-toolbox .toolset.action-form-container .actions .action.submit-action-form {
  background-color: var(--theme-color);
  color: var(--white);
}
.geometry-toolbox .toolset.action-form-container .actions .action.cancel-action-form {
  border: 1px solid var(--borders);
}
@media (max-width: 420px) {
  .geometry-toolbox .toolset.action-form-container .actions {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
}
.geometry-toolbox .toolset.action-form-container #uploadPicture .actions {
  display: flex;
  justify-content: right;
}
.geometry-toolbox .toolset.action-form-container #uploadPicture .actions .action {
  height: initial;
  width: initial;
  line-height: initial;
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
  padding: 8px 12px;
  border-radius: 3px;
  background-color: var(--grey-background);
  text-transform: uppercase;
  font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.geometry-toolbox .toolset.action-form-container #uploadPicture .actions .action.submit-action-form {
  background-color: var(--theme-color);
  color: white;
}
@media (hover: hover) {
  .geometry-toolbox .toolset.action-form-container #uploadPicture .actions .action.submit-action-form:hover {
    background-color: #EB8920;
  }
}
@media (max-width: 640px) {
  .geometry-toolbox .toolset .section.mobile-hidden {
    opacity: 0;
    pointer-events: none;
    top: 0px;
    position: absolute;
    background-color: white;
    border: 1px solid var(--borders);
    max-width: calc(100vw - 40px);
    border-radius: 5px;
    overflow: hidden;
    transition: top var(--default-animation-time), opacity var(--default-animation-time);
  }
  .geometry-toolbox .toolset .section.mobile-hidden.horizontal {
    grid-auto-flow: row;
  }
  .geometry-toolbox .toolset .section.mobile-hidden.visible {
    opacity: 1;
    pointer-events: all;
    top: 80px;
  }
}
@media (max-width: 640px) and (max-width: 480px) {
  .geometry-toolbox .toolset .section.mobile-hidden.visible {
    opacity: 1;
    pointer-events: all;
    top: 70px;
  }
}
.geometry-toolbox .toolset .section.menu-right {
  right: 0;
}
.geometry-toolbox .toolset .section.menu-left {
  left: 0;
}
.geometry-toolbox #tool-options {
  top: 80px;
  left: 150px;
}
@media (max-width: 480px) {
  .geometry-toolbox #tool-options {
    top: 60px;
    left: 120px;
  }
}
.geometry-toolbox #toolbox {
  top: 160px;
  left: 20px;
}
@media (max-width: 768px) {
  .geometry-toolbox #toolbox {
    overflow-y: auto;
    max-height: calc(var(--100vh, 100vh) - 240px);
    min-height: 50px;
  }
}
@media (max-width: 480px) {
  .geometry-toolbox #toolbox {
    top: 130px;
    left: 10px;
    max-height: calc(var(--100vh, 100vh) - 200px);
    min-height: 50px;
  }
}
.geometry-toolbox #actions {
  right: 20px;
  top: 80px;
}
@media (max-width: 980px) {
  .geometry-toolbox #actions {
    top: 160px;
  }
  .geometry-toolbox #actions .section {
    grid-auto-flow: row;
  }
  .geometry-toolbox #actions .section .action:first-of-type {
    border-radius: 5px 5px 0px 0px;
  }
  .geometry-toolbox #actions .section .action:last-of-type {
    border-radius: 0px 0px 5px 5px;
  }
}
@media (max-width: 768px) {
  .geometry-toolbox #actions {
    overflow-y: auto;
    max-height: calc(var(--100vh, 100vh) - 400px);
    min-height: 50px;
  }
}
@media (max-width: 480px) {
  .geometry-toolbox #actions {
    top: 130px;
    right: 10px;
    max-height: calc(var(--100vh, 100vh) - 340px);
    min-height: 50px;
  }
}
.geometry-toolbox #content-selector {
  top: 80px;
  left: 50%;
  transform: translateX(calc(-50% - 12px));
}
@media (max-width: 980px) {
  .geometry-toolbox #content-selector {
    right: 20px;
    left: initial;
    transform: initial;
  }
}
@media (max-width: 480px) {
  .geometry-toolbox #content-selector {
    top: 60px;
    right: 10px;
  }
}
.geometry-toolbox #content-selector.editMode {
  right: 20px;
  left: initial;
  transform: translateY(0);
}
@media (max-width: 480px) {
  .geometry-toolbox #content-selector.editMode {
    top: 60px;
    right: 10px;
  }
}
.geometry-toolbox #content-selector.editMode select {
  max-width: calc((100vw - 350px) / 3);
}
@media (max-width: 980px) {
  .geometry-toolbox #content-selector.editMode select {
    max-width: calc((100vw - 440px) / 3);
  }
}
@media (max-width: 640px) {
  .geometry-toolbox #content-selector.editMode select {
    max-width: calc(100vw - 120px);
  }
}
.geometry-toolbox #location {
  bottom: 20px;
  right: 20px;
}
.geometry-toolbox #location .action .icon-lock-map-orientation {
  font-size: 24px;
}
@media (max-width: 480px) {
  .geometry-toolbox #location {
    bottom: 10px;
    right: 10px;
  }
}
.geometry-toolbox .select-wrapper {
  display: grid;
  align-items: center;
  padding-left: 12px;
  padding-right: 8px;
  height: 50px;
  font-size: 19px;
  transition: background-color var(--default-animation-time);
  grid-template-columns: 1fr;
}
.geometry-toolbox .select-wrapper span {
  display: inline-block;
  padding-right: 10px;
  text-align: center;
}
.geometry-toolbox .select-wrapper select {
  height: 50px;
  transition: background-color var(--default-animation-time);
  max-width: calc((100vw - 645px) / 3);
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
}
@media (max-width: 980px) {
  .geometry-toolbox .select-wrapper select {
    max-width: calc((100vw - 440px) / 3);
  }
}
@media (max-width: 640px) {
  .geometry-toolbox .select-wrapper select {
    max-width: calc(100vw - 120px);
  }
}
.geometry-toolbox .select-wrapper.disabled {
  background-color: var(--grey-background-light);
}
.geometry-toolbox .select-wrapper.has-icon {
  grid-auto-flow: column;
}
.geometry-toolbox .select-wrapper.has-icon select {
  margin-left: -30px;
  padding-left: 30px;
}
.geometry-toolbox .select-wrapper.hidden {
  display: none;
}
.geometry-toolbox .select-wrapper:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.geometry-toolbox .select-wrapper:last-of-type {
  border-radius: 0px 5px 5px 0px;
}
@media (hover: hover) {
  .geometry-toolbox .select-wrapper:not(.disabled):hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.geometry-toolbox .filter-title-box-container {
  position: absolute;
  top: 80px;
  left: 20px;
}
@media (max-width: 480px) {
  .geometry-toolbox .filter-title-box-container {
    left: 10px;
    top: 60px;
  }
}
.geometry-toolbox .filter-title-box-container .filter-title-box {
  grid-gap: 0;
  padding: 10px;
  border: 1px solid var(--borders);
  box-shadow: none;
  box-shadow: 0 3px 6px var(--shadow-color);
}
@media (max-width: 1703px) {
  .geometry-toolbox .filter-title-box-container .filter-title-box.visible {
    left: 0;
  }
}
@media (max-width: 1112px) {
  .geometry-toolbox .filter-title-box-container .filter-title-box {
    position: relative;
  }
}
@media only screen and (max-width: 812px) and (max-height: 812px) {
  .geometry-toolbox .filter-title-box-container .filter-title-box {
    left: 20px;
  }
}
.geometry-toolbox .filter-title-box-container .filter-title-box h3 {
  display: none;
}
@media (max-width: 640px) {
  .geometry-toolbox .seperator {
    width: 100%;
  }
  .geometry-toolbox .seperator:before {
    left: 10px;
    right: 10px;
    top: 0px;
    height: 2px;
    width: initial;
  }
}
.ifc-toolbox {
  color: var(--grey-content);
}
.ifc-toolbox .toolset {
  box-sizing: border-box;
  position: absolute;
  z-index: var(--z-index-toolset);
  border-radius: var(--default-border-radius);
  background-color: white;
  border: 1px solid var(--borders);
  box-shadow: 0 3px 6px var(--shadow-color);
}
.ifc-toolbox .toolset.transparent {
  background: none;
  box-shadow: none;
  border: none;
}
.ifc-toolbox .toolset.transparent .section {
  grid-gap: 10px;
}
.ifc-toolbox .toolset.transparent .action {
  border: 1px solid var(--borders);
  border-radius: var(--default-border-radius) !important;
  box-shadow: 0 3px 6px var(--shadow-color);
}
.ifc-toolbox .toolset.hidden {
  display: none;
}
@media (max-width: 640px) {
  .ifc-toolbox .toolset.on-top {
    z-index: var(--z-index-toolset-on-top);
  }
}
.ifc-toolbox .toolset.action-form-container {
  opacity: 0;
  pointer-events: none;
  left: initial;
  right: 20px;
  top: 150px;
  padding: 10px;
  width: 100%;
  max-width: 270px;
  transition: opacity var(--default-animation-time), top var(--default-animation-time);
}
.ifc-toolbox .toolset.action-form-container.visible {
  opacity: 1;
  pointer-events: auto;
  top: 160px;
}
.ifc-toolbox .toolset > .action-form-container {
  top: 60px;
  left: 0;
  right: 0;
}
.ifc-toolbox .toolset > .action-form-container.visible {
  top: 70px;
}
.ifc-toolbox .toolset .section {
  display: grid;
}
.ifc-toolbox .toolset .section .seperator {
  position: relative;
  padding: 3px;
}
.ifc-toolbox .toolset .section .seperator:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 2px;
  top: 10px;
  height: 30px;
  width: 2px;
  background-color: var(--borders);
}
.ifc-toolbox .toolset .section.horizontal {
  grid-auto-flow: column;
}
.ifc-toolbox .toolset .section.horizontal .action:first-of-type {
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
}
.ifc-toolbox .toolset .section.horizontal .action:last-of-type {
  border-radius: 0 var(--default-border-radius) var(--default-border-radius) 0;
}
.ifc-toolbox .toolset .section.vertical {
  grid-auto-flow: row;
}
.ifc-toolbox .toolset .section.vertical .action:first-of-type {
  border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;
}
.ifc-toolbox .toolset .section.vertical .action:last-of-type {
  border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);
}
.ifc-toolbox .toolset .section.vertical .seperator:before {
  left: 10px;
  right: 10px;
  top: 0px;
  height: 2px;
  width: initial;
}
.ifc-toolbox .toolset .action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  height: 50px;
  width: 50px;
  transition: background-color var(--default-animation-time);
  line-height: 30px;
  font-size: 19px;
  box-sizing: border-box;
}
@media (hover: hover) {
  .ifc-toolbox .toolset .action:hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.ifc-toolbox .toolset .action.menu-button {
  display: none;
  border-radius: 5px;
}
@media (max-width: 640px) {
  .ifc-toolbox .toolset .action.menu-button {
    display: inline-flex;
  }
}
.ifc-toolbox .toolset .action.active {
  background-color: var(--theme-color);
  color: white;
}
@media (hover: hover) {
  .ifc-toolbox .toolset .action.active:hover {
    background-color: var(--theme-color-dark);
  }
}
.ifc-toolbox .toolset .action.hidden {
  display: none;
}
@media (max-width: 640px) {
  .ifc-toolbox .toolset .action.submit {
    width: 100%;
  }
}
.ifc-toolbox .toolset#actions {
  right: 20px;
  top: 70px;
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container {
  pointer-events: none;
  left: 20px;
  width: 400px;
  transform: translateX(-10px);
  opacity: 0;
  top: 70px;
  bottom: 20px;
  transition: transform var(--default-animation-time), opacity var(--default-animation-time);
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container.visible {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container .title {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--borders);
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container .title h2 {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 18px;
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container #treeview {
  padding: 15px;
}
.ifc-toolbox .toolset#ifc-hierarchy-tree-container .dx-treelist-header-panel {
  padding: 0px;
}
.ifc-toolbox .dx-list-item-content {
  padding-left: 0 !important;
}
/* -------------------------- =================== -------------------------- */
/* -------------------------------- SHARED --------------------------------- */
/* -------------------------- =================== -------------------------- */
.login {
  display: grid;
  grid-template-columns: 460px 1fr;
  height: var(--100vh, 100vh);
  width: 100%;
}
@media (max-width: 768px) {
  .login {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr max-content;
  }
}
.login .error-message {
  display: block;
  padding: 6px 20px 6px;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #EC8383;
  color: #BD1E1E;
  animation: shake 0.4s;
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  15%,
  90% {
    transform: translateX(10px);
  }
  30%,
  60% {
    transform: translateX(-15px);
  }
  45% {
    transform: translateX(25px);
  }
  75% {
    transform: translateX(10px);
  }
}
.login .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: -20px;
  z-index: -1;
}
@media (max-width: 768px) {
  .login .background-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.login .side {
  display: grid;
  grid-template-rows: 1fr max-content;
  grid-gap: 30px;
  align-items: center;
  padding: 50px;
  border-right: 15px solid var(--theme-color);
  background: white;
  border-radius: 0 20px 20px 0;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 768px) {
  .login .side {
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid var(--theme-color);
    border-right: none;
    margin: 20px;
    border-radius: 15px;
    box-shadow: 0px 10px 20px var(--shadow-color);
  }
}
@media (max-width: 425px) {
  .login .side {
    padding: 50px 40px;
  }
}
.login .side .form-wrapper > .logo {
  display: block;
  height: 60px;
  margin: 0 auto 60px auto;
}
.login .side p {
  margin-bottom: 0;
  color: var(--grey-content);
  text-align: center;
}
.login .side a {
  text-decoration: underline;
  color: var(--grey-content);
}
.login .side .label-input-group {
  grid-template-columns: max-content 1fr;
  grid-gap: 20px;
}
@media (max-width: 768px) {
  .login .side .label-input-group {
    grid-template-columns: 1fr;
    grid-gap: 10px;
    width: initial;
  }
}
.login .side .form-actions {
  grid-gap: 13px;
  padding-bottom: 0;
}
.login .side .form-description {
  margin-bottom: 15px;
}
.login .side .form-description p {
  text-align: left;
}
.login .side .form-description h2 {
  padding-bottom: 10px;
}
.login .side .microsoft-login-button {
  margin-top: 0 !important;
  width: 100%;
}
.login .side .microsoft-login-button img {
  margin: 0 15px 3px 0 !important;
}
.login .side .link-to-maintis-login {
  display: inline-block;
  border-top: 1px solid var(--borders);
  padding-top: 20px;
  margin-top: 20px;
  text-align: center;
}
.login .side .captcha {
  width: 100%;
  padding-top: 15px;
}
.login .side .captcha table {
  width: 100% !important;
}
.login .side .captcha table div {
  width: 100% !important;
  text-align: center;
  border-radius: 5px;
}
.login .side .captcha table tr:nth-child(3) > td {
  display: inline-grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  grid-gap: 20px;
  padding-top: 15px !important;
  width: 100%;
}
@media (max-width: 768px) {
  .login .side .captcha table tr:nth-child(3) > td {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.profile-selection {
  display: block;
  list-style: none;
  margin: 0 -5px;
  box-sizing: border-box;
}
.profile-selection li {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  padding: 5px;
  align-items: center;
  grid-column-gap: 20px;
  transition: background-color var(--default-animation-time);
  border-radius: var(--default-border-radius);
  box-sizing: border-box;
}
.profile-selection li:not(:last-child) {
  margin-bottom: 10px;
}
@media (hover: hover) {
  .profile-selection li:hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.profile-selection li.active {
  background-color: var(--grey-background);
  cursor: default;
}
.profile-selection li .logo {
  height: 40px;
  width: 40px;
  border-radius: var(--default-border-radius);
  background-color: var(--grey-background-light);
  border: 1px solid var(--borders);
  line-height: 40px;
  text-align: center;
  background-size: 60% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 20px;
  font-weight: bold;
}
.profile-selection li > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.profile-selection li > div .profile-title,
.profile-selection li > div .name,
.profile-selection li > div .relation-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  text-align: left;
}
.maintenance-rule-form {
  --column-min-width: 160px;
  --column-max-width: 160px;
  --grid-column-gap: 30px;
  --grid-row-gap: 20px;
}
@media (max-width: 1703px) and (min-width: 1112px) {
  .maintenance-rule-form {
    --column-min-width: 120px;
    --column-max-width: 120px;
  }
}
@media (max-width: 1112px) {
  .maintenance-rule-form {
    --column-min-width: 140px;
    --column-max-width: 140px;
  }
}
.maintenance-rule-form .label-input-group {
  align-content: start;
}
.maintenance-rule-form [class^="dxeRadioButtonList"] td.dxe {
  padding: 1px !important;
}
.maintenance-rule-form [id^="execution-period"]:not(:first-of-type) {
  align-self: stretch;
}
.maintenance-rule-form .execution-period-selection-container {
  grid-row-gap: 5px;
}
.maintenance-rule-form .execution-period-selection-container .label-input-group {
  padding-bottom: 0;
}
@media (max-width: 420px) {
  .maintenance-rule-form .execution-period-selection-container .dummy {
    display: none;
  }
}
.maintenance-rule-form .execution-period-selection {
  display: grid;
  grid-auto-flow: row;
  padding: 5px;
}
.maintenance-rule-form .execution-period-selection.months,
.maintenance-rule-form .execution-period-selection.weeks {
  border: 1px solid var(--borders);
  padding: 7px 0 7px 7px;
}
.maintenance-rule-form .execution-period-selection.months {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .maintenance-rule-form .execution-period-selection.months {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 540px) {
  .maintenance-rule-form .execution-period-selection.months {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 420px) {
  .maintenance-rule-form .execution-period-selection.months {
    grid-template-columns: repeat(3, 1fr);
  }
}
.maintenance-rule-form .execution-period-selection.weeks {
  grid-template-columns: repeat(16, 1fr);
}
@media (max-width: 1703px) {
  .maintenance-rule-form .execution-period-selection.weeks {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 1280px) {
  .maintenance-rule-form .execution-period-selection.weeks {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (max-width: 768px) {
  .maintenance-rule-form .execution-period-selection.weeks {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 540px) {
  .maintenance-rule-form .execution-period-selection.weeks {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 420px) {
  .maintenance-rule-form .execution-period-selection.weeks {
    grid-template-columns: repeat(5, 1fr);
  }
}
.maintenance-rule-form .execution-period-selection.allowed-days {
  grid-template-columns: repeat(3, 1fr);
  padding-top: 0;
  align-items: start;
  padding: 5px 0 5px 5px;
  border: 1px solid var(--borders);
}
@media (max-width: 1703px) and (min-width: 900px) {
  .maintenance-rule-form .execution-period-selection.allowed-days {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1280px) and (min-width: 1112px) {
  .maintenance-rule-form .execution-period-selection.allowed-days {
    grid-template-columns: repeat(1, 1fr);
  }
}
.maintenance-rule-form .execution-period-selection > div {
  display: flex;
  grid-gap: 10px;
  align-items: center;
}
@media (min-width: 900px) {
  .maintenance-rule-form .period-selection.allow-span-2 {
    grid-column: span 2;
  }
}
.maintenance-rule-form .period-selection .radio-button-container {
  align-items: start;
  margin-top: -5px;
}
@media (max-width: 1703px) {
  .maintenance-rule-form .period-selection .radio-button-container {
    --column-min-width: 200px;
  }
}
.maintenance-rule-form #allowed-execution-days {
  grid-row-gap: 10px;
  grid-column: 1 / -1;
  padding-bottom: 0;
}
/* -------------------------- =================== -------------------------- */
/* -------------------------------- SHARED --------------------------------- */
/* -------------------------- =================== -------------------------- */
.mfa-form {
  padding-top: 10px;
}
.mfa-form form ol {
  padding-left: 20px;
  max-width: 600px;
}
.mfa-form form ol li:nth-child(2) {
  word-break: break-word;
}
.mfa-form form ol li:nth-child(2) img {
  margin-top: 10px;
}
.mfa-form form ol li:nth-child(3) {
  padding-top: 5px;
}
.mfa-form form .label-input-group {
  --column-max-width: 120px;
  padding-top: 10px;
  max-width: 400px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .mfa-form form .label-input-group {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .mfa-form form .submit-button {
    margin-left: 20px;
  }
}
.menu-overview-title {
  display: inline-block;
  margin-bottom: 0px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--borders);
  padding-bottom: 30px;
  margin-bottom: 30px !important;
  width: 100%;
}
@media (max-width: 1112px) {
  .menu-overview-title {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: calc(100% - 20px);
  }
}
.menu-overview-title .menu-overview-title-icon {
  padding: 0 10px 0 0px;
  vertical-align: bottom;
}
.menu-overview-container,
.menu-overview-item-group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  grid-auto-rows: max-content;
}
@media (max-width: 1703px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1112px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 768px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 2000px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2300px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 2600px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 2900px) {
  .menu-overview-container,
  .menu-overview-item-group {
    grid-template-columns: repeat(8, 1fr);
  }
}
.menu-overview-item-group {
  grid-column: 1 / -1;
}
.menu-overview-item-group:first-child .menu-overview-group-header {
  margin-top: 0;
}
@media (max-width: 1112px) {
  .menu-overview-item-group {
    padding: 0 10px;
  }
}
.menu-overview-item-group .menu-overview-group-header {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  grid-column-gap: 20px;
  color: var(--grey-content) !important;
  font-size: 14px;
  border: 1px solid var(--borders);
  background-color: var(--grey-background);
  padding: 10px 20px;
  grid-column: 1 / -1;
  cursor: default;
  transition: background-color var(--default-animation-time);
  border-radius: 3px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1112px) {
  .menu-overview-item-group .menu-overview-group-header {
    position: sticky;
    top: -30px;
    bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
    border-left: none;
    border-right: none;
    z-index: 1;
  }
}
.menu-overview-item-group .menu-overview-group-header [class^="icon-"] {
  font-size: 20px;
}
.menu-overview-item-group .menu-overview-group-header p {
  grid-column: 2 / 3;
  margin-bottom: 0;
  font-weight: normal;
}
.menu-overview-item-group .menu-overview-group-header .link-indicator {
  display: flex;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 1px solid var(--grey-content) !important;
  font-size: 10px;
  align-items: center;
  justify-content: center;
}
.menu-overview-item-group .menu-overview-group-header.has-own-link {
  grid-template-columns: max-content 1fr max-content;
  cursor: pointer;
}
@media (hover: hover) {
  .menu-overview-item-group .menu-overview-group-header.has-own-link:hover {
    background-color: var(--grey-background);
  }
}
.menu-overview-item {
  position: relative;
  box-sizing: border-box;
  top: 0;
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  grid-gap: 25px;
  border-radius: 5px;
  padding: 20px;
  transition: background-color var(--default-animation-time);
  background: var(--grey-background-light);
  border: 1px solid var(--borders);
}
@media (hover: hover) {
  .menu-overview-item:hover {
    background-color: var(--grey-background);
    cursor: pointer;
  }
}
.menu-overview-item .menu-overview-item-icon {
  font-size: 40px;
  color: var(--theme-color);
  justify-self: center;
  align-self: center;
}
.menu-overview-item h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 20px;
  color: var(--theme-color-darkest);
}
.menu-overview-item p {
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 5px;
  line-height: 20px;
  color: var(--grey-content);
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
.maintis-old #detail-general-content {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-gap: 20px;
}
.maintis-old #detail-general-content > h3.popup-caption {
  grid-column: 1 / 3;
  margin-bottom: -15px;
}
.maintis-old .detail-general-content-table tr td {
  padding-bottom: 10px;
  padding-top: 5px;
}
.maintis-old .detail-general-content-table tr td:first-child {
  font-weight: bold;
  width: 300px;
  white-space: nowrap;
  padding-right: 15px;
}
.maintis-old .detail-general-content-table {
  table-layout: auto;
  font: 13px Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  .maintis-old #detail-general-content {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
  }
  .maintis-old #detail-general-content h3.popup-caption {
    grid-column: 1 / 2;
  }
  .maintis-old .detail-general-content-table {
    max-width: calc(100vw - 20px);
  }
}
/* Status Colors */
:root {
  --submitted-color: #009FE3;
  --ordered-color: #F18A00;
  --accepted-color: #975eb6;
  --planned-color: #26358c;
  --inprogress-color: #C4006C;
  --done-color: #3FA535;
  --archived-color: #9c731a;
  --canceled-color: #a1a1a1;
  --approved-color: #AAFF00;
  --forecasted-color: #336600;
  --workpermitrequested-color: #13ada8;
  --workpermitapproved-color: #c7bb3e;
  --doneforapproval-color: #96B17B;
  --rejected-color: #a1a1a1;
  --approvaldenied-color: #630000;
  --waitingonworkpreparation-color: #C5910D;
  --inpreparation-color: #98981B;
  --waitingfordocuments-color: #6BAB58;
  --administrativelydone-color: #6699CC;
  --waitingforquote-color: #84A137;
  --estimaterequested-color: #8C2687;
  --moreinformationrequested-color: #5FD7BF;
}
/* Status Class */
.FaultListAssignmentStatusTextColorsubmitted {
  color: var(--submitted-color);
  border-color: var(--submitted-color);
}
.FaultListAssignmentStatusTextColorordered {
  color: var(--ordered-color);
  border-color: var(--ordered-color);
}
.FaultListAssignmentStatusTextColoraccepted {
  color: var(--accepted-color);
  border-color: var(--accepted-color);
}
.FaultListAssignmentStatusTextColorplanned {
  color: var(--planned-color);
  border-color: var(--planned-color);
}
.FaultListAssignmentStatusTextColorinprogress {
  color: var(--inprogress-color);
  border-color: var(--inprogress-color);
}
.FaultListAssignmentStatusTextColordone {
  color: var(--done-color);
  border-color: var(--done-color);
}
.FaultListAssignmentStatusTextColorarchived {
  color: var(--archived-color);
  border-color: var(--archived-color);
}
.FaultListAssignmentStatusTextColorcanceled {
  color: var(--canceled-color);
  border-color: var(--canceled-color);
}
.FaultListAssignmentStatusTextColorapproved {
  color: var(--approved-color);
  border-color: var(--approved-color);
}
.FaultListAssignmentStatusTextColorforecasted {
  color: var(--forecasted-color);
  border-color: var(--forecasted-color);
}
.FaultListAssignmentStatusTextColorworkpermitrequested {
  color: var(--workpermitrequested-color);
  border-color: var(--workpermitrequested-color);
}
.FaultListAssignmentStatusTextColorworkpermitapproved {
  color: var(--workpermitapproved-color);
  border-color: var(--workpermitapproved-color);
}
.FaultListAssignmentStatusTextColordoneforapproval {
  color: var(--doneforapproval-color);
  border-color: var(--doneforapproval-color);
}
.FaultListAssignmentStatusTextColorrejected {
  color: var(--rejected-color);
  border-color: var(--rejected-color);
}
.FaultListAssignmentStatusTextColorapprovaldenied {
  color: var(--approvaldenied-color);
  border-color: var(--approvaldenied-color);
}
.FaultListAssignmentStatusTextColorwaitingonworkpreparation {
  color: var(--waitingonworkpreparation-color);
  border-color: var(--waitingonworkpreparation-color);
}
.FaultListAssignmentStatusTextColorinpreparation {
  color: var(--inpreparation-color);
  border-color: var(--inpreparation-color);
}
.FaultListAssignmentStatusTextColorwaitingfordocuments {
  color: var(--waitingfordocuments-color);
  border-color: var(--waitingfordocuments-color);
}
.FaultListAssignmentStatusTextColoradministrativelydone {
  color: var(--administrativelydone-color);
  border-color: var(--administrativelydone-color);
}
.FaultListAssignmentStatusTextColorwaitingforquote {
  color: var(--waitingforquote-color);
  border-color: var(--waitingforquote-color);
}
.FaultListAssignmentStatusTextColorestimaterequested {
  color: var(--estimaterequested-color);
  border-color: var(--estimaterequested-color);
}
.FaultListAssignmentStatusTextColorestimatesubmitted {
  color: var(--estimaterequested-color);
  border-color: var(--estimaterequested-color);
}
.FaultListAssignmentStatusTextColormoreinformationrequested {
  color: var(--moreinformationrequested-color);
  border-color: var(--moreinformationrequested-color);
}
.maintis-old {
  /*  Fault Detail */
  /* FaultList filterbuttons */
  /* AssignmentCost filterbuttons */
}
.maintis-old .faultdetail-maintable-label {
  max-width: 220px;
  font-size: 13px;
  color: #606060;
  white-space: nowrap;
  font-weight: bold;
}
.maintis-old .faultdetail-maintable-label-form {
  max-width: 220px;
  font-size: 13px;
  color: #606060;
  white-space: nowrap;
}
.maintis-old .faultdetail-maintable-data {
  width: 180px;
  font-size: 13px;
}
.maintis-old .faultdetail-maintable-data-description {
  width: 500px;
  font-size: 13px;
}
.maintis-old .faultListFilterButton {
  border: 0px;
  cursor: pointer;
  height: 32px;
}
.maintis-old .faultListFilterButtonActive {
  background-color: var(--theme-color);
  color: var(--white);
  height: 32px;
}
.maintis-old .faultListFilterButtonInactive {
  background-color: var(--grey-background);
  color: #4A4A4A;
  height: 32px;
}
@media (hover: hover) {
  .maintis-old .faultListFilterButtonActive:hover {
    background-color: var(--theme-color-dark);
    color: var(--white);
  }
  .maintis-old .faultListFilterButtonInactive:hover {
    background-color: var(--theme-color);
    color: var(--white);
  }
}
.maintis-old .assignmentCostListFilterButton {
  border: 0px;
  cursor: pointer;
  height: 32px;
}
.maintis-old .assignmentCostListFilterButtonActive {
  background-color: var(--theme-color);
  color: var(--white);
  height: 32px;
}
.maintis-old .assignmentCostListFilterButtonInactive {
  background-color: var(--grey-background);
  color: #4A4A4A;
  height: 32px;
}
.maintis-old .width-col {
  width: 300px;
}
@media (hover: hover) {
  .maintis-old .assignmentCostListFilterButtonActive:hover {
    background-color: var(--theme-color-dark);
    color: var(--white);
  }
  .maintis-old .assignmentCostListFilterButtonInactive:hover {
    background-color: var(--theme-color);
    color: var(--white);
  }
}
.checklist {
  padding: 0 10px;
}
@media (max-width: 1703px) {
  .checklist {
    grid-column: 1 / 3;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  .checklist {
    padding: 0;
  }
}
.checklist .checklist-caption {
  margin-bottom: 30px;
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.group-name {
    display: grid;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.group-name:first-child {
    margin-top: 0;
  }
  .checklist .checklist-content table tr.group-name:first-child td {
    border-radius: 0 0 5px 5px;
    border-top: none;
  }
}
.checklist .checklist-content table tr.checklist-row {
  border: 1px solid var(--borders);
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row {
    display: grid;
    margin-bottom: 20px;
    grid-template-columns: 75px max-content 1fr 300px max-content;
    border-radius: 4px;
    overflow: hidden;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row {
    grid-template-columns: 1fr max-content max-content;
  }
}
.checklist .checklist-content table tr.checklist-row > td {
  border: none;
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row > td {
    display: flex;
    align-items: center;
    border-bottom: none;
  }
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row > td:nth-child(1) {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--borders);
    padding: 10px;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td:nth-child(1) {
    grid-column: 1 / 2;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td:nth-child(2) {
    border-bottom: 1px solid var(--borders);
    border-left: 1px solid var(--borders);
  }
}
.checklist .checklist-content table tr.checklist-row > td.defect-textbox {
  width: 200px;
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row > td.defect-textbox {
    width: initial;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td.defect-textbox {
    grid-column: 1 / -1;
    padding: 5px 8px;
  }
}
.checklist .checklist-content table tr.checklist-row > td.defect-textbox table {
  border-radius: 0;
}
.checklist .checklist-content table tr.checklist-row > td.defect-textbox textarea {
  resize: vertical;
  margin-top: 5px;
  border: none;
}
.checklist .checklist-content table tr.checklist-row > td.checkbox-row-container .checkbox-row {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 30px;
  padding: 0 10px;
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td.checkbox-row-container .checkbox-row {
    width: 100%;
    padding: 10px 5px 0 5px;
    justify-content: space-between;
    grid-gap: 0;
  }
}
.checklist .checklist-content table tr.checklist-row > td.checkbox-row-container .checkbox-row div {
  display: grid;
  grid-template-columns: 1fr 20px;
  grid-gap: 5px;
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row > td.checkbox-row-container .checkbox-row div {
    grid-template-columns: max-content 20px;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td.checkbox-row-container {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td.value-input {
    grid-column: 1 / -1;
    padding-bottom: 10px;
  }
}
.checklist .checklist-content table tr.checklist-row > td.value-input > div {
  display: grid;
  grid-template-columns: minmax(max-content, 100px) 1fr max-content;
  width: 100%;
  align-items: center;
}
.checklist .checklist-content table tr.checklist-row > td.value-input > div .validation-image {
  padding-left: 10px;
}
.checklist .checklist-content table tr.checklist-row > td.value-input > div input {
  min-width: 50px;
}
.checklist .checklist-content table tr.checklist-row > td.value-input > div table {
  border-radius: 0;
}
.checklist .checklist-content table tr.checklist-row > td.photos-container {
  padding-right: 20px;
}
@media (max-width: 1112px) {
  .checklist .checklist-content table tr.checklist-row > td.photos-container {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    border-bottom: 1px solid var(--borders);
    border-left: 1px solid var(--borders);
    padding-right: 10px;
  }
}
@media (min-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row .checklist-item-text {
    max-width: 250px;
    display: block;
  }
}
@media (max-width: 1703px) {
  .checklist .checklist-content table tr.checklist-row:last-child {
    margin-bottom: 0;
  }
}
.fc-container {
  position: relative;
  margin-top: 7px;
  border-radius: 5px;
}
.fc-container .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: calc(0px - var(--content-section-padding-bottom)) !important;
}
.fc-container .fc .fc-scrollgrid-section-sticky > * {
  z-index: 2 !important;
}
.fc-container .fc-list-sticky .fc-list-day-cushion {
  background: var(--grey-background-light) !important;
  border-bottom: 1px solid var(--borders);
}
.fc-container .fc-list-sticky th {
  z-index: 1;
}
.fc-container .fc .fc-popover {
  z-index: 1000;
}
.fc-container .fc .fc-popover.fc-more-popover {
  height: 180px;
  width: 350px;
  overflow-y: auto;
  box-shadow: 0 10px 20px var(--shadow-color);
  border-radius: 5px;
}
.fc-container .fc .fc-popover .fc-popover-header {
  position: sticky;
  top: 0;
  z-index: 8;
  background-color: var(--grey-background-light);
}
.fc-container .fc .fc-button-primary {
  color: var(--black);
  background-color: var(--grey-background);
  border-color: var(--borders);
}
.fc-container .fc .fc-button-primary:hover {
  color: var(--white);
  background-color: var(--theme-color);
  border-color: var(--borders);
}
@media (max-width: 1703px) {
  .fc-container .fc .fc-button-primary:hover {
    color: var(--black);
    background-color: var(--grey-background);
    border-color: #4a4a4a;
  }
}
.fc-container .fc .fc-button-primary:disabled {
  /* not DRY */
  color: var(--black);
  background-color: var(--grey-background);
  border-color: var(--borders);
}
.fc-container .fc .fc-button-primary:focus {
  box-shadow: none;
}
.fc-container .fc .fc-button-primary:not(:disabled):active,
.fc-container .fc .fc-button-primary:not(:disabled).fc-button-active {
  color: var(--white);
  background-color: var(--theme-color);
  border-color: var(--borders);
}
.fc-container .fc .fc-button-primary:not(:disabled):active:focus,
.fc-container .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}
.fc-container .fc .fc-event {
  --fc-event-border-color: var(--borders);
}
.fc-container .fc .fc-event .fc-list-event-dot,
.fc-container .fc .fc-event .fc-list-event-graphic {
  display: none !important;
}
.fc-container .fc .fc-timeline-more-link {
  top: 5px !important;
  background: var(--theme-color);
  color: var(--white);
}
.fc-container .fc .fc-timeline-more-link .fc-timeline-more-link-inner {
  width: 100%;
  text-align: center;
}
.fc-container .fc .fc-toolbar-title {
  color: var(--grey-content);
  font-family: var(--font-general);
  font-weight: 300;
}
#content-section:not(.mobile-toolbar-hidden) .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: -21px !important;
}
.assignment-condition-table .responsive-label {
  display: none;
}
@media (min-width: 768px) {
  .assignment-condition-table {
    padding-bottom: 0;
  }
  .assignment-condition-table.has-detail-data-caption {
    padding-left: 43px;
  }
}
@media (max-width: 768px) {
  .assignment-condition-table {
    padding-left: 0;
  }
  .assignment-condition-table > table > thead {
    display: none;
  }
  .assignment-condition-table > table > tbody {
    display: block;
    padding: 5px 5px 0px 5px;
  }
  .assignment-condition-table > table > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content max-content;
    border: 1px solid var(--borders);
    border-bottom-width: 2px;
    border-radius: var(--default-border-radius);
    overflow: hidden;
  }
  .assignment-condition-table > table > tbody > tr:not(:last-child) {
    margin-bottom: 20px;
  }
  .assignment-condition-table > table > tbody > tr > td {
    width: initial !important;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    border: none !important;
  }
  .assignment-condition-table > table > tbody > tr > td:first-child {
    font-weight: bold;
  }
  .assignment-condition-table > table > tbody > tr > td.full-width-cell {
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    grid-gap: 0;
  }
  .assignment-condition-table > table > tbody > tr > td.full-width-cell:not(:first-child) {
    border-top: 1px solid var(--borders) !important;
  }
  .assignment-condition-table > table > tbody > tr > td > span {
    padding: 0;
  }
  .assignment-condition-table > table > tbody > tr > td.full-width-cell:not(:has(*)) {
    display: none;
  }
  .assignment-condition-table > table > tbody > tr > td .responsive-label {
    display: block;
  }
}
.detail-container {
  grid-gap: 20px;
  min-width: var(--container-min-width, 450px);
}
@media (max-width: 1112px) {
  .detail-container {
    min-width: 0px;
  }
}
.detail-container .detail-data {
  align-self: start;
  grid-row-gap: var(--grid-row-gap, 20px);
  grid-column-gap: var(--grid-column-gap, 20px);
}
.detail-container .detail-data .columns-1,
.detail-container .detail-data .columns-2 {
  grid-row-gap: var(--grid-row-gap, 20px);
  grid-column-gap: var(--grid-column-gap, 20px);
}
.detail-container .detail-data .columns-1 {
  align-content: start;
}
.detail-container .detail-data.has-caption {
  display: grid;
  grid-row-gap: var(--grid-row-gap, 20px);
  grid-column-gap: var(--grid-column-gap, 20px);
  padding-top: 10px;
}
@media (max-width: 1112px) {
  .detail-container .detail-data.has-caption {
    padding-right: 0;
  }
}
.detail-container .detail-data.collapsed {
  grid-row-gap: 0;
}
.detail-container .detail-data.collapsed section {
  display: none;
}
.detail-container .detail-data section {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  align-self: start;
}
.detail-container .detail-data section:not(.columns-2) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.detail-container .detail-data section:not(.layout-section) {
  grid-template-columns: minmax(var(--column-min-width, 160px), var(--column-max-width, 1fr)) 1fr;
}
.detail-container .detail-data section h3 {
  grid-column: 1 / -1;
}
.detail-container .detail-data section table {
  grid-column: 1 / -1;
}
.detail-container .detail-data section hr {
  grid-column: 1 / -1;
  height: 10px;
}
.detail-container .detail-data section .card-container {
  grid-column: 1 / -1;
}
@media (max-width: 420px) {
  .detail-container .detail-data section .description {
    grid-column: 1 / -1;
  }
}
.detail-container .detail-data section .value-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.detail-container .detail-data section .time-line {
  display: grid;
  grid-column: 1 / -1;
}
.detail-container .detail-data section .time-line:not(:first-of-type) {
  padding-top: 10px;
}
.detail-container .detail-data section .time-line.has-icons .time-point .label-description:after {
  left: calc(var(--column-min-width, 160px) + 8px);
}
.detail-container .detail-data section .time-line .time-point {
  display: grid;
  grid-template-columns: minmax(calc(var(--column-min-width, 160px) + 10px), calc(var(--column-max-width, 1fr) + 10px)) 1fr;
  column-gap: 13px;
  position: relative;
  align-items: center;
}
.detail-container .detail-data section .time-line .time-point [class^="icon-"],
.detail-container .detail-data section .time-line .time-point [class*=" icon-"] {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(var(--column-max-width, 160px) + 11px);
  z-index: 2;
  background-color: white;
  color: var(--grey-content);
  padding: 2px;
  border-radius: 50%;
  font-size: 13px;
}
.detail-container .detail-data section .time-line .time-point .label-description {
  padding-bottom: 5px;
}
.detail-container .detail-data section .time-line .time-point .label-description:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -3px;
  bottom: 3px;
  left: calc(var(--column-min-width, 160px) + 10px);
  width: 1px;
  background-color: var(--grey-content-light);
}
.detail-container .detail-data section .time-line .time-point.in-time .value-display:after,
.detail-container .detail-data section .time-line .time-point.too-late .value-display:after {
  top: -50%;
}
.detail-container .detail-data section .time-line .time-point.in-time .value-display:after,
.detail-container .detail-data section .time-line .time-point.in-time .value-display:before {
  background-color: #036016;
}
.detail-container .detail-data section .time-line .time-point.too-late .value-display:after,
.detail-container .detail-data section .time-line .time-point.too-late .value-display:before {
  background-color: #a50104;
}
.detail-container .detail-data section .time-line .time-point .value-display {
  padding-left: 15px;
  overflow: visible;
  padding-bottom: 5px;
}
.detail-container .detail-data section .time-line .time-point .value-display:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(var(--column-max-width, 160px) + 15px);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--grey-content);
  z-index: 1;
}
.detail-container .detail-data section .time-line .time-point .value-display:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--column-max-width, 160px) + 18px);
  width: 2px;
  background-color: var(--grey-content);
}
.detail-container .detail-data section .time-line .time-point:first-child :after {
  top: 50%;
}
.detail-container .detail-data section .time-line .time-point:last-child :after {
  bottom: 50%;
}
.detail-container .detail-data section .card-properties-container {
  border-radius: var(--default-border-radius);
  border-top: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
  border-right: 1px solid var(--borders);
  padding: 3px 10px 8px 5px;
  min-height: initial;
}
.detail-container .detail-data section .card-properties-container * {
  line-height: initial !important;
}
.detail-container .detail-data section .card-properties-container .card-title {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}
.detail-container .detail-data section .card-properties-container .card-identifier {
  padding-right: 5px;
  padding-bottom: 5px;
}
.detail-container .detail-data section .card-properties-container .card-explanation {
  margin: 7px -10px -8px -5px;
  border-radius: 0 0 3px 3px;
  padding: 5px 11px;
  background-color: var(--grey-background-light);
  border-top: 1px solid var(--borders);
}
.detail-container .detail-data section.has-checkbox-pairs .label-description:not(.has-checkbox) {
  padding-left: 30px;
}
.detail-container .detail-data section.wide {
  grid-column: 1 / -1;
  grid-template-columns: minmax(var(--column-min-width, 160px), var(--column-max-width, 1fr)) 1fr minmax(var(--column-min-width, 160px), var(--column-max-width, 1fr)) 1fr;
}
@media (max-width: 640px) {
  .detail-container .detail-data section.wide {
    grid-template-columns: minmax(var(--column-min-width, 160px), var(--column-max-width, 1fr)) 1fr;
  }
}
.detail-container .detail-data section.no-title {
  padding-top: 32px;
}
@media (max-width: 640px) {
  .detail-container .detail-data section.no-title {
    padding-top: 0;
  }
}
.detail-container .detail-data section.detail {
  padding-top: 5px;
}
@media (max-width: 420px) {
  .detail-container .detail-data section.single-on-mobile {
    grid-template-columns: 1fr;
    grid-row-gap: 0;
  }
  .detail-container .detail-data section.single-on-mobile .value-display {
    padding-bottom: 10px;
  }
  .detail-container .detail-data section.single-on-mobile .value-display:last-of-type {
    padding-bottom: 0px;
  }
}
.detail-container .detail-data section.has-icon {
  position: relative;
  margin-left: 40px;
  padding-left: 15px;
  border-left: 1px solid var(--borders);
  padding-bottom: 3px;
  min-height: 25px;
}
.detail-container .detail-data section.has-icon > [class^="icon-"],
.detail-container .detail-data section.has-icon > [class*=" icon-"] {
  position: absolute;
  top: 3px;
  left: -40px;
  font-size: 20px;
  color: var(--borders);
  width: 30px;
  text-align: center;
}
.detail-container .detail-data section > div {
  align-self: start;
}
.detail-container.columns-1 .action-link-container {
  justify-self: end;
}
.detail-container .detail-pictures,
.detail-container section.detail-pictures {
  display: grid;
  grid-row-gap: 20px;
  align-self: start;
}
.detail-container .detail-pictures.detail,
.detail-container section.detail-pictures.detail {
  padding: 20px 10px 0 0;
}
@media (max-width: 1703px) {
  .detail-container .detail-pictures.detail,
  .detail-container section.detail-pictures.detail {
    padding: 10px 0 0 0;
  }
}
.detail-container .detail-pictures section,
.detail-container section.detail-pictures section {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
}
.detail-container .detail-pictures img,
.detail-container section.detail-pictures img {
  max-width: calc(100vw - 200px);
  max-height: calc(100vh - 201px - var(--description-height));
}
@media (max-width: 1703px) {
  .detail-container .detail-pictures img,
  .detail-container section.detail-pictures img {
    max-width: 100%;
  }
}
@media (max-width: 1112px) {
  .detail-container .detail-pictures img,
  .detail-container section.detail-pictures img {
    max-height: calc(100vh - 184px - var(--description-height));
  }
}
@media (max-width: 1703px) {
  .detail-container .picture-detail-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1 / -1;
  }
}
@media (max-width: 768px) {
  .detail-container .picture-detail-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1703px) {
  .detail-container .picture-detail-container .detail-data {
    grid-column: 1 / 2;
  }
}
@media (max-width: 1703px) {
  .detail-container .picture-detail-container .detail-pictures {
    grid-column: 1 / -1;
  }
}
@media (max-width: 768px) {
  .detail-container .picture-detail-container .detail-pictures {
    justify-content: center;
  }
}
.detail-container .label-input-group {
  display: grid;
  grid-template-columns: minmax(var(--column-min-width, max-content), var(--column-max-width, 230px)) 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-bottom: 20px;
  height: fit-content;
}
@media (max-width: 420px) {
  .detail-container .label-input-group {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }
}
.detail-container .label-input-group:last-child {
  padding-bottom: 0;
}
.detail-container .label-input-group .label-input-group,
.detail-container .label-input-group .label-checkbox-group {
  grid-column: 1 / -1;
}
/* ------------------------------ Detail Data Caption --------------------------------- */
.detail-data-caption {
  display: grid;
  grid-template-columns: 30px max-content 1fr;
  align-items: center;
  grid-gap: 20px;
  grid-column: 1 / -1;
}
.detail-data-caption.has-extra-label {
  grid-template-columns: 30px max-content 1fr max-content;
}
.detail-data-caption.can-collapse {
  grid-template-columns: 30px max-content 1fr 20px;
}
@media (pointer: coarse) {
  .detail-data-caption.can-collapse {
    grid-template-columns: 30px max-content 1fr 30px;
  }
}
.detail-data-caption.can-collapse.has-extra-label {
  grid-template-columns: 30px max-content 1fr max-content 20px;
}
@media (pointer: coarse) {
  .detail-data-caption.can-collapse.has-extra-label {
    grid-template-columns: 30px max-content 1fr max-content 30px;
  }
}
.detail-data-caption [class^="icon-"],
.detail-data-caption [class*=" icon-"] {
  font-size: 20px;
  color: var(--grey-content-light);
  text-align: center;
}
.detail-data-caption h2 {
  color: var(--theme-color);
  font-weight: normal;
  font-size: 16px;
  margin-left: -7px;
  padding-bottom: 0 !important;
}
.detail-data-caption hr {
  border-top: 2px solid var(--borders);
}
.detail-data-caption label {
  font-weight: bold;
  color: var(--grey-content);
}
.detail-data-caption [class^="icon-"]:last-child,
.detail-data-caption [class*=" icon-"]:last-child {
  background-color: var(--grey-background);
  height: 20px;
  display: block;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  width: 20px;
  border: 1px solid var(--borders);
  font-size: 9px;
  transition: transform var(--default-animation-time);
}
@media (hover: hover) {
  .detail-data-caption [class^="icon-"]:last-child:hover,
  .detail-data-caption [class*=" icon-"]:last-child:hover {
    background-color: var(--borders);
    cursor: pointer;
  }
}
@media (pointer: coarse) {
  .detail-data-caption [class^="icon-"]:last-child,
  .detail-data-caption [class*=" icon-"]:last-child {
    height: 30px;
    width: 30px;
    line-height: 34px;
    font-size: 11px;
  }
}
.collapsed > .detail-data-caption [class^="icon-"]:last-child,
.collapsed > .detail-data-caption [class*=" icon-"]:last-child {
  transform: rotate(180deg);
}
/* ------------------------------ Cards --------------------------------- */
.card-view {
  display: grid;
  grid-row-gap: 3px;
  padding: 2px;
}
.card-view .card {
  width: 100%;
  height: 100%;
  min-height: 50px;
  box-sizing: border-box;
}
.card-view .card .card-properties-container {
  min-height: 55px;
  border-left-width: 3px;
  border-style: solid;
  display: grid;
  grid-template-columns: auto auto;
  grid-row-gap: 0px;
}
.card-view .card .card-properties-container .card-identifier,
.card-view .card .card-properties-container .card-reporter,
.card-view .card .card-properties-container .card-date {
  line-height: 25px;
  color: var(--grey-content-light);
}
.card-view .card .card-properties-container .card-title {
  font-size: 18px;
  padding: 5px 0px 0px 5px;
  grid-column: 1 / -1;
  line-height: 25px;
}
.card-view .card .card-properties-container .card-title.single-column {
  grid-column: 1 / 1;
  color: var(--grey-content);
}
.card-view .card .card-properties-container .card-identifier {
  text-align: right;
  padding-top: 5px;
}
.card-view .card .card-properties-container .card-reporter {
  padding-left: 6px;
}
.card-view .card .card-properties-container .card-date {
  text-align: right;
  padding-right: 5px;
}
.card-view .card .card-properties-container .card-explanation {
  color: var(--grey-content);
  background-color: var(--grey-background);
  padding: 5px;
  grid-column: 1 / -1;
  line-height: 20px;
}
.card-view .attachment-card {
  display: grid;
  grid-template-columns: auto 1fr;
  height: 50px;
  max-width: 300px;
  font-size: 16px;
  padding-left: 10px;
  border-style: solid;
  border-left-width: 3px;
  border-left-color: var(--theme-color);
  border-bottom-width: 1px;
  border-bottom-color: var(--borders);
}
.card-view .attachment-card:hover {
  cursor: pointer;
}
.card-view .attachment-card .attachment-card-download-button {
  height: 100%;
  line-height: 55px;
  text-align: right;
}
.card-view .attachment-card .attachment-card-download-button span {
  height: 100%;
  font-size: 25px;
  color: var(--theme-color);
}
.card-view .attachment-card .attachment-card-title {
  line-height: 50px;
  padding-left: 10px;
  color: var(--grey-content-light);
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
.maintis-old {
  /* Object Detail */
}
.maintis-old .view-detail-table td {
  vertical-align: middle;
}
.maintis-old .view-detail-table tr td,
.maintis-old .crane-edit-form tr td,
.maintis-old .view-detail-table-4-column tr td {
  padding-bottom: 3px;
  padding-top: 3px;
}
.maintis-old .view-detail-table tr td:first-child {
  width: 200px;
}
.maintis-old .view-detail-table tr td:nth-child(2) {
  width: 480px;
}
.maintis-old .view-detail-table tr td.twoItems table {
  float: left;
  width: 220px;
}
.maintis-old .detail-only-table tr td {
  padding-left: 6px;
  padding-right: 6px;
  vertical-align: top;
  width: 25%;
}
.maintis-old .detail-label {
  font-size: 13px;
  color: #606060;
  white-space: nowrap;
  font-weight: bold;
}
/* -------------------------- =================== -------------------------- */
/* -------------------------------- SHARED --------------------------------- */
/* -------------------------- =================== -------------------------- */
.form-container h2 {
  padding-bottom: 20px;
}
.form-container form {
  display: grid;
  grid-gap: 10px;
  /* Utility */
}
.form-container form .label-input-group,
.form-container form .label-checkbox-group {
  display: grid;
  grid-template-columns: minmax(var(--column-min-width, max-content), var(--column-max-width, 230px)) 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-bottom: 20px;
  height: fit-content;
}
@media (max-width: 420px) {
  .form-container form .label-input-group:not(.label-checkbox-group),
  .form-container form .label-checkbox-group:not(.label-checkbox-group) {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }
}
.form-container form .label-input-group:last-child,
.form-container form .label-checkbox-group:last-child {
  padding-bottom: 0;
}
.form-container form .label-input-group .label-input-group,
.form-container form .label-checkbox-group .label-input-group,
.form-container form .label-input-group .label-checkbox-group,
.form-container form .label-checkbox-group .label-checkbox-group {
  grid-column: 1 / -1;
}
.form-container form .label-checkbox-group {
  padding-bottom: 0;
}
@media (max-width: 420px) {
  .form-container form .label-checkbox-group {
    grid-template-columns: 1fr max-content;
    padding-right: 20px;
  }
}
.form-container form .label-checkbox-group label {
  padding-top: 0;
}
.form-container form div > .label-input-group:last-child {
  padding-bottom: 0;
}
.form-container form > .label-input-group {
  padding-bottom: 0;
}
.form-container form .input-group {
  display: flex;
  grid-template-columns: none;
}
@media (max-width: 1112px) {
  .form-container form .input-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }
}
.form-container form section h3 {
  grid-column: 1 / -1;
}
@media (max-width: 420px) {
  .form-container form section label {
    padding-top: 10px;
  }
}
.form-container form section textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
}
.form-container form section .add-to-token-box-button {
  grid-column: 2 / 3;
}
@media only screen and (max-width: 420px) {
  .form-container form section .add-to-token-box-button {
    grid-column: 1 / 2;
  }
}
.form-container form section.input-group.single-column-on-ipad,
.form-container form section.label-input-group.single-column-on-ipad {
  grid-template-columns: 1fr;
}
.form-container form .form-actions {
  display: flex;
  flex-wrap: wrap;
}
.form-container form .form-actions > * {
  margin-left: 10px !important;
}
.form-container form .form-actions > *:first-child {
  margin-left: 0 !important;
}
@media (max-width: 768px) {
  .form-container form .form-actions > * {
    margin-left: 0 !important;
    margin-bottom: 0px;
    width: 100% !important;
  }
}
.form-container form .detail-container {
  padding: 0 !important;
}
.form-container form .detail-container .detail-data section:not(.has-icon) {
  padding: 0;
}
.form-container form .detail-container .detail-data section:not(.has-icon) label {
  padding: 0;
}
.form-container form section.columns-1 {
  grid-template-columns: 1fr;
}
.form-container form section .columns-2 {
  display: grid;
  grid-template-columns: minmax(var(--column-min-width, max-content), var(--column-max-width, 230px)) 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
@media (max-width: 420px) {
  .form-container form section .columns-2 {
    grid-template-columns: 1fr;
  }
}
.form-container form section .span-2 {
  grid-column: auto / span 2;
}
@media (max-width: 420px) {
  .form-container form section .span-2 {
    grid-column: auto / span 1;
  }
}
.form-container form [class^="columns-"],
.form-container form [class*=" columns-"] {
  align-items: start;
}
.form-container form [class^="columns-"].has-detail-data-caption,
.form-container form [class*=" columns-"].has-detail-data-caption,
.form-container form .label-input-group.has-detail-data-caption {
  padding-left: 43px;
}
.form-container form [class^="columns-"].has-detail-data-caption .detail-data-caption,
.form-container form [class*=" columns-"].has-detail-data-caption .detail-data-caption,
.form-container form .label-input-group.has-detail-data-caption .detail-data-caption {
  margin-left: -43px;
}
@media (max-width: 540px) {
  .form-container form [class^="columns-"].has-detail-data-caption,
  .form-container form [class*=" columns-"].has-detail-data-caption,
  .form-container form .label-input-group.has-detail-data-caption {
    padding-left: 0;
  }
  .form-container form [class^="columns-"].has-detail-data-caption .detail-data-caption,
  .form-container form [class*=" columns-"].has-detail-data-caption .detail-data-caption,
  .form-container form .label-input-group.has-detail-data-caption .detail-data-caption {
    margin-left: 0;
    padding-bottom: 0;
  }
}
.form-container form [class^="columns-"].has-detail-data-caption.collapsed,
.form-container form [class*=" columns-"].has-detail-data-caption.collapsed,
.form-container form .label-input-group.has-detail-data-caption.collapsed {
  grid-gap: 0;
}
.form-container form [class^="columns-"].has-detail-data-caption.collapsed .label-input-group,
.form-container form [class*=" columns-"].has-detail-data-caption.collapsed .label-input-group,
.form-container form .label-input-group.has-detail-data-caption.collapsed .label-input-group {
  display: none !important;
}
.form-container form [class^="columns-"] .detail-data.collapsed,
.form-container form [class*=" columns-"] .detail-data.collapsed,
.form-container form .label-input-group .detail-data.collapsed {
  grid-gap: 0;
}
.form-container form [class^="columns-"] .detail-data.collapsed .label-input-group,
.form-container form [class*=" columns-"] .detail-data.collapsed .label-input-group,
.form-container form .label-input-group .detail-data.collapsed .label-input-group {
  display: none !important;
}
.form-container form [class^="columns-"] .detail-data.collapsed > .label-description [class^="icon-"]:last-child,
.form-container form [class*=" columns-"] .detail-data.collapsed > .label-description [class^="icon-"]:last-child,
.form-container form .label-input-group .detail-data.collapsed > .label-description [class^="icon-"]:last-child,
.form-container form [class^="columns-"] .detail-data.collapsed > .label-description [class*=" icon-"]:last-child,
.form-container form [class*=" columns-"] .detail-data.collapsed > .label-description [class*=" icon-"]:last-child,
.form-container form .label-input-group .detail-data.collapsed > .label-description [class*=" icon-"]:last-child {
  transform: rotate(180deg);
}
.form-container form .detail-data-caption-sibling {
  grid-column-gap: 65px;
}
@media (max-width: 1703px) and (min-width: 1112px) {
  .form-container form .detail-data-caption-sibling {
    grid-column-gap: 35px;
  }
}
@media (max-width: 768px) {
  .form-container form .detail-data-caption-sibling {
    grid-column-gap: 22px;
  }
}
.form-container form [class^="columns-"].has-detail-data-caption,
.form-container form [class*=" columns-"].has-detail-data-caption {
  grid-column-gap: 65px;
}
@media (max-width: 1703px) and (min-width: 1112px) {
  .form-container form [class^="columns-"].has-detail-data-caption,
  .form-container form [class*=" columns-"].has-detail-data-caption {
    grid-column-gap: 35px;
  }
}
@media (max-width: 768px) {
  .form-container form [class^="columns-"].has-detail-data-caption,
  .form-container form [class*=" columns-"].has-detail-data-caption {
    grid-column-gap: 22px;
  }
}
.form-container form div.display-if-inputs-visible:not(:has(:where(label, .display-caption))),
.form-container form section.display-if-inputs-visible:not(:has(:where(label, .display-caption))),
.form-container form div.display-if-inputs-visible:has(> .label-input-group[style*='display: none']),
.form-container form section.display-if-inputs-visible:has(> .label-input-group[style*='display: none']) {
  display: none !important;
}
.form-container .warning,
.form-container .explanation {
  border-radius: var(--default-border-radius);
  padding: 7px 10px;
  grid-column: 2 / 3;
}
@media (max-width: 420px) {
  .form-container .warning,
  .form-container .explanation {
    grid-column: 1 / 2;
  }
}
.form-container .warning {
  background-color: #EC8383;
  color: #BD1E1E;
}
.form-container .explanation {
  background-color: var(--grey-background);
  color: var(--grey-content-light);
}
/* Tooltip */
.label-description {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 20px;
  grid-gap: 10px;
  padding-right: 10px;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.label-description.has-checkbox {
  grid-template-columns: 20px 1fr 20px;
}
.label-description.no-explanation {
  grid-template-columns: 1fr;
}
.label-description.no-explanation.has-checkbox {
  grid-template-columns: 20px 1fr;
}
.label-description.vertical-align-top {
  align-items: start;
}
.label-description.wide {
  grid-column: 1 / -1;
}
.label-description.wide:not(:first-of-type) {
  padding-top: 5px;
}
.label-description.wide:not(.bold) label {
  font-style: italic;
}
.label-description.bold:not(:first-of-type) {
  padding-top: 5px;
}
.label-description.bold label {
  font-style: normal;
  font-weight: bold;
}
.label-description.has-line {
  display: grid;
  grid-template-columns: max-content 1fr 20px;
  padding-right: 0;
  grid-gap: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.label-description.has-line.has-checkbox {
  grid-template-columns: 20px max-content 1fr 20px;
}
.label-description.has-line.no-explanation {
  grid-template-columns: max-content 1fr;
}
.label-description.has-line.no-explanation.has-checkbox {
  grid-template-columns: 20px max-content 1fr;
}
.label-description.has-line.can-collapse {
  grid-template-columns: max-content 1fr 20px;
}
@media (pointer: coarse) {
  .label-description.has-line.can-collapse {
    grid-template-columns: max-content 1fr 30px;
  }
}
.label-description.has-line.can-collapse [class^="icon-"]:last-child,
.label-description.has-line.can-collapse [class*=" icon-"]:last-child {
  background-color: var(--grey-background);
  color: var(--grey-content-light);
  height: 20px;
  display: block;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  width: 20px;
  border: 1px solid var(--borders);
  font-size: 9px;
  transition: transform var(--default-animation-time);
}
@media (hover: hover) {
  .label-description.has-line.can-collapse [class^="icon-"]:last-child:hover,
  .label-description.has-line.can-collapse [class*=" icon-"]:last-child:hover {
    background-color: var(--borders);
    cursor: pointer;
  }
}
@media (pointer: coarse) {
  .label-description.has-line.can-collapse [class^="icon-"]:last-child,
  .label-description.has-line.can-collapse [class*=" icon-"]:last-child {
    height: 30px;
    width: 30px;
    line-height: 34px;
    font-size: 11px;
  }
}
.label-description.has-line hr {
  border-bottom: 2px solid var(--borders);
}
.label-description .description .info-button {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  background-color: var(--borders);
  cursor: pointer;
  color: white;
  transition: background-color var(--default-animation-time);
}
@media (hover: hover) {
  .label-description .description .info-button:hover {
    background-color: var(--grey-content);
  }
}
.label-description .description p {
  opacity: 0;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  right: 0;
  left: 0px;
  top: 20px;
  margin-bottom: 0;
  padding: 10px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 1px 2px var(--shadow-color);
  z-index: 2;
  transition: opacity var(--default-animation-time), top var(--default-animation-time);
  border: 1px solid var(--borders);
}
.label-description .description:hover p {
  opacity: 1;
  pointer-events: all;
  top: 30px;
}
/* Native Elements */
select.native {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  color: var(--grey-content);
  padding-right: 25px;
  font-size: 15px;
  background: url(/Images/css/chevron-down-solid.svg);
  background-position: calc(100% - 5px) 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}
select.native:disabled {
  background: none;
  padding-right: 0;
}
input[type=time] {
  box-sizing: border-box;
  height: 32px;
  width: 100%;
  padding: 0 7px 0 7px;
  color: #484848;
  font-family: var(--font-devexpress);
  font-weight: normal;
  font-size: 14px;
  border: 1px solid var(--borders);
  background-color: white;
  /* safari overrride */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  text-align: left;
}
@media (max-width: 1703px) {
  input[type=time] {
    height: 40px;
    font-size: 21px;
  }
}
input[type=time]:focus {
  border-color: var(--theme-color);
}
input::-webkit-date-and-time-value {
  text-align: left;
}
/* -------------------------- =================== -------------------------- */
/* ---------------------------------- OLD ---------------------------------- */
/* -------------------------- =================== -------------------------- */
.maintis-old {
  /* Form label*/
  /* Validation Summary */
  /* DevExpress */
}
.maintis-old .form-label {
  color: var(--grey-content-light);
  font-size: 13px;
}
.maintis-old table.basic-form-table > tbody > tr > td,
.maintis-old table.basic-form-table > tr > td {
  padding-top: 10px;
}
.maintis-old .editor {
  font-family: var(--font-body);
  font-size: small;
  color: var(--grey-content);
  padding: 10px;
}
.maintis-old #validationSummary {
  color: red;
  font-weight: 700;
  padding: 2px;
  margin-bottom: 15px;
}
.maintis-old #validationSummary ul {
  list-style-type: none;
}
@media (max-width: 620px) {
  .maintis-old .devExpress-radio-button-list .dxe > table > tbody > tr {
    display: flex;
    flex-direction: column;
  }
}
/*#region General*/
[class^="columns-"],
[class*=" columns-"] {
  display: grid;
  grid-auto-flow: row dense;
  grid-column-gap: var(--grid-column-gap, unset);
  grid-row-gap: var(--grid-row-gap, unset);
}
@media (max-width: 1703px) {
  [class^="columns-"].single-column-responsive,
  [class*=" columns-"].single-column-responsive {
    grid-template-columns: 1fr !important;
  }
}
/*#endregion*/
/*#region Columns*/
.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.columns-2.actions-right {
  grid-template-columns: repeat(1, minmax(0, 1fr)) fit-content(300px);
}
.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.columns-3.actions-right {
  grid-template-columns: repeat(2, minmax(0, 1fr)) fit-content(300px);
}
.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.columns-4.actions-right {
  grid-template-columns: repeat(3, minmax(0, 1fr)) fit-content(300px);
}
.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.columns-5.actions-right {
  grid-template-columns: repeat(4, minmax(0, 1fr)) fit-content(300px);
}
.columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.columns-6.actions-right {
  grid-template-columns: repeat(5, minmax(0, 1fr)) fit-content(300px);
}
/*#region Media Breakpoints*/
@media (max-width: 1703px) {
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .columns-2.actions-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1600px) {
  .columns-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1440px) {
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1112px) {
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .columns-3.one-earlier-threshold,
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .columns-2.actions-right {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .columns-3,
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .columns-2.one-earlier-threshold,
  .columns-3.one-earlier-threshold,
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .columns-2,
  .columns-3,
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/*#endregion*/
/*#region Container Breakpoints */
.use-container-width {
  display: grid;
  container: grid-container / inline-size;
}
@container grid-container (width < 1703px) {
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .columns-2.actions-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container grid-container (width < 1600px) {
  .columns-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 1440px) {
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 1112px) {
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .columns-3.one-earlier-threshold,
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .columns-2.actions-right {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@container grid-container (width < 900px) {
  .columns-3,
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .columns-2.one-earlier-threshold,
  .columns-3.one-earlier-threshold,
  .columns-4.one-earlier-threshold,
  .columns-5.one-earlier-threshold,
  .columns-6.one-earlier-threshold {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container grid-container (width < 768px) {
  .columns-2,
  .columns-3,
  .columns-4,
  .columns-5,
  .columns-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .columns-3.actions-right,
  .columns-4.actions-right,
  .columns-5.actions-right,
  .columns-6.actions-right {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/*#endregion*/
/*#endregion*/
/*#region Span*/
.span-1 {
  grid-column: auto / span 1;
}
.span-2 {
  grid-column: auto / span 2;
}
.span-3 {
  grid-column: auto / span 3;
}
.span-4 {
  grid-column: auto / span 4;
}
.span-5 {
  grid-column: auto / span 5;
}
.span-6 {
  grid-column: auto / span 6;
}
/*#region Media Breakpoints */
@media (max-width: 1703px) {
  .span-6.one-earlier-threshold {
    grid-column: auto / span 5 !important;
  }
}
@media (max-width: 1600px) {
  .span-6 {
    grid-column: auto / span 5;
  }
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-column: auto / span 4 !important;
  }
}
@media (max-width: 1440px) {
  .span-5,
  .span-6 {
    grid-column: auto / span 4;
  }
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-column: auto / span 3 !important;
  }
}
@media (max-width: 1112px) {
  .span-4,
  .span-5,
  .span-6 {
    grid-column: auto / span 3;
  }
  .span-3.one-earlier-threshold,
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-column: auto / span 2 !important;
  }
}
@media (max-width: 900px) {
  .span-3,
  .span-4,
  .span-5,
  .span-6 {
    grid-column: auto / span 2;
  }
  .span-2.one-earlier-threshold,
  .span-3.one-earlier-threshold,
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-column: auto / span 1 !important;
  }
}
@media (max-width: 768px) {
  .span-2,
  .span-3,
  .span-4,
  .span-5,
  .span-6 {
    grid-column: auto / span 1;
  }
}
/*#endregion*/
/*#region Container Breakpoints */
@container grid-container (width < 1703px) {
  .span-6.one-earlier-threshold {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 1600px) {
  .span-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 1440px) {
  .span-5,
  .span-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 1112px) {
  .span-4,
  .span-5,
  .span-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .span-3.one-earlier-threshold,
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 900px) {
  .span-3,
  .span-4,
  .span-5,
  .span-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .span-2.one-earlier-threshold,
  .span-3.one-earlier-threshold,
  .span-4.one-earlier-threshold,
  .span-5.one-earlier-threshold,
  .span-6.one-earlier-threshold {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@container grid-container (width < 768px) {
  .span-2,
  .span-3,
  .span-4,
  .span-5,
  .span-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
/*#endregion*/
/*#endregion*/
/* --------------------------- Wrapper --------------------------- */
#wrapper {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: var(--header-height) 1fr;
  height: var(--100vh, 100vh);
  overflow: hidden;
  background-color: var(--theme-color);
}
/* --------------------------- Header --------------------------- */
/* General */
header {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: 1fr max-content;
  background: var(--theme-color);
  height: var(--header-height);
  padding: 0 30px;
  position: relative;
  grid-column: 2 / 3;
}
@media only screen and (max-width: 1703px) {
  header {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr max-content max-content;
    padding: 0 20px;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  header {
    padding: 0 20px 0 10px;
    height: var(--header-height);
  }
}
header #logo {
  grid-row: 1 / 3;
  font-family: var(--font-general);
  font-size: 40px;
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: margin-left var(--default-animation-time);
}
@media only screen and (max-width: 1703px) {
  header #logo {
    margin-top: 0;
    margin-bottom: 4px;
  }
  header #logo img {
    height: 40px;
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  header #logo {
    margin-top: 0;
    margin-bottom: 4px;
  }
  header #logo img {
    height: 30px;
  }
}
header .user-menu {
  align-self: center;
  justify-self: end;
}
header .user-menu #responsive-user-menu-button {
  display: none;
}
@media (max-width: 1703px) {
  header .user-menu #responsive-user-menu-button {
    display: flex;
  }
}
header .user-menu .user-actions {
  display: flex;
  flex-direction: row;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  justify-self: end;
  align-items: center;
  --white: rgba(255, 255, 255, 0.93);
  z-index: var(--z-index-notification);
}
@media (max-width: 1703px) {
  header .user-menu .user-actions {
    position: absolute;
    right: -67px;
    top: 100%;
    background-color: white;
    flex-direction: column;
    align-items: start;
    border: 1px solid var(--borders);
    border-radius: var(--default-border-radius);
    width: 300px;
    transition: transform var(--default-animation-time), opacity var(--default-animation-time);
    filter: drop-shadow(0px 3px 6px var(--shadow-color));
  }
  header .user-menu .user-actions:after,
  header .user-menu .user-actions:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  header .user-menu .user-actions:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: var(--white);
    border-width: 14px;
    margin-left: -14px;
  }
  header .user-menu .user-actions:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: var(--borders);
    border-width: 15px;
    margin-bottom: 1px;
    margin-left: -15px;
  }
  header .user-menu .user-actions:not(.visible) {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
  }
}
header .user-menu .user-actions a {
  padding: 1px 4px 0 4px;
}
@media (hover: hover) {
  header .user-menu .user-actions a:hover {
    border-color: var(--theme-color-darkest);
  }
}
@media (max-width: 1703px) {
  header .user-menu .user-actions a:link,
  header .user-menu .user-actions a:visited {
    color: var(--theme-color-darkest);
  }
}
header .user-menu .user-actions a.user-name:after {
  font-family: 'Maintis-icons' !important;
  content: '\e606';
  padding-right: 3px;
  font-size: 12px;
}
@media (min-width: 1703px) {
  header .user-menu .user-actions a.user-name:after {
    display: none;
  }
}
@media (max-width: 1703px) {
  header .user-menu .user-actions a.logout-button {
    border-top: 1px solid var(--borders);
  }
}
header .user-menu .user-actions .nav-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 10px;
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  color: var(--white);
  transition: background-color var(--default-animation-time);
  font-weight: normal;
  box-sizing: border-box;
}
header .user-menu .user-actions .nav-button > span {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1703px) {
  header .user-menu .user-actions .nav-button > span {
    max-width: 100%;
  }
}
header .user-menu .user-actions .nav-button:not(.no-hover) {
  cursor: pointer;
}
@media (hover: hover) {
  header .user-menu .user-actions .nav-button:not(.no-hover):hover {
    color: var(--theme-color-darkest);
  }
  header .user-menu .user-actions .nav-button:not(.no-hover):hover .chevron span {
    background-color: var(--theme-color-darkest);
  }
}
@media (max-width: 1703px) {
  header .user-menu .user-actions .nav-button {
    height: 40px;
    width: 100%;
    border: none;
    padding: 0 15px;
    justify-content: space-between;
    color: var(--theme-color-darkest);
  }
  header .user-menu .user-actions .nav-button:not(:last-child) {
    border-bottom: 1px solid var(--borders);
  }
  header .user-menu .user-actions .nav-button .chevron span {
    background-color: var(--theme-color-darkest);
  }
}
header .user-menu .user-actions .relation-name {
  justify-content: start;
  border-bottom: none !important;
}
@media (min-width: 1703px) {
  header .user-menu .user-actions .relation-name:before,
  header .user-menu .user-actions .relation-name:after {
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background-color: var(--white);
  }
}
header .user-menu .user-actions details {
  width: 100%;
  --white: #ffffff;
}
header .user-menu .user-actions details > summary {
  align-items: center;
}
@media (min-width: 1703px) {
  header .user-menu .user-actions details > summary {
    padding: 0 5px;
  }
  header .user-menu .user-actions details > summary .nav-button {
    margin: 0 5px;
  }
  header .user-menu .user-actions details > summary .nav-button > span:first-child {
    max-width: 300px !important;
  }
  header .user-menu .user-actions details > summary:before,
  header .user-menu .user-actions details > summary:after {
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background-color: var(--white);
  }
}
@media (min-width: 1703px) and (hover: hover) {
  header .user-menu .user-actions details > summary:hover .nav-button {
    color: var(--theme-color-darkest);
  }
  header .user-menu .user-actions details > summary:hover .nav-button .chevron span {
    background-color: var(--theme-color-darkest);
  }
}
header .user-menu .user-actions details > summary .chevron {
  transition: transform var(--default-animation-time);
  flex-basis: 12px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 12px;
}
header .user-menu .user-actions details > summary .chevron span {
  width: 7px;
  height: 2px;
  background-color: var(--white);
}
header .user-menu .user-actions details[open] > summary .nav-button {
  border-color: var(--white);
}
header .user-menu .user-actions details[open] .chevron {
  transform: rotate(180deg);
}
header .user-menu .user-actions details[open] > ul.profile-selection {
  top: calc(100% + 20px);
}
header .user-menu .user-actions details .drop-out-content {
  z-index: calc(var(--z-index-notification) + 1);
  right: 0;
  top: calc(100% + 20px);
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 1703px) {
  header .user-menu .user-actions details .drop-out-content {
    position: relative !important;
    right: 0;
    margin: 0;
    background-color: var(--grey-background-light);
    box-shadow: none;
    filter: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    box-sizing: border-box;
  }
  header .user-menu .user-actions details .drop-out-content:before,
  header .user-menu .user-actions details .drop-out-content:after {
    display: none;
  }
}
header .user-menu .user-actions details .drop-out-content ul.profile-selection {
  max-height: calc(100vh - var(--header-height) - var(--content-section-padding-vertical));
  overflow-y: auto;
  padding: 5px;
  margin: 0;
}
@media (max-width: 1703px) {
  header .user-menu .user-actions details .drop-out-content ul.profile-selection {
    width: 100%;
    box-sizing: border-box;
    max-height: calc(100vh - var(--header-height) - var(--content-section-padding-vertical) * 4);
  }
}
header .user-menu .user-actions details .drop-out-content ul.profile-selection li {
  grid-column-gap: 10px;
}
header .user-menu .user-actions details .drop-out-content ul.profile-selection li:not(:last-child) {
  margin-bottom: 2px !important;
}
header .global-actions {
  display: flex;
  align-items: end;
  height: 35px;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  justify-self: end;
  grid-column-gap: 15px;
}
@media (max-width: 1703px) {
  header .global-actions {
    grid-row: 1 / 2;
    grid-column-gap: 20px;
    height: 30px;
  }
}
header .global-actions > ul {
  list-style: none;
  height: 35px;
}
@media (max-width: 1703px) {
  header .global-actions > ul {
    display: none;
  }
}
header .global-actions > ul > li {
  float: left;
  margin: 0 2px;
  height: 35px;
}
header .global-actions > ul a,
header .global-actions > ul span {
  padding: 0 10px;
  display: block;
  height: 35px;
  line-height: 35px;
  border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
  color: var(--theme-color-darkest);
}
header .global-actions > ul a.active,
header .global-actions > ul span.active,
header .global-actions > ul a.active,
header .global-actions > ul span.active {
  background: var(--white) !important;
  color: var(--theme-color) !important;
}
@media (hover: hover) and (min-width: 1703px) {
  header .global-actions > ul a:hover,
  header .global-actions > ul span:hover,
  header .global-actions > ul a:hover,
  header .global-actions > ul span:hover {
    background: var(--white-hover);
    cursor: pointer;
  }
}
header .global-actions > ul a:active {
  background: var(--white-hover);
  cursor: pointer;
}
header .global-actions > ul a:link,
header .global-actions > ul a:visited {
  color: var(--theme-color-darkest);
}
header .global-actions > ul span {
  cursor: pointer;
  color: var(--theme-color-darkest);
}
/* Expanded */
.expanded header #logo {
  margin-left: -210px;
}
/* --------------------------- main-menu --------------------------- */
/* General */
#main-menu {
  position: relative;
  height: 100%;
  width: var(--nav-width);
  z-index: var(--z-index-navigation);
  transition: width var(--default-animation-time);
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  background-color: var(--theme-color-dark);
  /*
        Structure of nav

        ul#nav-left {
            li {
                a {
                }
                ...
                .wrapper {
                    ul {
                        li {
                            a {
                            }
                            ...
                        }
                        ...
                    }
                }
            }
            ...
        }
    */
}
#main-menu .hamburger-menu {
  display: none;
}
#main-menu ul#nav-left {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: block;
  list-style: none;
  margin-top: 67px;
  max-height: calc(var(--100vh, 100vh) - var(--header-height));
}
#main-menu ul#nav-left > li > a > [class^="icon-"] {
  color: var(--theme-color-darkest);
}
#main-menu ul#nav-left > li > a.active > [class^="icon-"] {
  color: var(--theme-color);
}
#main-menu ul#nav-left > li .chevron {
  display: none;
}
#main-menu ul#nav-left > li .wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: 0;
  border-radius: 0px var(--default-border-radius) var(--default-border-radius) 0px;
  box-shadow: 1px 1px 2px var(--shadow-color);
  background: var(--theme-color);
}
#main-menu ul#nav-left > li .wrapper ul {
  overflow-y: auto;
  padding: 5px 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#main-menu ul#nav-left > li .wrapper ul li {
  padding: 0 5px;
}
#main-menu ul#nav-left > li .wrapper ul li a {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  font-size: 13px;
  font-family: var(--font-general);
  line-height: 22px;
  font-weight: normal;
  text-shadow: none;
  background: 0;
  padding: 5px 10px 5px 10px;
  margin-bottom: 0;
  text-align: left;
  color: var(--white);
  transition: background var(--default-animation-time);
  border-radius: var(--default-border-radius);
}
#main-menu ul#nav-left > li .wrapper ul li a [class^="icon-"] {
  color: var(--white);
  padding-left: 20px;
}
@media (hover: hover) and (min-width: 1703px) {
  #main-menu ul#nav-left > li .wrapper ul li:hover > a {
    background: var(--white-hover);
  }
}
#main-menu ul#nav-left > li .wrapper ul.has-overflow {
  padding-bottom: 0;
}
#main-menu ul#nav-left > li .wrapper ul.has-overflow::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  width: 100%;
  height: 20px;
  bottom: 0px;
  content: '\e94f';
  font-family: Maintis-icons;
  color: var(--theme-color-darkest);
  text-align: center;
  background: linear-gradient(to top, rgba(var(--theme-color-rgb), 1.0), rgba(var(--theme-color-rgb), 0.0));
  border-radius: 0 0 var(--default-border-radius) 0;
}
#main-menu ul#nav-left > li .wrapper ul::-webkit-scrollbar {
  display: none;
}
#main-menu ul#nav-left > li:last-of-type {
  margin-bottom: var(--margin-bottom);
}
@media (hover: hover) and (min-width: 1703px) {
  #main-menu ul#nav-left li:hover > .wrapper {
    display: block;
  }
}
#main-menu ul#nav-left::-webkit-scrollbar {
  display: none;
}
#main-menu #nav-desktop-expand-button {
  position: sticky;
  display: grid;
  grid-template-rows: 0px 62px;
  left: 0px;
  top: calc(100% - 67px);
  width: var(--nav-width);
  bottom: 0px;
  height: 62px;
  background: inherit;
  transition: width var(--default-animation-time);
}
#main-menu #nav-desktop-expand-button.has-overflow::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -20px;
  content: '\e94f';
  text-align: center;
  width: 100%;
  height: 20px;
  background: linear-gradient(to top, rgba(var(--theme-color-dark-rgb), 1.0), rgba(var(--theme-color-dark-rgb), 0.0));
  font-family: Maintis-icons;
  color: var(--theme-color-darkest);
  visibility: var(--visibility);
}
#main-menu #nav-desktop-expand-button a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  text-align: center;
  height: 62px;
  width: 100%;
  float: left;
}
#main-menu #nav-desktop-expand-button a span.icon-volgende {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  font-size: 15px;
  border-radius: 50%;
  border: 2px solid var(--theme-color-darkest) !important;
  transition: transform var(--default-animation-time);
  color: var(--theme-color-darkest) !important;
}
#main-menu #nav-desktop-expand-button .text {
  font-style: italic;
  padding-left: 0;
  color: var(--theme-color-darkest) !important;
  padding-left: 12px;
}
/* Collapsed */
@media (hover: hover) {
  .collapsed #main-menu ul#nav-left > li:hover > a:not(.active) {
    background: var(--white-hover);
  }
}
.collapsed #main-menu ul#nav-left > li > a {
  display: block;
  font-family: var(--font-general);
  font-size: 32px;
  line-height: 29px;
  font-weight: normal;
  margin-left: 2px;
  min-width: 50px;
  text-align: center;
  padding: 15px 0 15px 0;
  border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
}
.collapsed #main-menu ul#nav-left > li > a .text {
  display: none;
}
.collapsed #main-menu ul#nav-left > li > a.active {
  background: var(--white);
}
.collapsed #main-menu ul#nav-left > li > .wrapper > ul {
  padding-top: 0;
}
.collapsed #main-menu ul#nav-left > li > .wrapper > ul li.title {
  position: sticky;
  top: 0;
  background-color: var(--theme-color);
  margin-bottom: 5px;
  box-shadow: 0px 3px 5px var(--theme-color);
  border-radius: 0 var(--default-border-radius) 0 0;
}
.collapsed #main-menu ul#nav-left > li > .wrapper > ul li.title h2 {
  background: var(--white-hover);
  font-size: 14px;
  font-family: var(--font-general);
  line-height: 39px;
  font-weight: 500;
  padding: 13px 10px 10px 14px;
  margin-bottom: 0;
  white-space: nowrap;
  color: var(--theme-color-darkest);
  margin: 0 -5px;
}
.collapsed #main-menu ul#nav-left::before {
  display: block;
  position: sticky;
  top: 0;
  z-index: 21;
  content: '';
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(var(--theme-color-dark-rgb), 1.0), rgba(var(--theme-color-dark-rgb), 0.0));
}
.collapsed #main-menu #nav-desktop-expand-button .text {
  display: none;
}
/* Expanded */
.expanded #main-menu ul#nav-left {
  margin-top: calc(var(--header-height) + var(--default-border-radius));
}
@media (hover: hover) {
  .expanded #main-menu ul#nav-left > li:hover > a:not(.active) {
    background: rgba(0, 0, 0, 0.09);
  }
}
.expanded #main-menu ul#nav-left > li > a {
  display: block;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.expanded #main-menu ul#nav-left > li > a span {
  font-size: 19px !important;
  float: left;
  margin: 2px 0 0 2px;
  text-align: center;
  width: 22px;
}
.expanded #main-menu ul#nav-left > li > a span.icon-behandelingskaarten,
.expanded #main-menu ul#nav-left > li > a span.icon-jaarplanning {
  font-size: 16px;
}
.expanded #main-menu ul#nav-left > li > a span.icon-klimaatbeheer {
  font-size: 21px;
}
.expanded #main-menu ul#nav-left > li > a .text {
  display: inline;
  font-family: var(--font-general);
  font-size: 13px !important;
  color: var(--white) !important;
  font-weight: 500;
  padding-left: 12px;
  margin: 0;
  float: none;
}
.expanded #main-menu ul#nav-left > li > a.active {
  background: var(--theme-color-darkest);
}
.expanded #main-menu ul#nav-left > li > a.active span {
  color: var(--white);
}
.expanded #main-menu ul#nav-left > li .wrapper ul li a {
  border-right: 0;
  border-left: 0;
  min-height: 25px;
}
.expanded #main-menu a.hoofditem_hover {
  background: rgba(0, 0, 0, 0.09);
}
.expanded #main-menu #nav-desktop-expand-button .icon-volgende {
  transform: rotate(180deg);
}
/* Responsive */
@media only screen and (max-width: 1703px) {
  .collapsed #main-menu,
  .expanded #main-menu {
    height: var(--header-height);
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: calc(var(--z-index-navigation) + var(--z-index-responsive-navigation-buffer));
  }
  .collapsed #main-menu ul#nav-left,
  .expanded #main-menu ul#nav-left {
    position: fixed;
    top: calc(var(--header-height) - 10px);
    background: var(--white);
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    max-width: 100vw;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    padding: 0 10px 0 0;
    transition: opacity var(--default-animation-time), top var(--default-animation-time);
  }
  .collapsed #main-menu ul#nav-left.visible,
  .expanded #main-menu ul#nav-left.visible {
    opacity: 1;
    pointer-events: all;
    box-sizing: border-box;
    top: var(--header-height);
    padding: 0 10px 0 0;
  }
  .collapsed #main-menu ul#nav-left::before,
  .expanded #main-menu ul#nav-left::before {
    display: none;
  }
  .collapsed #main-menu ul#nav-left > li,
  .expanded #main-menu ul#nav-left > li {
    display: grid;
    grid-template-columns: 1fr 24px;
    grid-column-gap: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: center;
  }
  .collapsed #main-menu ul#nav-left > li > a,
  .expanded #main-menu ul#nav-left > li > a {
    text-align: left;
    padding: 10px 0;
    margin-left: 0;
  }
  .collapsed #main-menu ul#nav-left > li > a .text,
  .expanded #main-menu ul#nav-left > li > a .text {
    font-size: 18px;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    color: var(--theme-color-darkest);
  }
  .collapsed #main-menu ul#nav-left > li > a span:first-child,
  .expanded #main-menu ul#nav-left > li > a span:first-child {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-size: 20px;
  }
  .collapsed #main-menu ul#nav-left > li > a.active .text,
  .expanded #main-menu ul#nav-left > li > a.active .text {
    color: var(--theme-color);
  }
  .collapsed #main-menu ul#nav-left > li .chevron,
  .expanded #main-menu ul#nav-left > li .chevron {
    display: block;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper,
  .expanded #main-menu ul#nav-left > li .wrapper {
    display: grid;
    grid-template-rows: 0fr;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    background-color: var(--grey-background);
    grid-column: 1 / 3;
    box-sizing: border-box;
    transition: grid-template-rows var(--default-animation-time);
    margin-right: -10px;
    border-radius: 0;
    left: 0;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper ul,
  .expanded #main-menu ul#nav-left > li .wrapper ul {
    padding: 0px 10px 0px 0;
    overflow: hidden;
    transition: padding var(--default-animation-time);
  }
  .collapsed #main-menu ul#nav-left > li .wrapper ul li,
  .expanded #main-menu ul#nav-left > li .wrapper ul li {
    display: grid;
    grid-template-columns: 1fr 24px;
    grid-column-gap: 20px;
    align-items: center;
    padding: 0;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper ul li a,
  .expanded #main-menu ul#nav-left > li .wrapper ul li a {
    padding: 10px 10px 10px 60px;
    color: #606060;
    opacity: 0;
    transition: opacity var(--default-animation-time);
  }
  .collapsed #main-menu ul#nav-left > li .wrapper ul li a [class^="icon-"],
  .expanded #main-menu ul#nav-left > li .wrapper ul li a [class^="icon-"] {
    display: none;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper ul.has-overflow::after,
  .expanded #main-menu ul#nav-left > li .wrapper ul.has-overflow::after {
    display: none;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper.visible,
  .expanded #main-menu ul#nav-left > li .wrapper.visible {
    grid-template-rows: 1fr;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper.visible ul,
  .expanded #main-menu ul#nav-left > li .wrapper.visible ul {
    padding: 10px 10px 10px 0;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper.visible ul li a,
  .expanded #main-menu ul#nav-left > li .wrapper.visible ul li a {
    opacity: 1;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper .wrapper,
  .expanded #main-menu ul#nav-left > li .wrapper .wrapper {
    background-color: var(--borders);
  }
  .collapsed #main-menu ul#nav-left > li .wrapper .wrapper ul,
  .expanded #main-menu ul#nav-left > li .wrapper .wrapper ul {
    transition: padding var(--default-animation-time);
    padding: 0px 10px 0px 0;
  }
  .collapsed #main-menu ul#nav-left > li .wrapper .wrapper.visible ul,
  .expanded #main-menu ul#nav-left > li .wrapper .wrapper.visible ul {
    padding: 10px 10px 10px 0;
  }
  .collapsed #main-menu ul#nav-left > li:last-child,
  .expanded #main-menu ul#nav-left > li:last-child {
    margin-bottom: 0;
  }
  .collapsed #main-menu #nav-desktop-expand-button,
  .expanded #main-menu #nav-desktop-expand-button {
    display: none;
  }
  .collapsed #main-menu .hamburger-menu,
  .expanded #main-menu .hamburger-menu {
    display: block;
  }
}
@media only screen and (max-width: 1703px) and (hover: hover) and (min-width: 1703px) {
  .collapsed #main-menu .wrapper li a:hover,
  .expanded #main-menu .wrapper li a:hover {
    background-color: var(--grey-background);
  }
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  #main-menu {
    height: var(--header-height);
    width: var(--header-height);
  }
  #main-menu #nav-left {
    top: calc(var(--header-height) - 10px);
  }
  #main-menu #nav-left.visible {
    top: var(--header-height);
  }
}
/* --------------------------- Content Section and Toolbar --------------------------- */
section#content-section {
  padding: var(--content-section-padding-top) var(--content-section-padding-right) var(--content-section-padding-bottom) var(--content-section-padding-left);
  height: calc(var(--100vh, 100vh) - var(--header-height) - var(--section-toolbar-height));
  margin-top: var(--section-toolbar-height);
  box-sizing: border-box;
  overflow: auto;
  transition: width var(--default-animation-time), margin var(--default-animation-time), height var(--default-animation-time), padding var(--default-animation-time);
  background-color: white;
  will-change: auto;
}
@media (max-width: 1703px) {
  section#content-section {
    border-radius: 0;
    grid-column: 1 / 3;
  }
}
section#content-section.bigger .no-white-space {
  margin: 0px calc(0px - var(--content-section-padding-right)) calc(0px - var(--content-section-padding-bottom)) calc(0px - var(--content-section-padding-left));
  height: calc(var(--100vh, 100vh) + var(--content-section-padding-bottom));
}
section#content-section.section-toolbar-disabled {
  height: calc(var(--100vh, 100vh) - var(--header-height));
  padding-top: var(--content-section-padding-bottom);
  margin-top: 0;
  border-radius: var(--default-border-radius) 0 0 0;
  transition: width var(--default-animation-time);
}
@media (max-width: 1703px) {
  section#content-section.section-toolbar-disabled {
    border-radius: 0;
  }
}
section#content-section.section-toolbar-disabled .no-white-space {
  margin-top: calc(0px - var(--content-section-padding-bottom));
}
section#content-section > .no-white-space {
  margin: calc(0px - var(--content-section-padding-top)) calc(0px - var(--content-section-padding-right)) calc(0px - var(--content-section-padding-bottom)) calc(0px - var(--content-section-padding-left));
  transition: padding-top var(--default-animation-time);
  height: calc(var(--100vh, 100vh) - var(--header-height));
  width: calc(100% + var(--content-section-padding-right) + var(--content-section-padding-left));
}
section#content-section > .expand-to-bottom-right {
  width: calc(100% + var(--content-section-padding-right)) !important;
  height: calc(100% + var(--content-section-padding-bottom)) !important;
  margin: 0 calc(0px - var(--content-section-padding-right)) calc(0px - var(--content-section-padding-bottom)) 0;
}
@media (max-width: 1703px) {
  section#content-section:not(.mobile-toolbar-disabled) > .expand-to-bottom-right {
    height: calc(100% + var(--content-section-padding-bottom) - var(--responsive-toolbar-height) - var(--saveAreaBottom, 0px)) !important;
    margin-bottom: calc(0px - var(--content-section-padding-bottom) + var(--responsive-toolbar-height));
  }
}
section#content-section h1 {
  color: var(--grey-content-light);
  font-family: var(--font-general);
  font-size: 45px;
  line-height: 48px;
  font-weight: 300;
  margin: 0 0 var(--content-section-padding-left) 0;
}
section#content-section .action-link {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  height: 35px;
  text-align: left;
  cursor: pointer;
  align-items: center;
}
section#content-section .action-link .icon {
  white-space: nowrap;
  width: 40px;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
  line-height: 27px;
}
section#content-section .action-link a,
section#content-section .action-link span:nth-child(2) {
  line-height: 35px !important;
  white-space: nowrap;
  text-transform: lowercase;
  cursor: pointer;
  margin-left: -35px;
  padding-left: 40px;
  font-size: 14px;
  font-family: var(--font-general);
  color: var(--grey-content-dark);
}
section#content-section .action-link span:nth-child(2) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (hover: hover) {
  section#content-section .action-link span:nth-child(2):hover {
    text-decoration: underline;
    cursor: pointer;
  }
}
section#content-section .action-link.batch-action {
  display: none;
}
section#content-section .section-toolbar {
  height: var(--section-toolbar-height);
  display: grid;
  position: fixed;
  top: var(--header-height);
  left: var(--nav-width);
  right: 0px;
  grid-template-columns: max-content 1fr;
  grid-gap: 30px;
  padding: 10px var(--content-section-padding-right) 0 var(--content-section-padding-left);
  box-sizing: border-box;
  align-items: center;
  z-index: var(--z-index-section-toolbar);
  transition: box-shadow var(--default-animation-time), left var(--default-animation-time), height var(--default-animation-time);
  background-color: white;
  border-radius: var(--default-border-radius) 0 0 0;
  will-change: auto;
}
@media (max-width: 1703px) {
  section#content-section .section-toolbar {
    grid-template-columns: 1fr;
    left: 0;
    border-radius: 0;
    grid-auto-flow: column;
  }
}
@media (max-width: 1112px) and (max-height: 1112px) {
  section#content-section .section-toolbar {
    grid-gap: 0;
  }
}
section#content-section .section-toolbar.small {
  margin-bottom: 35px;
  padding-top: 0;
  border-bottom: 1px solid var(--borders);
}
@media (max-width: 1112px) {
  section#content-section .section-toolbar.small {
    --section-toolbar-height: 60px;
  }
}
section#content-section .section-toolbar.small h1 {
  font-size: 25px;
  padding-bottom: 0;
  line-height: 35px;
}
section#content-section .section-toolbar h1 {
  transition: font-size var(--default-animation-time);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 5px;
  margin-bottom: 0;
}
section#content-section .section-toolbar h3 {
  line-height: initial;
}
section#content-section .section-toolbar .action-link-container {
  visibility: hidden;
  pointer-events: none;
  height: 0;
}
section#content-section .section-toolbar .action-link-container.visible {
  visibility: visible;
  pointer-events: auto;
  height: initial;
}
/*#region Sticky Action Links*/
.has-sticky-action-links {
  padding-left: 10px;
}
@media (max-width: 1703px) {
  .has-sticky-action-links {
    padding-left: 0;
  }
}
.has-sticky-action-links .sticky-action-link-container {
  align-self: start;
}
@media (max-width: 1703px) {
  .has-sticky-action-links .sticky-action-link-container {
    align-self: auto;
  }
}
.has-sticky-action-links .sticky-action-link-container.sticky {
  height: 50px;
  position: absolute;
  background-color: white;
  width: initial;
  top: 60px;
  right: 20px;
  left: 10px;
  padding: 0px 20px 0 0;
  border-bottom: 1px solid var(--borders);
  z-index: var(--z-index-sticky-action-link-container);
}
.has-sticky-action-links .sticky-action-link-container.sticky.overflow-container .visible-content {
  flex-direction: row;
  grid-gap: 12px;
}
.has-sticky-action-links.sticky-in-responsive-popup {
  padding-left: 0;
}
.has-sticky-action-links.sticky-in-responsive-popup .sticky-action-link-container.sticky {
  top: 49px;
  left: 0;
  right: 0;
  background-color: var(--grey-background-light);
  border-top: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
}
.has-sticky-action-links:not(.sticky-in-responsive-popup) .sticky-action-link-container.sticky {
  display: flex;
  flex-direction: row;
  grid-gap: 12px;
  align-items: center;
  justify-content: flex-end;
}
.has-sticky-action-links:not(.sticky-in-responsive-popup) .sticky-action-link-container.sticky .action-link {
  margin-bottom: 0;
}
.has-sticky-action-links.tab-page {
  padding-left: 0;
}
.has-sticky-action-links.tab-page .sticky-action-link-container.sticky {
  top: 113px;
  right: 37px;
  left: 20px;
}
.has-sticky-action-links.detail-in-splitter-pane-container {
  position: relative;
  padding-top: 70px;
}
.has-sticky-action-links.detail-in-splitter-pane-container .sticky-action-link-container.sticky {
  top: 0px;
  justify-items: start;
}
/*#endregion*/
/*#region Sticky section caption */
.has-sticky-caption {
  display: block;
}
.has-sticky-caption h3 {
  position: sticky;
  top: 7px;
  bottom: 0;
  width: 50%;
  margin-left: -10px;
  padding-left: 10px;
  z-index: var(--z-index-sticky-caption);
  margin-bottom: 5px;
}
@media (max-width: 1703px) {
  .has-sticky-caption h3 {
    width: 100%;
    position: static;
  }
}
.has-sticky-caption.with-background h3 {
  width: initial;
  background-color: white;
  padding-bottom: 7px;
  margin-bottom: 0;
  margin-right: -20px;
}
.has-sticky-caption.tab-page-section h3 {
  padding-top: 16px;
  top: -15px;
}
.sticky-in-responsive-popup .has-sticky-caption h3 {
  top: -5px;
}
/*#endregion*/
/*#region Sticky form description */
.sticky-form-description {
  position: sticky;
  top: 0;
  background-color: var(--white);
  border-bottom: 1px solid var(--borders);
  padding: 0 10px 10px 10px;
}
.sticky-form-description p {
  margin-bottom: 0;
}
.sticky-form-description.stick-to-bottom {
  top: initial;
  bottom: 58px;
  border-bottom: none;
  border-top: 1px solid var(--borders);
  padding: 10px 10px 12px 10px;
}
@media (max-width: 1703px) {
  .sticky-form-description.stick-to-bottom {
    bottom: -20px;
  }
}
/*#endregion*/
/*#region Sticky form actions*/
@media (min-width: 1703px) {
  .has-sticky-form-actions {
    height: 100%;
    min-height: 100%;
  }
}
@media (min-width: 1703px) {
  .has-sticky-form-actions form {
    height: 100%;
    min-height: 100%;
    align-content: space-between;
  }
}
@media (max-width: 1703px) {
  .has-sticky-form-actions {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .has-sticky-form-actions {
    padding-bottom: 80px;
  }
}
.form-actions.sticky {
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: var(--z-index-sticky-form-container);
  border-top: 1px solid var(--borders);
  border-radius: 0 0 5px 5px;
  padding: 0 10px 10px 10px;
}
@media (max-width: 1703px) {
  .form-actions.sticky.sticky-in-responsive-toolbar {
    padding-left: 0;
    padding-right: 20px;
    margin-right: 10px;
    border-top: none;
  }
  .form-actions.sticky.forced-to-bottom {
    position: static;
    margin: 20px -20px 20px 0 !important;
    border-top: none;
    grid-template-columns: 1fr;
    z-index: 0;
    grid-gap: 15px;
  }
  .form-actions.sticky.forced-to-bottom > div {
    margin-top: 0px !important;
  }
  .form-actions.sticky:not(.sticky-in-responsive-toolbar) {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px !important;
  }
  .form-actions.sticky:not(.sticky-in-responsive-toolbar) > div {
    margin-top: 10px !important;
  }
}
@media (max-width: 768px) {
  .form-actions.sticky {
    grid-gap: 5px;
  }
}
@media (min-width: 1703px) {
  .has-sticky-action-links.sticky-in-responsive-popup .form-actions.sticky,
  .has-sticky-form-actions.sticky-in-responsive-popup .form-actions.sticky {
    margin: 10px -10px -10px -10px;
    bottom: -10px;
  }
  .has-sticky-action-links.sticky-in-responsive-popup .form-actions.sticky > div,
  .has-sticky-form-actions.sticky-in-responsive-popup .form-actions.sticky > div {
    margin-top: 10px !important;
  }
}
/*#endregion*/
.icon {
  color: var(--theme-color);
  padding: 4px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 25px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin-bottom: 3px;
}
tr.resetten-a td a:before {
  font-family: "Maintis-icons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none;
  content: "\e618";
  text-decoration: none !important;
  border: 0;
}
tr.resetten-a td a {
  text-decoration: none !important;
}
.icon-column a span {
  border-color: var(--grey-content) !important;
  color: var(--grey-content) !important;
  font-family: var(--font-icons);
  font-size: 20px;
  text-decoration: none !important;
  padding: 4px;
  display: block;
  float: left;
}
.icon-column {
  white-space: nowrap;
  text-align: left !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
/* Replace everything below when updating the font */
@font-face {
  font-family: 'Maintis-icons';
  src: url('Icons/fonts/Maintis-icons.ttf?lvt1u3') format('truetype'), url('Icons/fonts/Maintis-icons.woff?lvt1u3') format('woff'), url('Icons/fonts/Maintis-icons.svg?lvt1u3#Maintis-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Maintis-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-globe:before {
  content: "\ea34";
}
.icon-assetvelden:before {
  content: "\ea2f";
}
.icon-assetvelden-verbergen:before {
  content: "\ea30";
}
.icon-in-opdracht:before {
  content: "\ea31";
}
.icon-opdrachtgever:before {
  content: "\ea32";
}
.icon-toelichting:before {
  content: "\ea33";
}
.icon-conditie:before {
  content: "\ea29";
}
.icon-conditie-bewerken:before {
  content: "\ea2a";
}
.icon-condities-bekijken:before {
  content: "\ea2b";
}
.icon-postconditie:before {
  content: "\ea2c";
}
.icon-preconditie:before {
  content: "\ea2d";
}
.icon-werkorder-condities:before {
  content: "\ea2e";
}
.icon-gebrek-detail:before {
  content: "\ea28";
}
.icon-minimaliseren:before {
  content: "\ea26";
}
.icon-popups:before {
  content: "\ea27";
}
.icon-uitloggen:before {
  content: "\ea25";
}
.icon-shrink:before {
  content: "\ea24";
}
.icon-asset-google-maps-kaart:before {
  content: "\ea0d";
}
.icon-asset-links:before {
  content: "\ea0e";
}
.icon-asset-property-filterset:before {
  content: "\ea0f";
}
.icon-asset-rechten:before {
  content: "\ea10";
}
.icon-asset-verwijzingen:before {
  content: "\ea11";
}
.icon-behandelingskaart-berekeningsoverzicht:before {
  content: "\ea12";
}
.icon-btw-tarieven:before {
  content: "\ea13";
}
.icon-dashboard-onderhoud:before {
  content: "\ea14";
}
.icon-facturen:before {
  content: "\ea15";
}
.icon-factuur-statussen:before {
  content: "\ea16";
}
.icon-functionele-locatie-boom:before {
  content: "\ea17";
}
.icon-gekoppelde-behandelingskaarten:before {
  content: "\ea18";
}
.icon-gekoppelde-gebreken:before {
  content: "\ea19";
}
.icon-gekoppelde-jaarplankaarten:before {
  content: "\ea1a";
}
.icon-gekoppelde-meldingen:before {
  content: "\ea1b";
}
.icon-ifc-imports:before {
  content: "\ea1c";
}
.icon-kosten-besparingen:before {
  content: "\ea1d";
}
.icon-linked-dataset:before {
  content: "\ea1e";
}
.icon-meridian:before {
  content: "\ea1f";
}
.icon-nen2767-inspectie-overzicht:before {
  content: "\ea20";
}
.icon-nen2767-schade-overzicht:before {
  content: "\ea21";
}
.icon-nlsfb-asset-koppeling:before {
  content: "\ea22";
}
.icon-priva:before {
  content: "\ea23";
}
.icon-geen-afbeelding:before {
  content: "\ea0c";
}
.icon-3d-viewer:before {
  content: "\ea09";
}
.icon-plattegrond:before {
  content: "\ea0a";
}
.icon-plattegrond-viewer:before {
  content: "\ea0b";
}
.icon-first-person:before {
  content: "\ea07";
}
.icon-hierarchie-boom:before {
  content: "\ea08";
}
.icon-materieel-toevoegen:before {
  content: "\ea06";
}
.icon-openen-in-popup:before {
  content: "\ea05";
}
.icon-info:before {
  content: "\e954";
}
.icon-verversen:before {
  content: "\ea04";
}
.icon-wetgeving:before {
  content: "\ea03";
}
.icon-koffer:before {
  content: "\e9e2";
}
.icon-oorzaak:before {
  content: "\e9e7";
}
.icon-klok:before {
  content: "\e9e8";
}
.icon-dollar:before {
  content: "\e9e9";
}
.icon-geld-zak:before {
  content: "\e9ee";
}
.icon-verwerken:before {
  content: "\e9f1";
}
.icon-oplossing:before {
  content: "\ea01";
}
.icon-klembord:before {
  content: "\ea02";
}
.icon-distributiegroepen:before {
  content: "\e965";
}
.icon-asset-informatie:before {
  content: "\e9e0";
}
.icon-expand:before {
  content: "\e9dd";
}
.icon-melding-gegevens-wijzigen:before {
  content: "\e9dc";
}
.icon-monteur-toewijzen:before {
  content: "\e9da";
}
.icon-status-terugzetten:before {
  content: "\e9db";
}
.icon-batch-assign-internal-handler:before {
  content: "\e9c7";
}
.icon-assign-internal-handler:before {
  content: "\e9bc";
}
.icon-qr-code-resetten:before {
  content: "\e9bb";
}
.icon-log:before {
  content: "\e9ba";
}
.icon-expand-menu:before {
  content: "\e9b1";
}
.icon-collapse-menu:before {
  content: "\e9b5";
}
.icon-action:before {
  content: "\e9ad";
}
.icon-qr-code-scannen:before {
  content: "\e9ae";
}
.icon-qr-code-toevoegen:before {
  content: "\e9b0";
}
.icon-center-current-location:before {
  content: "\e9ac";
}
.icon-lock-map-orientation:before {
  content: "\e9ab";
}
.icon-verify-surface-damage:before {
  content: "\e9a5";
}
.icon-diameter:before {
  content: "\e9a0";
}
.icon-polygon-bewerken:before {
  content: "\e99f";
}
.icon-transformeren:before {
  content: "\e996";
}
.icon-functionele-locatie-type:before {
  content: "\e993";
}
.icon-asset-op-kaart:before {
  content: "\e994";
}
.icon-functionele-locaties:before {
  content: "\e986";
}
.icon-driehoek-omlaag:before {
  content: "\e97a";
}
.icon-driehoek-omhoog:before {
  content: "\e97d";
}
.icon-driehoek-terug:before {
  content: "\e97e";
}
.icon-driehoek-vooruit:before {
  content: "\e985";
}
.icon-close:before {
  content: "\e611";
}
.icon-laag-toevoegen:before {
  content: "\e97b";
}
.icon-toevoegen:before {
  content: "\e623";
}
.icon-verwijderen:before {
  content: "\e60a";
}
.icon-vinkje:before {
  content: "\e616";
}
.icon-budgetcodes:before {
  content: "\e909";
}
.icon-behandelingskaarten-draaitabel:before {
  content: "\e96c";
}
.icon-importeren:before {
  content: "\e96f";
}
.icon-gebrekenopvolging:before {
  content: "\e976";
}
.icon-werkorders-draaitabel:before {
  content: "\e979";
}
.icon-assetprijzen:before {
  content: "\e93a";
}
.icon-kostengroepen:before {
  content: "\e94d";
}
.icon-smsberichten-log:before {
  content: "\e956";
}
.icon-nlsfb:before {
  content: "\e967";
}
.icon-bijlage-downloaden:before {
  content: "\e969";
}
.icon-derden-toevoegen:before {
  content: "\e91d";
}
.icon-catalogus:before {
  content: "\e9ea";
}
.icon-inspecties-web:before {
  content: "\ea00";
}
.icon-aannemer-bewerken:before {
  content: "\e911";
}
.icon-aannemer-toevoegen:before {
  content: "\e912";
}
.icon-afbeelding-toevoegen:before {
  content: "\e935";
}
.icon-arbeid-toevoegen:before {
  content: "\e939";
}
.icon-assetgroepen:before {
  content: "\e9eb";
}
.icon-assettypen:before {
  content: "\e9f6";
}
.icon-beheer-gebieden:before {
  content: "\e9ec";
}
.icon-beheer-assetgroeperingsconfiguraties:before {
  content: "\e9f0";
}
.icon-assets-inventarisatie-projecten:before {
  content: "\e9ef";
}
.icon-veldgroepen:before {
  content: "\e9fa";
}
.icon-vrije-assetgroepen:before {
  content: "\e9f2";
}
.icon-asset-functies:before {
  content: "\e9ed";
}
.icon-asset-inventarisatie:before {
  content: "\e9f3";
}
.icon-kolomconfiguratie:before {
  content: "\e97c";
}
.icon-asset-opmerkingen:before {
  content: "\e9fb";
}
.icon-asset-opmerking-typen:before {
  content: "\e9fc";
}
.icon-presentatie-assets:before {
  content: "\e9fd";
}
.icon-asset-processen:before {
  content: "\e9fe";
}
.icon-verhardingstypen-en-maatregelen:before {
  content: "\e9ff";
}
.icon-objecten:before {
  content: "\e61b";
}
.icon-beheer-behandelingskaarten:before {
  content: "\e9f7";
}
.icon-behandelingskaarten-categorien:before {
  content: "\e9f8";
}
.icon-exporteer-naar-jaarplanning:before {
  content: "\e9f9";
}
.icon-presentatie-behandelingskaarten:before {
  content: "\e9f5";
}
.icon-behandelingskaart-sjablonen:before {
  content: "\e9f4";
}
.icon-behandelingskaarten-tabel:before {
  content: "\e963";
}
.icon-adressoorten:before {
  content: "\e964";
}
.icon-eenheden:before {
  content: "\e966";
}
.icon-gebruiker:before {
  content: "\e606";
}
.icon-hoofdstatussen:before {
  content: "\e968";
}
.icon-log-email:before {
  content: "\e96a";
}
.icon-log-gebruikerslogins:before {
  content: "\e96b";
}
.icon-meldingtypen:before {
  content: "\e96d";
}
.icon-meldingurgenties:before {
  content: "\e96e";
}
.icon-onderhoudssoorten:before {
  content: "\e970";
}
.icon-onderwerpen:before {
  content: "\e971";
}
.icon-plc-errorcodelijsten:before {
  content: "\e972";
}
.icon-sjabloonpermissies:before {
  content: "\e973";
}
.icon-werkorderstatussen:before {
  content: "\e974";
}
.icon-wettelijk-verplichte-types:before {
  content: "\e975";
}
.icon-beheer:before {
  content: "\e608";
}
.icon-berichten:before {
  content: "\e977";
}
.icon-besprekingen-configuratie:before {
  content: "\e978";
}
.icon-besprekingen:before {
  content: "\e607";
}
.icon-assetboom-hierarchisch:before {
  content: "\e926";
}
.icon-assetboom-instellingen:before {
  content: "\e914";
}
.icon-assetboom-layout:before {
  content: "\e928";
}
.icon-beheer-dashboards:before {
  content: "\e97f";
}
.icon-database-views:before {
  content: "\e980";
}
.icon-dynamische-views:before {
  content: "\e981";
}
.icon-beheer-grafieken:before {
  content: "\e982";
}
.icon-business-intelligence-draaitabel:before {
  content: "\e983";
}
.icon-business-intelligence-tabel:before {
  content: "\e984";
}
.icon-business-intelligence:before {
  content: "\e90b";
}
.icon-checklist-invullen:before {
  content: "\e940";
}
.icon-checklist-categorien:before {
  content: "\e987";
}
.icon-contracten-huur:before {
  content: "\e988";
}
.icon-contracten-derden:before {
  content: "\e989";
}
.icon-contracten:before {
  content: "\e98a";
}
.icon-dashboard-aannemer:before {
  content: "\e98b";
}
.icon-dashboard-btod-manager:before {
  content: "\e98c";
}
.icon-btod-sensor:before {
  content: "\e98d";
}
.icon-dashboard-financieel:before {
  content: "\e98e";
}
.icon-dashboard-vaste-aannemer:before {
  content: "\e98f";
}
.icon-vhb-sensor:before {
  content: "\e990";
}
.icon-dashboard-voortgang-straatwerk:before {
  content: "\e991";
}
.icon-dashboard:before {
  content: "\e992";
}
.icon-derden:before {
  content: "\e91e";
}
.icon-detail-instellingen:before {
  content: "\e91f";
}
.icon-draaitabel:before {
  content: "\e995";
}
.icon-eigenaar:before {
  content: "\e90d";
}
.icon-filetransfer:before {
  content: "\e997";
}
.icon-bedrijfsbudget-en-besparingen:before {
  content: "\e998";
}
.icon-beheer-budgetten:before {
  content: "\e999";
}
.icon-koppel-bedrijven:before {
  content: "\e99a";
}
.icon-moves-configuratie-financieel:before {
  content: "\e99b";
}
.icon-moves-financieel:before {
  content: "\e99c";
}
.icon-oracle-imports-draaitabel:before {
  content: "\e99d";
}
.icon-oracle-imports:before {
  content: "\e99e";
}
.icon-gebouwbeheerder:before {
  content: "\e90c";
}
.icon-inspectienormen:before {
  content: "\e9a1";
}
.icon-inspecties-beheer-projecten:before {
  content: "\e9a2";
}
.icon-inspecties-maatregelmatrix:before {
  content: "\e9a3";
}
.icon-inspecties-projecten:before {
  content: "\e9a4";
}
.icon-inspectie:before {
  content: "\e609";
}
.icon-kraaninspectie-beheren:before {
  content: "\e9a6";
}
.icon-kraaninspectie-checklistitem-categorien:before {
  content: "\e9a7";
}
.icon-kraaninspectie-checklistitems:before {
  content: "\e9a8";
}
.icon-kraaninspectie-distributiegroepen:before {
  content: "\e9a9";
}
.icon-kraaninspectie-lasttest-checklistems:before {
  content: "\e9aa";
}
.icon-inspectie-kranen:before {
  content: "\e904";
}
.icon-lagen-alle:before {
  content: "\e910";
}
.icon-lagen-detail:before {
  content: "\e920";
}
.icon-lagen-enkel:before {
  content: "\e927";
}
.icon-maintis-app:before {
  content: "\e9af";
}
.icon-materialen-toevoegen:before {
  content: "\e929";
}
.icon-melding-maken:before {
  content: "\e61f";
}
.icon-meterstanden-invoeren:before {
  content: "\e9b2";
}
.icon-meterstanden-overzicht:before {
  content: "\e9b3";
}
.icon-meterstanden-verbruik:before {
  content: "\e9b4";
}
.icon-monteur:before {
  content: "\e90f";
}
.icon-nen2767-aspecten:before {
  content: "\e9b6";
}
.icon-nen2767-gebreken:before {
  content: "\e9b7";
}
.icon-nen2767-inspecties:before {
  content: "\e9b8";
}
.icon-nen2767-projecten:before {
  content: "\e9b9";
}
.icon-ongepland:before {
  content: "\e94e";
}
.icon-opmerking:before {
  content: "\e610";
}
.icon-plan-verwisselen:before {
  content: "\e92b";
}
.icon-beheer-planning:before {
  content: "\e9bd";
}
.icon-planning:before {
  content: "\e9be";
}
.icon-plc-log-noodstop:before {
  content: "\e9bf";
}
.icon-plc-log-overeenkomsten:before {
  content: "\e9c0";
}
.icon-beheer-themakaarten:before {
  content: "\e9c1";
}
.icon-presentatie-maatregelen:before {
  content: "\e9c2";
}
.icon-presentatie-snapshot-terrein:before {
  content: "\e9c3";
}
.icon-presentatie-terrein:before {
  content: "\e9c4";
}
.icon-presentatie-themakaarten:before {
  content: "\e9c5";
}
.icon-presentatie:before {
  content: "\e9c6";
}
.icon-relatie-toevoegen:before {
  content: "\e942";
}
.icon-schade-catalogus:before {
  content: "\e9c8";
}
.icon-schade-overzicht:before {
  content: "\e9c9";
}
.icon-schade:before {
  content: "\e9ca";
}
.icon-systeembeheer-caches:before {
  content: "\e9cb";
}
.icon-systeembeheer-notificaties:before {
  content: "\e9cc";
}
.icon-bijlage-categorien:before {
  content: "\e9cd";
}
.icon-systeembeheer-dashboards:before {
  content: "\e9ce";
}
.icon-mailsjablonen:before {
  content: "\e9cf";
}
.icon-systeembeheer-modules:before {
  content: "\e9d0";
}
.icon-systeembeheer-navigatieitems:before {
  content: "\e9d1";
}
.icon-systeembeheer-securitygroepen:before {
  content: "\e9d2";
}
.icon-sms-sjablonen:before {
  content: "\e9d3";
}
.icon-systeembeheer:before {
  content: "\e9d4";
}
.icon-tabel:before {
  content: "\e9d5";
}
.icon-tellerstanden-invoeren:before {
  content: "\e9d6";
}
.icon-tellerstanden-overzicht:before {
  content: "\e9d7";
}
.icon-tellerstanden-verbruik:before {
  content: "\e9d8";
}
.icon-tellerstanden:before {
  content: "\e9d9";
}
.icon-velden-verbergen:before {
  content: "\e931";
}
.icon-vervolgorder-maken:before {
  content: "\e932";
}
.icon-waarschuwing:before {
  content: "\e615";
}
.icon-werkorder-verzenden:before {
  content: "\e933";
}
.icon-batch-plannen:before {
  content: "\e9de";
}
.icon-jaarplanning-draaitabel:before {
  content: "\e9df";
}
.icon-jaarplanning:before {
  content: "\e621";
}
.icon-werkorders-kostenoverzicht:before {
  content: "\e9e1";
}
.icon-meldlijst:before {
  content: "\e961e";
}
.icon-meldrechten:before {
  content: "\e9e3";
}
.icon-ramingenoverzicht:before {
  content: "\e9e4";
}
.icon-rechten:before {
  content: "\e9e5";
}
.icon-werkvergunningen:before {
  content: "\e9e6";
}
.icon-bell:before {
  content: "\e962";
}
.icon-folder:before {
  content: "\e961";
}
.icon-draw-circle:before {
  content: "\e951";
}
.icon-ruler-combined:before {
  content: "\e952";
}
.icon-move:before {
  content: "\e953";
}
.icon-trash:before {
  content: "\e955";
}
.icon-bewerken:before {
  content: "\e625";
}
.icon-comment:before {
  content: "\e957";
}
.icon-camera:before {
  content: "\e958";
}
.icon-slash:before {
  content: "\e959";
}
.icon-ruler-horizontal:before {
  content: "\e95a";
}
.icon-ruler-vertical:before {
  content: "\e95b";
}
.icon-ruler-diagonal:before {
  content: "\e95c";
}
.icon-draw-polygon:before {
  content: "\e95d";
}
.icon-map-pin:before {
  content: "\e95e";
}
.icon-draw-square:before {
  content: "\e95f";
}
.icon-hand-pointer:before {
  content: "\e960";
}
.icon-omlaag:before {
  content: "\e94f";
}
.icon-omhoog:before {
  content: "\e950";
}
.icon-batch-bijlage-downloaden:before {
  content: "\e947";
}
.icon-batch-vervallen:before {
  content: "\e94c";
}
.icon-raming:before {
  content: "\e94b";
}
.icon-de-archiveren:before {
  content: "\e90e";
}
.icon-aannemer:before {
  content: "\e934";
}
.icon-afbeelding:before {
  content: "\e936";
}
.icon-afhandelen:before {
  content: "\e937";
}
.icon-afwijzen:before {
  content: "\e938";
}
.icon-arbeid:before {
  content: "\e905";
}
.icon-archiveren:before {
  content: "\e93b";
}
.icon-batch-afhandelen:before {
  content: "\e93c";
}
.icon-batch-archiveren:before {
  content: "\e93d";
}
.icon-batch-goedkeuren:before {
  content: "\e93e";
}
.icon-batch-verzenden:before {
  content: "\e93f";
}
.icon-checklist:before {
  content: "\e941";
}
.icon-converteren:before {
  content: "\e943";
}
.icon-doormelden:before {
  content: "\e944";
}
.icon-exporteren-begroting:before {
  content: "\e945";
}
.icon-exporteren:before {
  content: "\e946";
}
.icon-sorteren:before {
  content: "\e948";
}
.icon-vervallen:before {
  content: "\e949";
}
.icon-vervangen:before {
  content: "\e94a";
}
.icon-assetboom:before {
  content: "\e913";
}
.icon-batch-bewerken:before {
  content: "\e915";
}
.icon-batch-converteren:before {
  content: "\e916";
}
.icon-batch-detail:before {
  content: "\e917";
}
.icon-batch-dupliceren:before {
  content: "\e918";
}
.icon-batch-toevoegen:before {
  content: "\e919";
}
.icon-batch-verplaatsen:before {
  content: "\e91a";
}
.icon-batch-verwijderen:before {
  content: "\e91b";
}
.icon-batch:before {
  content: "\e91c";
}
.icon-dupliceren:before {
  content: "\e921";
}
.icon-gepland-item-goedkeuren:before {
  content: "\e922";
}
.icon-gepland-item-toevoegen:before {
  content: "\e923";
}
.icon-gepland-item-verwijderen:before {
  content: "\e924";
}
.icon-grafiek:before {
  content: "\e925";
}
.icon-materialen:before {
  content: "\e92a";
}
.icon-plan:before {
  content: "\e92c";
}
.icon-plc-logging:before {
  content: "\e92d";
}
.icon-presentatie-mti:before {
  content: "\e92e";
}
.icon-sjabloon:before {
  content: "\e92f";
}
.icon-totalen:before {
  content: "\e930";
}
.icon-meterstanden:before {
  content: "\e900";
}
.icon-inspectie-brand:before {
  content: "\e901";
}
.icon-nen2767:before {
  content: "\e902";
}
.icon-inspectie-liften:before {
  content: "\e903";
}
.icon-csv:before {
  content: "\e906";
}
.icon-afhandelen-melding:before {
  content: "\e907";
}
.icon-actiepunten:before {
  content: "\e908";
}
.icon-relaties:before {
  content: "\e90a";
}
.icon-word:before {
  content: "\e629";
}
.icon-layout-wijzigen:before {
  content: "\e628";
}
.icon-klimaatbeheer:before {
  content: "\e626";
}
.icon-behandelingskaarten:before {
  content: "\e622";
}
.icon-start:before {
  content: "\e600";
}
.icon-vorige:before {
  content: "\e60d";
}
.icon-volgende:before {
  content: "\e60c";
}
.icon-vinkje-kader:before {
  content: "\e617";
}
.icon-resetten:before {
  content: "\e618";
}
.icon-rapportages:before {
  content: "\e619";
}
.icon-pdf:before {
  content: "\e61a";
}
.icon-maintis:before {
  content: "\e620";
}
.icon-excel:before {
  content: "\e624";
}
.icon-agenda:before {
  content: "\e627";
}
.icon-download:before {
  content: "\e602";
}
.icon-upload:before {
  content: "\e60e";
}
.icon-undo:before {
  content: "\e604";
}
.icon-redo:before {
  content: "\e605";
}
.icon-zoeken:before {
  content: "\e601";
}
.icon-prev-onderhoud:before {
  content: "\e60b";
}
.icon-dashboard-2:before {
  content: "\e60f";
}
.icon-annuleren:before {
  content: "\e612";
}
.icon-filter2:before {
  content: "\e614";
}
.icon-filter:before {
  content: "\e613";
}
/* ------------------------------ General --------------------------------- */
/* Reset and default text */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-font-smoothing: antialiased;
}
/* Body and trickster stuff */
:root {
  interpolate-size: allow-keywords;
}
body {
  color: var(--grey-content);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 22px;
  height: var(--100vh, 100vh);
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1112px) and (max-height: 1112px) {
  body {
    position: relative;
  }
}
body.block-scroll {
  overflow: hidden;
}
.relative-class {
  position: relative;
}
/* Maintis Old/New Toggle */
#wrapper.maintis-old > main {
  display: none !important;
}
#wrapper:not(.maintis-old) * {
  box-sizing: border-box;
}
#wrapper:not(.maintis-old) > section#content-section {
  display: none;
}