/* input(21057,31): run-time error CSS1030: Expected identifier, found ' ' */
@charset "UTF-8";
.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

a {
  color: #007bff;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.dc-box {
  display: block;
  box-sizing: border-box;
}

.box--flex {
  display: flex;
}

.box--grid {
  display: grid;
}

.dc-panel {
  --dcf-panelPadding: 0;
  --dcf-panelMargin: 0;
  padding: var(--dcf-panelPadding);
  margin: var(--dcf-panelMargin);
}
.dc-grid-100 .dc-panel[class*=col-] {
  --dcf-colPaddingRight: 0;
  --dcf-colPaddingLeft: 0;
}

.panel--backgroundGrayscale_1 {
  background-color: #b8c1cb;
}
.panel--backgroundGrayscale_2 {
  background-color: #cbd5e0;
}
.panel--backgroundGrayscale_3 {
  background-color: #dae1e9;
}
.panel--backgroundGrayscale_4 {
  background-color: #e5eaef;
}
.panel--backgroundGrayscale_5 {
  background-color: #eff2f6;
}
.panel--backgroundColor_6 {
  background-color: #fed7d7;
}
.panel--backgroundColor_7 {
  background-color: #feebc8;
}
.panel--backgroundColor_8 {
  background-color: #fefcbf;
}
.panel--backgroundColor_9 {
  background-color: #c6f6d5;
}
.panel--backgroundColor_10 {
  background-color: #b2f5ea;
}
.panel--backgroundColor_11 {
  background-color: #bee3f8;
}
.panel--backgroundColor_12 {
  background-color: #c3dafe;
}
.panel--backgroundColor_13 {
  background-color: #e9d8fd;
}
.panel--backgroundColor_14 {
  background-color: #fed7e2;
}
.panel--backgroundColor_15 {
  background-color: #000;
}
.panel--backgroundContrast_6 {
  background-color: #feb2b2;
}
.panel--backgroundContrast_7 {
  background-color: #fbd38d;
}
.panel--backgroundContrast_8 {
  background-color: #faf089;
}
.panel--backgroundContrast_9 {
  background-color: #9ae6b4;
}
.panel--backgroundContrast_10 {
  background-color: #81e6d9;
}
.panel--backgroundContrast_11 {
  background-color: #90cdf4;
}
.panel--backgroundContrast_12 {
  background-color: #a3bffa;
}
.panel--backgroundContrast_13 {
  background-color: #d6bcfa;
}
.panel--backgroundContrast_14 {
  background-color: #fbb6ce;
}
.panel--backgroundContrast_15 {
  background-color: #000;
}

.panel--borderWidth_1 {
  outline-width: 0;
}
.panel--borderWidth_1 {
  outline-width: 1px;
}
.panel--borderWidth_2 {
  outline-width: 2px;
}
.panel--borderWidth_3 {
  outline-width: 3px;
}
.panel--borderWidth_4 {
  outline-width: 4px;
}
.panel--borderWidth_5 {
  outline-width: 5px;
}
.panel--borderWidth_6 {
  outline-width: 6px;
}
.panel--borderWidth_7 {
  outline-width: 7px;
}
.panel--borderWidth_8 {
  outline-width: 8px;
}
.panel--borderWidth_9 {
  outline-width: 9px;
}
.panel--borderWidth_10 {
  outline-width: 10px;
}

.panel--borderStyle_0 {
  outline-style: none;
}
.panel--borderStyle_1 {
  outline-style: solid;
}
.panel--borderStyle_2 {
  outline-style: double;
}
.panel--borderStyle_3 {
  outline-style: dotted;
}
.panel--borderStyle_4 {
  outline-style: dashed;
}

.panel--borderColor_1 {
  outline-color: hsl(214.5deg, 15%, 40%);
}
.panel--borderColor_2 {
  outline-color: hsl(214.5deg, 15%, 45%);
}
.panel--borderColor_3 {
  outline-color: hsl(214.5deg, 15%, 50%);
}
.panel--borderColor_4 {
  outline-color: hsl(214.5deg, 15%, 55%);
}
.panel--borderColor_5 {
  outline-color: hsl(214.5deg, 15%, 60%);
}
.panel--borderColor_6 {
  outline-color: #f56565;
}
.panel--borderColor_7 {
  outline-color: #ed8936;
}
.panel--borderColor_8 {
  outline-color: #ecc94b;
}
.panel--borderColor_9 {
  outline-color: #48bb78;
}
.panel--borderColor_10 {
  outline-color: #38b2ac;
}
.panel--borderColor_11 {
  outline-color: #4299e1;
}
.panel--borderColor_12 {
  outline-color: #667eea;
}
.panel--borderColor_13 {
  outline-color: #9f7aea;
}
.panel--borderColor_14 {
  outline-color: #ed64a6;
}
.panel--borderColor_15 {
  outline-color: #000;
}

.dc-grid-100 .row {
  --dcf-xs-customPaddingTop: initial;
  --dcf-xs-customPaddingRight: initial;
  --dcf-xs-customPaddingBottom: initial;
  --dcf-xs-customPaddingLeft: initial;
  --dcf-sm-customPaddingTop: initial;
  --dcf-sm-customPaddingRight: initial;
  --dcf-sm-customPaddingBottom: initial;
  --dcf-sm-customPaddingLeft: initial;
  --dcf-md-customPaddingTop: initial;
  --dcf-md-customPaddingRight: initial;
  --dcf-md-customPaddingBottom: initial;
  --dcf-md-customPaddingLeft: initial;
  --dcf-lg-customPaddingTop: initial;
  --dcf-lg-customPaddingRight: initial;
  --dcf-lg-customPaddingBottom: initial;
  --dcf-lg-customPaddingLeft: initial;
  --dcf-xl-customPaddingTop: initial;
  --dcf-xl-customPaddingRight: initial;
  --dcf-xl-customPaddingBottom: initial;
  --dcf-xl-customPaddingLeft: initial;
  --dcf-xs-customMarginTop: initial;
  --dcf-xs-customMarginRight: initial;
  --dcf-xs-customMarginBottom: initial;
  --dcf-xs-customMarginLeft: initial;
  --dcf-sm-customMarginTop: initial;
  --dcf-sm-customMarginRight: initial;
  --dcf-sm-customMarginBottom: initial;
  --dcf-sm-customMarginLeft: initial;
  --dcf-md-customMarginTop: initial;
  --dcf-md-customMarginRight: initial;
  --dcf-md-customMarginBottom: initial;
  --dcf-md-customMarginLeft: initial;
  --dcf-lg-customMarginTop: initial;
  --dcf-lg-customMarginRight: initial;
  --dcf-lg-customMarginBottom: initial;
  --dcf-lg-customMarginLeft: initial;
  --dcf-xl-customMarginTop: initial;
  --dcf-xl-customMarginRight: initial;
  --dcf-xl-customMarginBottom: initial;
  --dcf-xl-customMarginLeft: initial;
  --dcf-xs-absWidth: auto;
  --dcf-sm-absWidth: auto;
  --dcf-md-absWidth: auto;
  --dcf-lg-absWidth: auto;
  --dcf-xl-absWidth: auto;
  --dcf-xs-absMinWidth: 0;
  --dcf-sm-absMinWidth: 0;
  --dcf-md-absMinWidth: 0;
  --dcf-lg-absMinWidth: 0;
  --dcf-xl-absMinWidth: 0;
  --dcf-gridRowPadding: initial;
  --dcf-gridRowMargin: initial -6px initial 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin: var(--dcf-gridRowMargin);
  padding: var(--dcf-gridRowPadding);
}
.dc-grid-100 .control-childAlignment .row {
  align-items: var(--dcf-childAlignment-align, flex-start);
  justify-content: var(--dcf-childAlignment-justify, initial);
  flex-wrap: var(--dcf-childAlignment-wrap, wrap);
}
.dc-grid-100 .col {
  flex: 1 1 0;
}
.dc-grid-100 .col,
.dc-grid-100 [class*=col-] {
  --dcf-colPaddingTop: initial;
  --dcf-colPaddingRight: 4px;
  --dcf-colPaddingBottom: initial;
  --dcf-colPaddingLeft: 4px;
  --dcf-colMarginTop: initial;
  --dcf-colMarginRight: initial;
  --dcf-colMarginBottom: 6px;
  --dcf-colMarginLeft: initial;
  position: relative;
  /*min-height: 1px;*/
  margin-top: var(--dcf-colMarginTop);
  margin-right: var(--dcf-colMarginRight);
  margin-bottom: var(--dcf-colMarginBottom);
  margin-left: var(--dcf-colMarginLeft);
  padding-top: var(--dcf-colPaddingTop);
  padding-right: var(--dcf-colPaddingRight);
  padding-bottom: var(--dcf-colPaddingBottom);
  padding-left: var(--dcf-colPaddingLeft);
}
.dc-grid-100 .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.dc-grid-100 .visible-print {
  display: none !important;
}
.dc-grid-100 .visible-print-block {
  display: none !important;
}
.dc-grid-100 .visible-print-inline {
  display: none !important;
}
.dc-grid-100 .visible-print-inline-block {
  display: none !important;
}
.dc-grid-100 .visible {
  display: block !important;
}
.dc-grid-100 .visible-block {
  display: block !important;
}
.dc-grid-100 .visible-inline {
  display: inline !important;
}
.dc-grid-100 .visible-inline-block {
  display: inline-block !important;
}
.dc-grid-100 .invisible {
  display: none !important;
}
@media print {
  .dc-grid-100 .visible-print {
    display: block !important;
  }
  .dc-grid-100 .visible-print-block {
    display: block !important;
  }
  .dc-grid-100 .visible-print-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-print-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 table.visible-print {
    display: table;
  }
  .dc-grid-100 tr.visible-print {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-print,
  .dc-grid-100 td.visible-print {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-print {
    display: none !important;
  }
}
.dc-grid-100 .visible-xs {
  display: none !important;
}
.dc-grid-100 .visible-xs-block, .dc-grid-100 .visible-xs-inline, .dc-grid-100 .visible-xs-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-xs {
  flex: unset;
}
@media (max-width: 575.98px) {
  .dc-grid-100 .visible-xs {
    display: block !important;
  }
  .dc-grid-100 .visible-xs-block {
    display: block !important;
  }
  .dc-grid-100 .visible-xs-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-xs-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-xs {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-xs {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-xs-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-xs-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-xs {
    display: table;
  }
  .dc-grid-100 tr.visible-xs {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-xs,
  .dc-grid-100 td.visible-xs {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-xs {
    display: none !important;
  }
}
.dc-grid-100 .bp_xs .col-xs-0 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_xs .col-xs-1 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_xs .col-xs-2 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_xs .col-xs-3 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_xs .col-xs-4 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_xs .col-xs-5 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_xs .col-xs-6 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_xs .col-xs-7 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_xs .col-xs-8 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_xs .col-xs-9 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_xs .col-xs-10 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_xs .col-xs-11 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_xs .col-xs-12 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_xs .col-xs-13 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_xs .col-xs-14 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_xs .col-xs-15 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_xs .col-xs-16 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_xs .col-xs-17 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_xs .col-xs-18 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_xs .col-xs-19 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_xs .col-xs-20 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_xs .col-xs-21 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_xs .col-xs-22 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_xs .col-xs-23 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_xs .col-xs-24 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_xs .col-xs-25 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_xs .col-xs-26 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_xs .col-xs-27 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_xs .col-xs-28 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_xs .col-xs-29 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_xs .col-xs-30 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_xs .col-xs-31 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_xs .col-xs-32 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_xs .col-xs-33 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_xs .col-xs-34 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_xs .col-xs-35 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_xs .col-xs-36 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_xs .col-xs-37 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_xs .col-xs-38 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_xs .col-xs-39 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_xs .col-xs-40 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_xs .col-xs-41 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_xs .col-xs-42 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_xs .col-xs-43 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_xs .col-xs-44 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_xs .col-xs-45 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_xs .col-xs-46 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_xs .col-xs-47 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_xs .col-xs-48 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_xs .col-xs-49 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_xs .col-xs-50 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_xs .col-xs-51 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_xs .col-xs-52 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_xs .col-xs-53 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_xs .col-xs-54 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_xs .col-xs-55 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_xs .col-xs-56 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_xs .col-xs-57 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_xs .col-xs-58 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_xs .col-xs-59 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_xs .col-xs-60 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_xs .col-xs-61 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_xs .col-xs-62 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_xs .col-xs-63 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_xs .col-xs-64 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_xs .col-xs-65 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_xs .col-xs-66 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_xs .col-xs-67 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_xs .col-xs-68 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_xs .col-xs-69 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_xs .col-xs-70 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_xs .col-xs-71 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_xs .col-xs-72 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_xs .col-xs-73 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_xs .col-xs-74 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_xs .col-xs-75 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_xs .col-xs-76 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_xs .col-xs-77 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_xs .col-xs-78 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_xs .col-xs-79 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_xs .col-xs-80 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_xs .col-xs-81 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_xs .col-xs-82 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_xs .col-xs-83 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_xs .col-xs-84 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_xs .col-xs-85 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_xs .col-xs-86 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_xs .col-xs-87 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_xs .col-xs-88 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_xs .col-xs-89 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_xs .col-xs-90 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_xs .col-xs-91 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_xs .col-xs-92 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_xs .col-xs-93 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_xs .col-xs-94 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_xs .col-xs-95 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_xs .col-xs-96 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_xs .col-xs-97 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_xs .col-xs-98 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_xs .col-xs-99 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_xs .col-xs-100 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_xs .col-xs-forceWidth {
  width: var(--dcf-xs-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-xs-absWidth, initial);
  flex-shrink: 1;
  flex-basis: var(--dcf-xs-absWidth, initial);
}
.dc-grid-100 .bp_xs .col-xs-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_xs .m-xs-custom {
  margin-top: var(--dcf-xs-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-xs-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-xs-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-xs-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_xs .p-xs-custom {
  padding-top: var(--dcf-xs-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-xs-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-xs-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-xs-customPaddingLeft, var(--dcf-colPaddingLeft));
}
.dc-grid-100 .col-xs-1 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .col-xs-2 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .col-xs-3 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .col-xs-4 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .col-xs-5 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .col-xs-6 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .col-xs-7 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .col-xs-8 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .col-xs-9 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .col-xs-10 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .col-xs-11 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .col-xs-12 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .col-xs-13 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .col-xs-14 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .col-xs-15 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .col-xs-16 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .col-xs-17 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .col-xs-18 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .col-xs-19 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .col-xs-20 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .col-xs-21 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .col-xs-22 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .col-xs-23 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .col-xs-24 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .col-xs-25 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .col-xs-26 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .col-xs-27 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .col-xs-28 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .col-xs-29 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .col-xs-30 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .col-xs-31 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .col-xs-32 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .col-xs-33 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .col-xs-34 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .col-xs-35 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .col-xs-36 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .col-xs-37 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .col-xs-38 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .col-xs-39 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .col-xs-40 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .col-xs-41 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .col-xs-42 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .col-xs-43 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .col-xs-44 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .col-xs-45 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .col-xs-46 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .col-xs-47 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .col-xs-48 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .col-xs-49 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .col-xs-50 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .col-xs-51 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .col-xs-52 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .col-xs-53 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .col-xs-54 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .col-xs-55 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .col-xs-56 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .col-xs-57 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .col-xs-58 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .col-xs-59 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .col-xs-60 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .col-xs-61 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .col-xs-62 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .col-xs-63 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .col-xs-64 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .col-xs-65 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .col-xs-66 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .col-xs-67 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .col-xs-68 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .col-xs-69 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .col-xs-70 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .col-xs-71 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .col-xs-72 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .col-xs-73 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .col-xs-74 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .col-xs-75 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .col-xs-76 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .col-xs-77 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .col-xs-78 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .col-xs-79 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .col-xs-80 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .col-xs-81 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .col-xs-82 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .col-xs-83 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .col-xs-84 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .col-xs-85 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .col-xs-86 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .col-xs-87 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .col-xs-88 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .col-xs-89 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .col-xs-90 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .col-xs-91 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .col-xs-92 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .col-xs-93 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .col-xs-94 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .col-xs-95 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .col-xs-96 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .col-xs-97 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .col-xs-98 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .col-xs-99 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .col-xs-100 {
  min-width: var(--dcf-xs-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .m-xs-custom {
  margin-top: var(--dcf-xs-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-xs-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-xs-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-xs-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .p-xs-custom {
  padding-top: var(--dcf-xs-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-xs-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-xs-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-xs-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (max-width: 575.98px) {
  .dc-grid-100 .col-xs-forceWidth {
    width: var(--dcf-xs-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-xs-absWidth, initial);
    flex-shrink: 1;
    flex-basis: var(--dcf-xs-absWidth, initial);
  }
  .dc-grid-100 .col-xs-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_xs .invisible-xs {
  display: none !important;
}
.dc-grid-100 .bp_xs .visible-xs {
  display: block !important;
}
.dc-grid-100 .bp_xs .visible-xs-flex {
  display: flex !important;
}
.dc-grid-100 .bp_xs .visible-xs-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_xs .invisible {
  display: none !important;
}
.dc-grid-100 .bp_xs .visible {
  display: block !important;
}
.dc-grid-100 .bp_xs .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_xs .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_xs .rowBreak-xs {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_xs .col-xs-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_xs .col-xs-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
.dc-grid-100 .visible-sm {
  display: none !important;
}
.dc-grid-100 .visible-sm-block, .dc-grid-100 .visible-sm-inline, .dc-grid-100 .visible-sm-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-sm {
  flex: unset;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .dc-grid-100 .visible-sm {
    display: block !important;
  }
  .dc-grid-100 .visible-sm-block {
    display: block !important;
  }
  .dc-grid-100 .visible-sm-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-sm-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-sm {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-sm {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-sm-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-sm-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-sm {
    display: table;
  }
  .dc-grid-100 tr.visible-sm {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-sm,
  .dc-grid-100 td.visible-sm {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-sm {
    display: none !important;
  }
}
.dc-grid-100 .bp_sm .col-sm-0 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_sm .col-sm-1 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_sm .col-sm-2 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_sm .col-sm-3 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_sm .col-sm-4 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_sm .col-sm-5 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_sm .col-sm-6 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_sm .col-sm-7 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_sm .col-sm-8 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_sm .col-sm-9 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_sm .col-sm-10 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_sm .col-sm-11 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_sm .col-sm-12 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_sm .col-sm-13 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_sm .col-sm-14 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_sm .col-sm-15 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_sm .col-sm-16 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_sm .col-sm-17 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_sm .col-sm-18 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_sm .col-sm-19 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_sm .col-sm-20 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_sm .col-sm-21 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_sm .col-sm-22 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_sm .col-sm-23 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_sm .col-sm-24 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_sm .col-sm-25 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_sm .col-sm-26 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_sm .col-sm-27 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_sm .col-sm-28 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_sm .col-sm-29 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_sm .col-sm-30 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_sm .col-sm-31 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_sm .col-sm-32 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_sm .col-sm-33 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_sm .col-sm-34 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_sm .col-sm-35 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_sm .col-sm-36 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_sm .col-sm-37 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_sm .col-sm-38 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_sm .col-sm-39 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_sm .col-sm-40 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_sm .col-sm-41 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_sm .col-sm-42 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_sm .col-sm-43 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_sm .col-sm-44 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_sm .col-sm-45 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_sm .col-sm-46 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_sm .col-sm-47 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_sm .col-sm-48 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_sm .col-sm-49 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_sm .col-sm-50 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_sm .col-sm-51 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_sm .col-sm-52 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_sm .col-sm-53 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_sm .col-sm-54 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_sm .col-sm-55 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_sm .col-sm-56 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_sm .col-sm-57 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_sm .col-sm-58 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_sm .col-sm-59 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_sm .col-sm-60 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_sm .col-sm-61 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_sm .col-sm-62 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_sm .col-sm-63 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_sm .col-sm-64 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_sm .col-sm-65 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_sm .col-sm-66 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_sm .col-sm-67 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_sm .col-sm-68 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_sm .col-sm-69 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_sm .col-sm-70 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_sm .col-sm-71 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_sm .col-sm-72 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_sm .col-sm-73 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_sm .col-sm-74 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_sm .col-sm-75 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_sm .col-sm-76 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_sm .col-sm-77 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_sm .col-sm-78 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_sm .col-sm-79 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_sm .col-sm-80 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_sm .col-sm-81 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_sm .col-sm-82 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_sm .col-sm-83 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_sm .col-sm-84 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_sm .col-sm-85 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_sm .col-sm-86 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_sm .col-sm-87 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_sm .col-sm-88 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_sm .col-sm-89 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_sm .col-sm-90 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_sm .col-sm-91 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_sm .col-sm-92 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_sm .col-sm-93 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_sm .col-sm-94 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_sm .col-sm-95 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_sm .col-sm-96 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_sm .col-sm-97 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_sm .col-sm-98 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_sm .col-sm-99 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_sm .col-sm-100 {
  min-width: var(--dcf-sm-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_sm .col-sm-forceWidth {
  width: var(--dcf-sm-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-sm-absWidth, initial);
  flex-shrink: 0;
  flex-basis: var(--dcf-sm-absWidth, initial);
}
.dc-grid-100 .bp_sm .col-sm-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_sm .m-sm-custom {
  margin-top: var(--dcf-sm-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-sm-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-sm-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-sm-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_sm .p-sm-custom {
  padding-top: var(--dcf-sm-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-sm-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-sm-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-sm-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (min-width: 576px) {
  .dc-grid-100 .col-sm-1 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-sm-2 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-sm-3 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-sm-4 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-sm-5 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-sm-6 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-sm-7 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-sm-8 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-sm-9 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-sm-10 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-sm-11 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-sm-12 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-sm-13 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-sm-14 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-sm-15 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-sm-16 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-sm-17 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-sm-18 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-sm-19 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-sm-20 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-sm-21 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-sm-22 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-sm-23 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-sm-24 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-sm-25 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-sm-26 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-sm-27 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-sm-28 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-sm-29 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-sm-30 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-sm-31 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-sm-32 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-sm-33 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-sm-34 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-sm-35 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-sm-36 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-sm-37 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-sm-38 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-sm-39 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-sm-40 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-sm-41 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-sm-42 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-sm-43 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-sm-44 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-sm-45 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-sm-46 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-sm-47 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-sm-48 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-sm-49 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-sm-50 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-sm-51 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-sm-52 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-sm-53 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-sm-54 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-sm-55 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-sm-56 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-sm-57 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-sm-58 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-sm-59 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-sm-60 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-sm-61 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-sm-62 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-sm-63 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-sm-64 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-sm-65 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-sm-66 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-sm-67 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-sm-68 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-sm-69 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-sm-70 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-sm-71 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-sm-72 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-sm-73 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-sm-74 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-sm-75 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-sm-76 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-sm-77 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-sm-78 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-sm-79 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-sm-80 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-sm-81 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-sm-82 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-sm-83 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-sm-84 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-sm-85 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-sm-86 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-sm-87 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-sm-88 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-sm-89 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-sm-90 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-sm-91 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-sm-92 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-sm-93 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-sm-94 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-sm-95 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-sm-96 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-sm-97 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-sm-98 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-sm-99 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-sm-100 {
    min-width: var(--dcf-sm-absMinWidth, 0);
    flex: 0 1 100%;
  }
  .dc-grid-100 .m-sm-custom {
    margin-top: var(--dcf-sm-customMarginTop, var(--dcf-colMarginTop));
    margin-right: var(--dcf-sm-customMarginRight, var(--dcf-colMarginRight));
    margin-bottom: var(--dcf-sm-customMarginBottom, var(--dcf-colMarginBottom));
    margin-left: var(--dcf-sm-customMarginLeft, var(--dcf-colMarginLeft));
  }
  .dc-grid-100 .p-sm-custom {
    padding-top: var(--dcf-sm-customPaddingTop, var(--dcf-colPaddingTop));
    padding-right: var(--dcf-sm-customPaddingRight, var(--dcf-colPaddingRight));
    padding-bottom: var(--dcf-sm-customPaddingBottom, var(--dcf-colPaddingBottom));
    padding-left: var(--dcf-sm-customPaddingLeft, var(--dcf-colPaddingLeft));
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .dc-grid-100 .col-sm-forceWidth {
    width: var(--dcf-sm-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-sm-absWidth, initial);
    flex-shrink: 0;
    flex-basis: var(--dcf-sm-absWidth, initial);
  }
  .dc-grid-100 .col-sm-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_sm .invisible-sm {
  display: none !important;
}
.dc-grid-100 .bp_sm .visible-sm {
  display: block !important;
}
.dc-grid-100 .bp_sm .visible-sm-flex {
  display: flex !important;
}
.dc-grid-100 .bp_sm .visible-sm-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_sm .invisible {
  display: none !important;
}
.dc-grid-100 .bp_sm .visible {
  display: block !important;
}
.dc-grid-100 .bp_sm .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_sm .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_sm .rowBreak-sm {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_sm .col-sm-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_sm .col-sm-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
.dc-grid-100 .visible-md {
  display: none !important;
}
.dc-grid-100 .visible-md-block, .dc-grid-100 .visible-md-inline, .dc-grid-100 .visible-md-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-md {
  flex: unset;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dc-grid-100 .visible-md {
    display: block !important;
  }
  .dc-grid-100 .visible-md-block {
    display: block !important;
  }
  .dc-grid-100 .visible-md-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-md-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-md {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-md {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-md-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-md-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-md {
    display: table;
  }
  .dc-grid-100 tr.visible-md {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-md,
  .dc-grid-100 td.visible-md {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-md {
    display: none !important;
  }
}
.dc-grid-100 .bp_md .col-md-0 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_md .col-md-1 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_md .col-md-2 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_md .col-md-3 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_md .col-md-4 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_md .col-md-5 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_md .col-md-6 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_md .col-md-7 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_md .col-md-8 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_md .col-md-9 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_md .col-md-10 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_md .col-md-11 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_md .col-md-12 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_md .col-md-13 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_md .col-md-14 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_md .col-md-15 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_md .col-md-16 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_md .col-md-17 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_md .col-md-18 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_md .col-md-19 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_md .col-md-20 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_md .col-md-21 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_md .col-md-22 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_md .col-md-23 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_md .col-md-24 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_md .col-md-25 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_md .col-md-26 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_md .col-md-27 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_md .col-md-28 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_md .col-md-29 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_md .col-md-30 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_md .col-md-31 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_md .col-md-32 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_md .col-md-33 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_md .col-md-34 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_md .col-md-35 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_md .col-md-36 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_md .col-md-37 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_md .col-md-38 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_md .col-md-39 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_md .col-md-40 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_md .col-md-41 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_md .col-md-42 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_md .col-md-43 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_md .col-md-44 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_md .col-md-45 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_md .col-md-46 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_md .col-md-47 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_md .col-md-48 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_md .col-md-49 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_md .col-md-50 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_md .col-md-51 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_md .col-md-52 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_md .col-md-53 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_md .col-md-54 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_md .col-md-55 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_md .col-md-56 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_md .col-md-57 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_md .col-md-58 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_md .col-md-59 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_md .col-md-60 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_md .col-md-61 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_md .col-md-62 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_md .col-md-63 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_md .col-md-64 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_md .col-md-65 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_md .col-md-66 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_md .col-md-67 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_md .col-md-68 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_md .col-md-69 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_md .col-md-70 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_md .col-md-71 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_md .col-md-72 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_md .col-md-73 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_md .col-md-74 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_md .col-md-75 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_md .col-md-76 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_md .col-md-77 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_md .col-md-78 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_md .col-md-79 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_md .col-md-80 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_md .col-md-81 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_md .col-md-82 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_md .col-md-83 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_md .col-md-84 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_md .col-md-85 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_md .col-md-86 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_md .col-md-87 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_md .col-md-88 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_md .col-md-89 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_md .col-md-90 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_md .col-md-91 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_md .col-md-92 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_md .col-md-93 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_md .col-md-94 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_md .col-md-95 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_md .col-md-96 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_md .col-md-97 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_md .col-md-98 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_md .col-md-99 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_md .col-md-100 {
  min-width: var(--dcf-md-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_md .col-md-forceWidth {
  width: var(--dcf-md-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-md-absWidth, initial);
  flex-shrink: 0;
  flex-basis: var(--dcf-md-absWidth, initial);
}
.dc-grid-100 .bp_md .col-md-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_md .m-md-custom {
  margin-top: var(--dcf-md-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-md-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-md-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-md-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_md .p-md-custom {
  padding-top: var(--dcf-md-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-md-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-md-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-md-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (min-width: 768px) {
  .dc-grid-100 .col-md-1 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-md-2 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-md-3 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-md-4 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-md-5 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-md-6 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-md-7 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-md-8 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-md-9 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-md-10 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-md-11 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-md-12 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-md-13 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-md-14 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-md-15 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-md-16 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-md-17 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-md-18 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-md-19 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-md-20 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-md-21 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-md-22 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-md-23 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-md-24 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-md-25 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-md-26 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-md-27 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-md-28 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-md-29 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-md-30 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-md-31 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-md-32 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-md-33 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-md-34 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-md-35 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-md-36 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-md-37 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-md-38 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-md-39 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-md-40 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-md-41 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-md-42 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-md-43 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-md-44 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-md-45 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-md-46 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-md-47 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-md-48 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-md-49 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-md-50 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-md-51 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-md-52 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-md-53 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-md-54 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-md-55 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-md-56 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-md-57 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-md-58 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-md-59 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-md-60 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-md-61 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-md-62 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-md-63 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-md-64 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-md-65 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-md-66 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-md-67 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-md-68 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-md-69 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-md-70 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-md-71 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-md-72 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-md-73 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-md-74 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-md-75 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-md-76 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-md-77 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-md-78 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-md-79 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-md-80 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-md-81 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-md-82 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-md-83 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-md-84 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-md-85 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-md-86 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-md-87 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-md-88 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-md-89 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-md-90 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-md-91 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-md-92 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-md-93 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-md-94 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-md-95 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-md-96 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-md-97 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-md-98 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-md-99 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-md-100 {
    min-width: var(--dcf-md-absMinWidth, 0);
    flex: 0 1 100%;
  }
  .dc-grid-100 .m-md-custom {
    margin-top: var(--dcf-md-customMarginTop, var(--dcf-colMarginTop));
    margin-right: var(--dcf-md-customMarginRight, var(--dcf-colMarginRight));
    margin-bottom: var(--dcf-md-customMarginBottom, var(--dcf-colMarginBottom));
    margin-left: var(--dcf-md-customMarginLeft, var(--dcf-colMarginLeft));
  }
  .dc-grid-100 .p-md-custom {
    padding-top: var(--dcf-md-customPaddingTop, var(--dcf-colPaddingTop));
    padding-right: var(--dcf-md-customPaddingRight, var(--dcf-colPaddingRight));
    padding-bottom: var(--dcf-md-customPaddingBottom, var(--dcf-colPaddingBottom));
    padding-left: var(--dcf-md-customPaddingLeft, var(--dcf-colPaddingLeft));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dc-grid-100 .col-md-forceWidth {
    width: var(--dcf-md-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-md-absWidth, initial);
    flex-shrink: 0;
    flex-basis: var(--dcf-md-absWidth, initial);
  }
  .dc-grid-100 .col-md-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_md .invisible-md {
  display: none !important;
}
.dc-grid-100 .bp_md .visible-md {
  display: block !important;
}
.dc-grid-100 .bp_md .visible-md-flex {
  display: flex !important;
}
.dc-grid-100 .bp_md .visible-md-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_md .invisible {
  display: none !important;
}
.dc-grid-100 .bp_md .visible {
  display: block !important;
}
.dc-grid-100 .bp_md .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_md .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_md .rowBreak-md {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_md .col-md-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_md .col-md-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
.dc-grid-100 .visible-lg {
  display: none !important;
}
.dc-grid-100 .visible-lg-block, .dc-grid-100 .visible-lg-inline, .dc-grid-100 .visible-lg-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-lg {
  flex: unset;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dc-grid-100 .visible-lg {
    display: block !important;
  }
  .dc-grid-100 .visible-lg-block {
    display: block !important;
  }
  .dc-grid-100 .visible-lg-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-lg-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-lg {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-lg {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-lg-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-lg-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-lg {
    display: table;
  }
  .dc-grid-100 tr.visible-lg {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-lg,
  .dc-grid-100 td.visible-lg {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-lg {
    display: none !important;
  }
}
.dc-grid-100 .bp_lg .col-lg-0 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_lg .col-lg-1 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_lg .col-lg-2 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_lg .col-lg-3 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_lg .col-lg-4 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_lg .col-lg-5 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_lg .col-lg-6 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_lg .col-lg-7 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_lg .col-lg-8 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_lg .col-lg-9 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_lg .col-lg-10 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_lg .col-lg-11 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_lg .col-lg-12 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_lg .col-lg-13 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_lg .col-lg-14 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_lg .col-lg-15 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_lg .col-lg-16 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_lg .col-lg-17 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_lg .col-lg-18 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_lg .col-lg-19 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_lg .col-lg-20 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_lg .col-lg-21 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_lg .col-lg-22 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_lg .col-lg-23 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_lg .col-lg-24 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_lg .col-lg-25 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_lg .col-lg-26 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_lg .col-lg-27 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_lg .col-lg-28 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_lg .col-lg-29 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_lg .col-lg-30 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_lg .col-lg-31 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_lg .col-lg-32 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_lg .col-lg-33 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_lg .col-lg-34 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_lg .col-lg-35 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_lg .col-lg-36 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_lg .col-lg-37 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_lg .col-lg-38 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_lg .col-lg-39 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_lg .col-lg-40 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_lg .col-lg-41 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_lg .col-lg-42 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_lg .col-lg-43 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_lg .col-lg-44 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_lg .col-lg-45 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_lg .col-lg-46 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_lg .col-lg-47 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_lg .col-lg-48 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_lg .col-lg-49 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_lg .col-lg-50 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_lg .col-lg-51 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_lg .col-lg-52 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_lg .col-lg-53 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_lg .col-lg-54 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_lg .col-lg-55 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_lg .col-lg-56 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_lg .col-lg-57 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_lg .col-lg-58 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_lg .col-lg-59 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_lg .col-lg-60 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_lg .col-lg-61 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_lg .col-lg-62 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_lg .col-lg-63 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_lg .col-lg-64 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_lg .col-lg-65 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_lg .col-lg-66 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_lg .col-lg-67 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_lg .col-lg-68 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_lg .col-lg-69 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_lg .col-lg-70 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_lg .col-lg-71 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_lg .col-lg-72 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_lg .col-lg-73 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_lg .col-lg-74 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_lg .col-lg-75 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_lg .col-lg-76 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_lg .col-lg-77 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_lg .col-lg-78 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_lg .col-lg-79 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_lg .col-lg-80 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_lg .col-lg-81 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_lg .col-lg-82 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_lg .col-lg-83 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_lg .col-lg-84 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_lg .col-lg-85 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_lg .col-lg-86 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_lg .col-lg-87 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_lg .col-lg-88 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_lg .col-lg-89 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_lg .col-lg-90 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_lg .col-lg-91 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_lg .col-lg-92 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_lg .col-lg-93 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_lg .col-lg-94 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_lg .col-lg-95 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_lg .col-lg-96 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_lg .col-lg-97 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_lg .col-lg-98 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_lg .col-lg-99 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_lg .col-lg-100 {
  min-width: var(--dcf-lg-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_lg .col-lg-forceWidth {
  width: var(--dcf-lg-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-lg-absWidth, initial);
  flex-shrink: 0;
  flex-basis: var(--dcf-lg-absWidth, initial);
}
.dc-grid-100 .bp_lg .col-lg-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_lg .m-lg-custom {
  margin-top: var(--dcf-lg-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-lg-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-lg-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-lg-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_lg .p-lg-custom {
  padding-top: var(--dcf-lg-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-lg-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-lg-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-lg-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (min-width: 992px) {
  .dc-grid-100 .col-lg-1 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-lg-2 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-lg-3 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-lg-4 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-lg-5 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-lg-6 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-lg-7 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-lg-8 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-lg-9 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-lg-10 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-lg-11 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-lg-12 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-lg-13 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-lg-14 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-lg-15 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-lg-16 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-lg-17 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-lg-18 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-lg-19 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-lg-20 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-lg-21 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-lg-22 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-lg-23 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-lg-24 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-lg-25 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-lg-26 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-lg-27 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-lg-28 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-lg-29 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-lg-30 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-lg-31 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-lg-32 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-lg-33 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-lg-34 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-lg-35 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-lg-36 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-lg-37 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-lg-38 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-lg-39 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-lg-40 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-lg-41 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-lg-42 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-lg-43 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-lg-44 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-lg-45 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-lg-46 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-lg-47 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-lg-48 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-lg-49 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-lg-50 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-lg-51 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-lg-52 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-lg-53 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-lg-54 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-lg-55 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-lg-56 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-lg-57 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-lg-58 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-lg-59 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-lg-60 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-lg-61 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-lg-62 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-lg-63 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-lg-64 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-lg-65 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-lg-66 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-lg-67 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-lg-68 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-lg-69 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-lg-70 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-lg-71 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-lg-72 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-lg-73 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-lg-74 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-lg-75 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-lg-76 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-lg-77 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-lg-78 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-lg-79 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-lg-80 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-lg-81 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-lg-82 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-lg-83 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-lg-84 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-lg-85 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-lg-86 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-lg-87 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-lg-88 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-lg-89 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-lg-90 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-lg-91 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-lg-92 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-lg-93 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-lg-94 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-lg-95 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-lg-96 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-lg-97 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-lg-98 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-lg-99 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-lg-100 {
    min-width: var(--dcf-lg-absMinWidth, 0);
    flex: 0 1 100%;
  }
  .dc-grid-100 .m-lg-custom {
    margin-top: var(--dcf-lg-customMarginTop, var(--dcf-colMarginTop));
    margin-right: var(--dcf-lg-customMarginRight, var(--dcf-colMarginRight));
    margin-bottom: var(--dcf-lg-customMarginBottom, var(--dcf-colMarginBottom));
    margin-left: var(--dcf-lg-customMarginLeft, var(--dcf-colMarginLeft));
  }
  .dc-grid-100 .p-lg-custom {
    padding-top: var(--dcf-lg-customPaddingTop, var(--dcf-colPaddingTop));
    padding-right: var(--dcf-lg-customPaddingRight, var(--dcf-colPaddingRight));
    padding-bottom: var(--dcf-lg-customPaddingBottom, var(--dcf-colPaddingBottom));
    padding-left: var(--dcf-lg-customPaddingLeft, var(--dcf-colPaddingLeft));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dc-grid-100 .col-lg-forceWidth {
    width: var(--dcf-lg-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-lg-absWidth, initial);
    flex-shrink: 0;
    flex-basis: var(--dcf-lg-absWidth, initial);
  }
  .dc-grid-100 .col-lg-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_lg .invisible-lg {
  display: none !important;
}
.dc-grid-100 .bp_lg .visible-lg {
  display: block !important;
}
.dc-grid-100 .bp_lg .visible-lg-flex {
  display: flex !important;
}
.dc-grid-100 .bp_lg .visible-lg-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_lg .invisible {
  display: none !important;
}
.dc-grid-100 .bp_lg .visible {
  display: block !important;
}
.dc-grid-100 .bp_lg .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_lg .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_lg .rowBreak-lg {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_lg .col-lg-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_lg .col-lg-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
.dc-grid-100 .visible-xl {
  display: none !important;
}
.dc-grid-100 .visible-xl-block, .dc-grid-100 .visible-xl-inline, .dc-grid-100 .visible-xl-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-xl {
  flex: unset;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dc-grid-100 .visible-xl {
    display: block !important;
  }
  .dc-grid-100 .visible-xl-block {
    display: block !important;
  }
  .dc-grid-100 .visible-xl-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-xl-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-xl {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-xl {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-xl-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-xl-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-xl {
    display: table;
  }
  .dc-grid-100 tr.visible-xl {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-xl,
  .dc-grid-100 td.visible-xl {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-xl {
    display: none !important;
  }
}
.dc-grid-100 .bp_xl .col-xl-0 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_xl .col-xl-1 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_xl .col-xl-2 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_xl .col-xl-3 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_xl .col-xl-4 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_xl .col-xl-5 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_xl .col-xl-6 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_xl .col-xl-7 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_xl .col-xl-8 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_xl .col-xl-9 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_xl .col-xl-10 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_xl .col-xl-11 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_xl .col-xl-12 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_xl .col-xl-13 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_xl .col-xl-14 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_xl .col-xl-15 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_xl .col-xl-16 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_xl .col-xl-17 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_xl .col-xl-18 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_xl .col-xl-19 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_xl .col-xl-20 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_xl .col-xl-21 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_xl .col-xl-22 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_xl .col-xl-23 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_xl .col-xl-24 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_xl .col-xl-25 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_xl .col-xl-26 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_xl .col-xl-27 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_xl .col-xl-28 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_xl .col-xl-29 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_xl .col-xl-30 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_xl .col-xl-31 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_xl .col-xl-32 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_xl .col-xl-33 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_xl .col-xl-34 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_xl .col-xl-35 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_xl .col-xl-36 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_xl .col-xl-37 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_xl .col-xl-38 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_xl .col-xl-39 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_xl .col-xl-40 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_xl .col-xl-41 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_xl .col-xl-42 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_xl .col-xl-43 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_xl .col-xl-44 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_xl .col-xl-45 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_xl .col-xl-46 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_xl .col-xl-47 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_xl .col-xl-48 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_xl .col-xl-49 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_xl .col-xl-50 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_xl .col-xl-51 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_xl .col-xl-52 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_xl .col-xl-53 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_xl .col-xl-54 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_xl .col-xl-55 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_xl .col-xl-56 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_xl .col-xl-57 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_xl .col-xl-58 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_xl .col-xl-59 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_xl .col-xl-60 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_xl .col-xl-61 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_xl .col-xl-62 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_xl .col-xl-63 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_xl .col-xl-64 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_xl .col-xl-65 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_xl .col-xl-66 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_xl .col-xl-67 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_xl .col-xl-68 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_xl .col-xl-69 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_xl .col-xl-70 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_xl .col-xl-71 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_xl .col-xl-72 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_xl .col-xl-73 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_xl .col-xl-74 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_xl .col-xl-75 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_xl .col-xl-76 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_xl .col-xl-77 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_xl .col-xl-78 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_xl .col-xl-79 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_xl .col-xl-80 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_xl .col-xl-81 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_xl .col-xl-82 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_xl .col-xl-83 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_xl .col-xl-84 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_xl .col-xl-85 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_xl .col-xl-86 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_xl .col-xl-87 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_xl .col-xl-88 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_xl .col-xl-89 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_xl .col-xl-90 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_xl .col-xl-91 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_xl .col-xl-92 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_xl .col-xl-93 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_xl .col-xl-94 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_xl .col-xl-95 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_xl .col-xl-96 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_xl .col-xl-97 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_xl .col-xl-98 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_xl .col-xl-99 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_xl .col-xl-100 {
  min-width: var(--dcf-xl-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_xl .col-xl-forceWidth {
  width: var(--dcf-xl-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-xl-absWidth, initial);
  flex-shrink: 0;
  flex-basis: var(--dcf-xl-absWidth, initial);
}
.dc-grid-100 .bp_xl .col-xl-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_xl .m-xl-custom {
  margin-top: var(--dcf-xl-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-xl-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-xl-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-xl-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_xl .p-xl-custom {
  padding-top: var(--dcf-xl-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-xl-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-xl-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-xl-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (min-width: 1200px) {
  .dc-grid-100 .col-xl-1 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-xl-2 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-xl-3 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-xl-4 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-xl-5 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-xl-6 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-xl-7 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-xl-8 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-xl-9 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-xl-10 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-xl-11 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-xl-12 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-xl-13 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-xl-14 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-xl-15 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-xl-16 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-xl-17 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-xl-18 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-xl-19 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-xl-20 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-xl-21 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-xl-22 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-xl-23 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-xl-24 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-xl-25 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-xl-26 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-xl-27 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-xl-28 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-xl-29 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-xl-30 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-xl-31 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-xl-32 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-xl-33 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-xl-34 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-xl-35 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-xl-36 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-xl-37 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-xl-38 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-xl-39 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-xl-40 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-xl-41 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-xl-42 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-xl-43 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-xl-44 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-xl-45 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-xl-46 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-xl-47 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-xl-48 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-xl-49 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-xl-50 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-xl-51 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-xl-52 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-xl-53 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-xl-54 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-xl-55 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-xl-56 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-xl-57 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-xl-58 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-xl-59 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-xl-60 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-xl-61 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-xl-62 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-xl-63 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-xl-64 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-xl-65 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-xl-66 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-xl-67 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-xl-68 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-xl-69 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-xl-70 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-xl-71 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-xl-72 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-xl-73 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-xl-74 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-xl-75 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-xl-76 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-xl-77 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-xl-78 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-xl-79 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-xl-80 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-xl-81 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-xl-82 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-xl-83 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-xl-84 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-xl-85 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-xl-86 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-xl-87 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-xl-88 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-xl-89 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-xl-90 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-xl-91 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-xl-92 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-xl-93 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-xl-94 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-xl-95 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-xl-96 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-xl-97 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-xl-98 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-xl-99 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-xl-100 {
    min-width: var(--dcf-xl-absMinWidth, 0);
    flex: 0 1 100%;
  }
  .dc-grid-100 .m-xl-custom {
    margin-top: var(--dcf-xl-customMarginTop, var(--dcf-colMarginTop));
    margin-right: var(--dcf-xl-customMarginRight, var(--dcf-colMarginRight));
    margin-bottom: var(--dcf-xl-customMarginBottom, var(--dcf-colMarginBottom));
    margin-left: var(--dcf-xl-customMarginLeft, var(--dcf-colMarginLeft));
  }
  .dc-grid-100 .p-xl-custom {
    padding-top: var(--dcf-xl-customPaddingTop, var(--dcf-colPaddingTop));
    padding-right: var(--dcf-xl-customPaddingRight, var(--dcf-colPaddingRight));
    padding-bottom: var(--dcf-xl-customPaddingBottom, var(--dcf-colPaddingBottom));
    padding-left: var(--dcf-xl-customPaddingLeft, var(--dcf-colPaddingLeft));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dc-grid-100 .col-xl-forceWidth {
    width: var(--dcf-xl-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-xl-absWidth, initial);
    flex-shrink: 0;
    flex-basis: var(--dcf-xl-absWidth, initial);
  }
  .dc-grid-100 .col-xl-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_xl .invisible-xl {
  display: none !important;
}
.dc-grid-100 .bp_xl .visible-xl {
  display: block !important;
}
.dc-grid-100 .bp_xl .visible-xl-flex {
  display: flex !important;
}
.dc-grid-100 .bp_xl .visible-xl-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_xl .invisible {
  display: none !important;
}
.dc-grid-100 .bp_xl .visible {
  display: block !important;
}
.dc-grid-100 .bp_xl .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_xl .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_xl .rowBreak-xl {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_xl .col-xl-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_xl .col-xl-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
.dc-grid-100 .visible-custom {
  display: none !important;
}
.dc-grid-100 .visible-custom-block, .dc-grid-100 .visible-custom-inline, .dc-grid-100 .visible-custom-inline-block {
  display: none !important;
}
.dc-grid-100 .rowBreak-custom {
  flex: unset;
}
@media (min-width: 1400px) {
  .dc-grid-100 .visible-custom {
    display: block !important;
  }
  .dc-grid-100 .visible-custom-block {
    display: block !important;
  }
  .dc-grid-100 .visible-custom-inline {
    display: inline !important;
  }
  .dc-grid-100 .visible-custom-inline-block {
    display: inline-block !important;
  }
  .dc-grid-100 .invisible-custom {
    display: none !important;
  }
  .dc-grid-100 .rowBreak-custom {
    flex: 1 1 100%;
  }
  .dc-grid-100 .col-custom-rowBreak--before {
    --dcf-colPaddingLeft: 0px;
  }
  .dc-grid-100 .col-custom-rowBreak--after {
    --dcf-colPaddingRight: 0px;
  }
  .dc-grid-100 table.visible-custom {
    display: table;
  }
  .dc-grid-100 tr.visible-custom {
    display: table-row !important;
  }
  .dc-grid-100 th.visible-custom,
  .dc-grid-100 td.visible-custom {
    display: table-cell !important;
  }
  .dc-grid-100 .hidden-custom {
    display: none !important;
  }
}
.dc-grid-100 .bp_custom .col-custom-0 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 0%;
}
.dc-grid-100 .bp_custom .col-custom-1 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 1%;
}
.dc-grid-100 .bp_custom .col-custom-2 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 2%;
}
.dc-grid-100 .bp_custom .col-custom-3 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 3%;
}
.dc-grid-100 .bp_custom .col-custom-4 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 4%;
}
.dc-grid-100 .bp_custom .col-custom-5 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 5%;
}
.dc-grid-100 .bp_custom .col-custom-6 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 6%;
}
.dc-grid-100 .bp_custom .col-custom-7 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 7%;
}
.dc-grid-100 .bp_custom .col-custom-8 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 8%;
}
.dc-grid-100 .bp_custom .col-custom-9 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 9%;
}
.dc-grid-100 .bp_custom .col-custom-10 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 10%;
}
.dc-grid-100 .bp_custom .col-custom-11 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 11%;
}
.dc-grid-100 .bp_custom .col-custom-12 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 12%;
}
.dc-grid-100 .bp_custom .col-custom-13 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 13%;
}
.dc-grid-100 .bp_custom .col-custom-14 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 14%;
}
.dc-grid-100 .bp_custom .col-custom-15 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 15%;
}
.dc-grid-100 .bp_custom .col-custom-16 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 16%;
}
.dc-grid-100 .bp_custom .col-custom-17 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 17%;
}
.dc-grid-100 .bp_custom .col-custom-18 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 18%;
}
.dc-grid-100 .bp_custom .col-custom-19 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 19%;
}
.dc-grid-100 .bp_custom .col-custom-20 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 20%;
}
.dc-grid-100 .bp_custom .col-custom-21 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 21%;
}
.dc-grid-100 .bp_custom .col-custom-22 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 22%;
}
.dc-grid-100 .bp_custom .col-custom-23 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 23%;
}
.dc-grid-100 .bp_custom .col-custom-24 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 24%;
}
.dc-grid-100 .bp_custom .col-custom-25 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 25%;
}
.dc-grid-100 .bp_custom .col-custom-26 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 26%;
}
.dc-grid-100 .bp_custom .col-custom-27 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 27%;
}
.dc-grid-100 .bp_custom .col-custom-28 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 28%;
}
.dc-grid-100 .bp_custom .col-custom-29 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 29%;
}
.dc-grid-100 .bp_custom .col-custom-30 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 30%;
}
.dc-grid-100 .bp_custom .col-custom-31 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 31%;
}
.dc-grid-100 .bp_custom .col-custom-32 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 32%;
}
.dc-grid-100 .bp_custom .col-custom-33 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 33%;
}
.dc-grid-100 .bp_custom .col-custom-34 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 34%;
}
.dc-grid-100 .bp_custom .col-custom-35 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 35%;
}
.dc-grid-100 .bp_custom .col-custom-36 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 36%;
}
.dc-grid-100 .bp_custom .col-custom-37 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 37%;
}
.dc-grid-100 .bp_custom .col-custom-38 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 38%;
}
.dc-grid-100 .bp_custom .col-custom-39 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 39%;
}
.dc-grid-100 .bp_custom .col-custom-40 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 40%;
}
.dc-grid-100 .bp_custom .col-custom-41 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 41%;
}
.dc-grid-100 .bp_custom .col-custom-42 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 42%;
}
.dc-grid-100 .bp_custom .col-custom-43 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 43%;
}
.dc-grid-100 .bp_custom .col-custom-44 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 44%;
}
.dc-grid-100 .bp_custom .col-custom-45 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 45%;
}
.dc-grid-100 .bp_custom .col-custom-46 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 46%;
}
.dc-grid-100 .bp_custom .col-custom-47 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 47%;
}
.dc-grid-100 .bp_custom .col-custom-48 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 48%;
}
.dc-grid-100 .bp_custom .col-custom-49 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 49%;
}
.dc-grid-100 .bp_custom .col-custom-50 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 50%;
}
.dc-grid-100 .bp_custom .col-custom-51 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 51%;
}
.dc-grid-100 .bp_custom .col-custom-52 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 52%;
}
.dc-grid-100 .bp_custom .col-custom-53 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 53%;
}
.dc-grid-100 .bp_custom .col-custom-54 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 54%;
}
.dc-grid-100 .bp_custom .col-custom-55 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 55%;
}
.dc-grid-100 .bp_custom .col-custom-56 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 56%;
}
.dc-grid-100 .bp_custom .col-custom-57 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 57%;
}
.dc-grid-100 .bp_custom .col-custom-58 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 58%;
}
.dc-grid-100 .bp_custom .col-custom-59 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 59%;
}
.dc-grid-100 .bp_custom .col-custom-60 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 60%;
}
.dc-grid-100 .bp_custom .col-custom-61 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 61%;
}
.dc-grid-100 .bp_custom .col-custom-62 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 62%;
}
.dc-grid-100 .bp_custom .col-custom-63 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 63%;
}
.dc-grid-100 .bp_custom .col-custom-64 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 64%;
}
.dc-grid-100 .bp_custom .col-custom-65 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 65%;
}
.dc-grid-100 .bp_custom .col-custom-66 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 66%;
}
.dc-grid-100 .bp_custom .col-custom-67 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 67%;
}
.dc-grid-100 .bp_custom .col-custom-68 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 68%;
}
.dc-grid-100 .bp_custom .col-custom-69 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 69%;
}
.dc-grid-100 .bp_custom .col-custom-70 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 70%;
}
.dc-grid-100 .bp_custom .col-custom-71 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 71%;
}
.dc-grid-100 .bp_custom .col-custom-72 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 72%;
}
.dc-grid-100 .bp_custom .col-custom-73 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 73%;
}
.dc-grid-100 .bp_custom .col-custom-74 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 74%;
}
.dc-grid-100 .bp_custom .col-custom-75 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 75%;
}
.dc-grid-100 .bp_custom .col-custom-76 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 76%;
}
.dc-grid-100 .bp_custom .col-custom-77 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 77%;
}
.dc-grid-100 .bp_custom .col-custom-78 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 78%;
}
.dc-grid-100 .bp_custom .col-custom-79 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 79%;
}
.dc-grid-100 .bp_custom .col-custom-80 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 80%;
}
.dc-grid-100 .bp_custom .col-custom-81 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 81%;
}
.dc-grid-100 .bp_custom .col-custom-82 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 82%;
}
.dc-grid-100 .bp_custom .col-custom-83 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 83%;
}
.dc-grid-100 .bp_custom .col-custom-84 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 84%;
}
.dc-grid-100 .bp_custom .col-custom-85 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 85%;
}
.dc-grid-100 .bp_custom .col-custom-86 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 86%;
}
.dc-grid-100 .bp_custom .col-custom-87 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 87%;
}
.dc-grid-100 .bp_custom .col-custom-88 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 88%;
}
.dc-grid-100 .bp_custom .col-custom-89 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 89%;
}
.dc-grid-100 .bp_custom .col-custom-90 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 90%;
}
.dc-grid-100 .bp_custom .col-custom-91 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 91%;
}
.dc-grid-100 .bp_custom .col-custom-92 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 92%;
}
.dc-grid-100 .bp_custom .col-custom-93 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 93%;
}
.dc-grid-100 .bp_custom .col-custom-94 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 94%;
}
.dc-grid-100 .bp_custom .col-custom-95 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 95%;
}
.dc-grid-100 .bp_custom .col-custom-96 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 96%;
}
.dc-grid-100 .bp_custom .col-custom-97 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 97%;
}
.dc-grid-100 .bp_custom .col-custom-98 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 98%;
}
.dc-grid-100 .bp_custom .col-custom-99 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 99%;
}
.dc-grid-100 .bp_custom .col-custom-100 {
  min-width: var(--dcf-custom-absMinWidth, 0);
  flex: 0 1 100%;
}
.dc-grid-100 .bp_custom .col-custom-forceWidth {
  width: var(--dcf-custom-absWidth, initial);
  min-width: 0;
  max-width: var(--dcf-custom-absWidth, initial);
  flex-shrink: 0;
  flex-basis: var(--dcf-custom-absWidth, initial);
}
.dc-grid-100 .bp_custom .col-custom-fluidWidth {
  flex-grow: 1;
}
.dc-grid-100 .bp_custom .m-custom-custom {
  margin-top: var(--dcf-custom-customMarginTop, var(--dcf-colMarginTop));
  margin-right: var(--dcf-custom-customMarginRight, var(--dcf-colMarginRight));
  margin-bottom: var(--dcf-custom-customMarginBottom, var(--dcf-colMarginBottom));
  margin-left: var(--dcf-custom-customMarginLeft, var(--dcf-colMarginLeft));
}
.dc-grid-100 .bp_custom .p-custom-custom {
  padding-top: var(--dcf-custom-customPaddingTop, var(--dcf-colPaddingTop));
  padding-right: var(--dcf-custom-customPaddingRight, var(--dcf-colPaddingRight));
  padding-bottom: var(--dcf-custom-customPaddingBottom, var(--dcf-colPaddingBottom));
  padding-left: var(--dcf-custom-customPaddingLeft, var(--dcf-colPaddingLeft));
}
@media (min-width: 1400px) {
  .dc-grid-100 .col-custom-1 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-custom-2 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-custom-3 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-custom-4 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-custom-5 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-custom-6 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-custom-7 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-custom-8 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-custom-9 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-custom-10 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-custom-11 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-custom-12 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-custom-13 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-custom-14 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-custom-15 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-custom-16 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-custom-17 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-custom-18 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-custom-19 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-custom-20 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-custom-21 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-custom-22 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-custom-23 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-custom-24 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-custom-25 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-custom-26 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-custom-27 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-custom-28 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-custom-29 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-custom-30 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-custom-31 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-custom-32 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-custom-33 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-custom-34 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-custom-35 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-custom-36 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-custom-37 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-custom-38 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-custom-39 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-custom-40 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-custom-41 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-custom-42 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-custom-43 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-custom-44 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-custom-45 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-custom-46 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-custom-47 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-custom-48 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-custom-49 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-custom-50 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-custom-51 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-custom-52 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-custom-53 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-custom-54 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-custom-55 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-custom-56 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-custom-57 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-custom-58 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-custom-59 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-custom-60 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-custom-61 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-custom-62 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-custom-63 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-custom-64 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-custom-65 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-custom-66 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-custom-67 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-custom-68 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-custom-69 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-custom-70 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-custom-71 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-custom-72 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-custom-73 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-custom-74 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-custom-75 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-custom-76 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-custom-77 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-custom-78 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-custom-79 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-custom-80 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-custom-81 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-custom-82 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-custom-83 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-custom-84 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-custom-85 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-custom-86 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-custom-87 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-custom-88 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-custom-89 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-custom-90 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-custom-91 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-custom-92 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-custom-93 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-custom-94 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-custom-95 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-custom-96 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-custom-97 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-custom-98 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-custom-99 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-custom-100 {
    min-width: var(--dcf-custom-absMinWidth, 0);
    flex: 0 1 100%;
  }
  .dc-grid-100 .m-custom-custom {
    margin-top: var(--dcf-custom-customMarginTop, var(--dcf-colMarginTop));
    margin-right: var(--dcf-custom-customMarginRight, var(--dcf-colMarginRight));
    margin-bottom: var(--dcf-custom-customMarginBottom, var(--dcf-colMarginBottom));
    margin-left: var(--dcf-custom-customMarginLeft, var(--dcf-colMarginLeft));
  }
  .dc-grid-100 .p-custom-custom {
    padding-top: var(--dcf-custom-customPaddingTop, var(--dcf-colPaddingTop));
    padding-right: var(--dcf-custom-customPaddingRight, var(--dcf-colPaddingRight));
    padding-bottom: var(--dcf-custom-customPaddingBottom, var(--dcf-colPaddingBottom));
    padding-left: var(--dcf-custom-customPaddingLeft, var(--dcf-colPaddingLeft));
  }
}
@media (min-width: 1400px) {
  .dc-grid-100 .col-custom-forceWidth {
    width: var(--dcf-custom-absWidth, initial);
    min-width: 0;
    max-width: var(--dcf-custom-absWidth, initial);
    flex-shrink: 0;
    flex-basis: var(--dcf-custom-absWidth, initial);
  }
  .dc-grid-100 .col-custom-fluidWidth {
    flex-grow: 1;
  }
}
.dc-grid-100 .bp_custom .invisible-custom {
  display: none !important;
}
.dc-grid-100 .bp_custom .visible-custom {
  display: block !important;
}
.dc-grid-100 .bp_custom .visible-custom-flex {
  display: flex !important;
}
.dc-grid-100 .bp_custom .visible-custom-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_custom .invisible {
  display: none !important;
}
.dc-grid-100 .bp_custom .visible {
  display: block !important;
}
.dc-grid-100 .bp_custom .visible-flex {
  display: flex !important;
}
.dc-grid-100 .bp_custom .visible-inline-flex {
  display: inline-flex !important;
}
.dc-grid-100 .bp_custom .rowBreak-custom {
  flex: 1 1 100%;
}
.dc-grid-100 .bp_custom .col-custom-rowBreak--before {
  --dcf-colPaddingLeft: 0px;
}
.dc-grid-100 .bp_custom .col-custom-rowBreak--after {
  --dcf-colPaddingRight: 0px;
}
@media (max-width: 575.98px) {
  .dc-grid-100 .col {
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .dc-grid-100 .col-xs-1 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 1%;
  }
  .dc-grid-100 .col-xs-2 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 2%;
  }
  .dc-grid-100 .col-xs-3 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 3%;
  }
  .dc-grid-100 .col-xs-4 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 4%;
  }
  .dc-grid-100 .col-xs-5 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 5%;
  }
  .dc-grid-100 .col-xs-6 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 6%;
  }
  .dc-grid-100 .col-xs-7 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 7%;
  }
  .dc-grid-100 .col-xs-8 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 8%;
  }
  .dc-grid-100 .col-xs-9 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 9%;
  }
  .dc-grid-100 .col-xs-10 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 10%;
  }
  .dc-grid-100 .col-xs-11 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 11%;
  }
  .dc-grid-100 .col-xs-12 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 12%;
  }
  .dc-grid-100 .col-xs-13 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 13%;
  }
  .dc-grid-100 .col-xs-14 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 14%;
  }
  .dc-grid-100 .col-xs-15 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 15%;
  }
  .dc-grid-100 .col-xs-16 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 16%;
  }
  .dc-grid-100 .col-xs-17 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 17%;
  }
  .dc-grid-100 .col-xs-18 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 18%;
  }
  .dc-grid-100 .col-xs-19 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 19%;
  }
  .dc-grid-100 .col-xs-20 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 20%;
  }
  .dc-grid-100 .col-xs-21 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 21%;
  }
  .dc-grid-100 .col-xs-22 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 22%;
  }
  .dc-grid-100 .col-xs-23 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 23%;
  }
  .dc-grid-100 .col-xs-24 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 24%;
  }
  .dc-grid-100 .col-xs-25 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 25%;
  }
  .dc-grid-100 .col-xs-26 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 26%;
  }
  .dc-grid-100 .col-xs-27 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 27%;
  }
  .dc-grid-100 .col-xs-28 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 28%;
  }
  .dc-grid-100 .col-xs-29 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 29%;
  }
  .dc-grid-100 .col-xs-30 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 30%;
  }
  .dc-grid-100 .col-xs-31 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 31%;
  }
  .dc-grid-100 .col-xs-32 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 32%;
  }
  .dc-grid-100 .col-xs-33 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 33%;
  }
  .dc-grid-100 .col-xs-34 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 34%;
  }
  .dc-grid-100 .col-xs-35 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 35%;
  }
  .dc-grid-100 .col-xs-36 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 36%;
  }
  .dc-grid-100 .col-xs-37 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 37%;
  }
  .dc-grid-100 .col-xs-38 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 38%;
  }
  .dc-grid-100 .col-xs-39 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 39%;
  }
  .dc-grid-100 .col-xs-40 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 40%;
  }
  .dc-grid-100 .col-xs-41 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 41%;
  }
  .dc-grid-100 .col-xs-42 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 42%;
  }
  .dc-grid-100 .col-xs-43 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 43%;
  }
  .dc-grid-100 .col-xs-44 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 44%;
  }
  .dc-grid-100 .col-xs-45 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 45%;
  }
  .dc-grid-100 .col-xs-46 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 46%;
  }
  .dc-grid-100 .col-xs-47 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 47%;
  }
  .dc-grid-100 .col-xs-48 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 48%;
  }
  .dc-grid-100 .col-xs-49 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 49%;
  }
  .dc-grid-100 .col-xs-50 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 50%;
  }
  .dc-grid-100 .col-xs-51 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 51%;
  }
  .dc-grid-100 .col-xs-52 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 52%;
  }
  .dc-grid-100 .col-xs-53 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 53%;
  }
  .dc-grid-100 .col-xs-54 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 54%;
  }
  .dc-grid-100 .col-xs-55 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 55%;
  }
  .dc-grid-100 .col-xs-56 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 56%;
  }
  .dc-grid-100 .col-xs-57 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 57%;
  }
  .dc-grid-100 .col-xs-58 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 58%;
  }
  .dc-grid-100 .col-xs-59 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 59%;
  }
  .dc-grid-100 .col-xs-60 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 60%;
  }
  .dc-grid-100 .col-xs-61 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 61%;
  }
  .dc-grid-100 .col-xs-62 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 62%;
  }
  .dc-grid-100 .col-xs-63 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 63%;
  }
  .dc-grid-100 .col-xs-64 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 64%;
  }
  .dc-grid-100 .col-xs-65 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 65%;
  }
  .dc-grid-100 .col-xs-66 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 66%;
  }
  .dc-grid-100 .col-xs-67 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 67%;
  }
  .dc-grid-100 .col-xs-68 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 68%;
  }
  .dc-grid-100 .col-xs-69 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 69%;
  }
  .dc-grid-100 .col-xs-70 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 70%;
  }
  .dc-grid-100 .col-xs-71 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 71%;
  }
  .dc-grid-100 .col-xs-72 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 72%;
  }
  .dc-grid-100 .col-xs-73 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 73%;
  }
  .dc-grid-100 .col-xs-74 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 74%;
  }
  .dc-grid-100 .col-xs-75 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 75%;
  }
  .dc-grid-100 .col-xs-76 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 76%;
  }
  .dc-grid-100 .col-xs-77 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 77%;
  }
  .dc-grid-100 .col-xs-78 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 78%;
  }
  .dc-grid-100 .col-xs-79 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 79%;
  }
  .dc-grid-100 .col-xs-80 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 80%;
  }
  .dc-grid-100 .col-xs-81 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 81%;
  }
  .dc-grid-100 .col-xs-82 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 82%;
  }
  .dc-grid-100 .col-xs-83 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 83%;
  }
  .dc-grid-100 .col-xs-84 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 84%;
  }
  .dc-grid-100 .col-xs-85 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 85%;
  }
  .dc-grid-100 .col-xs-86 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 86%;
  }
  .dc-grid-100 .col-xs-87 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 87%;
  }
  .dc-grid-100 .col-xs-88 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 88%;
  }
  .dc-grid-100 .col-xs-89 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 89%;
  }
  .dc-grid-100 .col-xs-90 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 90%;
  }
  .dc-grid-100 .col-xs-91 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 91%;
  }
  .dc-grid-100 .col-xs-92 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 92%;
  }
  .dc-grid-100 .col-xs-93 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 93%;
  }
  .dc-grid-100 .col-xs-94 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 94%;
  }
  .dc-grid-100 .col-xs-95 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 95%;
  }
  .dc-grid-100 .col-xs-96 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 96%;
  }
  .dc-grid-100 .col-xs-97 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 97%;
  }
  .dc-grid-100 .col-xs-98 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 98%;
  }
  .dc-grid-100 .col-xs-99 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 99%;
  }
  .dc-grid-100 .col-xs-100 {
    min-width: var(--dcf-xs-absMinWidth, 0);
    flex: 0 1 100%;
  }
}

.dc-animation {
  animation-duration: var(--dcf-animationDuration, 1s);
  animation-fill-mode: both;
}

.animation--iteration_loop {
  animation-iteration-count: infinite;
}

.animation--speed_fast {
  --dcf-animationDuration: 0.5s;
}

.animation--speed_slow {
  --dcf-animationDuration: 2s;
}

.animation--name_bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes bounce {
  0%, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animation--name_pulse {
  animation-name: pulse;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animation--name_swing {
  animation-name: swing;
  transform-origin: top center;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.animation--name_tada {
  animation-name: tada;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.animation--name_fade-out-up {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animation--name_fade-in-down {
  animation-name: fadeInDown;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animation--name_bounce-in-down {
  animation-name: bounceInDown;
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.dc-loading {
  --dcf-loadingSpinnerZIndex: 1000;
  position: relative;
  cursor: wait;
  pointer-events: none;
}
.dc-loading:before {
  content: "";
  background-color: var(--dcf-loadingSpinnerBgColor, rgba(255, 255, 255, 0.35));
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: var(--dcf-loadingSpinnerZIndex);
  pointer-events: none;
}
.dc-loading:after {
  content: "";
  border: var(--dcf-loadingSpinnerBorderWidth, 0.2rem) solid var(--dcf-loadingSpinnerColor, currentColor);
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  width: var(--dcf-loadingSpinnerSize, 1rem);
  height: var(--dcf-loadingSpinnerSize, 1rem);
  vertical-align: text-bottom;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: calc((var(--dcf-loadingSpinnerSize, 1rem) + 0.2rem) / -2);
  margin-left: calc((var(--dcf-loadingSpinnerSize, 1rem) + 0.2rem) / -2);
  z-index: calc(var(--dcf-loadingSpinnerZIndex) + 1);
  animation: 0.75s linear infinite spinner-border;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.loading--size_xs {
  --dcf-loadingSpinnerBorderWidth: 0.1rem;
  --dcf-loadingSpinnerSize: 0.25rem;
}

.loading--size_sm {
  --dcf-loadingSpinnerBorderWidth: 0.1rem;
  --dcf-loadingSpinnerSize: 0.5rem;
}

.loading--size_lg {
  --dcf-loadingSpinnerBorderWidth: 0.3rem;
  --dcf-loadingSpinnerSize: 2rem;
}

.dc-progress {
  --dcf-progressHeight: 6px;
  --dcf-progressBgColor: #e5e7eb;
  background-color: var(--dcf-progressBgColor);
  width: 100%;
  height: var(--dcf-progressHeight);
  display: flex;
  box-sizing: border-box;
}

.progress__bar {
  background-color: var(--dcf-progressBarBgColor, #3b82f6);
  width: var(--dcf-progressBarTotal, 0%);
  height: 100%;
}
.progress--style_striped .progress__bar {
  --dcf-progressBarStripeWidth: 26px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--dcf-progressBarStripeWidth) var(--dcf-progressBarStripeWidth);
}
.progress--animated .progress__bar {
  transition: width 0.25s ease-in-out;
}
.progress--animated.progress--style_striped .progress__bar {
  animation: 1s linear infinite progress-bar-striped;
}

@keyframes progress-bar-striped {
  0% {
    background-position-x: var(--dcf-progressBarStripeWidth, 1rem);
  }
}
.button-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.button-wrapper .text--ellipsis {
  display: block;
}

.dc-button-group {
  position: relative;
}
.dc-button-group:not(.button-group--nested) {
  display: inline-flex;
}
.dc-button-group:not(.button-group--vertical) > .dc-button:not(:last-child):not(.button--dropdown):not(.button-group__last):not(.button-group__expand-button) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.dc-button-group:not(.button-group--vertical) > .dc-button:nth-child(n+2):not(:nth-of-type(1)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group:not(.button-group--vertical) > .dc-button > :not(.form__control--button) + .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group > .form__group > .row > .form__control-checkbox:not(:last-child) > .dc-button:not(.button--dropdown):not(.button-group__last):not(.button-group__expand-button) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.dc-button-group > .form__group > .row > .form__control-checkbox:nth-child(n+3) > .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group > .form__group > .row > .form__control-checkbox > :not(.form__control--button) + .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group > .dc-button-group:not(:first-child) > .form__group > .row > .form__control-checkbox > .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group > .dc-button-group:not(:last-child) {
  margin-right: -1px;
}
.dc-button-group > .dc-button-group:not(:last-child) > .form__group > .row > .form__control-checkbox > .dc-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dc-button-group > .dc-button-group > .form__group > .row > .form__control-checkbox:not(:first-child) > .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dc-button-group .control-element[data-type=DCCOPTIONGROUPITEM] {
  width: auto;
}
.dc-button-group .control-element[data-type=DCCOPTIONGROUPITEM]:first-child {
  padding-right: 0 !important;
}
.dc-button-group .control-element[data-type=DCCOPTIONGROUPITEM]:not(:first-child) {
  padding: 0 !important;
}
.dc-button-group .control-element[data-type=DCCOPTIONGROUPITEM]:not(:last-child) > .dc-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.dc-button-group .control-element[data-type=DCCOPTIONGROUPITEM]:nth-child(n+2) > .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group--vertical {
  flex-direction: column;
}
.button-group--vertical .dc-button {
  width: 100%;
}
.button-group--vertical .dc-button:not(:only-child):first-child {
  border-radius: 0.3rem 0.3rem 0 0;
}
.button-group--vertical .dc-button:not(:only-child):last-child {
  border-radius: 0 0 0.3rem 0.3rem;
}
.button-group--vertical .dc-button:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group--vertical .dc-button:not(:last-child) {
  margin-right: 0;
  margin-bottom: -1px;
}

.button-group--expandable {
  border-radius: 0.3rem;
  width: var(--dcf-buttonGroupWidth, 38px);
  margin-right: auto;
  flex-shrink: 0;
  white-space: nowrap;
  transition: width 0.15s ease-in-out;
}
.button-group--expandable .button-group__expand-button {
  --dcf-buttonMargin: 0 0.5rem 0 0;
}
.button-group--expandable .dc-button:not(.button-group__expand-button) {
  transition: opacity 0.25s ease-in-out;
}
.button-group--expandable:not(.button-group--expanded) .dc-button:not(.button-group__expand-button) {
  opacity: 0;
  z-index: -1;
}
.button-group--expandable.button-group--expanded .dc-button:not(.button-group__expand-button) {
  opacity: 1;
}

.button-group--expanded {
  overflow: visible;
}

.button-group--nested {
  height: 100%;
  width: 100%;
}
.button-group--nested .button-group__item:not(:last-child):not(.button--dropdown):not(.button-group__last):not(.button-group__expand-button) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.button-group--nested .button-group__item:nth-child(n+3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group--popupSettings {
  margin-left: auto;
}

.button-group--size_xs {
  --dcf-buttonGroupWidth: 19px;
  --dcf-buttonFontSize: 0.75rem;
  --dcf-buttonPadding: 0.125rem 0.25rem;
  --dcf-buttonBorderRadius: 0.2rem;
}

.button-group--size_sm {
  --dcf-buttonGroupWidth: 28px;
  --dcf-buttonFontSize: 0.875rem;
  --dcf-buttonPadding: 0.25rem 0.5rem;
  --dcf-buttonBorderRadius: 0.2rem;
}

.button-group--size_lg {
  --dcf-buttonGroupWidth: 50px;
  --dcf-buttonFontSize: 1.25rem;
  --dcf-buttonPadding: 0.5rem 1rem;
  --dcf-buttonBorderRadius: 0.3rem;
}

.button-group--toolbar_vertical {
  flex-direction: column;
  display: flex;
}
.button-group--toolbar_vertical .dc-button {
  --dcf-buttonMargin: 0 0 0.25rem;
}

.dc-button {
  color: var(--dcf-buttonFgColor, #000);
  background-color: var(--dcf-buttonBgColor, transparent);
  border: 1px solid var(--dcf-buttonBorderColor, transparent);
  border-radius: var(--dcf-buttonBorderRadius, 0.25rem);
  display: inline-block;
  font-size: var(--dcf-buttonFontSize, 1rem);
  line-height: var(--dcf-buttonLineHeight, 1.5);
  text-align: center;
  white-space: nowrap;
  padding: var(--dcf-buttonPadding, 0.375rem 0.75rem);
  margin: var(--dcf-buttonMargin, 0);
  align-items: center;
  box-sizing: border-box;
  box-shadow: var(--dcf-buttonBoxShadow, none);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.dc-button:focus {
  outline: none;
}
.dc-button:hover {
  color: var(--dcf-buttonFgColorHover, var(--dcf-buttonFgColor, #000));
  background-color: var(--dcf-buttonBgColorHover, var(--dcf-buttonBgColor));
  border-color: var(--dcf-buttonBorderColorHover, var(--dcf-buttonBorderColor, transparent));
}
.dc-button:not(:disabled) {
  cursor: pointer;
}
.dc-button:disabled {
  color: var(--dcf-buttonFgColorDisabled, var(--dcf-buttonFgColor, #000));
  background-color: var(--dcf-buttonBgColorDisabled, var(--dcf-buttonBgColor));
  border-color: var(--dcf-buttonBorderColorDisabled, var(--dcf-buttonBorderColor, transparent));
  opacity: var(--dcf-buttonOpacityDisabled, 0.65);
}
.form__control--button:checked + .dc-button {
  color: var(--dcf-buttonFgColorSelected, var(--dcf-buttonFgColorHover, #fff));
  background-color: var(--dcf-buttonBgColorSelected, var(--dcf-buttonBgColorHover));
  border-color: var(--dcf-buttonBorderColorSelected, var(--dcf-buttonBorderColorHover, transparent));
}
.button-wrapper .dc-button {
  flex: 1;
  min-width: 0;
}
.has-error .dc-button {
  --dcf-buttonBorderColor: #b94a48;
  --dcf-buttonBorderColorHover: #b94a48;
}
.has-error .form__control--button:checked + .dc-button {
  --dcf-buttonBgColorSelected: #b94a48;
  --dcf-buttonBorderColorSelected: #b94a48;
}
.has-success .dc-button {
  --dcf-buttonBorderColor: #468847;
  --dcf-buttonBorderColorHover: #468847;
}
.has-warning .dc-button {
  --dcf-buttonBorderColor: #dbab57;
  --dcf-buttonBorderColorHover: #dbab57;
}

.button--active {
  color: var(--dcf-buttonFgColorHover, var(--dcf-buttonFgColor, #000));
  background-color: var(--dcf-buttonBgColorHover, var(--dcf-buttonBgColor, transparent));
  border-color: var(--dcf-buttonBorderColorHover, var(--dcf-buttonBorderColor, transparent));
}

.button--close {
  border-radius: 0;
  width: 1em;
  height: 1em;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
}
.button--close::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.25rem;
  display: block;
}

.button--disabled {
  color: var(--dcf-buttonFgColorDisabled, var(--dcf-buttonFgColor, #000));
  background-color: var(--dcf-buttonBgColorDisabled, var(--dcf-buttonBgColor));
  border-color: var(--dcf-buttonBorderColorDisabled, var(--dcf-buttonBorderColor, transparent));
  opacity: 0.65;
  pointer-events: none;
}

.button--dropdown {
  --dcf-buttonDropdownSize: 0.3rem;
  position: relative;
}
.button--dropdown:not(:empty)::after {
  margin-left: 0.255rem;
}
.button--dropdown::after {
  display: inline-block;
  vertical-align: 0.255rem;
  content: "";
  border-top: var(--dcf-buttonDropdownSize) solid;
  border-right: var(--dcf-buttonDropdownSize) solid transparent;
  border-bottom: 0;
  border-left: var(--dcf-buttonDropdownSize) solid transparent;
}

.button--squared {
  --dcf-buttonBorderRadius: 0;
}

.button--alignment {
  --dcf-childAlignment-justify: center;
  --dcf-childAlignment-align: center;
  display: inline-flex;
  justify-content: var(--dcf-childAlignment-justify);
  align-items: var(--dcf-childAlignment-align);
}

.button--size_xs {
  --dcf-buttonFontSize: 0.75rem;
  --dcf-buttonPadding: 0.125rem 0.25rem;
  --dcf-buttonBorderRadius: 0.2rem;
}

.button--size_sm {
  --dcf-buttonFontSize: 0.875rem;
  --dcf-buttonPadding: 0.25rem 0.5rem;
  --dcf-buttonBorderRadius: 0.2rem;
}

.button--size_lg {
  --dcf-buttonFontSize: 1.25rem;
  --dcf-buttonPadding: 0.5rem 1rem;
  --dcf-buttonBorderRadius: 0.3rem;
}

.button--solid_primary {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #0d6efd;
  --dcf-buttonBorderColor: #0d6efd;
  --dcf-buttonBgColorHover: #0b5ed7;
  --dcf-buttonBorderColorHover: #0a58ca;
  --dcf-buttonBgColorSelected: #1e40af;
  --dcf-buttonBorderColorSelected: #1e40af;
}

.button--solid_secondary {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #6c757d;
  --dcf-buttonBorderColor: #6c757d;
  --dcf-buttonBgColorHover: #5c636a;
  --dcf-buttonBorderColorHover: #565e64;
  --dcf-buttonBgColorSelected: #374151;
  --dcf-buttonBorderColorSelected: #374151;
}

.button--solid_success {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #28a745;
  --dcf-buttonBorderColor: #28a745;
  --dcf-buttonBgColorHover: #218838;
  --dcf-buttonBorderColorHover: #1e7e34;
  --dcf-buttonBgColorSelected: #166534;
  --dcf-buttonBorderColorSelected: #166534;
}

.button--solid_danger {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #dc3545;
  --dcf-buttonBorderColor: #dc3545;
  --dcf-buttonBgColorHover: #bb2d3b;
  --dcf-buttonBorderColorHover: #b02a37;
  --dcf-buttonBgColorSelected: #991b1b;
  --dcf-buttonBorderColorSelected: #991b1b;
}

.button--solid_warning {
  --dcf-buttonFgColor: #000;
  --dcf-buttonBgColor: #ffc107;
  --dcf-buttonBorderColor: #ffc107;
  --dcf-buttonBgColorHover: #ffca2c;
  --dcf-buttonBorderColorHover: #ffc720;
  --dcf-buttonFgColorSelected: #fff;
  --dcf-buttonBgColorSelected: #854D0E;
  --dcf-buttonBorderColorSelected: #854D0E;
}

.button--solid_info {
  --dcf-buttonFgColor: #000;
  --dcf-buttonBgColor: #0dcaf0;
  --dcf-buttonBorderColor: #0dcaf0;
  --dcf-buttonBgColorHover: #31d2f2;
  --dcf-buttonBorderColorHover: #25cff2;
  --dcf-buttonBgColorSelected: #0E7490;
  --dcf-buttonBorderColorSelected: #0E7490;
}

.button--solid_light {
  --dcf-buttonFgColor: #000;
  --dcf-buttonBgColor: #f8f9fa;
  --dcf-buttonBorderColor: #f8f9fa;
  --dcf-buttonBgColorHover: #f9fafb;
  --dcf-buttonBorderColorHover: #f9fafb;
  --dcf-buttonFgColorSelected: #000;
  --dcf-buttonBgColorSelected: #9CA3AF;
  --dcf-buttonBorderColorSelected: #9CA3AF;
}

.button--solid_dark {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #212529;
  --dcf-buttonBorderColor: #212529;
  --dcf-buttonBgColorHover: #1c1f23;
  --dcf-buttonBorderColorHover: #1a1e21;
}

.button--solid_link {
  text-decoration: underline;
  --dcf-buttonFgColor: #0d6efd;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: transparent;
  --dcf-buttonFgColorSelected: #fff;
  --dcf-buttonBgColorSelected: #0d6efd;
  --dcf-buttonBorderColorSelected: #0d6efd;
}

.button--outline_primary {
  --dcf-buttonFgColor: #0d6efd;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #0d6efd;
  --dcf-buttonFgColorHover: #fff;
  --dcf-buttonBgColorHover: #0d6efd;
  --dcf-buttonBorderColorHover: #0d6efd;
}

.button--outline_secondary {
  --dcf-buttonFgColor: #6c757d;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #6c757d;
  --dcf-buttonFgColorHover: #fff;
  --dcf-buttonBgColorHover: #6c757d;
  --dcf-buttonBorderColorHover: #6c757d;
}

.button--outline_success {
  --dcf-buttonFgColor: #28a745;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #28a745;
  --dcf-buttonFgColorHover: #fff;
  --dcf-buttonBgColorHover: #28a745;
  --dcf-buttonBorderColorHover: #1e7e34;
}

.button--outline_danger {
  --dcf-buttonFgColor: #dc3545;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #dc3545;
  --dcf-buttonFgColorHover: #fff;
  --dcf-buttonBgColorHover: #bb2d3b;
  --dcf-buttonBorderColorHover: #b02a37;
}

.button--outline_warning {
  --dcf-buttonFgColor: #ffc107;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #ffc107;
  --dcf-buttonFgColorHover: #000;
  --dcf-buttonBgColorHover: #ffca2c;
  --dcf-buttonBorderColorHover: #ffc720;
}

.button--outline_info {
  --dcf-buttonFgColor: #0dcaf0;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #0dcaf0;
  --dcf-buttonFgColorHover: #000;
  --dcf-buttonBgColorHover: #0dcaf0;
  --dcf-buttonBorderColorHover: #0dcaf0;
}

.button--outline_light {
  --dcf-buttonFgColor: #f8f9fa;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #f8f9fa;
  --dcf-buttonFgColorHover: #000;
  --dcf-buttonBgColorHover: #f8f9fa;
  --dcf-buttonBorderColorHover: #f8f9fa;
}

.button--outline_dark {
  --dcf-buttonFgColor: #212529;
  --dcf-buttonBgColor: transparent;
  --dcf-buttonBorderColor: #212529;
  --dcf-buttonFgColorHover: #fff;
  --dcf-buttonBgColorHover: #212529;
  --dcf-buttonBorderColorHover: #212529;
}

.dc-dropdown {
  position: relative;
}

.dropdown__menu {
  font-size: var(--dcf-dropdownMenuFontSize, 1rem);
  color: var(--dcf-dropdownMenuFgColor, #212529);
  background-color: var(--dcf-dropdownMenuBgColor, #fff);
  background-clip: padding-box;
  border: 1px solid var(--dcf-dropdownMenuBorderColor, rgba(0, 0, 0, 0.15));
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  text-align: left;
  list-style: none;
  border-radius: 0.25rem;
}

.dropdown-menu--no_items:not(.dropdown-menu--settings_visible) {
  box-shadow: none;
  border-color: transparent;
}

.dropdown-menu--settings_visible > li {
  display: none;
}

.contextmenu--dynamic_grid-wrapper {
  background-color: inherit;
  border: inherit;
  display: flex;
  min-height: min-content;
  left: -56px;
  flex-direction: column;
  width: 42px;
  flex-wrap: nowrap;
  position: absolute;
  z-index: 2;
}
.contextmenu--dynamic_grid-wrapper:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f005";
  background-color: #f3f4f6;
  color: #f97316;
  display: flex;
  height: 33px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.contextmenu--dynamic_grid-wrapper .contextmenu--dynamic_favorite-item {
  padding: 0.75rem 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0%;
}
.contextmenu--dynamic_grid-wrapper .contextmenu--dynamic_favorite-item.active {
  box-shadow: inset 0 0px 6px 1px rgba(0, 0, 0, 0.35);
}
.contextmenu--dynamic_grid-wrapper .contextmenu--dynamic_favorite-item i {
  margin-right: 0 !important;
  left: 0 !important;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.dropdown__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  color: var(--dcf-dropdownMenuItemFgColor, #212529);
  background-color: transparent;
  border: 0;
  display: block;
  width: 100%;
  padding: 0.35rem 1rem;
  white-space: nowrap;
  box-sizing: border-box;
}
.dropdown__item:hover {
  color: var(--dcf-dropdownMenuItemFgColorHover, #1e2125);
  background-color: var(--dcf-dropdownMenuItemBgColorHover, #e9ecef);
  text-decoration: none;
}
.dropdown__item:active {
  color: var(--dcf-dropdownMenuItemFgColorActive, #fff);
  background-color: var(--dcf-dropdownMenuItemBgColorActive, #0d6efd);
}
.dropdown__item:disabled {
  color: var(--dcf-dropdownMenuItemFgColorDisabled, #adb5bd);
  background-color: var(--dcf-dropdownMenuItemBgColorDisabled, uneset);
}

.dropdown__item--active {
  color: var(--dcf-dropdownMenuItemFgColorActive, #fff);
  background-color: var(--dcf-dropdownMenuItemBgColorActive, #0d6efd);
}
.dropdown__item--active:hover {
  color: var(--dcf-dropdownMenuItemFgColorActive, #fff);
  background-color: var(--dcf-dropdownMenuItemBgColorActive, #0d6efd);
}

.dropdown__item--disabled {
  color: var(--dcf-dropdownMenuItemFgColorDisabled, #adb5bd);
  background-color: var(--dcf-dropdownMenuItemBgColorDisabled, uneset);
  pointer-events: none;
}

.dropdown__item--text {
  color: var(--dcf-dropdownMenuItemFgColor, #212529);
  background-color: transparent;
  display: block;
  padding: 0.25rem 1rem;
}
.dropdown__item--text:hover {
  background-color: transparent;
}

.dropdown__item--divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--dcf-dropdownMenuItemFgColor, rgba(0, 0, 0, 0.15));
}

.form__group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin: var(--dcf-formGroupMargin, 0);
  padding: var(--dcf-formGroupPadding, 0);
}
.form__group--optiongroup {
  flex-direction: column;
}
.form__group > .form__group:first-child {
  width: initial;
  margin-left: -1px;
}
.form__group > .form__group:first-child > .dc-button,
.form__group > .form__group:first-child > .form__control-addon--text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__group > .form__group:first-child > .dc-button:not(:first-child):not(.group-inner--first),
.form__group > .form__group:first-child > .form__control-addon--text:not(:first-child):not(.group-inner--first) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group > .form__group:first-child > .dc-button:not(:first-child),
.form__group > .form__group:first-child > .form__control-addon--text:not(:first-child) {
  margin-left: -1px;
}
.form__group > .form__group:first-child > .dc-button:nth-child(n+3),
.form__group > .form__group:first-child > .form__control-addon--text:nth-child(n+3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group > .form__group:first-child > :not(.form__control--button) + .dc-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__group > .form__group:last-child {
  width: initial;
  margin-left: -1px;
  padding-right: 1px;
}
.form__group > .form__group:last-child > .dc-button,
.form__group > .form__group:last-child > .form__control-addon--text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group > .form__group:last-child > .dc-button:not(:last-child):not(.group-inner--last):not([data-toggle=dropdown]),
.form__group > .form__group:last-child > .form__control-addon--text:not(:last-child):not(.group-inner--last):not([data-toggle=dropdown]) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__group > .form__group:last-child > .dc-button:not(:last-child):not(.group-inner--last),
.form__group > .form__group:last-child > .form__control-addon--text:not(:last-child):not(.group-inner--last) {
  margin-right: -1px;
}
.form__group > .form__group:last-child > .dc-button:nth-child(n+3),
.form__group > .form__group:last-child > .form__control-addon--text:nth-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__group > .form__group:last-child > :not(.form__control--button) + .dc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group .form__control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.form__group .form__control:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group .form__control:not(.form__control--editmode_view):not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__group.has-error .help-block:not(:empty), .form__group.has-warning .help-block:not(:empty), .form__group.has-success .help-block:not(:empty), .form__group.has-feedback .help-block:not(:empty) {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
}

.form__group--size_xs {
  --dcf-formControlFontSize: 0.75rem;
  --dcf-formControlPadding: 0.125rem 0.25rem;
  --dcf-formControlBorderRadius: 0.2rem;
  --dcf-formControlAddonFontSize: 0.75rem;
  --dcf-formControlAddonPadding: 0.125rem 0.25rem;
  --dcf-formControlAddonBorderRadius: 0.2rem;
}

.form__group--size_sm {
  --dcf-formControlFontSize: 0.875rem;
  --dcf-formControlPadding: 0.25rem 0.5rem;
  --dcf-formControlBorderRadius: 0.2rem;
  --dcf-formControlAddonFontSize: 0.875rem;
  --dcf-formControlAddonPadding: 0.25rem 0.5rem;
  --dcf-formControlAddonBorderRadius: 0.2rem;
}

.form__group--size_lg {
  --dcf-formControlFontSize: 1.25rem;
  --dcf-formControlPadding: 0.5rem 1rem;
  --dcf-formControlBorderRadius: 0.3rem;
  --dcf-formControlAddonFontSize: 1.25rem;
  --dcf-formControlAddonPadding: 0.5rem 1rem;
  --dcf-formControlAddonBorderRadius: 0.3rem;
}

.form__group--inner_append {
  width: auto;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.8125rem;
  line-height: normal;
  width: 100%;
  min-width: 0;
  margin: var(--dcf-formLabelMargin, 0);
  padding: var(--dcf-formLabelPadding, 0);
  display: inline-flex;
}
.dcc-label .form__label, .form__control-checkbox--standalone .form__label {
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.form__input {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.form__html {
  font-size: var(--dcf-formHtmlFontSize, inherit);
}
.form__html p {
  padding: 0;
  margin: 0;
}

.form__control {
  font-size: var(--dcf-formControlFontSize, 1rem);
  font-weight: 400;
  line-height: normal;
  color: var(--dcf-formControlFgColor, #495057);
  background-color: var(--dcf-formControlBgColor, #fff);
  background-clip: padding-box;
  border: 1px solid var(--dcf-formControlBorderColor, #ced4da);
  display: block;
  width: 100%;
  min-height: var(--dcf-formControlMinHeight, 0);
  margin: 0;
  padding: var(--dcf-formControlPadding, 0.375rem 0.75rem);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--dcf-formControlBorderRadius, 0.25rem);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
}
.form__control:focus {
  color: var(--dcf-formControlFgColorFocus, #212529);
  background-color: var(--dcf-formControlBgColorFocus, #fff);
  border-color: var(--dcf-formControlBorderColorFocus, rgb(213, 243, 6));
  outline: 0;
}
.form__control:disabled {
  pointer-events: none;
}
.form__control:disabled, .form__control[readonly] {
  background-color: var(--dcf-formControlBgColorDisabled, #e9ecef);
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
}
.form__control::placeholder {
  color: var(--dcf-formControlFgColorPlaceholder, #6c757d);
  opacity: 1;
}
.form__control[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}
.has-error .form__control {
  border-color: var(--dcf-formControlErrorValidationBorderColor, #b94a48) !important;
}
.has-success .form__control {
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #468847) !important;
}
.has-warning .form__control {
  border-color: var(--dcf-formControlWarningValidationBorderColor, #dbab57) !important;
}

.form__control--plain {
  --dcf-formControlFgColor: #212529;
  --dcf-formControlBgColor: transparent;
  --dcf-formControlBorderColor: transparent;
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.form__control--textarea {
  min-height: calc(1.5em + 0.75rem + 2px);
  resize: vertical;
}
.form__control--textarea-fixed-height {
  resize: none;
}

.form__control--select {
  --dcf-formControlPadding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-image: url("/svg/Content_DCF/form-control-select.svg?v=YChGkrtPVeIqrxrmVXcxqevj2SY");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.form__control--select.form__control--size_sm {
  --dcf-formControlPadding: 0.25rem 2.25rem 0.25rem 0.5rem;
}
.form__control--select.form__control--size_lg {
  --dcf-formControlPadding: 0.5rem 2.25rem 0.5rem 1rem;
}

.form__control--button {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.form__control--highlight {
  --dcf-formControlBgColor: #cffafe;
  --dcf-formControlBorderColor: #22d3ee;
}

.form__control--fakepassword {
  font-family: "text-security-disc";
}

.form__control--error {
  --dcf-formControlCheckboxBorderColor: var(--dcf-formControlErrorValidationBorderColor, #b94a48);
  border-color: var(--dcf-formControlErrorValidationBorderColor, #b94a48) !important;
}

.form__control--warning {
  --dcf-formControlCheckboxBorderColor: var(--dcf-formControlWarningValidationBorderColor, #dbab57);
  border-color: var(--dcf-formControlWarningValidationBorderColor, #dbab57) !important;
}

.form__control--success {
  --dcf-formControlCheckboxBorderColor: var(--dcf-formControlSuccessValidationBorderColor, #468847);
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #468847) !important;
}

.form__control--size_xs {
  --dcf-formControlFontSize: 0.75rem;
  --dcf-formControlMinHeight: calc(1.5em + 0.5rem + 2px);
  --dcf-formControlPadding: 0.125rem 0.25rem;
  --dcf-formControlBorderRadius: 0.2rem;
}

.form__control--size_sm {
  --dcf-formControlFontSize: 0.875rem;
  --dcf-formControlMinHeight: calc(1.5em + 0.5rem + 2px);
  --dcf-formControlPadding: 0.25rem 0.5rem;
  --dcf-formControlBorderRadius: 0.2rem;
}

.form__control--size_lg {
  --dcf-formControlFontSize: 1.25rem;
  --dcf-formControlMinHeight: calc(1.5em + 1rem + 2px);
  --dcf-formControlPadding: 0.5rem 1rem;
  --dcf-formControlBorderRadius: 0.3rem;
}

.form__control-checkbox {
  display: flex;
  align-items: center;
}

.form__control-checkbox--inline {
  display: inline-block;
}

.form__control-checkbox--standalone {
  min-height: 0;
  padding-left: 0;
  margin: 0;
}

.form__control-checkbox--position_2 {
  display: flex;
}

.control-checkbox__input {
  --dcf-checkboxWidth: 24px;
  --dcf-checkboxHeight: 24px;
  background-color: var(--dcf-formControlCheckboxBgColor, #f4f4f4);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-width: 1px;
  border-style: solid;
  border-color: var(--dcf-formControlCheckboxBorderColor, #bfbfbf);
  border-radius: var(--dcf-formControlCheckboxBorderRadius, 0);
  width: var(--dcf-checkboxWidth);
  height: var(--dcf-checkboxHeight);
  min-width: var(--dcf-checkboxWidth);
  min-height: var(--dcf-checkboxHeight);
  max-width: var(--dcf-checkboxWidth);
  max-height: var(--dcf-checkboxHeight);
  padding: var(--dcf-checkboxInputPadding, 0);
  margin: var(--dcf-checkboxInputMargin, 0 0.5rem 0 0);
  box-sizing: border-box;
}
.control-checkbox__input:not(.control-checkbox__input--plain) {
  -webkit-appearance: none;
  appearance: none;
  color-adjust: exact;
}
.control-checkbox__input:hover {
  cursor: pointer;
  background-color: var(--dcf-formControlCheckboxBgColorHover);
  border-color: var(--dcf-formControlCheckboxBorderColorHover);
}
.control-checkbox__input:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #bfdbfe;
}
.control-checkbox__input:active {
  box-shadow: var(--dcf-formControlCheckboxBoxShadowActive, inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 hsla(0deg, 0%, 100%, 0.4));
}
.control-checkbox__input:not(.control-checkbox__input--plain):checked, .control-checkbox__input--checked:not(.control-checkbox__input--plain) {
  background-image: url("/svg/Content_DCF/checkmark.svg?v=YChGkrtPVeIqrxrmVXcxqevj2SY");
}
.control-checkbox__input:not(.control-checkbox__input--plain):checked:hover, .control-checkbox__input--checked:not(.control-checkbox__input--plain):hover {
  background-image: url("/svg/Content_DCF/checkmark-focus.svg?v=TLoBrREuBQrBMuEEoTXOjNzWaUo");
}
.control-checkbox__input:not(.control-checkbox__input--plain):checked:hover:active, .control-checkbox__input--checked:not(.control-checkbox__input--plain):hover:active {
  background-image: url("/svg/Content_DCF/checkmark-active.svg?v=eVtIQ76TjZwMyxhOi5NBuknAudM");
}
.control-checkbox__input:checked, .control-checkbox__input--checked {
  background-color: var(--dcf-formControlCheckboxBgColorChecked);
  border-color: var(--dcf-formControlCheckboxBorderColorChecked);
}
.control-checkbox__input--checked {
  display: flex;
  align-items: center;
  justify-content: center;
}
.control-checkbox__input:indeterminate {
  background-image: url("/svg/Content_DCF/checkmark-indeterminate.svg");
  background-position: center left;
}
.control-checkbox__input:disabled {
  pointer-events: none;
}
.form__control-checkbox--standalone .control-checkbox__input {
  margin-top: 0;
}
.has-error .control-checkbox__input {
  border-color: var(--dcf-formControlErrorValidationBorderColor, #b94a48) !important;
}
.has-success .control-checkbox__input {
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #468847) !important;
}
.has-warning .control-checkbox__input {
  border-color: var(--dcf-formControlWarningValidationBorderColor, #dbab57) !important;
}

.control-checkbox__label {
  margin: 0;
  display: inline-block;
  box-sizing: border-box;
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.control-checkbox__input:disabled ~ .control-checkbox__label {
  opacity: 0.5;
}

.form__control-range {
  --dcf-formControlRangeThumbBgColor: #0d6efd;
  --dcf-formControlRangeThumbBgColorFocus: rgba(13, 110, 253, .25);
  --dcf-formControlRangeTrackBgColor: #e9ecef;
  --dcf-formControlRangeTrackBgColorHover: #d1d5db;
  background: transparent;
  margin: 0.5rem 0;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
}
.form__control-range:hover::-webkit-slider-runnable-track, .form__control-range:hover::-moz-range-track, .form__control-range:hover::-ms-track {
  background-color: var(--dcf-formControlRangeTrackBgColorHover, --dcf-formControlRangeTrackBgColor);
}
.form__control-range:disabled::-webkit-slider-thumb, .form__control-range:disabled::-moz-range-thumb, .form__control-range:disabled::-ms-thumb, .form__control-range:disabled::-webkit-slider-runnable-track, .form__control-range:disabled::-ms-fill-lower, .form__control-range:disabled::-ms-fill-upper {
  cursor: not-allowed;
}
.form__control-range:focus {
  outline: none;
}
.form__control-range:focus::-webkit-slider-thumb, .form__control-range:focus::-moz-range-thumb, .form__control-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--dcf-formControlRangeThumbBgColorFocus);
}
.form__control-range::-moz-focus-outer {
  border: 0;
}
.form__control-range::-webkit-slider-runnable-track {
  color: transparent;
  background-color: var(--dcf-formControlRangeTrackBgColor);
  border-color: transparent;
  border-radius: 1rem;
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
}
.form__control-range::-webkit-slider-thumb {
  background-color: var(--dcf-formControlRangeThumbBgColor);
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  appearance: none;
  margin-top: -0.25rem;
}
.form__control-range::-moz-range-track {
  color: transparent;
  background-color: var(--dcf-formControlRangeTrackBgColor);
  border-color: transparent;
  border-radius: 1rem;
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
  height: 0.5rem;
}
.form__control-range::-moz-range-thumb {
  background-color: var(--dcf-formControlRangeThumbBgColor);
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  appearance: none;
}
.form__control-range::-ms-track {
  color: transparent;
  background-color: var(--dcf-formControlRangeTrackBgColor);
  border-color: transparent;
  border-radius: 1rem;
  width: 100%;
  height: 0.5rem;
  cursor: pointer;
}
.form__control-range::-ms-fill-lower {
  border-radius: 2rem;
}
.form__control-range::-ms-fill-upper {
  border-radius: 2rem;
}
.form__control-range::-ms-thumb {
  background-color: var(--dcf-formControlRangeThumbBgColor);
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 0.125rem;
}

.form__control-switch {
  display: flex;
  min-height: var(--dcf-formControlSwitchMinHeight, 1.125rem);
  padding: var(--dcf-formControlSwitchPadding, 0 0 0 2rem);
  margin: var(--dcf-formControlSwitchMargin, 0 0 0.125rem);
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.form__control-switch--size_xs {
  --dcf-formControlSwitchMinHeight: 1rem;
  --dcf-formControlSwitchPadding: 0 0 0 1.125rem;
  --dcf-formControlSwitchMargin: 0 0 0.125rem;
}
.form__control-switch--size_xs > .control-switch__input {
  --dcf-formControlSwitchWidth: 1rem;
  --dcf-formControlSwitchHeight: 0.55rem;
  --dcf-formControlSwitchMargin: 0 0.5rem 0 -1.125rem;
}

.form__control-switch--size_sm {
  --dcf-formControlSwitchMinHeight: 1rem;
  --dcf-formControlSwitchPadding: 0 0 0 1.625rem;
  --dcf-formControlSwitchMargin: 0 0 0.125rem;
}
.form__control-switch--size_sm > .control-switch__input {
  --dcf-formControlSwitchWidth: 1.5rem;
  --dcf-formControlSwitchHeight: 0.75rem;
  --dcf-formControlSwitchMargin: 0 0.5rem 0 -1.625rem;
}

.form__control-switch--size_lg {
  --dcf-formControlSwitchMinHeight: 1.75rem;
  --dcf-formControlSwitchPadding: 0 0 0 2.625rem;
  --dcf-formControlSwitchMargin: 0 0 0.125rem;
}
.form__control-switch--size_lg > .control-switch__input {
  --dcf-formControlSwitchWidth: 2.5rem;
  --dcf-formControlSwitchHeight: 1.35rem;
  --dcf-formControlSwitchMargin: 0 0.5rem 0 -2.625rem;
}

.control-switch__input {
  background-image: url("/svg/Content_DCF/control-switch-input.svg?v=-kMX8BHOOiiPKIoFtyB8uQEUm0w");
  background-position: left center;
  background-color: var(--dcf-formControlSwitchBgColor, #fff);
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--dcf-formControlSwitchBorderColor, rgba(0, 0, 0, 0.25));
  border-radius: var(--dcf-formControlSwitchBorderRadius, 2rem);
  width: var(--dcf-formControlSwitchWidth, 2rem);
  height: var(--dcf-formControlSwitchHeight, 0.875rem);
  margin: var(--dcf-formControlSwitchMargin, 0 0.5rem 0 -2rem);
  vertical-align: top;
  -webkit-appearance: none;
  appearance: none;
  color-adjust: exact;
  box-sizing: border-box;
  transition: background-position 0.15s ease-in-out;
}
.control-switch__input:focus {
  outline: 0;
}
.control-switch__input:checked {
  background-image: url("/svg/Content_DCF/control-switch-input-checked.svg?v=0SdPINv5nxJV3_7trLlOA4pOjaw");
  background-position: right center;
  background-color: var(--dcf-formControlSwitchBgColorChecked, #0d6efd);
  border-color: var(--dcf-formControlSwitchBorderColorChecked, #0d6efd);
}
.control-switch__input:indeterminate {
  background-image: url("/svg/Content_DCF/control-switch-input-indeterminate.svg?v=0SdPINv5nxJV3_7trLlOA4pOjaw");
  background-position: center center;
  background-color: var(--dcf-formControlSwitchBgColorIndeterminate, #fff);
  border-color: var(--dcf-formControlSwitchBorderColorIndeterminate, rgba(0, 0, 0, 0.25));
}
.control-switch__input:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.control-switch__input--style_red {
  --dcf-formControlSwitchBgColor: #f56565;
  --dcf-formControlSwitchBgColorChecked: #f56565;
  --dcf-formControlSwitchBorderColorChecked: #e53e3e;
}

.control-switch__input--style_green {
  --dcf-formControlSwitchBgColor: #68d391;
  --dcf-formControlSwitchBgColorChecked: #68d391;
  --dcf-formControlSwitchBorderColorChecked: #38a169;
}

.control-switch__input--style_red-green {
  --dcf-formControlSwitchBgColor: #f56565;
  --dcf-formControlSwitchBgColorChecked: #68d391;
  --dcf-formControlSwitchBorderColorChecked: #38a169;
}

.control-switch__label {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.control-switch__input:disabled ~ .control-switch__label {
  opacity: 0.5;
}

.form__control-radio {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form__control-radio--inline {
  display: inline-block;
}

.control-radio__input {
  background-color: var(--dcf-formControlRadioBgColor, #fff);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-width: 1px;
  border-style: solid;
  border-color: var(--dcf-formControlRadioBorderColor, rgba(0, 0, 0, 0.25));
  border-radius: var(--dcf-formControlRadioBorderRadius, 50%);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  appearance: none;
  color-adjust: exact;
  box-sizing: border-box;
}
.control-radio__input:focus {
  outline: 0;
}
.control-radio__input:checked {
  background-image: url("/svg/Content_DCF/control-radio-input-checked.svg?v=-kMX8BHOOiiPKIoFtyB8uQEUm0w");
  background-color: var(--dcf-formControlRadioBgColorChecked, #0d6efd);
  border-color: var(--dcf-formControlRadioBorderColorChecked, #0d6efd);
}
.control-radio__input:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form__control-radio .control-radio__input {
  float: left;
  margin-left: -1.5em;
}

.control-radio__label {
  display: inline-block;
  box-sizing: border-box;
}
.control-radio__input:disabled ~ .control-radio__label {
  opacity: 0.5;
}

.form__control-file {
  position: relative;
  display: flex;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.control-file__input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  box-sizing: border-box;
}

.control-file__label {
  --dcf-fileControlFgColor: #495057;
  --dcf-fileControlBgColor: #fff;
  --dcf-fileControlBorderColor: #ced4da;
  --dcf-fileControlBoderRadius: 0.25rem;
  --dcf-fileControlButtonBgColor: #e9ecef;
  --dcf-fileControlButtonBoderRadius: 0 0.25rem 0.25rem 0;
  font-weight: 400;
  line-height: 1.5;
  color: var(--dcf-fileControlFgColor);
  background-color: var(--dcf-fileControlBgColor);
  border: 1px solid var(--dcf-fileControlBorderColor);
  border-radius: var(--dcf-fileControlBoderRadius);
  height: 100%;
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}
.control-file__label:after {
  content: "Öffnen";
  color: var(--dcf-fileControlButtonFgColor, --dcf-fileControlFgColor);
  background-color: var(--dcf-fileControlButtonBgColor, --dcf-fileControlBgColor);
  border-left: inherit;
  border-radius: var(--dcf-fileControlButtonBoderRadius);
  display: block;
  height: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  box-sizing: border-box;
}
.has-error .control-file__label {
  --dcf-fileControlBorderColor: #b94a48;
  --dcf-fileControlButtonFgColor: #fff;
  --dcf-fileControlButtonBgColor: #b94a48;
}
.has-success .control-file__label {
  --dcf-fileControlBorderColor: #468847;
  --dcf-fileControlButtonFgColor: #fff;
  --dcf-fileControlButtonBgColor: #468847;
}
.has-warning .control-file__label {
  --dcf-fileControlBorderColor: #dbab57;
  --dcf-fileControlButtonBgColor: #dbab57;
}

.form__control-captcha {
  --dcf-formControlCaptchaBorderColor: #0d6efd;
  --dcf-formControlCaptchaMargin: 0;
  --dcf-formControlCaptchaPadding: 0;
  border: 2px solid var(--dcf-formControlCaptchaBorderColor);
  border-radius: 0.3rem;
  margin: var(--dcf-formControlCaptchaMargin);
  padding: var(--dcf-formControlCaptchaPadding);
  overflow: hidden;
}

.form__control-captcha__image {
  width: 100%;
  border-radius: 0.2rem 0.2rem 0 0;
}

.form__control-captcha__input-group {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}

.form__control-captcha__input {
  border-color: inherit;
  border-width: 2px 0 0;
  border-radius: 0;
}

.form__control-captcha__refresh-button {
  color: inherit;
  border-width: 2px 0 0 2px;
  border-color: inherit;
  border-radius: 0;
}

.form__control-file-dropzone {
  --dcf-fileControlFileDropzoneFgColor: #3f3f46;
  --dcf-fileControlFileDropzoneBgColor: #fafafa;
  --dcf-fileControlFileDropzoneBorderColor: #a1a1aa;
  --dcf-fileControlFileDropzoneFgColorHover: #1d4ed8;
  --dcf-fileControlFileDropzoneBgColorHover: #eff6ff;
  --dcf-fileControlFileDropzoneBorderColorHover: #60a5fa;
  --dcf-fileControlFileDropzoneFgColorError: #b91c1c;
  --dcf-fileControlFileDropzoneBgColorError: #fef2f2;
  --dcf-fileControlFileDropzoneBorderColorError: #f87171;
  color: var(--dcf-fileControlFileDropzoneFgColor);
  background-color: var(--dcf-fileControlFileDropzoneBgColor);
  border: 1px solid var(--dcf-fileControlFileDropzoneBorderColor);
  width: 100%;
  border-radius: 0.3rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.form__control-file-dropzone--hover {
  cursor: pointer;
}
.form__control-file-dropzone--hover, .form__control-file-dropzone--dragover {
  color: var(--dcf-fileControlFileDropzoneFgColorHover);
  background-color: var(--dcf-fileControlFileDropzoneBgColorHover);
  border-color: var(--dcf-fileControlFileDropzoneBorderColorHover);
}
.form__control-file-dropzone--error {
  color: var(--dcf-fileControlFileDropzoneFgColorError);
  background-color: var(--dcf-fileControlFileDropzoneBgColorError);
  border-color: var(--dcf-fileControlFileDropzoneBorderColorError);
  position: relative;
}
.form__control-file-dropzone--error::after {
  content: attr(data-file-list-dropzone-error);
  background-color: var(--dcf-fileControlFileDropzoneBgColorError);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  z-index: 1;
}

.file-dropzone__text {
  text-align: center;
  font-weight: bold;
}

.file-dropzone__list {
  border-top: 1px solid var(--dcf-fileControlFileDropzoneBorderColor);
  margin-top: 1rem;
  cursor: default;
}
.file-dropzone__list:empty {
  border: 0;
  margin: 0;
}
.form__control-file-dropzone--hover .file-dropzone__list, .form__control-file-dropzone--dragover .file-dropzone__list {
  border-color: var(--dcf-fileControlFileDropzoneBorderColorHover);
}
.form__control-file-dropzone--error .file-dropzone__list {
  border-color: var(--dcf-fileControlFileDropzoneBorderColorError);
}
.form__control-file-dropzone--single-file .file-dropzone__list {
  border-width: 0;
  margin: 0;
}
.file-dropzone__list .file-list__file {
  color: var(--dcf-fileControlFileDropzoneFgColor);
  background-color: transparent;
  border-color: var(--dcf-fileControlFileDropzoneBorderColor);
  border-radius: 0;
  border-width: 0 0 1px;
  margin: 0;
}
.file-dropzone__list .file-list__file:last-child {
  margin-bottom: 0;
}
.form__control-file-dropzone--hover .file-dropzone__list .file-list__file, .form__control-file-dropzone--dragover .file-dropzone__list .file-list__file {
  border-color: var(--dcf-fileControlFileDropzoneBorderColorHover);
}
.form__control-file-dropzone--error .file-dropzone__list .file-list__file {
  border-color: var(--dcf-fileControlFileDropzoneBorderColorError);
}
.form__control-file-dropzone--single-file .file-dropzone__list .file-list__file {
  border-width: 0;
}

.form__control-file-list {
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.4rem;
  padding: 1rem;
  margin-top: 1rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}

.file-list__file {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0.3rem;
  margin: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
}
.file-list__file--error {
  border-color: #F87171;
  color: #7F1D1D;
}
.file-list__file--success {
  border-color: #059669;
  color: #065F46;
}

.file__info {
  padding: 0.5rem 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  z-index: 1;
}

.file__icon {
  font-size: 2rem;
  color: #2563EB;
  margin-right: 1rem;
  z-index: 1;
}
.file-list__file--error .file__icon {
  color: #7F1D1D;
}
.file-list__file--success .file__icon {
  color: #065F46;
}

.file-info__buttons {
  margin: 0 -0.5rem 0 auto;
  display: flex;
  flex-wrap: nowrap;
  z-index: 1;
}

.file-buttons__options {
  --dcf-buttonPadding: 0;
  --dcf-buttonFgColor: #3B82F6;
}

.file-buttons__remove {
  --dcf-buttonFgColor: #DC2626;
}
.file-list__file--process .file-buttons__remove {
  --dcf-buttonFgColorDisabled: #1E3A8A;
}
.file-list__file--success .file-buttons__remove {
  --dcf-buttonFgColorDisabled: #065F46;
}

.file__meta {
  font-size: 0.8125rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  z-index: 1;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-meta__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-meta__size {
  color: #9CA3AF;
}
.file-list__file--error .file-meta__size {
  color: #EF4444;
}
.file-list__file--success .file-meta__size {
  color: #059669;
}

.file__options {
  font-size: 0.8125rem;
  border-top: 1px solid #d1d5db;
  padding: 0.5rem 1rem;
  display: none;
  flex-direction: column;
  z-index: 1;
}
.file__options--show {
  display: flex;
}

.file-options__row {
  margin-bottom: 0.5rem;
}

.file-options__title {
  color: #4B5563;
}

.file__progress {
  --dcf-progressHeight: 100%;
  --dcf-progressBgColor: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
}
.file__progress .progress__bar {
  background-color: #DBEAFE;
  height: 100%;
  width: var(--dcf-progressBarTotal);
  transition: width 0.25s ease-in-out;
}
.file-list__file--error .file__progress .progress__bar {
  background-color: #FEE2E2;
}
.file-list__file--success .file__progress .progress__bar {
  background-color: #ECFDF5;
}

.form__control-addon {
  margin-bottom: 0;
  box-sizing: border-box;
}
.form__control-addon:not(:only-child):first-child {
  margin-right: -1px;
  border-radius: var(--dcf-formControlAddonFirstBorderRadius, 0.3rem 0 0 0.3rem);
}
.form__control-addon:not(:only-child):last-child {
  margin-left: -1px;
  border-radius: var(--dcf-formControlAddonLastBorderRadius, 0 0.3rem 0.3rem 0);
}
.form__control-addon:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: var(--dcf-formControlAddonSiblingBorderRadius, 0);
}
.form__control-addon + .form__control-addon:not(:only-child):not(:first-child):not(:last-child) {
  margin-right: -1px;
}

.form__control-addon--text {
  font-size: var(--dcf-formControlAddonFontSize, 1rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  color: var(--dcf-formControlAddonTextFgColor, #495057);
  background-color: var(--dcf-formControlAddonTextBgColor, #e9ecef);
  border: 1px solid var(--dcf-formControlAddonTextBorderColor, #ced4da);
  border-radius: var(--dcf-formControlAddonTextBorderRadius, 0.25rem);
  display: flex;
  align-items: center;
  padding: var(--dcf-formControlAddonPadding, 0.375rem 0.75rem);
}
.has-error .form__control-addon--text {
  color: var(--dcf-formControlSuccessValidationFgColor, #fff) !important;
  background-color: var(--dcf-formControlSuccessValidationBgColor, #b94a48) !important;
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #b94a48) !important;
}
.has-success .form__control-addon--text {
  color: var(--dcf-formControlSuccessValidationFgColor, #fff) !important;
  background-color: var(--dcf-formControlSuccessValidationBgColor, #468847) !important;
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #468847) !important;
}
.has-warning .form__control-addon--text {
  color: var(--dcf-formControlSuccessValidationFgColor, #000) !important;
  background-color: var(--dcf-formControlSuccessValidationBgColor, #e1c118) !important;
  border-color: var(--dcf-formControlSuccessValidationBorderColor, #dbab57) !important;
}

.form__control-addon--password {
  --dcf-formControlAddonTextFgColor: blue;
  --dcf-formControlAddonTextBgColor: var(--dcf-formControlBgColor, #fff);
  --dcf-formControlAddonTextBorderColor: var(--dcf-formControlAddonTextBorderColor, #ced4da);
  cursor: pointer;
}

.form__control-addon--action {
  cursor: pointer;
}

.form__control-validation-wrapper {
  font-size: 11px;
  position: relative;
  margin: 0;
}
.form__control-validation-wrapper--sibling {
  display: flex;
  flex: 0 1 0%;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.form__control-validation-wrapper--sibling:before {
  display: flex;
  width: 32px;
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 400);
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}
.has-error .form__control-validation-wrapper--sibling:before {
  content: "\f071";
}
.has-warning .form__control-validation-wrapper--sibling:before {
  content: "\f071";
}
.has-success .form__control-validation-wrapper--sibling:before {
  content: "\f058";
}
.has-error .form__control-validation-wrapper--sibling {
  color: #dc2626;
  background-color: #fef2f2;
}
.has-warning .form__control-validation-wrapper--sibling {
  color: #ea580c;
  background-color: #fff7ed;
}
.has-success .form__control-validation-wrapper--sibling {
  color: #16a34a;
  background-color: #f0fdf4;
}
.form__control-validation-wrapper--sibling .form__control-validation {
  display: none;
}

.form__control-validation {
  font-size: 0.8125rem;
}

.dc-groupbox {
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.groupbox--hidden > .groupbox__body {
  display: none;
}

.groupbox--collapsed > .groupbox__header .groupbox__collapsable-button {
  transform: rotate(-90deg);
}
.groupbox--collapsed > .groupbox__body {
  display: none;
}

.groupbox__collapsable-button {
  --dcf-buttonPadding: 0 0.5rem;
  --dcf-buttonLineHeight: 0;
  margin-left: -0.5rem;
}
.groupbox__collapsable-button i {
  line-height: inherit;
}

.groupbox__header {
  --dcf-groupboxHeaderFontSize: unset;
  --dcf-groupboxHeaderFgColor: unset;
  --dcf-groupboxHeaderBgColor: unset;
  --dcf-groupboxHeaderBorderColor: unset;
  --dcf-groupboxHeaderPadding: 0.5rem 0.75rem;
  --dcf-groupboxHeaderMargin: 0;
  font-size: var(--dcf-groupboxHeaderFontSize, 0.875rem);
  color: var(--dcf-groupboxHeaderFgColor, var(--dcf-groupboxFgColor, #333));
  background: var(--dcf-groupboxHeaderBgColor, var(--dcf-groupboxBgColor, #fafafa));
  border-width: 1px;
  border-style: solid;
  border-color: var(--dcf-groupboxBorderColor, #c2c2c2);
  padding: var(--dcf-groupboxHeaderPadding);
  margin: var(--dcf-groupboxHeaderMargin);
  display: flex;
  width: 100%;
  height: min-content;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.groupbox__header-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 100%;
  display: block;
  line-height: inherit;
}

.groupbox__body {
  --dcf-groupboxFontSize: 1rem;
  --dcf-groupboxBodyFgColor: #333;
  --dcf-groupboxBodyBgColor: #fafafa;
  --dcf-groupboxBorderColor: #c2c2c2;
  --dcf-groupboxBodyPadding: 0.8125rem;
  font-size: var(--dcf-groupboxFontSize);
  color: var(--dcf-groupboxBodyFgColor, var(--dcf-groupboxFgColor));
  background: var(--dcf-groupboxBodyBgColor, var(--dcf-groupboxBgColor));
  border-width: 0 1px 2px;
  border-style: solid;
  border-color: var(--dcf-groupboxBorderColor);
  width: 100%;
  flex: 1;
  padding: var(--dcf-groupboxBodyPadding);
  overflow: visible;
  position: relative;
  box-sizing: border-box;
}

.groupbox--style_nested > .groupbox__header {
  --dcf-groupboxHeaderFontSize: 0.75rem;
  --dcf-groupboxHeaderBgColor: transparent;
  --dcf-groupboxHeaderPadding: 0.25rem 0.3rem;
  font-weight: bold;
  font-style: italic;
  border-width: 0 0 1px;
  border-bottom-style: dashed;
}
.groupbox--style_nested > .groupbox__body {
  --dcf-groupboxBodyBgColor: transparent;
  border-width: 0;
  padding: 0.3rem 0 0;
}

.header-control--floating {
  --dcf-floatingHeaderHeight: 348px;
  --dcf-floatingHeaderMinHeight: 125px;
  --dcf-floatingHeaderShrinkThreshold: calc(var(--dcf-headerHeight, 0) + var(--dcf-floatingHeaderMinHeight, 0));
  height: var(--dcf-floatingHeaderHeight, auto);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  transition: height 0.2s ease-in-out, padding 0.2s ease-in-out, right 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.page--sidebar-position_left .header-control--floating {
  right: calc(var(--dcf-mainSidebarWidth, 270px) + 19px);
  transform: translate3d(var(--dcf-mainSidebarWidth, 270px), var(--dcf-headerHeight, 52px), 0);
}
.page--sidebar-position_left.page--sidebar-collapsed .header-control--floating {
  transform: translateX(var(--dcf-mainSidebarCollapsedWidth, 75px));
  right: calc(var(--dcf-mainSidebarCollapsedWidth, 75px) + 19px);
}
.page--sidebar-position_left.page--sidebar-hidden .header-control--floating {
  transform: translateX(0);
  right: 19px;
}
.page--sidebar-position_top .header-control--floating {
  right: 19px;
  transform: translate3d(0, calc(var(--dcf-headerHeight, 52px) + var(--dcf-mainMenuHeight, 0)), 0);
}
.page--sidebar-position_top.page--header-below .header-control--floating {
  transform: translate3d(0, var(--dcf-headerHeight, 52px), 0);
}
.header-control--floating > .dc-container-area {
  display: flex;
  align-items: end;
  height: var(--dcf-floatingHeaderHeight, auto);
  padding: 0 0 50px 200px;
  transition: height 0.2s ease-in-out, padding 0.2s ease-in-out;
}

.header-control--floating-shrink {
  height: var(--dcf-floatingHeaderMinHeight, auto);
}
.header-control--floating-shrink > .dc-container-area {
  height: var(--dcf-floatingHeaderMinHeight, auto);
  padding: 0 0 0 200px;
}

.heading__text {
  word-break: normal;
  overflow-wrap: anywhere;
}

.dc-html-text-control {
  white-space: pre-wrap;
  word-break: break-word;
  hyphens: auto;
}
.dc-html-text-control li:not(:last-child) {
  padding-bottom: 0.5rem;
}
.dc-html-text-control font[size="1"] {
  font-size: 9px;
}
.dc-html-text-control font[size="2"] {
  font-size: 10px;
}
.dc-html-text-control font[size="3"] {
  font-size: 13px;
}
.dc-html-text-control font[size="4"] {
  font-size: 16px;
}
.dc-html-text-control font[size="5"] {
  font-size: 18px;
}
.dc-html-text-control font[size="6"] {
  font-size: 28px;
}
.dc-html-text-control font[size="7"] {
  font-size: 45px;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ProseMirror {
  position: relative;
  flex: 1;
  border: 1px solid #aaa;
  overflow-y: auto;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection {
  caret-color: transparent;
}

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* Protect against generic img rules */
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}

.ProseMirror-textblock-dropdown {
  min-width: 3em;
}

.ProseMirror-menu {
  margin: 0 -4px;
  line-height: 1;
}

.ProseMirror-tooltip .ProseMirror-menu {
  width: -webkit-fit-content;
  width: fit-content;
  white-space: pre;
}

.ProseMirror-menuitem {
  margin-right: 3px;
  display: inline-block;
}

.ProseMirror-menuseparator {
  border-right: 1px solid #ddd;
  margin-right: 3px;
}

.ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu {
  font-size: 90%;
  white-space: nowrap;
}

.ProseMirror-menu-dropdown {
  vertical-align: 1px;
  cursor: pointer;
  position: relative;
  padding-right: 15px;
}

.ProseMirror-menu-dropdown-wrap {
  padding: 1px 0 1px;
  display: inline-block;
  position: relative;
}

.ProseMirror-menu-dropdown:after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  opacity: 0.6;
  position: absolute;
  right: 4px;
  top: calc(50% - 2px);
}

.ProseMirror-menu-dropdown-menu, .ProseMirror-menu-submenu {
  position: absolute;
  background: white;
  color: #666;
  border: 1px solid #aaa;
  padding: 2px;
}

.ProseMirror-menu-dropdown-menu {
  z-index: 15;
  min-width: 6em;
}

.ProseMirror-menu-dropdown-item {
  cursor: pointer;
  padding: 2px 8px 2px 4px;
}

.ProseMirror-menu-dropdown-item:hover {
  background: #f2f2f2;
}

.ProseMirror-menu-submenu-wrap {
  position: relative;
  margin-right: -4px;
}

.ProseMirror-menu-submenu-label:after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid currentColor;
  opacity: 0.6;
  position: absolute;
  right: 4px;
  top: calc(50% - 4px);
}

.ProseMirror-menu-submenu {
  display: none;
  min-width: 4em;
  left: 100%;
  top: -3px;
}

.ProseMirror-menu-active {
  background: #eee;
  border-radius: 4px;
}

.ProseMirror-menu-disabled {
  opacity: 0.3;
}

.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu, .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
  display: block;
}

.ProseMirror-menubar {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  position: relative;
  min-height: 1em;
  color: #666;
  padding: 1px 6px;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid silver;
  background: white;
  z-index: 10;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
}

.ProseMirror-icon {
  display: inline-block;
  line-height: 0.8;
  vertical-align: -2px; /* Compensate for padding */
  padding: 2px 8px;
  cursor: pointer;
}

.ProseMirror-menu-disabled.ProseMirror-icon {
  cursor: default;
}

.ProseMirror-icon svg {
  fill: currentColor;
  height: 1em;
}

.ProseMirror-icon span {
  vertical-align: text-top;
}

.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}
.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

/* Add space around the hr to make clicking it easier */
.ProseMirror-example-setup-style hr {
  padding: 2px 10px;
  border: none;
  margin: 1em 0;
}

.ProseMirror-example-setup-style hr:after {
  content: "";
  display: block;
  height: 1px;
  background-color: silver;
  line-height: 2px;
}

.ProseMirror ul, .ProseMirror ol {
  padding-left: 30px;
}

.ProseMirror blockquote {
  padding-left: 1em;
  border-left: 3px solid #eee;
  margin-left: 0;
  margin-right: 0;
}

.ProseMirror-example-setup-style img {
  cursor: default;
}

.ProseMirror-prompt {
  background: white;
  padding: 5px 10px 5px 15px;
  border: 1px solid silver;
  position: fixed;
  border-radius: 3px;
  z-index: 11;
  box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
}

.ProseMirror-prompt h5 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
  color: #444;
}

.ProseMirror-prompt input[type=text],
.ProseMirror-prompt textarea {
  background: #eee;
  border: none;
  outline: none;
}

.ProseMirror-prompt input[type=text] {
  padding: 0 4px;
}

.ProseMirror-prompt-close {
  position: absolute;
  left: 2px;
  top: 1px;
  color: #666;
  border: none;
  background: transparent;
  padding: 0;
}

.ProseMirror-prompt-close:after {
  content: "✕";
  font-size: 12px;
}

.ProseMirror-invalid {
  background: #ffc;
  border: 1px solid #cc7;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  min-width: 10em;
}

.ProseMirror-prompt-buttons {
  margin-top: 5px;
  display: none;
}

#editor, .editor {
  background: white;
  color: black;
  background-clip: padding-box;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  margin-bottom: 23px;
}

.ProseMirror p:first-child,
.ProseMirror h1:first-child,
.ProseMirror h2:first-child,
.ProseMirror h3:first-child,
.ProseMirror h4:first-child,
.ProseMirror h5:first-child,
.ProseMirror h6:first-child {
  margin-top: 10px;
}

.ProseMirror {
  padding: 4px 8px 4px 14px;
  line-height: 1.2;
  outline: none;
}

/*.ProseMirror p {
    margin-bottom: 1em
}
*/
.ProseMirror .tableWrapper {
  overflow-x: auto;
}

.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  overflow: hidden;
}

.ProseMirror td,
.ProseMirror th {
  border: 1px solid #ddd;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}

.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}

.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

/* Give selected cells a blue overlay */
.ProseMirror .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(200, 200, 255, 0.4);
  pointer-events: none;
}

.htmlEditor {
  display: flex;
}
.html-control--fullscreen .htmlEditor {
  flex: 1;
}

.html-control--fullscreen {
  background-color: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  margin: 0 !important;
}
.html-control--fullscreenType_full {
  position: fixed !important;
}
.html-control--fullscreenType_context {
  position: absolute !important;
}

.dcHtmlEditor-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.dcHtmlEditor-wrapper .htmlEditor__editor {
  padding-top: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dcHtmlEditor-wrapper .dropdown-menu {
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.htmlEditor__menubar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #36766B;
  gap: 5px;
  padding: 10px;
  position: relative;
}
.htmlEditor__menubar-wrapper {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.html-control--fullscreen .htmlEditor__menubar-wrapper {
  flex: 1;
}
.htmlEditor__editor--fullscreen .htmlEditor__menubar {
  padding-right: 36px;
}

.htmlEditor__editor--fullscreen .htmlEditor__button--fullscreen {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.htmlEditor__items-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.htmlEditor__items-group--combined {
  gap: 0;
}

.htmlEditor__item--hidden {
  display: none;
}

.htmlEditor__button {
  --dcf-inlineGridSideWidth: 1fr;
  --dcf-inlineGridSideHeight: 1fr;
  background-color: #5f938a;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  min-height: 26px;
  max-height: 26px;
  padding: 0.25rem 0.35rem;
  line-height: 1;
  border-radius: 3px;
  border: 0;
  white-space: nowrap;
}
.htmlEditor__button:not(.htmlEditor__button--disabled):not(.htmlEditor__button--active):hover {
  background-color: #9fc0bc;
  color: #23524a;
}
.htmlEditor__button--active {
  background-color: #00594E;
  color: #fff;
}
.htmlEditor__button--disabled {
  cursor: default !important;
  opacity: 0.3;
}
.htmlEditor__button--dropdown {
  flex: 1;
  align-items: start;
  border-radius: 0;
  padding: 0.5rem 0.25rem;
  max-height: initial;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.htmlEditor__button--submenu-dropdown {
  padding: 0.5rem 0.25rem;
  max-height: initial;
  border-radius: 0;
  flex: 1;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.htmlEditor__button--submenu-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  padding: 0;
  font-size: 0.8125rem;
  transform: rotate(-90deg);
}
.htmlEditor__items-group--combined .htmlEditor__item:not(.htmlEditor__item--hidden):not(.htmlEditor__item--last):not(:only-child) .htmlEditor__button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htmlEditor__items-group--combined .htmlEditor__item + .htmlEditor__item:not(.htmlEditor__item--hidden) .htmlEditor__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.htmlEditor__dropdown {
  background-color: #5f938a;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 26px;
  padding: 0.25rem 0.35rem;
  line-height: 1;
  border-radius: 3px;
  border: 0;
}
.htmlEditor__dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  padding-left: 0.25rem;
  font-size: 0.8125rem;
}
.htmlEditor__dropdown:not(.htmlEditor__dropdown--disabled):not(.htmlEditor__dropdown--active):hover {
  background-color: #9FC0BC;
  color: #23524A;
  cursor: pointer;
}
.htmlEditor__dropdown--disabled {
  cursor: default !important;
  opacity: 0.3;
}

.htmlEditor__button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htmlEditor__button-input {
  --dcf-formControlBorderRadius: 3px 0 0 3px;
  --dcf-formControlFontSize: 1rem;
  --dcf-formControlBgColor: #5f938a;
  --dcf-formControlBorderColor: #5f938a;
  --dcf-formControlFgColor: #fff;
  width: 100px;
  max-height: 26px;
  padding: 0.25rem 0.35rem;
  line-height: 1;
}

.htmlEditor__button-icon {
  z-index: 1;
}

.htmlEditor__button-icon-slash {
  width: 2px;
  background-color: white;
  display: inline-block;
  height: 24px;
  transform: rotate(135deg);
  z-index: 2;
  margin: 0 auto;
  box-shadow: 0 0 0 3px #5f938a;
  border-radius: 1rem;
}
.htmlEditor__button:not(.htmlEditor__button--disabled):not(.htmlEditor__button--active):hover .htmlEditor__button-icon-slash {
  box-shadow: 0 0 0 3px #9fc0bc;
  background-color: #23524a;
}

.htmlEditor__button-color-bar {
  height: 2px;
  width: 21px;
  background-color: transparent;
  margin: 0 auto;
  position: relative;
  top: 2px;
}

.htmlEditor__button-color-bar[style="background-color: transparent;"] {
  box-shadow: 0 0 0 3px #5f938a;
  border-radius: 1rem;
  background-color: #fff !important;
  display: inline-block;
  width: 2px;
  height: 24px;
  margin: 0 auto;
  top: 0;
  transform: rotate(135deg);
  z-index: 2;
  grid-area: 2/2/5/5;
}
.htmlEditor__button:hover .htmlEditor__button-color-bar[style="background-color: transparent;"] {
  background-color: #23524a !important;
  color: #23524a;
  box-shadow: 0 0 0 3px #9fc0bc;
}

.htmlEditor__menu-split-wrap {
  display: flex;
  justify-content: center;
}
.htmlEditor__menu-split-wrap .htmlEditor__button:not(.htmlEditor__menu-split-wrap .htmlEditor__button--dropdown):not(.htmlEditor__menu-split-wrap .htmlEditor__button--submenu-dropdown):not(.htmlEditor__menu-split-wrap .htmlEditor__button--last) {
  padding: 0.25rem 0.125rem;
  margin-right: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htmlEditor__menu-split-wrap .htmlEditor__button--dropdown {
  margin: 0;
  padding: 0.5rem 0.25rem;
}
.htmlEditor__menu-split-wrap .htmlEditor__dropdown-wrap {
  display: inline-flex;
  flex: 1;
}
.htmlEditor__menu-split-wrap .htmlEditor__dropdown {
  padding: 0 3px 0 2px;
  display: inline-flex;
  align-items: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.htmlEditor__menu-split-wrap .htmlEditor__dropdown::after {
  padding: 0;
}

.htmlEditor__dropdown-wrap {
  padding: 0;
  display: inline-block;
  position: relative;
}

.htmlEditor__dropdown-menu, .htmlEditor__submenu {
  position: absolute;
  background: white;
  color: #666;
  border: 1px solid #aaa;
}

.htmlEditor__dropdown-menu {
  min-width: calc(6em + 1rem);
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  z-index: 15;
  top: 100%;
  right: 0;
}
.htmlEditor__dropdown-menu--scrollable {
  max-height: 300px;
  overflow: hidden auto;
}

.htmlEditor__dropdown-item {
  cursor: pointer;
  display: flex;
}

.htmlEditor__dropdown-item:hover {
  background: #f2f2f2;
}

.htmlEditor__dropdown-divider {
  height: 1px;
  background-color: #36766b;
  flex: 1;
}

.htmlEditor__submenu-wrap {
  position: relative;
  flex: 1;
  display: flex;
}

.htmlEditor__submenu-label:after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid currentColor;
  opacity: 0.6;
  position: absolute;
  right: 4px;
  top: calc(50% - 4px);
}

.htmlEditor__submenu {
  display: none;
  min-width: 4em;
  left: 100%;
  top: -3px;
  z-index: 1;
}

.htmlEditor__submenu-wrap:hover .htmlEditor__submenu, .htmlEditor__submenu-wrap-active .htmlEditor__submenu {
  display: block;
}

.htmlEditor__separator {
  background-color: #5F938A;
  border: 0;
  width: 2px;
  height: 26px;
  margin: 0 0.125rem;
  border-radius: 1px;
}

.htmlEditor__appointment {
  border: 2px solid #cbd5e1;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  position: relative;
  margin: 1em 0;
}
.htmlEditor__appointment--view {
  border: 1px solid #4090ff;
  flex-direction: row;
  flex-wrap: wrap;
}
.htmlEditor__appointment--selected {
  border-color: #3b82f6;
}

.appointment__add-paragraph {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 2px;
}
.appointment__add-paragraph--before {
  top: -2px;
}
.appointment__add-paragraph--after {
  bottom: -2px;
}
.htmlEditor__appointment--view .appointment__add-paragraph {
  display: none;
}

.appointment__add-paragraph-button {
  font-size: 0.6125rem;
  color: #fff;
  background-color: #475569;
  border: 0;
  border-radius: 100%;
  line-height: 1;
  display: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  position: absolute;
}
.appointment__add-paragraph-button:hover {
  color: #475569;
  background-color: #cbd5e1;
}
.htmlEditor__appointment--selected .appointment__add-paragraph-button, .htmlEditor__appointment:hover .appointment__add-paragraph-button {
  display: inline-flex;
}

.htmlEditor__appointment-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 0.5rem;
}
.htmlEditor__appointment--view .htmlEditor__appointment-form {
  display: none;
}

.htmlEditor__appointment-form-child {
  flex: 1;
  padding-right: 0.5rem;
}

.appointment__button {
  background-color: transparent;
  border: 0;
  justify-content: end;
  display: inline-flex;
  align-items: end;
  padding-top: 1rem;
  visibility: hidden;
}
.htmlEditor__appointment--selected .appointment__button, .htmlEditor__appointment:hover .appointment__button {
  visibility: visible;
}

.appointment__refresh {
  color: #2563eb;
}

.appointment__remove {
  color: #dc2626;
}

.htmlEditor__appointment-content {
  display: none;
  margin: 0;
}
.htmlEditor__appointment-content p:first-child {
  margin: 0;
}
.htmlEditor__appointment--view .htmlEditor__appointment-content {
  display: flex;
}

.htmlEditor__editor-resize-handle {
  background-color: #36766B;
  height: 5px;
  cursor: s-resize;
}

.htmlEditor__link-mark {
  position: relative;
  color: #00f;
  display: inline-block;
}
.htmlEditor__link-mark span {
  display: inline-block;
}
.htmlEditor__link-mark:hover {
  color: #00f;
}

.htmlEditor__link-mark-clicker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.htmlEditor__link-mark-clicker:hover {
  cursor: pointer;
}

.dc-image-resizable {
  --dcf-htmlEditorImageResizeHandleSize: 16px;
  --dcf-htmlEditorImageResizeHandleBorderWidth: 2px;
  display: inline-grid;
  grid-auto-columns: 1fr;
  grid-template-columns: var(--dcf-htmlEditorImageResizeHandleSize) 1fr var(--dcf-htmlEditorImageResizeHandleSize) 1fr var(--dcf-htmlEditorImageResizeHandleSize);
  grid-template-rows: var(--dcf-htmlEditorImageResizeHandleSize) 1fr var(--dcf-htmlEditorImageResizeHandleSize) 1fr var(--dcf-htmlEditorImageResizeHandleSize);
  gap: 0;
  vertical-align: middle;
}

.image-resizable--handles-compact {
  --dcf-htmlEditorImageResizeHandleSize: 2px;
  --dcf-htmlEditorImageResizeHandleBorderWidth: 0;
}

.image-resizable--placeholder {
  border: 1px solid #a3a3a3;
  color: #737373;
  background-color: #fff;
  display: inline-flex;
  width: 32px;
  height: 32px;
  margin: 0 1px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}
.image-resizable--placeholder i {
  z-index: 1;
}
.image-resizable--placeholder .progress__bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  --dcf-progressBarBgColor: #d4d4d4;
  --dcf-progressBarStripeWidth: 16px;
}

.image-resizable--selected:not(.image-resizable--editable) {
  outline: 2px solid rgba(0, 0, 0, 0.5);
}

.image-resizable__image {
  width: 100%;
  height: 100%;
  grid-area: 1/1/6/6;
}

.image-resizable__options {
  flex-direction: row;
  grid-area: 1/1/6/6;
  justify-content: center;
  align-items: center;
  display: none;
  --dcf-buttonFgColor: #1e40af;
  --dcf-buttonBgColor: #fff;
  --dcf-buttonPadding: 0.25rem 0.5rem;
  --dcf-buttonBorderColor: #1e40af;
  --dcf-buttonBoxShadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.image-resizable--selected:not(.image-resizable--editable) .image-resizable__options {
  display: flex;
}
.image-resizable--handles-compact .image-resizable__options {
  display: none;
}

.image-resizable__handle {
  background-color: #fff;
  border-width: var(--dcf-htmlEditorImageResizeHandleBorderWidth);
  border-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  position: relative;
  display: none;
}
.image-resizable--selected:not(.image-resizable--editable) .image-resizable__handle {
  display: block;
}
.image-resizable--handles-compact .image-resizable__handle {
  background-color: transparent;
}
.image-resizable__handle--n {
  grid-area: 1/3/2/4;
  cursor: n-resize;
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--n {
  grid-area: 1/1/2/6;
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--ne {
  grid-area: 1/5/2/6;
  cursor: ne-resize;
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--ne {
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--e {
  grid-area: 3/5/4/6;
  cursor: e-resize;
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--e {
  grid-area: 1/5/6/6;
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--se {
  grid-area: 5/5/6/6;
  cursor: se-resize;
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--se {
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
  right: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--s {
  grid-area: 5/3/6/4;
  cursor: s-resize;
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--s {
  grid-area: 5/1/6/6;
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--sw {
  grid-area: 5/1/6/2;
  cursor: sw-resize;
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--sw {
  bottom: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--w {
  grid-area: 3/1/4/2;
  cursor: w-resize;
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--w {
  grid-area: 1/1/6/2;
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}
.image-resizable__handle--nw {
  grid-area: 1/1/2/2;
  cursor: nw-resize;
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) / -2);
}
.image-resizable--handles-compact .image-resizable__handle--nw {
  top: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
  left: calc(var(--dcf-htmlEditorImageResizeHandleSize) * -1);
}

.image-control--imageViewer {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}
.image-control--imageViewer::after {
  content: "\e0da";
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  display: inline-block;
  padding: 0.25rem 0.45rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  transform: translateY(-3rem);
  opacity: 0;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  pointer-events: none;
}
.image-control--imageViewer:hover::after {
  transform: translateY(0);
  opacity: 1;
}

.image-control__image {
  width: 100%;
  height: 100%;
}

.dc-pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  box-sizing: border-box;
}

.pagination--size_xs {
  --dcf-paginationLinkFontSize: 0.7125rem;
  --dcf-paginationLinkPadding: 0.125rem 0.25rem;
}

.pagination--size_sm {
  --dcf-paginationLinkFontSize: 0.875rem;
  --dcf-paginationLinkPadding: 0.25rem 0.5rem;
}

.pagination--size_lg {
  --dcf-paginationLinkFontSize: 1.25rem;
  --dcf-paginationLinkPadding: 0.75rem 1.5rem;
}

.pagination__item {
  box-sizing: border-box;
}

.pagination__link {
  font-size: var(--dcf-paginationLinkFontSize, 1rem);
  text-decoration: none;
  color: var(--dcf-paginationLinkFgColor, #0d6efd);
  background-color: var(--dcf-paginationLinkBgColor, #fff);
  border: 1px solid var(--dcf-paginationLinkBorderColor, #dee2e6);
  padding: var(--dcf-paginationLinkPadding, 0.375rem 0.75rem);
  position: relative;
  display: block;
  box-sizing: border-box;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pagination__link:hover {
  text-decoration: none;
  color: var(--dcf-paginationLinkFgColorHover, #0a58ca);
  background-color: var(--dcf-paginationLinkBgColorHover, #e9ecef);
  border-color: var(--dcf-paginationLinkBorderColorHover, #dee2e6);
}
.pagination__item:not(:first-child) .pagination__link {
  margin-left: -1px;
}
.pagination__item:first-child .pagination__link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination__item:last-child .pagination__link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination__link--active {
  color: var(--dcf-paginationLinkFgColorActive, #fff);
  background-color: var(--dcf-paginationLinkBgColorActive, #0d6efd);
  border-color: var(--dcf-paginationLinkBorderColorActive, #0d6efd);
}
.pagination__link--active:hover {
  color: var(--dcf-paginationLinkFgColorActive, #fff);
  background-color: var(--dcf-paginationLinkBgColorActive, #0d6efd);
  border-color: var(--dcf-paginationLinkBorderColorActive, #0d6efd);
}

.pagination__link--disabled {
  color: var(--dcf-paginationLinkFgColorDisabled, #999);
  background-color: var(--dcf-paginationLinkBgColorDisabled, #fff);
  border-color: var(--dcf-paginationLinkBorderColorDisabled, #dee2e6);
  pointer-events: none;
}
.pagination__link--disabled:hover {
  color: var(--dcf-paginationLinkFgColorDisabled, #999);
  background-color: var(--dcf-paginationLinkBgColorDisabled, #fff);
  border-color: var(--dcf-paginationLinkBorderColorDisabled, #dee2e6);
}

.dc-register {
  --dcf-tabHeaderHeight: auto;
  --dcf-tabBorderColor: #ccc;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
}

.register__header {
  color: #333;
  border: 1px solid var(--dcf-tabBorderColor, #ccc);
  background: var(--dcf-tabHeaderBgColor, #fff);
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
}

.register__header--mode_icon .tab-link__number {
  display: none;
}
.register__header--mode_icon .tab-link__icon {
  padding-right: 0;
  margin-right: 0;
}
.register__header--mode_icon .tab-link__title {
  display: none;
}

.register__header--mode_numbering-only .tab-link__title {
  display: none;
}
.register__header--mode_numbering-only .tab-link__icon {
  display: none;
}

.register__header--mode_text .tab-link__number {
  display: none;
}
.register__header--mode_text .tab-link__icon {
  display: none;
}

.register__nav {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.register__tabs {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  white-space: nowrap;
  width: auto;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  transform: translateX(var(--dcf-tabSlidePosition, 0));
  transition: transform 0.15s ease-in-out;
}

.tab__link {
  --dcf-tabLinkBgColor: #fff;
  --dcf-tabLinkFontSize: inherit;
  --dcf-tabLinkFontFamily: inherit;
  --dcf-tabLinkFontStyle: inherit;
  --dcf-tabLinkFontWeight: inherit;
  --dcf-tabLinkLineHeight: inherit;
  --dcf-tabLinkFgColor: #333;
  --dcf-tabLinkBorderWidth: 2px 0 0;
  --dcf-tabLinkBorderStyle: solid;
  --dcf-tabLinkBorderColor: transparent;
  --dcf-tabLinkBorderRadius: 0;
  --dcf-tabLinkPadding: 0.35rem 1rem;
  --dcf-tabLinkMargin: inherit;
  --dcf-tabLinkAlignItems: center;
  --dcf-tabLinkJustifyContent: center;
  --dcf-tabLinkTextDecorationLine: none;
  --dcf-tabLinkTextDecorationStyle: solid;
  --dcf-tabLinkTextDecorationColor: currentcolor;
  background-image: var(--dcf-tabLinkBgImage);
  background-color: var(--dcf-tabLinkBgColor);
  background-repeat: var(--dcf-tabLinkBgRepeat);
  background-size: var(--dcf-tabLinkBgSize);
  font-size: var(--dcf-tabLinkFontSize);
  font-family: var(--dcf-tabLinkFontFamily);
  font-style: var(--dcf-tabLinkFontStyle);
  font-weight: var(--dcf-tabLinkFontWeight);
  line-height: var(--dcf-tabLinkLineHeight);
  color: var(--dcf-tabLinkFgColor);
  border-width: var(--dcf-tabLinkBorderWidth);
  border-style: var(--dcf-tabLinkBorderStyle);
  border-color: var(--dcf-tabLinkBorderColor);
  border-radius: var(--dcf-tabLinkBorderRadius);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: var(--dcf-tabLinkPadding);
  margin: var(--dcf-tabLinkMargin);
  display: flex;
  align-items: var(--dcf-tabLinkAlignItems);
  justify-content: var(--dcf-tabLinkJustifyContent);
  text-decoration-line: var(--dcf-tabLinkTextDecorationLine);
  text-decoration-style: var(--dcf-tabLinkTextDecorationStyle);
  text-decoration-color: var(--dcf-tabLinkTextDecorationColor);
  box-sizing: border-box;
  cursor: pointer;
}
.tab__link:focus {
  outline: none;
}
.tab__link:not(.tab__link--active):hover, .tab__link--hover:not(.tab__link--active) {
  --dcf-tabLinkFontSizeHover: inherit;
  --dcf-tabLinkFontFamilyHover: inherit;
  --dcf-tabLinkFontStyleHover: inherit;
  --dcf-tabLinkFontWeightHover: inherit;
  --dcf-tabLinkLineHeightHover: inherit;
  --dcf-tabLinkAlignItemsHover: center;
  --dcf-tabLinkJustifyContentHover: center;
  --dcf-tabLinkTextDecorationLineHover: none;
  --dcf-tabLinkTextDecorationStyleHover: solid;
  --dcf-tabLinkTextDecorationColorHover: currentcolor;
  --dcf-tabLinkFgColorHover: #555;
  --dcf-tabLinkBgColorHover: #eee;
  --dcf-tabLinkBorderWidthHover: 2px 0 0;
  --dcf-tabLinkBorderStyleHover: solid;
  --dcf-tabLinkBorderColorHover: transparent;
  --dcf-tabLinkBorderRadiusHover: 0;
  --dcf-tabLinkPaddingHover: 0.35rem 1rem;
  --dcf-tabLinkMarginHover: inherit;
  background-image: var(--dcf-tabLinkBgImageHover);
  background-color: var(--dcf-tabLinkBgColorHover);
  background-repeat: var(--dcf-tabLinkBgRepeatHover);
  background-size: var(--dcf-tabLinkBgSizeHover);
  font-size: var(--dcf-tabLinkFontSizeHover);
  font-family: var(--dcf-tabLinkFontFamilyHover);
  font-style: var(--dcf-tabLinkFontStyleHover);
  font-weight: var(--dcf-tabLinkFontWeightHover);
  line-height: var(--dcf-tabLinkLineHeightHover);
  align-items: var(--dcf-tabLinkAlignItemsHover);
  justify-content: var(--dcf-tabLinkJustifyContentHover);
  text-decoration-line: var(--dcf-tabLinkTextDecorationLineHover);
  text-decoration-style: var(--dcf-tabLinkTextDecorationStyleHover);
  text-decoration-color: var(--dcf-tabLinkTextDecorationColorHover);
  color: var(--dcf-tabLinkFgColorHover);
  border-width: var(--dcf-tabLinkBorderWidthHover);
  border-style: var(--dcf-tabLinkBorderStyleHover);
  border-color: var(--dcf-tabLinkBorderColorHover);
  border-radius: var(--dcf-tabLinkBorderRadiusHover);
  padding: var(--dcf-tabLinkPaddingHover);
  margin: var(--dcf-tabLinkMarginHover);
}

.tab__link--active {
  --dcf-tabLinkFontSizeActive: inherit;
  --dcf-tabLinkFontFamilyActive: inherit;
  --dcf-tabLinkFontStyleActive: inherit;
  --dcf-tabLinkFontWeightActive: bold;
  --dcf-tabLinkLineHeightActive: inherit;
  --dcf-tabLinkAlignItemsActive: center;
  --dcf-tabLinkJustifyContentActive: center;
  --dcf-tabLinkTextDecorationLineActive: none;
  --dcf-tabLinkTextDecorationStyleActive: solid;
  --dcf-tabLinkTextDecorationColorActive: currentcolor;
  --dcf-tabLinkFgColorActive: #555;
  --dcf-tabLinkBgColorActive: transparent;
  --dcf-tabLinkBorderWidthActive: 2px 0 0;
  --dcf-tabLinkBorderStyleActive: solid;
  --dcf-tabLinkBorderColorActive: #57889c;
  --dcf-tabLinkBorderRadiusActive: 0;
  --dcf-tabLinkPaddingActive: 0.35rem 1rem;
  --dcf-tabLinkMarginActive: inherit;
  background-image: var(--dcf-tabLinkBgImageActive);
  background-color: var(--dcf-tabLinkBgColorActive);
  background-repeat: var(--dcf-tabLinkBgRepeatActive);
  background-size: var(--dcf-tabLinkBgSizeActive);
  font-size: var(--dcf-tabLinkFontSizeActive);
  font-family: var(--dcf-tabLinkFontFamilyActive);
  font-style: var(--dcf-tabLinkFontStyleActive);
  font-weight: var(--dcf-tabLinkFontWeightActive);
  line-height: var(--dcf-tabLinkLineActive);
  align-items: var(--dcf-tabLinkAlignItemsActive);
  justify-content: var(--dcf-tabLinkJustifyContentActive);
  text-decoration-line: var(--dcf-tabLinkTextDecorationLineActive);
  text-decoration-style: var(--dcf-tabLinkTextDecorationStyleActive);
  text-decoration-color: var(--dcf-tabLinkTextDecorationColorActive);
  color: var(--dcf-tabLinkFgColorActive);
  border-width: var(--dcf-tabLinkBorderWidthActive);
  border-style: var(--dcf-tabLinkBorderStyleActive);
  border-color: var(--dcf-tabLinkBorderColorActive);
  border-radius: var(--dcf-tabLinkBorderRadiusActive);
  padding: var(--dcf-tabLinkPaddingActive);
  margin: var(--dcf-tabLinkMarginActive);
}

.tab-link__number {
  min-width: 18px;
  text-align: right;
  margin-right: 0.5rem;
}
.register__header:not(.register__header--mode_numbering) .tab-link__number {
  display: none;
}

.tab-link__icon {
  margin: 0 0.5rem 0 0;
  padding: 0;
  flex-shrink: 0;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.tab-link__title {
  text-align: left;
  min-width: 0;
  white-space: normal;
  flex-shrink: 1;
}
.register__header--mode_ellipsis .tab-link__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tab-link__close-btn {
  --dcf-buttonPadding: 0 0.5rem;
}

.register__tab {
  display: flex;
  flex-shrink: 0;
  height: var(--dcf-tabHeaderHeight, initial);
  min-width: 0;
  min-height: 0;
}

.register__paginator {
  padding: 0;
  margin: 0;
  line-height: 1;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  order: 1;
}

.register__paginator--hidden {
  display: none;
}

.paginator__tab-button {
  font-size: var(--dcf-tabButtonFontSize, 0.875rem);
  color: var(--dcf-tabButtonFgColor, #007bff);
  border-width: 0 0 0 1px;
  border-color: var(--dcf-tabButtonBorderColor, #ccc);
  padding: var(--dcf-tabButtonPadding, 0 0.75rem);
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.paginator__tab-button:hover {
  color: var(--dcf-tabButtonFgColorHover, #0056b3);
  background-color: var(--dcf-tabButtonBgColorHover, rgba(0, 0, 0, 0.05));
  border-color: var(--dcf-tabButtonBorderColorHover, #ccc);
}
.paginator__tab-button:disabled {
  color: var(--dcf-tabButtonFgColorDisabled, #999);
  background-color: var(--dcf-tabButtonBgColorDisabled, #fff);
  border-color: var(--dcf-tabButtonBorderColorDisabled, #ccc);
}

.register__body {
  font-size: 1rem;
  background-color: var(--dcf-tabBgColor);
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: var(--dcf-tabBorderColor);
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: visible auto;
  border-radius: 0;
  box-sizing: border-box;
}

.register__body--scrollable {
  overflow-y: scroll;
}

.register__body--hidden {
  display: none;
}

.register__pane {
  --dcf-tabContentBgColor: inherit;
  --dcf-tabContentPadding: 0.8125rem;
  background-image: var(--dcf-tabContentBgImage);
  background-color: var(--dcf-tabContentBgColor);
  background-repeat: var(--dcf-tabContentBgRepeat);
  background-size: var(--dcf-tabContentBgSize);
  display: block;
  padding: var(--dcf-tabContentPadding);
  flex: 1;
  min-height: 0;
}
.register__pane:not(.register__pane--active) {
  display: none;
}

.register--align_left {
  flex-direction: row;
}
.register--align_left > .register__header {
  border-bottom-width: 2px;
  width: var(--dcf-tabHeaderWidth);
  max-width: var(--dcf-tabHeaderMaxWidth);
  flex-direction: column;
}
.register--align_left > .register__header .register__tabs {
  height: min-content;
  width: 100%;
  flex-direction: column;
  transform: translateY(var(--dcf-tabSlidePosition, 0));
}
.register--align_left > .register__header .tab__link {
  --dcf-tabLinkBorderWidth: 0 0 0 2px;
  --dcf-tabLinkBorderWidthHover: 0 0 0 2px;
  --dcf-tabLinkBorderWidthActive: 0 0 0 2px;
  --dcf-tabLinkJustifyContent: flex-start;
}
.register--align_left > .register__header .tab__link--active {
  --dcf-tabLinkJustifyContentActive: flex-start;
}
.register--align_left > .register__header .tab__link:not(.register--align_left > .register__header .tab__link--active):hover, .register--align_left > .register__header .tab__link--hover:not(.register--align_left > .register__header .tab__link--active) {
  --dcf-tabLinkJustifyContentHover: flex-start;
}
.register--align_left > .register__header .paginator__tab-button {
  --dcf-tabButtonPadding: 0.35rem;
  border-width: 1px 0 0 1px;
}
.register--align_left > .register__header .paginator__tab-button:first-child {
  border-left-width: 0;
}
.register--align_left > .register__header .paginator__tab-button i {
  transform: rotate(90deg);
}
.register--align_left > .register__body {
  border-width: 1px 1px 2px 0;
  height: auto;
}

.register--align_right {
  flex-direction: row;
}
.register--align_right > .register__header {
  border-bottom-width: 2px;
  width: var(--dcf-tabHeaderWidth);
  max-width: var(--dcf-tabHeaderMaxWidth);
  flex-direction: column;
  order: 1;
}
.register--align_right > .register__header .register__tabs {
  height: min-content;
  width: 100%;
  flex-direction: column;
  transform: translateY(var(--dcf-tabSlidePosition, 0));
}
.register--align_right > .register__header .tab__link {
  --dcf-tabLinkBorderWidth: 0 2px 0 0;
  --dcf-tabLinkBorderWidthHover: 0 2px 0 0;
  --dcf-tabLinkBorderWidthActive: 0 0 0 2px;
  --dcf-tabLinkJustifyContent: flex-start;
}
.register--align_right > .register__header .tab__link--active {
  --dcf-tabLinkJustifyContentActive: flex-start;
}
.register--align_right > .register__header .tab__link:not(.register--align_right > .register__header .tab__link--active):hover, .register--align_right > .register__header .tab__link--hover:not(.register--align_right > .register__header .tab__link--active) {
  --dcf-tabLinkJustifyContentHover: flex-start;
}
.register--align_right > .register__header .paginator__tab-button {
  --dcf-tabButtonPadding: 0.35rem;
  border-width: 1px 0 0 1px;
}
.register--align_right > .register__header .paginator__tab-button:first-child {
  border-left-width: 0;
}
.register--align_right > .register__header .paginator__tab-button i {
  transform: rotate(90deg);
}
.register--align_right > .register__body {
  border-width: 1px 0 2px 1px;
  height: auto;
}

.register--align_bottom > .register__header {
  border-bottom-width: 2px;
  order: 1;
}
.register--align_bottom > .register__header .tab__link {
  --dcf-tabLinkBorderWidth: 2px 0 0;
  --dcf-tabLinkBorderWidthHover: 2px 0 0;
}
.register--align_bottom > .register__body {
  border-width: 1px 1px 0;
}

.social-control__items {
  display: flex;
  flex-wrap: wrap;
}

.dc-grid {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  flex-wrap: nowrap;
}
.dc-cssgrid .dc-grid {
  height: 100% !important;
}

.grid--fullscreen {
  background-color: #fff;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.grid--fullscreen .dc-grid-data-container {
  max-height: 100% !important;
}

.grid__toolbar {
  background-color: #e6e4e4;
  border-bottom: 1px solid #ccc;
  width: 100%;
  white-space: nowrap;
  display: flex;
  padding: 0.5rem;
  flex-wrap: nowrap;
  align-items: center;
}

.grid-toolbar__expand-button {
  flex-shrink: 0;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.grid-toolbar__title {
  width: 100%;
  padding: 0 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid-toolbar__new-button {
  --dcf-buttonPadding: 0.35rem 0.5rem;
  --dcf-buttonMargin: -0.5rem -0.25rem -0.5rem 0;
  --dcf-buttonFontSize: 0.8125rem;
}

.grid-toolbar__fullscreen-button {
  --dcf-buttonPadding: 0;
  --dcf-buttonMargin: 0 0 0 0.25rem;
}

.grid-toolbar__row-count {
  font-size: 13px;
  font-weight: bold;
  white-space: normal;
}
.grid__toolbar--header .grid-toolbar__row-count {
  text-align: right;
  padding: 0 1rem;
  flex: 1 0 0%;
}
.grid__toolbar--footer .grid-toolbar__row-count {
  color: #969696;
  font-style: italic;
}

.grid-toolbar__pagination {
  margin-left: auto;
}

.dc-table-options {
  background-color: #e2e8f0;
  color: #475569;
  border-width: 1px 0;
  border-style: solid;
  border-color: #475569;
}

.table-options__grid .register__pane {
  font-size: 0.8125rem;
}
.table-options__grid-label {
  padding-right: 2.5rem;
}
.table-options__grid-value {
  padding-right: 2.5rem;
}
.table-options__grid-visible {
  text-align: center;
}

.table-options__groups {
  display: flex;
  flex: 1;
  min-width: 0;
  overflow: initial;
}

.table-options__group {
  width: auto;
}
.table-options__dropdown .table-options__group {
  border-width: 0 0 1px;
  margin-right: 0;
  padding: 0.5rem 0.75rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.table-options__dropdown .table-options__group label {
  flex: 1;
  justify-content: start;
  padding-right: 1rem;
}

.table-options__config-button {
  margin: 0rem 0.5rem 0 auto;
}

.table-options__dropdown {
  margin-left: 0;
}
.table-options__dropdown .dropdown-menu {
  max-height: 250px;
  overflow-y: scroll;
}

.virtual-table__popover {
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.virtual-table__popover-content {
  font-size: 0.8125rem;
  font-weight: bold;
  background-color: #fff;
  color: #334155;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.372 -0.00968297 -0.0429213/0.1) 0px 0px 0px 1px, oklab(0 0 0/0.05) 0px 20px 25px -5px, oklab(0 0 0/0.05) 0px 8px 10px -6px;
  border: 1px solid rgb(229, 231, 235);
  padding: 1rem;
  min-width: 300px;
  border-radius: 0.75rem;
}

.virtual-table__loader-container {
  display: flex;
  flex-direction: column;
}

.virtual-table__loader-title {
  padding-bottom: 0.5rem;
  display: inline-block;
}

.virtual-table__loader-button {
  margin: 0.75rem 0 0 auto;
  padding: 0.25rem 0.75rem;
}

.divider-control__divider {
  width: calc(100% - 2.5rem);
  height: 4px;
}

.dc-table-container {
  position: relative;
}

.table-container__resize-line {
  border-left: 2px dashed var(--dcf-tableResizeLineColor, #a9a9a9);
  height: 100%;
  position: absolute;
  left: var(--dcf-tableResizeLineX, 0);
  z-index: 1;
  cursor: col-resize;
}

.dc-table {
  font-size: var(--dcf-tableFontSize, 0.8125rem);
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--dcf-tableBorderColor, #dee2e6);
  width: 100%;
  margin: 0;
  display: table;
  table-layout: fixed;
  overflow-x: auto;
  border-collapse: collapse;
  -webkit-overflow-scrolling: touch;
}

.table--resizing {
  cursor: col-resize;
  user-select: none;
}

.table--highlight {
  background-color: #ff0;
  border-color: rgb(221, 107, 32);
}

.dc-table thead {
  background-color: #fff;
}
.dc-table thead th {
  border-width: 1px 1px 2px;
  border-style: solid;
  border-color: var(--dcf-tableBorderColor, #dee2e6);
  padding: 4px 5px;
  position: relative;
  vertical-align: middle;
  align-items: center;
  font-weight: normal;
  font-size: 0.8125rem;
  cursor: pointer;
}
.dc-table thead th.text--align_center {
  justify-content: center;
}
.dc-table thead th.sortable > div:first-child {
  padding-right: 1rem;
}
.dc-table thead th.resizeable > div:first-child {
  padding-right: 12px;
}
.dc-table thead .table-filter {
  background-color: #f1f5f9;
}
.dc-table thead .table-filter-active {
  --dcf-stripedBackgroundColorEven: #ffedd5;
  background-color: #fff;
}
.dc-table thead .table-filter .form__control {
  line-height: normal;
  --dcf-formControlMinHeight: 0;
}

.table__head--rowcaption {
  user-select: none;
}

.table__head--fixed {
  white-space: nowrap;
  position: absolute;
  top: var(--dcf-tableHeadPositionY, 0);
  left: 0;
}

.thead__group-toggle-buttons {
  display: flex;
  flex-wrap: nowrap;
  width: min-content;
}

.thead__loader-bar--loaded {
  --dcf-virtualTableLoadedBarBgFrom: #fff;
  --dcf-virtualTableLoadedBarBgTo: #fed7aa;
  animation: virtualTableLoadedBarPulse 1s ease-in-out infinite alternate;
}

@keyframes virtualTableLoadedBarPulse {
  from {
    background-color: var(--dcf-virtualTableLoadedBarBgFrom);
  }
  to {
    background-color: var(--dcf-virtualTableLoadedBarBgTo);
  }
}
.thead__grid-search-helper {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 0.25rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 5px;
  width: 300px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 2;
}

.grid-search-helper__help-info-box {
  font-size: 0.9125rem;
  margin: 0.75rem 0.75rem 0.25rem;
}

.grid-search-helper__help-section {
  padding: 0 0.75rem;
}
.grid-search-helper__help-section:last-child {
  padding-bottom: 0.75rem;
}
.grid-search-helper__help-section + .grid-search-helper__help-section {
  margin-top: 0.5rem;
  border-top: 1px solid #fed7aa;
}

.grid-search-helper__heading {
  padding: 0.5rem 0 0;
  display: block;
}

.grid-search-helper__item {
  background-color: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  padding: 0.75rem;
  margin: 0.5rem 0 0;
  border-radius: 0.25rem;
}
.grid-search-helper__item code {
  color: #431407;
  background-color: #fdba74;
  border: 1px solid #fed7aa;
  padding: 0.25rem;
  position: relative;
  border-radius: 0.25rem;
}

.filter-row__input-wrapper {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
}
.filter-row__input-wrapper > .form__control {
  --dcf-formControlPadding: 0.25rem 0.5rem;
}
.filter-row__input-wrapper--focus.position-static > .dc-button {
  top: 0.5rem;
  transform: translateX(-5px);
}
.filter-row__input-wrapper--focus .filter-row__filter-help-button {
  display: block;
}
.filter-row__input-wrapper--focus .filter-row__filter-dropdown-button {
  display: block;
}
.filter-row__input-wrapper--focus > .form__control {
  --dcf-formControlPadding: 0.25rem 3.25rem 0.25rem 0.5rem;
}

.filter-row__filter-help-button {
  --dcf-buttonPadding: 0;
  --dcf-buttonMargin: 0 0 0 .5rem;
  --dcf-buttonFontSize: 0.75rem;
  --dcf-buttonDropdownSize: 0.2rem;
  position: absolute;
  right: 2rem;
  top: 0.25rem;
  display: none;
}

.filter-row__filter-dropdown-button {
  --dcf-buttonPadding: 0;
  --dcf-buttonMargin: 0 0 0 .5rem;
  --dcf-buttonFontSize: 0.75rem;
  --dcf-buttonDropdownSize: 0.2rem;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  display: none;
}
.filter-row__filter-dropdown-button--active {
  display: block;
}

.filter-row__filter-dropdown {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
  width: 300px;
  max-height: 300px;
  padding: 0;
  flex-direction: column;
  overflow-y: auto;
  z-index: 2;
}

.filter-row__filter-dropdown-header {
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 1rem;
  display: flex;
}

.filter-row__filter-dropdown-body {
  overflow-y: auto;
  padding: 0.5rem 1rem;
  min-width: 0;
}

.filter-row__filter-dropdown-footer {
  display: flex;
  justify-content: end;
  border-top: 1px solid #ddd;
}

.filter-row__filter-dropdown-footer-button {
  --dcf-buttonBorderRadius: 0;
  flex: 1;
}

.dc-table tbody tr {
  transition: background-color 0.1s ease-in-out;
}
.dc-table tbody tr:not(.tbody__tr--group) .self-ref-expand {
  padding-left: calc(15px * (var(--dcf-tableRowGroupDepth, 0) + 1) + 20px);
}
.dc-table tbody tr.totals .dc-options, .dc-table tbody tr.grandtotals .dc-options {
  padding-left: calc(15px * (var(--dcf-tableRowGroupDepth, 0) + 1) + 1.25rem);
}
.dc-table tbody tr:not(.dc-expand-row-container) div:not(.dropdown-menu):not(.table__cell--type_icon-spacing) {
  display: inline-block;
}
.dc-table tbody td {
  border: 1px solid var(--dcf-tableBorderColor, #dee2e6);
  padding: 4px 10px;
  vertical-align: middle;
}
.dc-table tbody td:not(.selector) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tbody__tr--active-detail-row {
  border-width: 2px;
  border-style: dashed;
  border-color: var(--dcf-tableRowActiveBorderColor, orange);
}

.tbody__tr--dirty {
  background: repeating-linear-gradient(45deg, oklch(0.98 0.016 73.684), oklch(0.98 0.016 73.684) 10px, oklch(0.954 0.038 75.164) 10px, oklch(0.954 0.038 75.164) 20px) !important;
}
.tbody__tr--dirty td {
  background: none !important;
}

.dc-table:not(.table--virtual) .tbody__tr--focus {
  border: 2px dashed orange !important;
}

.tbody__tr--selection {
  background-color: #36aecc !important;
  color: #fff;
}

.tbody__tr--group td:not(.dc-options):first-child {
  padding-left: calc(15px * (var(--dcf-tableRowGroupDepth, 0) + 1));
}
.tbody__tr--group .self-ref-expand {
  padding-left: calc(15px * (var(--dcf-tableRowGroupDepth, 0) + 1));
}

.tbody__tr--hidden {
  display: none;
}

.tbody__tr--sortable_ghost {
  background-color: #eff6ff;
  position: relative;
}
.tbody__tr--sortable_ghost::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: 0px 0px 1px 1px #bfdbfe;
  position: absolute;
  left: 0;
  top: 0;
}
.tr-group__collapse-icon {
  margin-right: 0.5rem;
}

.tbody__group-cell-collapse {
  display: inline-flex !important;
  width: 100%;
  justify-content: space-between;
}

.tbody__group-cell-collapse-item {
  padding: 0.2rem 0.25rem;
  height: 100%;
  display: inline-block;
  border-radius: 0.3rem;
  cursor: pointer;
  line-height: 1;
}
.tbody__group-cell-collapse-item--spacer {
  pointer-events: none;
}

.tr-group__collapse-sort {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 0.15rem;
}

.asc .collapse-sort--sortType_str:before {
  content: "\f15e";
}
.desc .collapse-sort--sortType_str:before {
  content: "\f15d";
}

.asc .collapse-sort--sortType_num:before {
  content: "\f163";
}
.desc .collapse-sort--sortType_num:before {
  content: "\f162";
}

.table__cell-caption {
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  min-width: 0;
}
.text--align_left .table__cell-caption {
  justify-content: start;
}
.text--align_center .table__cell-caption {
  justify-content: center;
}
.text--align_right .table__cell-caption {
  justify-content: end;
}

.table__cell--type_boolean {
  text-align: center;
}

.table__cell--type_date {
  text-align: center;
}

.table__cell--type_datetime {
  text-align: center;
}

.table__cell--type_number {
  text-align: right;
}

.table__cell--type_icon {
  text-align: center;
}

.table__cell--type_text {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.table__cell--type_largetext {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  min-width: 200px;
}

.table__cell--type_icon-spacing {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}
.table__cell--type_icon-spacing span {
  margin-left: 0.5rem;
}

.table__cell--type_self-ref-expand {
  display: flex;
  align-items: center;
}
.table__cell--type_self-ref-expand .toggle-collapse {
  padding-right: 0.5rem;
}

.table__cell--edit {
  padding: 0 !important;
  box-shadow: inset 0 0 0 2px #60A5FA;
}
.table__cell--edit form {
  justify-content: center;
}
.table__cell--edit [class*=col-] {
  --dcf-colMarginBottom: 0;
}
.table__cell--edit .row {
  width: 100%;
  padding: 0;
}
.table__cell--edit .edit-cell__actions {
  min-width: 0;
  width: auto;
  flex-shrink: 0;
}
.table__cell--edit .form__control {
  background-color: transparent;
  border: 0;
  padding: 5px 9px 4px;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  border-radius: 0;
}
.table__cell--edit .dc-button {
  border-radius: 0;
  margin: 0;
  height: 100%;
  padding: 0 0.5rem;
}

.table__cell--focus {
  color: #212529;
  background-color: rgba(255, 0, 0, 0.075);
}

.table__cell--highlight {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table__column-sorter {
  display: block;
  width: 16px;
  height: 100%;
  position: absolute;
  right: 4px;
  top: 0;
}
.table__column-sorter .column-sorter__up {
  top: 3px;
}
.table__sorter--asc .table__column-sorter .column-sorter__up {
  color: var(--dcf-tableActiveSortableColor, #000);
}
.table__column-sorter .column-sorter__down {
  top: 11px;
}
.table__sorter--desc .table__column-sorter .column-sorter__down {
  color: var(--dcf-tableActiveSortableColor, #000);
}
.table__column-sorter .column-sorter__up, .table__column-sorter .column-sorter__down {
  position: absolute;
  right: 5px;
  color: lightgray;
}

.table__column-resizer {
  background-color: #eeeeee;
  width: 4px;
  height: 100%;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  cursor: col-resize;
}

.dc-grid-loader {
  --dcf-buttonBgColor: #cbd5e1;
  --dcf-buttonBgColorHover: #eff6ff;
  --dcf-buttonBorderRadius: 0;
  --dcf-buttonMargin: 0 0.5rem 0 0;
  --dcf-buttonFontSize: 0.8125rem;
  --dcf-buttonPadding: 0.125rem 0.5rem;
  --dcf-buttonFgColor: #1e293b;
}

.text-control__body span {
  --dcf-textControlLineHeight: 1;
  line-height: var(--dcf-textControlLineHeight);
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.dc-validation-table {
  --dcf-tableBorderColor: transparent;
  background-color: #fff;
  border-radius: 0.3rem;
}
.dc-validation-table thead {
  background-color: transparent;
}
.dc-validation-table thead th {
  --dcf-tableBorderColor: #cecece;
  color: rgb(88, 93, 103);
  border-width: 0 0 2px;
  font-weight: normal;
  font-size: 0.7125rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.75rem;
  text-align: left;
  border-width: 0 0 2px;
}
.dc-validation-table tbody td:not(.selector) {
  padding: 0.75rem;
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
  word-break: break-word;
}
.dc-validation-table tr:first-child td:first-child {
  border-top-left-radius: 0.3rem;
}
.dc-validation-table tr:first-child td:last-child {
  border-top-right-radius: 0.3rem;
}
.dc-validation-table tr:last-child td:first-child {
  border-bottom-left-radius: 0.3rem;
}
.dc-validation-table tr:last-child td:last-child {
  border-bottom-right-radius: 0.3rem;
}
.dc-validation-table .validation-table__cell-row-span--last {
  border-bottom-left-radius: 0.3rem;
}

.validation-table__category-title {
  color: #6b7280;
  text-decoration: none;
  font-weight: bold;
}

.validation-table__category-entry--error:hover td {
  background-color: #fee3e3;
}
.validation-table__category-entry--error td {
  color: #7f2d2d;
  background-color: #fef2f2;
}

.validation-table__category-entry--warning:hover td {
  background-color: #fff3c7;
}
.validation-table__category-entry--warning td {
  background-color: #fffbeb;
  color: #78350f;
}

.validation-table__category-entry--information:hover td {
  background-color: #dbeaff;
}
.validation-table__category-entry--information:last-child td:first-child {
  border-bottom-left-radius: 0.3rem;
}
.validation-table__category-entry--information:last-child td:last-child {
  border-bottom-right-radius: 0.3rem;
}
.validation-table__category-entry--information td {
  color: #1e3b8b;
  background-color: #eff6ff;
}

.dc-message {
  --dcf-messagePadding: 0;
  --dcf-messageMargin: 0 0 1rem;
  --dcf-messageFgColor: unset;
  --dcf-messageBgColor: unset;
  --dcf-messageBorderWidth: 0 0 0 5px;
  --dcf-messageBorderColor: unset;
  --dcf-messageFontSize: 1rem;
  font-size: var(--dcf-messageFontSize);
  border-width: var(--dcf-messageBorderWidth);
  border-style: solid;
  border-color: var(--dcf-messageBorderColor);
  color: var(--dcf-messageFgColor);
  background-color: var(--dcf-messageBgColor);
  padding: var(--dcf-messagePadding);
  margin: var(--dcf-messageMargin);
  position: relative;
  box-sizing: border-box;
}
.dc-message a {
  color: var(--dcf-messageFgColor);
  font-weight: bold;
  text-decoration: underline;
}

.message--rounded {
  border-width: 1px;
  border-radius: 0.3rem;
}

.message--closable {
  padding-right: 3rem;
}

.message--primary {
  --dcf-messageFgColor: #084298;
  --dcf-messageBgColor: #cfe2ff;
  --dcf-messageBorderColor: #b6d4fe;
}

.message--secondary {
  --dcf-messageFgColor: #41464b;
  --dcf-messageBgColor: #e2e3e5;
  --dcf-messageBorderColor: #d3d6d8;
}

.message--success {
  --dcf-messageFgColor: #0f5132;
  --dcf-messageBgColor: #d1e7dd;
  --dcf-messageBorderColor: #badbcc;
}

.message--danger {
  --dcf-messageFgColor: #842029;
  --dcf-messageBgColor: #f8d7da;
  --dcf-messageBorderColor: #f5c2c7;
}

.message--warning {
  --dcf-messageFgColor: #533f03;
  --dcf-messageBgColor: #efe1b3;
  --dcf-messageBorderColor: #dfb56c;
}

.message--info {
  --dcf-messageFgColor: #055160;
  --dcf-messageBgColor: #cff4fc;
  --dcf-messageBorderColor: #b6effb;
}

.message--light {
  --dcf-messageFgColor: #636464;
  --dcf-messageBgColor: #fefefe;
  --dcf-messageBorderColor: #fdfdfe;
}

.message--dark {
  --dcf-messageFgColor: #141619;
  --dcf-messageBgColor: #d3d3d4;
  --dcf-messageBorderColor: #bcbebf;
}

.message__button-close {
  --dcf-buttonFgColor: var(--dcf-messageFgColor);
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.message__heading {
  font-weight: bold;
}

.dc-todo-list {
  font-size: 0.875rem;
  background-color: #fff;
  min-height: 0;
  width: 100%;
}
.dc-todo-list .card {
  border: 0;
  border-radius: 0;
}
.dc-todo-list .card-header {
  padding: 0;
}
.dc-todo-list h2 {
  margin: 0;
}
.dc-todo-list .dc-container-area {
  width: 100%;
}
.dc-todo-list .validate-error-list:not(:first-child) .card-header {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.dc-todo-list .validate-error-list .card-header {
  background-color: #ebf8ff;
  color: #4a5568;
  padding: 0.5rem 0.75rem;
  border-radius: 0;
  display: flex;
  align-items: center;
}
.dc-todo-list .validate-error-list a.card-header:hover {
  text-decoration: none;
}
.dc-todo-list .validate-error-list .card-header strong {
  padding-left: 0.25rem;
}
.dc-todo-list .validate-error-list .card-header span {
  font-size: 0.65rem;
  font-weight: bold;
  line-height: 1;
  background-color: #bee3f8;
  border-radius: 1rem;
  margin-left: auto;
  padding: 0.35rem 0.5rem;
  white-space: nowrap;
}
.dc-todo-list .validate-error-list .card-body {
  padding: 0;
}
.dc-todo-list .validate-error-list .card-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dc-todo-list .validate-error-list .card-body li {
  border-width: 0 0 1px 3px;
  border-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.125);
  padding: 0.25rem 0.5rem;
}
.dc-todo-list .validate-error-list .card-body li.critical {
  background-color: #fff5f5;
  border-left-color: #feb2b2;
}
.dc-todo-list .validate-error-list .card-body li.warning {
  background-color: #fffaf0;
  border-left-color: #fbd38d;
}
.dc-todo-list .validate-error-list .card-body li.info {
  border-left-color: #90cdf4;
}
.dc-todo-list .validate-error-list .card-body li:last-child {
  border-bottom-width: 0;
}
.dc-todo-list .validate-error-list .card-body a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.dc-todo-list .validate-error-list .card-body li.critical a,
.dc-todo-list .validate-error-list .card-body li.critical i {
  color: #9b2c2c;
}
.dc-todo-list .validate-error-list .card-body li.warning a,
.dc-todo-list .validate-error-list .card-body li.warning i {
  color: #9c4221;
}
.dc-todo-list .validate-error-list .card-body li.info a,
.dc-todo-list .validate-error-list .card-body li.info i {
  color: #2c5282;
}
.dc-todo-list .validate-error-list .card-body a:hover {
  text-decoration: none;
}
.dc-todo-list .validate-error-list .card-body a:hover span {
  text-decoration: underline;
}
.dc-todo-list .validate-error-list .card-body a > i {
  flex: 0 0 24px;
  text-align: center;
}
.dc-todo-list .validate-error-list .card-body a > i:first-child {
  margin-right: 0.5rem;
}
.dc-todo-list .validate-error-list .card-body a > i:last-child {
  margin-left: auto;
  font-size: 1.5rem;
}
.dc-todo-list .validate-error-list .card-body a > div {
  min-width: 0;
}
.dc-todo-list .validate-error-list .card-body pre {
  white-space: normal;
  margin: 0;
}
.dc-todo-list .validate-error-list .card-body li.critical pre {
  color: #742a2a;
}
.dc-todo-list .validate-error-list .card-body li.warning pre {
  color: #7b341e;
}
.dc-todo-list .validate-error-list .card-body li.info pre {
  color: #2a4365;
}
.dc-todo-list .validate-error-list--global li > div:first-child {
  display: flex;
  align-items: center;
}
.dc-todo-list .validate-error-list--global li > div > i {
  flex: 0 0 24px;
  text-align: center;
  margin-right: 0.5rem;
}
.dc-todo-list .additional-error-context {
  margin: 0.5rem 0;
}
.dc-todo-list .validate-error-list .card-body li.critical .additional-error-context strong {
  color: #742a2a;
}
.dc-todo-list .validate-error-list .card-body li.warning .additional-error-context strong {
  color: #7b341e;
}
.dc-todo-list .validate-error-list .card-body li.info .additional-error-context strong {
  color: #2a4365;
}
.dc-todo-list .additional-error-context ul {
  list-style: none;
}
.dc-todo-list .additional-error-context li {
  border: 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 0 !important;
}
.dc-todo-list .card-body .additional-error-context a {
  background: #fff;
  padding: 0.5rem;
  border-radius: 0.3rem;
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dc-todo-list .validate-error-list .card-body li.critical .additional-error-context a {
  border-color: #feb2b2;
}
.dc-todo-list .validate-error-list .card-body li.critical .additional-error-context a:hover {
  border-color: #e53e3e;
}
.dc-todo-list .validate-error-list .card-body li.warning .additional-error-context a {
  border-color: #fbd38d;
}
.dc-todo-list .validate-error-list .card-body li.warning .additional-error-context a:hover {
  border-color: #dd6b20;
}
.dc-todo-list .validate-error-list .card-body li.info .additional-error-context a {
  border-color: #90cdf4;
  background-color: #ebf8ff;
}
.dc-todo-list .validate-error-list .card-body li.info .additional-error-context a:hover {
  border-color: #3182ce;
}
.dc-todo-list .card-body .additional-error-context a:hover span {
  text-decoration: none !important;
}
.dc-todo-list .card-body .additional-error-context a i {
  font-size: 1.25rem;
}

.todo-list__pagination {
  background-color: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
}

.todo-pagination__buttons {
  width: 100%;
}

.todo-pagination__button {
  color: #64748b;
  display: inline-flex;
  height: 100%;
  width: 100%;
  font-size: 1.25rem;
  justify-content: center;
}
.todo-pagination__button:disabled {
  color: #cbd5e1;
}
.todo-pagination__button span {
  display: none;
}

.col:not(:last-child) > .dc-spacer-control, [class*=col-]:not(:last-child) > .dc-spacer-control {
  margin-right: -0.5rem;
}

.popover {
  display: flex;
  flex-direction: column;
}
.popover--position_center {
  max-height: 80%;
}
.popover-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.popover__form {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.popover__content {
  flex: 1;
  overflow-y: scroll;
  display: flex;
  min-height: 0;
}
.popover__content .dc-container-area {
  width: 100%;
}
.popover__toolbar {
  padding: 0.75rem 0.5rem 0.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: right;
}
@media (max-width: 767.98px) {
  .popover__toolbar {
    --dcf-buttonFontSize: 1.25rem;
  }
}
.popover__button:not(:last-child) {
  margin-right: 0.5rem;
}

.popover--type_lpmobiletodos .popover-body {
  padding: 0;
}

.dc-footer-control-wrapper {
  display: flex;
  justify-content: center;
}
.dc-footer-control-wrapper--docked {
  background-color: #f3f4f6;
}
.dc-footer-control-wrapper--docked > [class*=col-], .dc-footer-control-wrapper--docked > [class*=col-]:last-child {
  --dcf-colMarginBottom: 0;
}
.dc-footer-control-wrapper--floating {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.dc-footer-control-wrapper--floating > [class*=col-], .dc-footer-control-wrapper--floating > [class*=col-]:last-child {
  --dcf-colMarginBottom: 0;
}

.dc-footer-control {
  padding: 0.5rem 0.5rem 0.25rem;
}

.dcc-kpi {
  display: flex;
  gap: 0.5rem;
}

.kpi__icon {
  font-size: 2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.kpi__icon:empty {
  display: none;
}
.kpi--style_icon-body-alternate .kpi__icon {
  order: 1;
}

.kpi__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  padding: 0.25rem 0;
  min-width: 0;
}

.kpi__body--align_center {
  text-align: center;
}

.kpi__body--align_right {
  text-align: right;
}

.kpi__title:empty {
  display: none;
}
.kpi__title .form__label {
  display: inline-block;
}
.kpi--style_caption-text-alternate .kpi__title {
  order: 1;
}

.kpi__content {
  display: inline-flex;
}
.kpi__content:empty {
  display: none;
}
.kpi__content span {
  width: 100%;
}

.repeater__body--flowDirection_column {
  display: flex;
  flex-direction: column;
}

.repeater__body--flowDirection_row {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}

.repeater__body--flowDirection_both {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

@charset "UTF-8";
:root {
  --dcf-headerHeight: 52px;
  --dcf-mainMenuHeight: auto;
  --dcf-mainMargin: 0;
  --dcf-mainWidth: 100vw;
  --dcf-mainHeight: 100vh;
}

.page--sidebar-position_left {
  --dcf-mainWidth: calc(100vw - var(--dcf-mainSidebarWidth, 270px));
  --dcf-mainMenuHeight: 100vh;
  --dcf-mainSidebarWidth: 270px;
  --dcf-mainSidebarCollapsedWidth: 75px;
}

.page--sidebar-position_top {
  --dcf-mainMenuHeight: 150px;
}

html {
  min-width: 320px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
}

/*ThemeRoller*/
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
  direction: ltr;
  /* FINGER WEG :-) Das korrigiert irgendwie den Fehler, dass die Hoehe der
  Seite auf mobilen Endgeraeten (insbesondere iOS) nicht geschrottet wird. */
  position: fixed;
  line-height: normal;
}

div[type=hidden] {
  display: none;
}

form {
  min-width: 0;
  flex: 1;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number] {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield !important;
}

.page-section {
  display: flex;
  justify-content: space-between;
  margin: 0 0 1rem;
  align-items: center;
}

.page-section__button {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: #6c757d;
  --dcf-buttonBorderColor: #6c757d;
  --dcf-buttonBgColorHover: #5c636a;
  --dcf-buttonBorderColorHover: #565e64;
}

.page-section__button--dataDirty {
  --dcf-buttonFgColor: #7c2d12;
  --dcf-buttonBgColor: #fdba74;
}

.page-section__filter {
  min-width: 0;
  width: 350px;
  justify-content: flex-end;
  margin-left: auto;
}
.page-section__filter .dc-button-group {
  min-width: 0;
  width: 100%;
}
.page-section__filter .dc-button-group .page-section__filter-dropdown-button {
  width: 100%;
}
.page-section__filter .dropdown-menu {
  width: calc(100% - 2rem);
  max-height: 400px;
  overflow-y: auto;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.page-section__filter-dropdown-button {
  --dcf-buttonBgColor: #fff;
  display: flex;
  min-width: 0;
}
.page-section__filter-dropdown-button > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
}
.page-section__filter-dropdown-button > i {
  flex-shrink: 0;
}

.page-section__filter-item {
  padding: 0.25rem 0.5rem;
}

.page-section__filter-item-button {
  --dcf-buttonBorderRadius: 0;
  --dcf-buttonPadding: 0.125rem 0.35rem;
  --dcf-buttonMargin: 0;
  --dcf-buttonBgColorHover: hsl(173,91%,18%);
  --dcf-buttonFgColor: #fff;
  --dcf-buttonFgColorHover: #fff;
  transition: none;
}
.page-section__filter-item:hover .page-section__filter-item-button {
  --dcf-buttonFgColor: hsl(173,91%,18%);
}

.main-sidebar {
  background: #212225;
  border-color: #434343;
  border-style: solid;
}
.page--sidebar-position_left .main-sidebar {
  border-width: 0 1px 0 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.06);
  height: var(--dcf-mainHeight, 100vh);
  width: var(--dcf-mainSidebarWidth, 270px);
  flex-direction: column;
  position: absolute;
  top: var(--dcf-headerHeight, 52px);
  left: 0;
  z-index: 10;
  transition: margin 0.2s ease-in-out, width 0.2s ease-in-out;
}
.page--sidebar-position_left.page--sidebar-collapsed .main-sidebar {
  width: var(--dcf-mainSidebarCollapsedWidth, 75px);
}
.page--sidebar-position_left.page--sidebar-hidden .main-sidebar {
  margin-left: calc(var(--dcf-mainSidebarWidth, 270px) * -1);
}
.page--sidebar-position_left.page--sidebar-hidden.page--sidebar-collapsed .main-sidebar {
  margin-left: calc(var(--dcf-mainSidebarCollapsedWidth, 75px) * -1);
}
.page--sidebar-position_top .main-sidebar {
  border-width: 0 0 1px 0;
  width: 100vw;
  height: auto;
  flex-direction: row;
}
.page--sidebar-position_top.page--header-below .main-sidebar {
  width: calc(100vw - 19px);
}

.main-sidebar__header {
  background-color: #fff;
  display: flex;
  position: relative;
}
.page--sidebar-position_left .main-sidebar__header {
  max-width: var(---dcf-mainSidebarWidth, auto);
}
.page--sidebar-position_top .main-sidebar__header {
  max-width: 200px;
  flex-shrink: 0;
}
.main-sidebar__header img {
  width: 100%;
  padding: 0.25rem;
}

.main-sidebar__user {
  position: relative;
  flex-shrink: 0;
  padding: 0 1.25rem;
}
.page--sidebar-position_left .main-sidebar__user {
  height: 126px;
}
.page--sidebar-position_left.page--sidebar-collapsed .main-sidebar__user {
  height: 50px;
}
.page--sidebar-position_top .main-sidebar__user {
  height: auto;
  width: 250px;
}

.main-sidebar__logo {
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 100%;
  display: block;
  transition: background-size 0.2s ease-in-out;
}
.page--sidebar-position_left.page--sidebar-collapsed .main-sidebar__logo {
  background-size: calc(var(--dcf-mainSidebarCollapsedWidth) * 0.75) auto !important;
}

.main-sidebar__sidebar-nav {
  min-height: 0;
  width: 100%;
  min-width: 0;
  flex: 1;
}
.page--sidebar-position_left .main-sidebar__sidebar-nav {
  padding: 0 1.25rem;
}
.page--sidebar-position_left.page--sidebar-collapsed .main-sidebar__sidebar-nav {
  overflow: visible;
}
.page--sidebar-position_top .main-sidebar__sidebar-nav {
  min-width: 0;
  padding: 0;
  z-index: 5;
  overflow: hidden;
}

.sidebar-nav__nav-item {
  display: flex;
  flex-direction: column;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item.sidebar-nav__nav-item--touchstart {
  position: relative;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover .sidebar-nav__nav-link--level-1 + .list--main-sidebar > .sidebar-nav__nav-item, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart .sidebar-nav__nav-link--level-1 + .list--main-sidebar > .sidebar-nav__nav-item {
  z-index: 2;
}
.page--sidebar-position_top .sidebar-nav__nav-item {
  position: relative;
}

.sidebar-nav__nav-link {
  color: var(--sidebarNavFgColor, #a5abb1);
  background-color: var(--sidebarNavBgColor, transparent);
  border-left: 3px solid transparent;
  padding: 0.75rem 1rem 0.75rem 1.25rem;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out;
}
.sidebar-nav__nav-link:hover {
  color: var(--sidebarNavFgColorHover, #fff);
  background-color: var(--sidebarNavBgColorHover, #1e1f21);
  text-decoration: none;
}
.list--main-sidebar .list--main-sidebar .sidebar-nav__nav-link {
  padding: 0.625rem 0.5rem 0.625rem 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.list--main-sidebar .list--main-sidebar .sidebar-nav__nav-link:hover {
  color: var(--sidebarNavFgColorHover, #fff);
  background-color: var(--sidebarNavBgColorHover, #1b1c1e);
}
.page--sidebar-position_left.page--sidebar-collapsed .list--main-sidebar .list--main-sidebar .sidebar-nav__nav-link {
  padding: 0.4rem 1.25rem 0.4rem 0.75rem;
}
.page--sidebar-position_left.page--sidebar-collapsed .list--main-sidebar .list--main-sidebar .sidebar-nav__nav-item:first-child > .sidebar-nav__nav-link {
  border-radius: 0.3rem 0.3rem 0 0;
}
.page--sidebar-position_left.page--sidebar-collapsed .list--main-sidebar .list--main-sidebar .sidebar-nav__nav-item:last-child > .sidebar-nav__nav-link {
  border-radius: 0 0 0.3rem 0.3rem;
}

.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-link--level-1 {
  height: 46px;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-link--level-1:hover {
  border-left-color: var(--sidebarNavFgColorHover, #6e96d7);
}
.page--sidebar-position_top .sidebar-nav__nav-link--level-1 {
  flex: 1 0 100%;
  flex-direction: column;
}

.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--active {
  border-left-color: var(--sidebarNavFgColor, #6e96d7);
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--active:hover {
  color: var(--sidebarNavFgColorHover, #fff);
  background-color: var(--sidebarNavBgColorHover, #1e1f21);
  border-left-color: var(--sidebarNavFgColorHover, #6e96d7);
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--active .nav-link__title {
  font-weight: 900;
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .list--main-sidebar .list--main-sidebar .sidebar-nav__nav-link--active {
  color: var(--sidebarNavFgColorHover, #fff);
  background-color: var(--sidebarNavBgColorHover, #1b1c1e);
}

.sidebar-nav__nav-link--collapsable {
  font-size: 0.7125rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 15px;
  padding: 10px 0.5rem;
}
.sidebar-nav__nav-link--collapsable::after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  transition: transform 0.15s ease-in-out;
}
.page--sidebar-position_top .sidebar-nav__nav-link--collapsable::after {
  display: none;
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--collapsable::after {
  order: 0;
}
.page--sidebar-position_top .sidebar-nav__nav-link--collapsable::after {
  order: 3;
  transform: rotate(90deg);
}
.page--sidebar-position_left .sidebar-nav__nav-link--collapsable.sidebar-nav__nav-link--active::after {
  transform: rotate(90deg);
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-link--collapsable {
  justify-content: center;
}

.nav-link__icon {
  font-size: 0.8125rem;
  color: var(--sidebarNavFgColor, #6e96d7);
  background-color: var(--sidebarNavBgColor, transparent);
  width: 0.8125rem;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
  z-index: 1;
  order: 3;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.sidebar-nav__nav-link:hover .nav-link__icon, .sidebar-nav__nav-link--active:hover .nav-link__icon {
  color: var(--sidebarNavFgColorHover, #6e96d7);
  background-color: var(--sidebarNavBgColorHover, transparent);
}
.nav-link__icon--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-link__icon--empty::after {
  content: "";
  display: block;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  background-color: #4967a9;
}
.list--main-sidebar .list--main-sidebar .nav-link__icon {
  background-color: var(--sidebarNavBgColor, #191a1c);
}
.list--main-sidebar .list--main-sidebar .sidebar-nav__nav-link:hover .nav-link__icon {
  background-color: var(--sidebarNavBgColorHover, #191a1c);
}
.page--sidebar-position_left.page--sidebar-collapsed .nav-link__icon {
  margin-right: 0;
}
.page--sidebar-position_top .sidebar-nav__nav-link--level-1 > .nav-link__icon {
  font-size: 2rem;
  width: 2rem;
  order: 0;
}

.nav-link__title {
  padding: 0 0.75rem;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page--sidebar-position_left .nav-link__title {
  order: 1;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item .sidebar-nav__nav-link--level-1 > .nav-link__title {
  display: none;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover .sidebar-nav__nav-link--level-1 > .nav-link__title, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart .sidebar-nav__nav-link--level-1 > .nav-link__title {
  color: #969a9d;
  display: inline-block;
  max-width: calc(var(--dcf-mainSidebarWidth, 270px) - 1.75rem);
  position: absolute;
  left: calc(var(--dcf-mainSidebarCollapsedWidth, 75px) + 2rem);
  top: 0.75rem;
  z-index: 2;
  pointer-events: none;
  font-weight: bold;
}
.page--sidebar-position_top .sidebar-nav__nav-item .sidebar-nav__nav-link--level-1 > .nav-link__title {
  font-size: 1rem;
  padding: 0.5rem 0.75rem;
  align-items: center;
  display: inline-flex;
  flex-grow: 0;
}

.list--main-sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  /*    body:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--active + &::before {
      content: "";
      display: block;
      position: absolute;
      left: 2.8rem;
      top: 0;
      height: 100%;
      width: 1px;
      border-left: 1px dashed #353538;
  }
  */
}
.list--main-sidebar::-webkit-scrollbar {
  width: 7px;
}
.list--main-sidebar::-webkit-scrollbar-track {
  background-color: #212225;
}
.list--main-sidebar::-webkit-scrollbar-thumb {
  background-color: #434343;
}
.list--main-sidebar .list--main-sidebar {
  display: none;
  overflow: unset;
  border: none;
}
.page--sidebar-position_left .list--main-sidebar {
  border-width: 2px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  scrollbar-color: #434343 #212225;
  scrollbar-width: thin;
  overflow: hidden auto;
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--active + .list--main-sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
}
.page--sidebar-position_left.page--sidebar-collapsed .list--main-sidebar {
  overflow: unset;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover > .list--main-sidebar, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart > .list--main-sidebar {
  display: flex;
  position: absolute;
  left: calc(var(--dcf-mainSidebarCollapsedWidth, 75px) - 1.25rem);
  flex-direction: column;
  width: calc(var(--dcf-mainSidebarWidth, 270px) + 2px);
  background-color: #191a1c;
  border-radius: 0.25rem;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover .sidebar-nav__nav-link--level-2 + .list--main-sidebar, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart .sidebar-nav__nav-link--level-2 + .list--main-sidebar {
  left: calc(var(--dcf-mainSidebarWidth, 270px) + 1rem);
  top: 0;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover .sidebar-nav__nav-link--level-2 + .list--main-sidebar::after, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart .sidebar-nav__nav-link--level-2 + .list--main-sidebar::after {
  margin-top: 0.75rem;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover > .list--main-sidebar::before, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart > .list--main-sidebar::before {
  content: "";
  display: block;
  width: calc(var(--dcf-mainSidebarWidth, 270px) + 1rem);
  height: 100%;
  position: absolute;
  z-index: 1;
  margin-left: -1rem;
  top: 0;
  left: -4px;
  border-radius: 0.3rem;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item:hover > .list--main-sidebar::after, .page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-item--touchstart > .list--main-sidebar::after {
  content: "";
  display: block;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #191a1c transparent transparent;
  position: absolute;
  margin-left: -1rem;
  width: 8px;
  height: 8px;
  margin-top: -1rem;
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .sidebar-nav__nav-link--level-1 + .list--main-sidebar {
  background-color: #191a1c;
}
.page--sidebar-position_left.page--sidebar-collapsed .sidebar-nav__nav-link--level-1 + .list--main-sidebar {
  padding-top: 2rem;
}
.page--sidebar-position_top .sidebar-nav__nav-item:hover > .list--main-sidebar {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: absolute;
  top: 100%;
  min-width: min-content;
  z-index: 1;
}
.page--sidebar-position_top .main-sidebar__sidebar-nav > .list--main-sidebar {
  display: flex;
  flex-direction: row;
  transition: transform 0.25s ease-in-out;
}
.page--sidebar-position_top .sidebar-nav__nav-link--level-1 + .list--main-sidebar {
  background-color: #191a1c;
}

.main-sidebar__collapse-button {
  padding: 0.75rem 1rem;
  color: #a5abb1;
  font-size: 0.9125rem;
}
.main-sidebar__collapse-button:hover {
  --dcf-buttonFgColorHover: #fff;
  background-color: #1e1f21;
  border-radius: 0;
}
.page--sidebar-position_left.page--sidebar-collapsed .main-sidebar__collapse-button .collapse-button__icon {
  transform: rotate(180deg);
}

.main-sidebar__pagination-button {
  --dcf-buttonFontSize: 2rem;
  --dcf-buttonFgColor: #fff;
}

.main-sidebar__buttons {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
}
.page--sidebar-position_left .main-sidebar__buttons {
  padding: 1.25rem;
}
.page--sidebar-position_top .main-sidebar__buttons {
  padding: 0 0.85rem;
}
.main-sidebar__buttons .dc-button {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0.1875rem;
  padding: 0.6125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
}
.main-sidebar__buttons .dc-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.main-sidebar__buttons .dc-button:not(:last-child) {
  margin-bottom: 0.3125rem;
}
.page--sidebar-position_left:not(.page--sidebar-collapsed) .main-sidebar__buttons .dc-button i {
  margin-right: 0.25rem;
}

.page--sidebar-position_left.page--sidebar-collapsed .collapse-button__text {
  display: none;
}

#main {
  margin: var(--dcf-mainMargin);
  padding: 0;
  min-height: 0;
  position: relative;
  width: var(--dcf-mainWidth);
  height: var(--dcf-mainHeight);
  display: flex;
  flex-direction: column;
}
.page--sidebar-position_left #main {
  margin-left: var(--dcf-mainSidebarWidth);
  top: var(--dcf-headerHeight);
  transition: width 0.2s ease-in-out, margin 0.2s ease-in-out;
}
.page--sidebar-position_left.page--sidebar-collapsed #main {
  width: calc(100vw - var(--dcf-mainSidebarCollapsedWidth));
  margin-left: var(--dcf-mainSidebarCollapsedWidth);
}
.page--sidebar-position_left.page--sidebar-hidden #main {
  width: 100vw;
  margin-left: 0;
}
.page--sidebar-position_left.page--sidebar-hidden.page--sidebar-collapsed #main {
  margin-left: 0;
}
#main .content__viewPortInner > .row {
  flex: 1;
}
#main .content__viewPortInner > .row > .dc-panel {
  flex-grow: 1 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#main .content__viewPortInner > .row > .dc-panel > .dc-container-area {
  flex: 1;
}

.header {
  flex-wrap: nowrap;
  align-items: center;
  height: var(--dcf-headerHeight, 52px);
  flex-shrink: 0;
  padding: 0 13px 0 0;
  background-color: #212225;
  width: 100%;
  position: relative;
  /* Muss hoeher sein, als die Dockables, da ansonsten die Dropdowns
   (Notification und User Dropdown) verdeckt werden. */
  z-index: 100;
}
.page--sidebar-position_left .header {
  position: fixed;
  top: 0;
}

.header__left {
  align-items: center;
  width: var(--dcf-mainSidebarWidth, 270px);
  padding-left: 1rem;
  flex-shrink: 0;
}

.header__logo {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  height: var(--dcf-headerHeight, 52px);
  width: 100%;
  min-width: 0;
}
.header__logo img {
  flex-shrink: 0;
  max-height: 24px;
  max-width: 200px;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.header-notifications__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-notifications__count {
  width: 100%;
  flex-shrink: 0;
}

.dc-quicksearch {
  color: #000;
  display: flex;
  flex-direction: column;
}

.quicksearch__head {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1rem;
  background-color: #00594E;
  padding: 0.3125rem 0;
  gap: 0.1875rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  cursor: pointer;
}
.quicksearch__head-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.625rem;
  padding-left: 0.3125rem;
}
.quicksearch__head-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  padding: 0.3125rem 0.3125rem 0.3125rem 0rem;
  font-weight: bold;
}
.quicksearch__head-collapse {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.625rem;
  transition: transform 0.25s ease-in-out;
}

.quicksearch__body {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  background-color: #5F938A;
  max-height: var(--dcf-quicksearchBodyExpandedHeight, 500px);
  transform-origin: top;
  transition: max-height 0.25s ease;
  flex: 1 0;
}
.quicksearch__body--collapsed {
  max-height: 0px;
  overflow: hidden;
}
.quicksearch__body--transition {
  overflow: hidden;
}

.quicksearch__item {
  color: #fff;
  border-bottom: solid 1px #C7D9D6;
  padding: 0.375rem 0.4375rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  text-decoration: none;
}
.quicksearch__item:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
  text-decoration: none;
}
.quicksearch__item--selected {
  background-color: #36766B;
  filter: contrast(150%);
  -webkit-filter: contrast(150%);
  text-decoration: none;
}
.quicksearch__item:last-child {
  border-bottom: none;
}
.quicksearch__item--has-menu {
  padding-right: 3rem;
}
.quicksearch__item--command {
  flex-direction: row;
  align-items: center;
}
.quicksearch__item-body {
  flex: 1;
  color: #C7D9D6;
  font-size: 0.875rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.quicksearch__item--command .quicksearch__item-body {
  line-height: 1.5;
}
.quicksearch__item--command .quicksearch__item-body::before {
  content: "–";
  padding: 0 0.5rem;
}

.quicksearch__item-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.1875rem;
  padding-bottom: 0.15rem;
}
.quicksearch__item-head-title {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.quicksearch__item--command .quicksearch__item-head-title {
  margin-left: 0.5rem;
  font-weight: bold;
}
.quicksearch__item-head-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.1875rem;
}
.quicksearch__item-head-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.25rem;
  border: solid 0.0625rem #C7D9D6;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.quicksearch__item-menu {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  background-color: #36766B;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.quicksearch__item-menu-toggle-button {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonPadding: 0 0.75rem;
  --dcf-buttonBorderRadius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
.quicksearch__item-menu-toggle-button i {
  transition: all 0.25s ease-in-out;
}
.quicksearch__item-menu-toggle-button:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
.quicksearch__item-menu-toggle-button--active {
  background-color: #4A847A;
}

.quicksearch__menu-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  background-color: #00594E;
  overflow: hidden;
  max-width: 0px;
  transform-origin: right;
  transition: max-width 0.25s ease-in-out;
}
.quicksearch__menu-items--expanded {
  max-width: var(--dcf-quicksearchMenuExpandedWidth, min-content);
}
.quicksearch__menu-items-item {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonPadding: 0 0.75rem;
  --dcf-buttonBorderRadius: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
.quicksearch__menu-items-item:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
.quicksearch__menu-items .dropdown {
  position: static;
}
.quicksearch__menu-items .dropdown-item > span {
  display: inline-flex;
  flex-direction: column;
}
.quicksearch__menu-items .dropdown-item > span span {
  font-size: 0.8125rem;
}

.quicksearch__show-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.quicksearch__show-more-link {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 2.8125rem;
  font-size: 0.875rem;
  line-height: 1rem;
  text-decoration: none;
}
.quicksearch__show-more-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
  text-decoration: none;
}

.header__center {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1;
  height: 100%;
}
.header__center .header__button--activity i {
  position: relative;
  top: 2px;
}

.header__document-upload {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
}

.header__right {
  margin-left: auto;
}

.header-search {
  margin: 0 auto;
}
.header-search__button {
  --dcf-buttonFgColor: #fff;
  --dcf-buttonBgColor: rgba(255, 255, 255, 0.2);
  --dcf-buttonBorderColor: rgba(255, 255, 255, 0.2);
  --dcf-buttonBgColorHover: rgba(255, 255, 255, 0.25);
  font-weight: bold;
}

@media (max-width: 767px) {
  .header-search--mobile {
    background: #222;
    display: block;
    padding: 0 0.2rem;
    height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .header-search--mobile .header-search__input {
    height: 45px;
    border-color: #333;
    padding-right: 100px;
  }
  .header-search--mobile .button--header-search {
    padding: 0.5rem 1rem;
    top: 8px;
  }
  .header-search--mobile .header-search__submit-button {
    right: 52px;
    background: #dddddd;
    border-radius: 3px;
  }
  .header-search--mobile .header-search__cancel-button {
    display: block;
  }
}

.header__button {
  --dcf-buttonFontSize: 1rem;
  --dcf-buttonLineHeight: 1;
  --dcf-headerButtonFgColor: #d1d5db;
  --dcf-headerButtonBgColor: transparent;
  --dcf-headerButtonBorderColor: #6b7280;
  --dcf-headerButtonFgColorHover: unset;
  --dcf-headerButtonBgColorHover: unset;
  --dcf-headerButtonBorderColorHover: #bfbfbf;
  --dcf-headerButtonBorderRadius: 0.25rem;
  color: var(--dcf-headerButtonFgColor);
  background-color: var(--dcf-headerButtonBgColor);
  border-color: var(--dcf-headerButtonBorderColor);
  border-radius: 0.125rem;
  position: relative;
}
.header__button:hover {
  color: var(--dcf-headerButtonFgColor);
  background-color: var(--dcf-headerButtonBgColorHover);
  border-color: var(--dcf-headerButtonBorderColorHover);
}

.header__button--activity {
  --dcf-buttonLineHeight: 1;
  margin: 0 0.35rem;
}

.header__button--menu {
  --dcf-buttonLineHeight: 1;
  --dcf-buttonPadding: 0.375rem 0.25rem;
  margin: 0 0 0 0.25rem;
}

.header__activity {
  font-size: 0.65rem;
  background-color: #059669;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
}
.header__activity--new {
  background-color: #f00;
}

/*
    Application-dockables
*/
.dc-dockable-app-bars-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.dc-dockable-app-bars-wrapper-inner {
  display: flex;
  flex-direction: row;
  min-height: 0;
  flex: 1;
}
.dc-dockable-app-bars-wrapper .dc-dockable-bars-outer-top:empty {
  flex-basis: var(--dockableCollapsedSize);
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-top > .dockable__floating,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-bottom > .dockable__floating {
  z-index: 96;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-left > .dockable__floating,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-right > .dockable__floating {
  z-index: 95;
}

.dc-dockable-app-bars-content {
  border-width: 0 1px;
  border-style: solid;
  border-color: #212225;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dc-dockable-app-bars-content.scrollable {
  overflow: auto;
}
.dc-dockable-app-bars-content #content {
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.dc-dockable-wrapper {
  border-radius: 0.3rem 0.3rem 0 0;
  overflow: hidden;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
}
.dxp .dc-dockable-wrapper {
  border-radius: 0;
}
.dc-dockable-wrapper-inner {
  min-height: 0;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  display: flex;
}
.dc-dockable-wrapper-inner .dockable--top .dockable__tabs {
  border-radius: 0.3rem 0.3rem 0 0;
}
.dc-dockable-wrapper-inner .dockable--right .dockable__tabs {
  border-radius: 0 0.3rem 0 0;
}
.dc-dockable-wrapper-inner .dockable--left .dockable__tabs {
  border-radius: 0.3rem 0 0 0;
}
.dc-dockable-wrapper .dockable--top,
.dc-dockable-wrapper .dockable--bottom {
  z-index: 3;
}
.dc-dockable-wrapper .dockable--left,
.dc-dockable-wrapper .dockable--right {
  z-index: 4;
}

/**
 *  Die maximale Breite, die am #content gesetzt wurde, muss jetzt hier am form
 *  gesetzt werden.
 */
.dc-dockable-content {
  overflow: auto;
  width: 100%;
  min-height: 0;
  flex: 1;
  display: flex;
}
.dc-dockable-content > form {
  margin: 0 auto;
  padding: 0.5rem;
  height: 100%;
  flex-shrink: 0;
}
.dc-dockable-content > #innerContent {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.dc-dockable-content > #innerContent .dockable--top,
.dc-dockable-content > #innerContent .dockable--bottom {
  z-index: 1;
}
.dc-dockable-content > #innerContent .dockable--left,
.dc-dockable-content > #innerContent .dockable--right {
  z-index: 2;
}
.dc-dockable-content [data-dockposclass] {
  display: none;
}

@keyframes notificationFlash {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes notificationFlashBackground {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: var(--dockableTabNotificationColor);
  }
}
.content__toolbar--right {
  height: 100vh;
  width: var(--toolbarWidth, auto);
  max-width: var(--toolbarMaxWidth, 100%);
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 90;
  right: 0;
  top: 0;
  overflow: hidden;
  transform: translateX(var(--toolbarTranslateX, 0));
  transition: width 0.25s ease-in-out;
}
.content__toolbar--right.toolbar--hidden .dcc-registertab[data-toolbar-trigger=click] .register__header {
  position: relative;
}
.content__toolbar--right.toolbar--hidden .dcc-registertab[data-toolbar-trigger=click] .register__header::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.content__toolbar--right.toolbar--hidden .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__icon, .content__toolbar--right.toolbar--hidden .dcc-registertab[data-toolbar-view-type=title] .tab-link__icon {
  margin: 0;
}
.content__toolbar--right.toolbar--hidden_title .dcc-registertab[data-toolbar-view-type=titleOverlay] .register__header, .content__toolbar--right.toolbar--hidden_title .dcc-registertab[data-toolbar-view-type=title] .register__header {
  --dcf-tabHeaderWidth: auto !important;
}
.content__toolbar--right.toolbar--hidden_title .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__title, .content__toolbar--right.toolbar--hidden_title .dcc-registertab[data-toolbar-view-type=title] .tab-link__title {
  width: 0;
}
.content__toolbar--right.toolbar--hidden_content .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__title, .content__toolbar--right.toolbar--hidden_content .dcc-registertab[data-toolbar-view-type=title] .tab-link__title {
  width: 0;
}
.content__toolbar--right.toolbar--hidden_content .register__body {
  display: none;
}
.content__toolbar--right.toolbar--hidden_content .register__body > * {
  display: none;
}
.content__toolbar--right.toolbar--visible_title .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__title, .content__toolbar--right.toolbar--visible_title .dcc-registertab[data-toolbar-view-type=title] .tab-link__title {
  width: 100%;
}
.content__toolbar--right.toolbar--visible_content .dcc-registertab[data-toolbar-view-type=titleOverlay] .register__body {
  width: calc(100% - var(--toolbarContentOffsetX, 0));
  height: 100%;
}
.content__toolbar--right.toolbar--visible_content .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__title {
  width: 0;
}
.content__toolbar--right .dcc-registertab[data-toolbar-height-control="1"] {
  height: 100% !important;
}
.content__toolbar--right .dcc-registertab[data-toolbar-height-control="1"] .dc-register {
  align-items: center;
}
.content__toolbar--right .dcc-registertab[data-toolbar-height-control="1"] .register__body {
  height: 100%;
}
.content__toolbar--right .dcc-registertab[data-toolbar-view-type=titleOverlay] .register__header, .content__toolbar--right .dcc-registertab[data-toolbar-view-type=title] .register__header {
  transition: all 0.25s ease-in-out;
}
.content__toolbar--right .dcc-registertab[data-toolbar-view-type=titleOverlay] .tab-link__title, .content__toolbar--right .dcc-registertab[data-toolbar-view-type=title] .tab-link__title {
  transition: all 0.25s ease-in-out;
}
.content__toolbar--right .dcc-registertab[data-toolbar-view-type=titleOverlay] .dc-register {
  position: relative;
}
.content__toolbar--right .dcc-registertab[data-toolbar-view-type=titleOverlay] .register__body {
  left: var(--toolbarContentOffsetX);
  top: 0;
  position: absolute;
}

.register--form-tabs {
  min-height: 0;
  height: initial;
  flex: 1;
}
.register--form-tabs > .register__header {
  background: transparent;
  border-width: 0;
}
.register--form-tabs > .register__header .register--closable .tab__link {
  --dcf-tabLinkPadding: 0.35rem 2.5rem 0.35rem 1rem;
  --dcf-tabLinkPaddingActive: 0.35rem 2.5rem 0.35rem 1rem;
  --dcf-tabLinkPaddingHover: 0.35rem 2.5rem 0.35rem 1rem;
}
.register--form-tabs > .register__header .register__tab {
  display: inline-flex;
  position: relative;
  align-items: center;
}
.register--form-tabs > .register__header .tab__link {
  --dcf-tabLinkBgColor: transparent;
  --dcf-tabLinkFgColor: #96acb9;
  --dcf-tabLinkFgColorHover: #38627a;
  --dcf-tabLinkBgColorHover: transparent;
  --dcf-tabLinkFgColorActive: #2ab1ff;
  --dcf-tabLinkPadding: 0.35rem 1rem;
  --dcf-tabLinkPaddingActive: 0.35rem 2.5rem 0.35rem 1rem;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 300;
  border-width: 0;
}
.register--form-tabs > .register__header .tab__link:not(.register--form-tabs > .register__header .tab__link--active) + .tab-link__close-btn {
  color: #475569;
}
.register--form-tabs > .register__header .content--mode_new:after {
  content: "\f7d4";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.75rem;
  font-weight: 400;
  color: orange;
  display: inline-block;
  position: relative;
  top: -0.75rem;
  margin-right: -0.75rem;
}
.register--form-tabs > .register__header .content--mode_edit:after {
  content: "\f7d4";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.75rem;
  font-weight: 400;
  color: orange;
  display: inline-block;
  position: relative;
  top: -0.75rem;
  margin-right: -0.75rem;
}
.register--form-tabs > .register__header .tab-link__icon {
  font-size: 1.25rem;
}
.register--form-tabs > .register__header .tab-link__title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 250px;
}
.register--form-tabs > .register__header .tab-link__title span:first-child {
  font-size: 1rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.register--form-tabs > .register__header .tab-link__title span:last-child {
  color: #c7d9d6;
  font-size: 0.875rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.register--form-tabs > .register__header .tab-link__close-btn {
  --dcf-buttonPadding: 0.375rem 0.75rem 0.375rem 0;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 0;
}
.register--form-tabs > .register__header .paginator__tab-button {
  border-width: 0;
}
.register--form-tabs > .register__body {
  --dcf-tabContentBgColor: transparent;
  border-width: 0;
  display: flex;
  min-width: 0;
  min-height: 0;
  height: initial;
  flex: 1;
  overflow: initial;
}
.register--form-tabs > .register__body > .register__pane {
  --dcf-tabContentBgColor: transparent;
  --dcf-tabContentPadding: 0;
  min-width: 0;
  min-height: 0;
  width: 100%;
  flex: 1;
  flex-direction: column;
}
.register--form-tabs > .register__body > .register__pane.register__pane--active {
  display: flex;
}
body.dc-docked-view .register--form-tabs > .register__body > .register__pane {
  --dcf-tabContentPadding: 0;
}
.register--form-tabs > .register__body > .register__pane > #content {
  padding: 0.8125rem 0.8125rem 0 !important;
}
.dialog-resizing .register--form-tabs > .register__body {
  overflow: hidden;
}

.dc-toolbar {
  background-color: #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.toolbar__edit {
  display: flex;
  flex-wrap: nowrap;
}

.toolbar__input {
  --dcf-formControlFontSize: 0.75rem;
  --dcf-formControlPadding: 0 0.5rem;
  --dcf-formControlBorderColorFocus: #000;
  text-align: center;
  width: calc(var(--dcf-toolbarInputWidth, 90px) + 0.5rem);
  box-shadow: none;
}

.toolbar__button {
  --dcf-buttonFontSize: 1rem;
  --dcf-buttonBorderRadius: 0;
}

.text--align_left {
  text-align: left;
}
.text--align_center {
  text-align: center;
}
.text--align_right {
  text-align: right;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.scrollable {
  width: 100%;
}
.scrollable--x {
  overflow-x: scroll;
}
.scrollable--x:not(.scrollable--y) {
  overflow-y: hidden;
}
.scrollable--y {
  overflow-y: scroll;
}
.scrollable--y:not(.scrollable--x) {
  overflow-x: hidden;
}

.dc-docked {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.dc-docktop {
  position: relative;
}

.dc-dockright {
  position: relative;
}

.dc-dockbottom {
  position: relative;
}

.dc-dockleft {
  position: relative;
}

.dc-striped-background {
  --dcf-stripedBackgroundColorEven: transparent;
  --dcf-stripedBackgroundColorOdd: transparent;
  --dcf-stripedBackgroundWidth: 6px;
  --dcf-stripedBackgroundAngle: -45deg;
  background-image: repeating-linear-gradient(var(--dcf-stripedBackgroundAngle), var(--dcf-stripedBackgroundColorEven), var(--dcf-stripedBackgroundColorEven) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) var(--dcf-stripedBackgroundWidth), var(--dcf-stripedBackgroundColorOdd) calc(var(--dcf-stripedBackgroundWidth) * 2));
}

.dc-inline-grid {
  display: grid;
  grid-template-columns: var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr) 1fr var(--dcf-inlineGridSideWidth, 1fr);
  grid-template-rows: var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr) 1fr var(--dcf-inlineGridSideHeight, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}

.inline-grid__child {
  min-width: 0;
  min-height: 0;
}
.inline-grid__child--full {
  grid-area: 1/1/6/6;
}
.inline-grid__child--full-inner {
  grid-area: 2/2/5/5;
}
.inline-grid__child--nw {
  grid-area: 1/1/2/2;
}
.inline-grid__child--n {
  grid-area: 1/3/1/3;
}
.inline-grid__child--ne {
  grid-area: 1/5/1/5;
}
.inline-grid__child--n-full {
  grid-area: 1/1/1/6;
}
.inline-grid__child--e {
  grid-area: 3/5/3/5;
}
.inline-grid__child--e-full {
  grid-area: 1/5/6/5;
}
.inline-grid__child--se {
  grid-area: 5/5/5/5;
}
.inline-grid__child--s {
  grid-area: 5/3/5/3;
}
.inline-grid__child--s-full {
  grid-area: 5/1/5/6;
}
.inline-grid__child--sw {
  grid-area: 5/1/5/1;
}
.inline-grid__child--w {
  grid-area: 3/1/3/1;
}
.inline-grid__child--w-full {
  grid-area: 1/1/6/1;
}

.toolbar__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: currentColor;
  font-weight: bold;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0 1rem;
}

.dc-edit-toolbar {
  display: flex;
  width: auto;
}
.ui-dialog .dc-edit-toolbar {
  flex: 1;
  white-space: nowrap;
  scrollbar-width: thin;
}

.dc-nav-toolbar {
  margin-left: auto;
}

/* Statistik - Drilldowns */
.drilldownmenu {
  background-color: #fff !important;
  border-radius: 0.5rem;
  border: 0;
  width: auto;
  height: auto;
  max-width: 450px;
  padding: 0 !important;
  display: flex;
  position: absolute !important;
  top: 2rem !important;
  left: 2rem !important;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06);
  z-index: 9999;
}

.drilldownmenu .dropdown-header {
  color: #4a5568;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem 0.5rem 0 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drilldownmenu .dropdown-header .back-btn {
  margin: -0.25rem 0 0 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.825rem;
  display: none;
}

.drilldownmenu .dropdown-header strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 1rem;
}

/*--> dropdown-toggle gibt es nicht für das drilldown. Es handelt sich um die Buttons in der Tooblar für schnellerfassung und profil
    das Icon wären die ... ellipsis

*/
/*.drilldownmenu .dropdown-header .dropdown-toggle::after {
  content: "\f141";
  font-family: "Font Awesome 6 Pro";
  border: 0;
}*/
.drilldownmenu .dropdown-header .dropdown > button {
  background-color: transparent;
  color: #a0aec0;
  border: 0;
  font-size: 1.5rem;
  padding: 0 0.5rem;
  margin: 0;
  line-height: 1;
}

.drilldownmenu .dropdown-header .dropdown > button:hover {
  color: #4a5568;
}

.drilldownmenu .dropdown-header .dropdown-menu {
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.drilldownmenu hr {
  margin: 0.5rem -0.5rem 0;
  background-color: #f7fafc;
}

.drilldownmenu .items {
  max-height: 300px;
  max-width: 450px;
  font-size: initial;
  padding: 0.25rem 0.5rem !important;
  overflow: hidden auto;
}

.drilldownmenu .dropdown-item {
  color: #4a5568;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drilldownmenu .items .dropdown-item {
  margin: 0.25rem 0;
}

.drilldownmenu .items .dropdown-item:last-child {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}

.drilldownmenu .dropdown-item:hover,
.drilldownmenu .dropdown-item:focus {
  background-color: #edf2f7;
  color: #1a202c;
  border-radius: 0.3rem;
}

.drilldownmenu .dropdown-item > i.fa {
  color: #4a5568 !important;
  margin: 0 0.5rem 0 0 !important;
}

.drilldownmenu .dropdown-item:hover > i.fa {
  color: #1a202c !important;
}

.drilldown__breadcrumb {
  font-size: 0.825rem;
  display: flex;
  align-items: center;
  position: relative;
}

.drilldown__breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0 1.75rem 0 0;
  display: flex;
  width: calc(100% - 80px);
  min-width: 0;
  position: absolute;
  top: 8px;
  left: 35px;
}

.drilldown__breadcrumb li {
  min-width: 0;
  display: inline-flex;
  align-items: center;
}

.drilldown__breadcrumb li i {
  padding-left: 0.5rem;
}

.drilldown__breadcrumb li:not(:last-child) {
  padding-right: 0.5rem;
  min-width: 100px;
}

.drilldown__breadcrumb li:not(:last-child):hover span {
  background-color: #e2e8f0;
  border-radius: 0.2rem;
  cursor: pointer;
}

.drilldown__breadcrumb li:last-child {
  color: #4a5568;
}

.drilldown__breadcrumb li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
}

.drilldown__breadcrumb li:last-child {
  flex: 1 1 auto;
}

.drilldown__breadcrumb li:last-child i {
  display: none;
}

.drilldown__breadcrumb .drilldown__breadcrumb__info {
  background-color: transparent;
  color: #4299e1;
  display: flex;
  height: 25px;
  padding: 0 0.5rem;
  align-items: center;
  position: absolute;
  right: 15px;
  top: 10px;
  border-radius: 0.2rem;
  font-size: 1rem;
  cursor: pointer;
}

.drilldown__breadcrumb .drilldown__breadcrumb__info:hover {
  background-color: #ebf8ff;
  animation-play-state: paused;
}

.floating-list--bar {
  background-color: #f1f5f9;
  border-top: 1px solid #cbd5e1;
  padding: 0.25rem 1rem;
  width: 100%;
}

.floating-list__items {
  display: flex;
  flex-wrap: nowrap;
  padding: 0.5rem 0;
  overflow-x: auto;
}
.floating-list--inline .floating-list__items {
  flex-wrap: wrap;
  overflow: initial;
  flex-direction: column;
}

.floating-item__icon {
  font-size: 1.5rem;
  padding: 0 0.25rem;
}
.floating-list--inline .floating-item__icon {
  font-size: 1.25rem;
}

.floating-item__meta {
  display: flex;
  flex-direction: column;
  padding: 0 0.5rem;
  min-width: 0;
}

.text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floating-item__file-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floating-item__timestamp {
  white-space: nowrap;
}

.floating-item__remove {
  --dcf-buttonPadding: 0.25rem 0.5rem;
  --dcf-buttonFgColor: #2563eb;
  --dcf-buttonFgColorHover: #1e40af;
  --dcf-buttonBgColorHover: #dbeafe;
}
.floating-list--inline .floating-item__remove {
  margin-left: auto;
}

.floating-list__item {
  --dcf-floatingListItemFgColor: #475569;
  --dcf-floatingListItemBgColor: #f8fafc;
  --dcf-floatingListItemBorderColor: #bfdbfe;
  font-size: 0.8125rem;
  color: var(--dcf-floatingListItemFgColor);
  background-color: var(--dcf-floatingListItemBgColor);
  border: 1px solid var(--dcf-floatingListItemBorderColor);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
  margin: 0 0.5rem;
  max-width: 250px;
  border-radius: 0.25rem;
  cursor: pointer;
}
.floating-list__item:hover {
  --dcf-floatingListItemBorderColor: #60a5fa;
  text-decoration: none;
}
.floating-list__item:hover strong {
  text-decoration: none;
}
.floating-list__item--ready {
  --dcf-floatingListItemFgColor: #14532d;
  --dcf-floatingListItemBgColor: #f0fdf4;
  --dcf-floatingListItemBorderColor: #16a34a;
}
.floating-list__item--ready:hover {
  --dcf-floatingListItemFgColor: #14532d;
  --dcf-floatingListItemBgColor: #f0fdf4;
  --dcf-floatingListItemBorderColor: #14532d;
}
.floating-list__item--dropdown {
  position: relative;
}
.floating-list--inline .floating-list__item {
  margin: 0 0 0.5rem;
  padding: 0.125rem 0.25rem;
  max-width: 100%;
}

.dc-lpembedded {
  --dcf-mainWidth: 100vw;
  --dcf-mainHeight: 100vh;
  --dcf-mainSidebarWidth: 0;
  --dcf-mainMargin: 0;
}
.dc-lpembedded .content__viewPort {
  width: 100%;
  padding: var(--dcf-contentViewPortPadding, 0);
  margin: var(--dcf-contentViewPortMargin, 0);
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.dc-lpembedded .content__viewPortInner {
  flex: 1;
  min-height: 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.dc-lpembedded #content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.validate-error-list--mobile-bottom:hover {
  cursor: pointer;
}

.dccoptiongroup {
  flex-direction: column !important;
}

table.widget-dctable {
  table-layout: auto;
}

.dc-landingpage-progress {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.landingpage-progress__dialog {
  background-color: #fff;
  padding: 1rem;
  border: 2px solid rgb(0, 73, 133);
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 576px) {
  .landingpage-progress__dialog {
    width: 30%;
  }
}

.landingpage-progress__bar-wrapper {
  height: 5px;
  background-color: #eee;
}

.landingpage-progress__bar {
  background-color: rgb(0, 73, 133);
  width: 0;
  height: 100%;
  transition: width 0.25s ease-in-out 0s;
}

:root {
  --dcf-floatingHeaderHeight: 348px;
}

.page--sidebar-position_left {
  --dcf-mainSidebarWidth: 360px;
}

/* AH und OE Anpassungen */
body {
  font-family: RobotoLightWebFont;
}

.dc-dockable-app-bars-wrapper .dc-dockable-bars-outer-top:empty {
  flex-basis: 0;
}

header.header .header__button {
  color: #23387D !important;
}

header.header .header__button:hover {
  background-color: transparent !important;
  color: black !important;
}

#left-panel.main-sidebar {
  background-color: hsl(200.2deg, 63.2%, 26.7%);
  background-image: none;
}

.page--sidebar-position_left .main-sidebar__header img {
  padding: 20px 23px 0 23px;
}
.page--sidebar-position_top .main-sidebar__header img {
  padding: 20px 23px;
}

.main-sidebar div.main-sidebar__user {
  background-color: #fff !important;
}

.page--sidebar-position_left .content__viewPort {
  --dcf-contentViewPortPadding: 0 3rem;
}

.content__viewPort--floating-header {
  padding-top: var(--dcf-floatingHeaderHeight) !important;
}
.page--sidebar-position_top.page--header-below .content__viewPort--floating-header {
  padding-top: calc(var(--dcf-floatingHeaderHeight) + var(--dcf-mainMenuHeight)) !important;
}

.dcc-registertab[data-toolbar-type] .register__nav {
  background-color: rgb(159, 209, 249);
}

.groupbox__header-title {
  line-height: 1.5;
}

.dropdown-menu--no_items:not(.dropdown-menu--settings_visible) {
  border-color: inherit;
}

.panel--kpi_style1 {
  border: 0 !important;
}

.panel--kpi_style1 .dc-container-area .row {
  gap: 10px;
}

.panel--kpi_style2 .dcc-kpi {
  background-color: hsl(194.3deg, 46.5%, 47.6%) !important;
  box-shadow: #909191 3px 3px 2px 0px;
  border-radius: 0 !important;
}

.panel--kpi_style2 .kpi__body {
  gap: 0;
  padding: 0.75rem 0 0.25rem;
  color: hsl(200.2deg, 63.2%, 26.7%);
}

.panel--kpi_style2 .kpi__title .form__label {
  font-size: 15px;
  color: #e1e1e1;
}

.panel--kpi_style2 .kpi__content {
  font-size: 30px !important;
  --dcf-formHtmlFontSize: 30px !important;
  font-family: "RobotoLightWebFont";
  color: #f7e2c7;
}

.panel--kpi_style3 .dcc-kpi {
  border: 1px solid hsl(194.3deg, 46.5%, 47.6%) !important;
  padding: 0;
  border-radius: 0 !important;
}

.panel--kpi_style3 .dcc-kpi:hover {
  background-color: #f7e2c7 !important;
}

.panel--kpi_style3 .kpi__icon {
  background-color: hsl(194.3deg, 46.5%, 47.6%) !important;
  padding: 0 0.75rem;
  color: #f7e2c7;
}

.panel--kpi_style3 .dcc-kpi:hover .kpi__icon {
  color: hsl(194.3deg, 46.5%, 47.6%) !important;
  background-color: #f7e2c7 !important;
}

.panel--kpi_style3 .kpi__body {
  gap: 0;
  padding: 0.25rem 0.85rem 0.5rem 0;
  color: hsl(200.2deg, 63.2%, 26.7%);
}

.panel--kpi_style3 .kpi__title {
  line-height: 1;
}

.panel--kpi_style3 .kpi__content {
  font-size: 30px !important;
  --dcf-formHtmlFontSize: 30px !important;
  line-height: 1;
}

.groupbox--filter_style1 {
  border: 2px solid hsl(200.2deg, 63.24%, 40%) !important;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  padding: 0;
}

.tiles {
  background-color: aliceblue;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border: 0 !important;
}

.text--heading_style1 span {
  color: hsl(200.2deg, 63.2%, 26.7%) !important;
}

.text--heading_style1::after {
  content: "";
  background-color: hsl(200.3deg, 66.4%, 58%);
  width: 127px;
  height: 4px;
  display: inline-block;
  position: relative;
  top: -10px;
}

ul.list--main-sidebar > .sidebar-nav__nav-item > .sidebar-nav__nav-link {
  font-size: 16px;
  font-family: RobotoLightWebFont !important;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.25;
}

ul.list--main-sidebar > .sidebar-nav__nav-item > .sidebar-nav__nav-link > .nav-link__icon {
  background-color: transparent !important;
  color: #fff !important;
  font-size: 1rem !important;
}

table > .table__head th.resizeable > .table__cell-caption {
  color: #fff !important;
  font-weight: bold;
  font-size: 1rem;
}

.dc-table .table__head {
  background-color: hsl(194.3deg, 46.5%, 47.6%);
}

.text--groups_style1 {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  color: hsl(200.2deg, 63.2%, 26.7%);
  padding-top: 20px !important;
}
.text--groups_style1 span {
  font-size: 30px !important;
  color: hsl(200.2deg, 63.2%, 26.7%) !important;
}

.text--groups_style1::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 38px;
  border-width: 0 8px;
  border-style: solid;
  border-color: hsl(194.3deg, 46.5%, 47.6%);
  transform: skewX(-20deg);
  margin-right: 1rem;
}

.grid--caption_style1 > div {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: hsl(200.2deg, 63.24%, 26.67%);
  padding: 0.25rem 0 0 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
}

.dc-grid-data-container {
  border: 1px solid var(--dcf-tableBorderColor, #dee2e6) !important;
}

.text--column_style1 {
  column-count: 2;
  column-rule: 2px solid hsl(200.3deg, 66.4%, 58%);
  column-gap: 2rem;
}

.dc-groupbox .groupbox__header {
  font-size: 1rem !important;
}

.content__viewPort .dc-button:not(.dc-grid-row-menu) {
  background-color: hsl(200.2deg, 63.2%, 26.7%) !important;
  color: #fff;
  border-radius: 0 !important;
  border: 0 !important;
}
.content__viewPort .dc-button:not(.dc-grid-row-menu):hover {
  background-color: #1e1f21 !important;
}

.panel--fondsOverview {
  color: hsl(200.2deg, 63.2%, 26.7%) !important;
  margin-right: 1rem !important;
  border: 0 !important;
}
.panel--fondsOverview > .dc-container-area {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 1px solid hsl(200.2deg, 63.2%, 26.7%) !important;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  overflow: hidden;
  position: relative;
}
.panel--fondsOverview > .dc-container-area:hover > .row {
  bottom: 0;
}
.panel--fondsOverview > .dc-container-area:hover > .row > .dc-panel {
  background-color: hsla(200.4deg, 41.7%, 75.1%, 0.75) !important;
}
.panel--fondsOverview > .dc-container-area > .row {
  position: absolute;
  bottom: -105px;
  transition: bottom 0.25s ease;
}
.panel--fondsOverview > .dc-container-area > .row > .dc-panel {
  background-color: hsla(200.4deg, 41.7%, 75.1%, 0.5) !important;
  margin: 0;
  border: 0 !important;
  transition: background-color 0.25s ease;
}

/* ThemeRoller */
/* Hintergrundfarbe dem Body anpassen */
/*#region configFolders Button - Optik */
/*todo: auch hier Farbnennung in Klasse ungünstig -> besser cfgFolder_TASK oder so*/
/* @OKAN: Die Farben sind hier eher ungünstig, auch wenn ich dafür
 * verantwortlich bin. :-)) Muss ein Designer mal schöner machen und bleibt bis
 * dahin erstmal so. */
.btn[class*=btn-outline] {
  font-weight: bold;
  /*background: #ffffff;*/
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  margin: 0 0.5rem 0.75rem 0;
}

.btn-outline-primary-alt {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  border-color: #cbd5e0;
  color: #4a5568;
}

.btn-outline-primary-alt:hover {
  background-color: #ebf8ff;
  color: #3182ce;
}

.btn-outline-primary-alt.active {
  background: linear-gradient(180deg, #ebf8ff 0%, #ffffff 100%) !important;
  border-color: #63b3ed;
  color: #3182ce;
}

.btn-outline-blue {
  border-color: #90cdf4;
  color: #3182ce;
}

.btn-outline-blue:hover {
  background-color: #ebf8ff;
  color: #3182ce;
}

.btn-outline-blue.active {
  background: linear-gradient(180deg, #bee3f8 0%, #ffffff 100%);
  color: #2b6cb0;
}

.btn-outline-gray {
  border-color: #cbd5e0;
  color: #718096;
}

.btn-outline-gray:hover {
  background-color: #f7fafc;
  color: #718096;
}

.btn-outline-gray.active {
  background: linear-gradient(180deg, #edf2f7 0%, #ffffff 100%);
  color: #4a5568;
}

.btn-outline-green {
  border-color: #68d391;
  color: #2f855a;
}

.btn-outline-green:hover {
  background-color: #f0fff4;
  color: #2f855a;
}

.btn-outline-green.active {
  background: linear-gradient(180deg, #c6f6d5 0%, #ffffff 100%);
  color: #2f855a;
}

.btn-outline-red {
  border-color: #fc8181;
  color: #e53e3e;
}

.btn-outline-red:hover {
  background-color: #fff5f5;
  color: #e53e3e;
}

.btn-outline-red.active {
  background: linear-gradient(180deg, #fed7d7 0%, #ffffff 100%);
  color: #c53030;
}

.btn-outline-yellow {
  border-color: #ecc94b;
  color: #d69e2e;
}

.btn-outline-yellow:hover {
  background-color: #fffff0;
  color: #d69e2e;
}

.btn-outline-yellow.active {
  background: linear-gradient(180deg, #fefcbf 0%, #ffffff 100%);
  color: #b7791f;
}

.btn-outline-teal {
  border-color: #4fd1c5;
  color: #319795;
}

.btn-outline-teal:hover {
  background-color: #e6fffa;
  color: #319795;
}

.btn-outline-teal.active {
  background: linear-gradient(180deg, #b2f5ea 0%, #ffffff 100%);
  color: #2c7a7b;
}

.btn-outline-orange {
  border-color: #f6ad55;
  color: #dd6b20;
}

.btn-outline-orange:hover {
  background-color: #fffaf0;
  color: #dd6b20;
}

.btn-outline-orange.active {
  background: linear-gradient(180deg, #fbd38d 0%, #ffffff 100%);
  color: #c05621;
}

.btn-outline-black {
  border-color: #2d3748;
  color: #4a5568;
}

.btn-outline-black:hover {
  background-color: #f7fafc;
  color: #4a5568;
}

.btn-outline-black.active {
  background: linear-gradient(180deg, #cbd5e0 0%, #ffffff 100%);
  color: #1a202c;
}

/* todo oe: Das wurde aus dem Formbuilder extrahiert und muss dann noch als Basis fuer das Akkordion-Widget verwendet werden.  */
.controlproperties__styles > .groupbox__body {
  --dcf-groupboxBodyPadding: 0;
}

.controlproperties__styles .main-sidebar__sidebar-nav {
  overflow: hidden;
  padding: 0;
}

.controlproperties__styles .sidebar-nav__nav-item {
  width: 100%;
}

.controlproperties__styles .sidebar-nav__nav-link {
  --sidebarNavFgColor: #1F2937;
  --sidebarNavBgColorHover: #E5E7EB;
  --sidebarNavFgColorHover: #374151;
  padding: 0.75rem 0.75rem;
}

.controlproperties__styles .list--main-sidebar .list--main-sidebar {
  background-color: #fff !important;
  padding: 0.25rem !important;
}

.controlproperties__styles .list--main-sidebar .list--main-sidebar::before {
  display: none !important;
}

.dc-theme-roller__indicator {
  position: relative;
}
.dc-theme-roller__indicator:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  animation-name: ThemeRollerIndicator;
  animation-duration: 500ms;
  animation-iteration-count: 5;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.dc-themeroller-overlay {
  opacity: 0 !important;
}

.themeRoller__viewer .sidePanel-grid > .dc-container-area {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  max-width: 200px;
}
.themeRoller__viewer .sidePanel-grid > .dc-container-area > * {
  max-width: 100px;
  margin: auto;
}
.themeRoller__viewer .sidePanel-grid > .dc-container-area > div:nth-child(1) {
  grid-row: 1;
  grid-column: 2/4;
}
.themeRoller__viewer .sidePanel-grid > .dc-container-area > div:nth-child(2) {
  grid-row: 3;
  grid-column: 2/4;
}
.themeRoller__viewer .sidePanel-grid > .dc-container-area > div:nth-child(3) {
  grid-row: 2;
  grid-column: 1/3;
}
.themeRoller__viewer .sidePanel-grid > .dc-container-area > div:nth-child(4) {
  grid-row: 2;
  grid-column: 3/5;
}
.themeRoller__viewer .sidePanel-grid .form__label {
  justify-content: center;
}
.themeRoller__viewer .dc-breakpoint-menu {
  max-width: 300px;
  overflow-x: auto;
}

@keyframes ThemeRollerIndicator {
  from {
    background-color: transparent;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px;
  }
  to {
    background-color: rgba(254, 215, 215, 0.9);
    border-color: #f56565;
    border-style: solid;
    border-width: 1px;
  }
}
/* Das sind hier temporäre Anpassungen, die eventuell rausfliegen oder noch
 * Punkte sind, die ich mit Andreas klären muss.
 */
/* Aktuell ist bei Personenmasken das `#widget-grid`-Element von einer `row`
 * umschlossen, die in meinen Augen nicht unbedingt notwendig ist, allerdings
 * weiss das hier Andreas besser und hat sicherlich seinen Grund, dass es da
 * steht.
 *
 * Fakt ist, wie müssen hier der Box sagen, dass sie nicht ausserhalb des
 * Parents wachsen darf, da ansonsten dieser Div `#widget-grid` wachsen und
 * auch schrumpfen wird.
 */
#widget-grid {
  min-width: 0;
  width: 100%;
}

/* Dieses Eingabefeld wird für die Grid verwendet und erzeugt zumindest
 * innerhalb von Dockables einen unangenehmen Fehler, wo das Eingabefeld zwar
 * ausserhalb des Sichtbereiches liegt, aber einen Scrollbalken erzeugt. Wir
 * verschieben nachfolgend das Element nach oben, sodass dieser Fehler nicht
 * mehr auftauchen kann. */
.table-event-shifter {
  position: absolute !important;
  top: 0 !important;
  z-index: -1 !important;
  width: 1px;
}

/* @OKAN: Das ist die Tabellenübersicht innerhalb von Personenmasken. Die
 * nachfolgenden Anpassungen sind leider aktuell notwendig, damit die Tabelle
 * immer mit dem Dockable wächst. */
.dockablePane__body .dc-tabviewdiv {
  height: 100%;
}
.dockablePane__body .dc-tabviewdiv > article {
  height: 100%;
}
.dockablePane__body .dc-tabviewdiv .dc-tabview {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
}
.dockablePane__body .dc-tabviewdiv .dc-tabview > .dc-grid-data-container {
  flex: 1;
}

/* @OKAN: Schnalle aktuell nicht, wieso das fehlt? Hab vermutlich irgendwas
 * weggeputzt. Macht aber erstmal keinen grossen Unterschied und muss ich
 * sowieso später in der HTML-Struktur korrigieren. */
.collapse:not(.show) {
  display: none;
}

/* @OKAN: Standardmässig ragt der Text in Bootstrap innerhalb von
 * Dropdown-Items heraus. Wir setzen hier die Klasse erstmal fix, bis Bootstrap
 * Komponenten noch im Einsatz sind. */
.dropdown-item {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* @OKAN: Normalerweise sollte jedes Element eine Klasse besitzen, die
 * nachfolgendes nicht mehr nötig macht, allerdings können wir nicht alles
 * abdecken, weil es zich dynamische Seiten gibt und ich eventuell irgendwo
 * etwas übersehen habe. */
:focus {
  outline: 0;
}

g[*|href*="jchartfx.com"] {
  display: none;
}

/* @OKAN: Popover laufen aktuell aus dem Ruder, sofern der Inhalt deutlich
groesser als sonst ist, daher begrenzen wir hier die Hoehe erstmal. Sollte man
spaeter eventuell etwas eleganter loesen. */
.popover-body > .dc-grid-100 {
  max-height: 400px;
  min-height: 0;
  overflow-y: auto;
  white-space: pre-wrap;
}

/*
 * @OKAN: Kleine optische Anpassungen fuer Validationsboxen. Haben aktuell
 * keinen anderen Platz dafuer, daher packen wir das erstmal hier rein.
 */
.formsvalidation {
  --dcf-messagePadding: 0;
  --dcf-messageBorderColor: #636464;
  --dcf-messageBgColor: #fafafa;
  border-width: 1px;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.dropdown-header {
  font-size: 0.9125rem;
  color: #4B5563;
  background-color: #f2f2f2;
  padding: 0.5rem 1rem;
  margin: 0.25rem 0;
}

.dropdown-item {
  width: auto;
  flex: 1 0;
}

.dropdown-divider,
.dropdown-menu hr {
  border-top: 1px solid #D1D5DB;
  margin: 0.25rem 0;
}

.dropdown-menu--wide {
  padding-top: 0;
  padding-bottom: 0;
}
.dc-edit-toolbar .dropdown-menu--wide {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown-menu--wide:not(.dropdown-menu--loading)::before {
  background-color: #F3F4F6;
  border-right: 1px solid #D1D5DB;
  border-radius: 0.3rem 0 0 0.3rem;
  content: "";
  display: block !important;
  width: 42px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.dc-edit-toolbar .dropdown-menu--wide:not(.dropdown-menu--loading)::before {
  height: var(--dropdownItemsHeightSum, 100%);
}
.dropdown-menu--wide .dropdown-item {
  padding: 0.25rem 2.5rem 0.25rem 3.5rem;
  display: flex;
  align-items: center;
}
.dropdown-menu--wide .dropdown-item:first-child {
  border-top-left-radius: 0.3rem;
}
.dropdown-menu--wide .dropdown-item:last-child {
  border-bottom-left-radius: 0.3rem;
}
.dropdown-menu--wide .dropdown-header {
  font-weight: bold;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #D1D5DB;
  padding: 0.35rem 1rem;
  margin: 0;
  position: relative;
  z-index: 2;
}
.dropdown-menu--wide .dropdown-header:first-child {
  border-top: 0;
  margin-top: 0;
  border-radius: 0.3rem 0.3rem 0 0;
}
.dropdown-menu--wide .dropdown-divider,
.dropdown-menu--wide .dropdown-menu hr {
  width: calc(100% - 3.5rem - 1rem);
  margin: 0.15rem 0 0.15rem 3.5rem;
}
.dropdown-menu--wide .dropdown-item > .fa-fw:first-child {
  flex-shrink: 0;
  margin-right: -1.25em;
  position: relative;
  left: -2.8125rem;
  z-index: 2;
}
.dropdown-menu--wide .dropdown-item > img.fa-fw:first-child {
  width: 1em;
}

.dropdown-menu--loading {
  --dcf-loadingSpinnerBorderWidth: 0.1rem;
  padding: 1rem;
}
.dropdown-menu--loading::before {
  display: none;
}

.dropdown-menu__settings {
  margin: 0;
  padding: 0;
}

.dropdown-menu--contextMenu .dropdown-submenu--visible > .dropdown-toggle {
  pointer-events: none;
}
.dropdown-menu--contextMenu .dropdown-submenu--visible > .dropdown-toggle::after {
  display: none;
}

.dropdown-menu--contextMenu .dropdown-submenu--inactivePath:not(.dropdown-submenu--activePath) > .dropdown-toggle {
  display: none;
}

.dropdown-menu--contextMenu:not([data-submenu-path=""]) .dropdown-header--traversePath {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dropdown-menu--contextMenu:not([data-submenu-path=""]) .dropdown-header--traversePath::before {
  content: "\f060";
  display: block;
  font-family: "Font Awesome 6 Pro";
  padding-right: 1.5rem;
}

/* @OKAN: Das ist fuer die Unterstuetzung von Submenus im Bootstrap Dropdown. Muss
 * dann logischerweise spaeter wieder raus, sobald Bootstrap komplett entfernt
 * wird/werden sollte. */
.dropdown-submenu {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.dropdown-menu--contextMenu .dropdown-menu {
  position: unset;
  border: 0;
  box-shadow: unset;
  width: auto;
  margin: 0;
  padding: 0;
}

.dropdown-submenu > .dropdown-item {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 1.525rem 0.25rem 3.5rem;
}

.dropdown-submenu > .dropdown-item > span {
  display: flex;
  flex-direction: column;
}

.dropdown-submenu > .dropdown-item .caret {
  margin-left: auto;
  margin-right: -1.5rem;
}

.dropdown-submenu > .dropdown-item::after {
  margin-left: auto;
  position: relative;
  left: 0.5rem;
}

.dropdown-submenu > .dropdown-toggle::after {
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
}

.dropdown-submenu--visible > .dropdown-toggle::after {
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-menu.show {
  display: flex;
  flex-direction: column;
}

.dropdown-menu--personenstatus {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown-menu--personenstatus .dropdown-item {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 0.8125rem;
  padding: 0.5rem 2rem 0.5rem 1rem;
  margin: 0;
}
.dropdown-menu--personenstatus .dropdown-item span {
  padding-left: 0.5rem;
  margin: 0;
}

/* ********************************************************************************************************************************************************** */
/* Design von Groupboxen innerhalb von Widgets */
.dc-blockelement {
  position: relative;
  border-radius: 0px;
  padding: 0;
  margin: 0;
}

.dc-blockelement > div {
  font-size: 13px;
  font-size: 0.8125rem;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #ccc;
  width: 100%;
  padding: 0.8125rem 0.8125rem 0;
  margin: 0;
  position: relative;
  overflow: visible;
  border-radius: 0;
}

.dc-blockelement > header {
  color: #333;
  border: 1px solid #c2c2c2;
  background: #fafafa;
  height: 34px;
  margin: 0;
  padding: 0;
  line-height: 40px;
}

.dcc-groupbox.dc-blockelement[class*=dc-layer] > header {
  border-bottom: 1px dashed lightgray;
  font-style: italic;
}

.dcc-groupbox.dc-blockelement.dc-layer1 > header {
  font-style: normal;
  border-style: solid;
}

.dcc-groupbox.dc-blockelement.dc-layer2 > header {
  background-color: deepskyblue;
}

.dcc-groupbox.dc-blockelement.dc-layer3 > header {
  background-color: yellow;
}

.dcc-groupbox.dc-blockelement.dc-layer4 > header {
  background-color: deeppink;
}

/* groupbox-collapsable */
.dcc-groupbox.dc-blockelement.groupbox-collapsable[class*=dc-layer] > header {
  display: flex;
  align-items: center;
  padding: 0;
}

.groupbox-collapsable > header button:focus {
  box-shadow: none;
}

.groupbox-collapsable[data-groupbox-collapsed=true] > header button i {
  transform: rotate(-90deg);
}

.groupbox-collapsable > header h2 {
  margin: 0;
}

.groupbox-collapsable[data-groupbox-collapsed=true] > .dc-container-area {
  display: none;
}

.dc-blockelement header > h2 {
  font-size: 14px;
  line-height: 34px;
  font-weight: normal;
  letter-spacing: 0px;
  position: relative;
}

.dc-blockelement > div {
  background-color: #fff;
}

.tab-pane .dc-blockelement.dc-layer2 > header {
  background-color: transparent;
  border-width: 0 0 1px;
  border-style: dashed;
  border-color: lightgray;
  padding-left: 5px;
  line-height: 1;
  height: auto;
  margin-bottom: 5px;
}

.tab-pane .dc-blockelement.dc-layer2 > header > h2 {
  font-weight: bold;
  font-size: 0.815rem;
  padding-bottom: 0.5rem;
  line-height: 1;
}

.tab-pane .dc-blockelement.dc-layer2 > div {
  margin: 0;
  padding: 0;
  border: 0;
}

.dc-uctl-documents .form-control.dc-view-relation,
.dc-uctl-documents .form-control.dc-view-mode {
  background-color: white;
}

/*
 * TABS
 */
/*todo: wenn der Register unter den Boxen ist, dann klebt er zu sehr dran, ist er aber in der ersten Reihe, entsteht oben auch eine Lücke :-( */
.dcc-registertab {
  margin-top: 0px;
  margin-bottom: 3px;
}

.dcc-registertab > .dc-blockelement > header {
  display: flex;
  flex-wrap: nowrap;
}

.dcc-registertab .nav-tabs {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex !important;
  flex-wrap: nowrap;
}

.dcc-registertab .nav-tabs > li {
  padding: 0;
}

.dcc-registertab .nav-tabs .nav-link {
  color: #333;
  border-radius: 0;
  border: none;
  padding: 7px 15px 6px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 36px;
}

.dcc-registertab .nav-tabs > li > a span {
  padding-left: 0.25rem;
}

.dcc-registertab .nav-tabs .nav-link.active,
.dcc-registertab .nav-tabs .nav-item.show .nav-link {
  background-color: #fff;
  color: #555;
  border-width: 2px 0 0;
  border-style: solid;
  border-color: #57889c;
  margin-top: 0;
  font-weight: bold;
}

.dc-blockelement-ctrls {
  padding: 0;
  margin: 0;
  line-height: 1;
  flex-shrink: 0;
  order: 1;
}

.dcc-registertab .dc-blockelement-ctrls .button-icon {
  min-width: 30px;
  height: 32px;
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.dcc-registertab .dc-blockelement-ctrls .button-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.dcc-registertab .dc-blockelement-ctrls a {
  font-size: 14px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.dcc-registertab .dc-blockelement-ctrls a[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

.dc-blockelement > .tab-content {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
}

.dc-blockelement .form,
.dc-blockelement > .tab-content {
  padding-bottom: 13px;
}

.tab-content > .tab-pane:not(.active) {
  display: none;
}

.dcc-registertab > .dc-blockelement {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dcc-registertab.scroll-y > .dc-blockelement > .tab-content > .tab-pane {
  overflow: hidden scroll;
}

@media (max-width: 767px) {
  .dcc-registertab .nav-tabs .nav-item .nav-link {
    font-size: 1rem;
  }
}
/* 
    wir verwenden bigBoxes für die alerst -> suche $.bigBox
    smartnotifications.js stellt die Funktionen für die Boxes bereit
    divMessagebox wird auch von smartnotification verwendet
    bzw. $.smartmessagebox -> AbmeldenDialog

*/
/* 

    ah: zu testen bei layout sf16, das wird für die alerts bei charts etc. benutzt; Frage, ob das so bleibt, ob wir ein anderes tool verwenden oder gar selber machen.
    aktuell ist es quasi noch sehr smartadmin-lastig; außerdem auch alles jquery

    smartmessagebox (und damit divMessageBox und MessageBoxContainer) wird nur beim logout verwendet

*/
/*Messagebox */
.divMessageBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  display: flex;
  align-items: center;
}

.MessageBoxContainer {
  color: white;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MessageBoxMiddle .MsgTitle {
  letter-spacing: -1px;
  font-size: 24px;
  font-weight: 300;
}

.MessageBoxMiddle .pText {
  font-size: 13px;
}

.MessageBoxContainer input {
  width: 50%;
  padding: 5px;
}

.MessageBoxContainer select {
  width: 50%;
  padding: 5px;
}

.MessageBoxButtonSection {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.MessageBoxButtonSection button {
  margin-left: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-weight: bold;
}

/* End of MessageBox */
.LoadingBoxContainer {
  top: 20%;
  color: white;
  position: relative;
  width: 100%;
  background-color: #232323;
}

.LoadingBoxMiddle {
  position: relative;
  left: 20%;
  width: 50%;
  padding: 10px;
}

.LoadingBoxContainer .MsgTitle {
  font-size: 26px;
}

.LoadingBoxContainer .pText {
  font-size: 13px;
}

#LoadingPoints {
  position: absolute;
}

/* ah das ist der eigentlich alert für die Charts*/
/* bigBoxes */
.bigBox {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #004d60;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  width: 390px;
  height: 150px;
  color: white;
  z-index: 99999;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border-left: 5px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.bigBox span {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: -1px;
  padding: 5px 0 !important;
  display: block;
}

.bigBox p {
  font-size: 13px;
  margin: 10px 0;
}

#divMiniIcons {
  position: fixed;
  width: 415px;
  right: 10px;
  bottom: 180px;
  z-index: 9999;
  float: right;
}

.botClose {
  position: absolute;
  right: 10px;
  height: 16px;
  width: 15px;
  cursor: pointer;
  font-size: 18px;
  opacity: 0.5;
  display: block;
  top: 15px;
}

.botClose:hover {
  opacity: 1;
}

#divMiniIcons .cajita {
  text-align: center;
  vertical-align: middle;
  padding: 4px 6px;
  color: #fff;
  float: right;
  cursor: pointer;
  display: block;
  background-color: #f00;
  font-size: 17px;
  margin-left: 4px;
  margin-top: 5px;
}

#divMiniIcons .cajita:active {
  top: 1px;
  left: 1px;
  position: relative;
}

.cajita img {
  width: 23px;
  height: 23px;
  padding-left: 3px;
  padding-top: 3px;
}

.bigBox .bigboxicon {
  font-size: 30px;
  text-align: left;
  position: absolute;
  top: 120px;
  left: 6px;
  z-index: 0;
}

.bigBox .bigboxnumber {
  width: 100%;
  text-align: right;
  font-size: 25px;
}

/* End of  bigBoxes */
/* SmallBox */
#divSmallBoxes {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /* Specify the width of your pageslide here */
  width: 305px;
  padding: 20px;
  /* These styles are optional, and describe how the pageslide will look */
  background-color: #004d60;
  color: #fff;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-shadow: inset 0 0 0px 0px #222;
  box-shadow: inset 0 0 0px 0px #222;
}

.purehtml {
  color: white;
  font-size: 16px;
}

/* Mobile Phones */
@media screen and (max-width: 450px) and (max-width: 767px) {
  /* SmallBox Responsive */
  #divSmallBoxes {
    position: fixed;
    width: 90%;
    right: 0;
    top: 0;
  }
  .SmallBox {
    width: 95%;
  }
  .SmallBox:hover {
    box-shadow: 0px 0px 10px #888888;
    cursor: pointer;
  }
  .SmallBox span {
    font-size: 16px;
    /*font-weight:bold;*/
  }
  .SmallBox p {
    font-size: 12px;
    margin-top: 2px;
  }
  .SmallBox .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px;
  }
  .SmallBox .textoFoto {
    width: 55%;
    margin: 3px 20px 3px 80px;
    float: left;
  }
  /* End of SmallBox Responsive*/
  /* bigBoxes Responsive */
  .bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #004d60;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 88%;
    height: 150px;
    color: white;
    z-index: 99999;
  }
  /* End of  bigBoxes  Responsive */
  /*Messagebox Responsive */
  .divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
  }
  .MessageBoxContainer {
    top: 25%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
  }
  .MessageBoxMiddle {
    position: relative;
    left: 0;
    width: 100%;
    padding: 3px;
  }
  .MessageBoxMiddle .MsgTitle {
    font-size: 22px;
  }
  .MessageBoxMiddle .pText {
    font-size: 13px;
  }
  .MessageBoxContainer input {
    width: 50%;
    padding: 5px;
  }
  .MessageBoxContainer select {
    width: 50%;
    padding: 5px;
  }
  .MessageBoxButtonSection {
    width: 100%;
    height: 30px;
  }
  .MessageBoxButtonSection button {
    float: right;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
  /* End of MessageBox Responsive */
}
/* Animations */
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.fast {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

/*
  Important this file is beeen modified by Webarch
*/
/*------------------------------------*\
    SuperBox
\*------------------------------------*/
.superbox *,
.superbox *:after,
.superbox *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* SuperBox */
.superbox-list {
  display: inline-block;
  *display: inline;
  /*zoom: 1;*/
  width: 12.5%;
  padding: 5px;
  position: relative;
}

.superbox-list.active:before {
  content: "\f0d8";
  font-family: "Font Awesome 6 Pro";
  display: block;
  position: absolute;
  left: 43%;
  bottom: -34px;
  z-index: 2;
  text-align: center;
  font-size: 45px;
  color: #222222;
}

.superbox-img {
  max-width: 100%;
  width: 100%;
  cursor: pointer;
}

.superbox-show {
  text-align: left;
  position: relative;
  background-color: #222222;
  width: 100%;
  float: left;
  padding: 25px 0 12px 25px;
  display: none;
  margin: 5px 0;
}

.superbox-current-img {
  max-width: 100%;
  float: left;
  padding-right: 25px;
  padding-bottom: 13px;
}

.superbox-img:hover {
  opacity: 0.8;
}

.superbox-float {
  float: left;
}

.superbox-close {
  opacity: 0.7;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  transition: all 0.1s linear 0s;
}

.superbox-close:hover {
  opacity: 1;
}

.superbox-imageinfo {
  display: inline-block;
  max-width: 500px;
  color: #fff;
  padding: 0 25px 0 0;
}

.superbox-imageinfo span {
  font-size: 13px;
  color: #a19994;
  margin-right: -2px;
  padding-top: 10px;
  display: inline-block;
  padding-bottom: 13px;
}

.superbox-imageinfo > :first-child {
  margin-bottom: 10px;
  font-weight: bold;
}

.superbox-imageinfo span p:last-child {
  margin-top: 30px;
}

@media only screen and (min-width: 320px) {
  .superbox-list {
    width: 50%;
  }
}
@media only screen and (min-width: 486px) {
  .superbox-list {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .superbox-list {
    width: 16.66666667%;
  }
}
@media only screen and (min-width: 1025px) {
  .superbox-list {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1824px) {
  .superbox-list {
    width: 12.5%;
  }
}
.notificationrequest__buttons {
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}

/*
    Fragen:
    - brauchen wir table-bordered? sollte es auch tables geben, die anders sind? oder sind sie bei uns immer gleich?

    @OKAN: Hab hier `table-bordered` mal entfernt, weil grundsätzlich jede
    Tabelle einen Rahmen besitzt, allerdings sollte man sich hier dann die
    Option offen halten, dass Tabellen auch ohne Rahmen sein dürfen, sofern
    Jasmin hier die Tabellen anders dargestellt haben möchte.

    Aktuell schreiben wir Rahmen aber vor und kann dann später ggf. von Jasmin
    in der entsprechenden CSS-Datei entfernt werden, sofern nötig.

*/
/*
    'Grundaufbau des Grids

    '# dc-grid
    '#  dt-toolbar
    '#  dt-toolbar.table-options
    '#  div.dc-grid-data-container.widget-dctable-container
    '#      table.widget-dctable.table-bordered.dc_table.dc_table_fixed.table-hover.table-responsive.empty-column
    '#          colgroup
    '#          thead
    '#          tbody
    '#  dt-toolbar-footer
    '#      tableInfoContainer
    '#          dataTables_info


    '# bei Kartenansicht wird table durch div.card-deck ersetzt
    '#      div.card-deck
    '#          div.card [1..n]

    '# bei Kartenansicht wird table durch div.card-deck ersetzt
    '#      div.dc-timeline
    '#          ol.dc-timeline__container
    '#              li [1..n] [je Tag]
    '#                  ol 
    '#                      li [1..n] [je Item des Tages]


*/
/*DCF*/
/*todo: cards oder allgemein ?*/
/* @OKAN: Eher später komplett raus -> Cards werden zur Komponente */
.flex-ellipsis {
  min-width: 0;
  align-self: center;
}

/* @OKAN: Ist dc-toolbar(-footer)? exkulsiv für Grids? */
.dt-toolbar {
  display: block;
  position: relative;
  padding: 6px 0.5rem;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #e6e4e4;
  min-height: 43px; /* Fix for Chrome specific bug */
}

/*todo: vorher war padding-bottom 3px separat -> muss ich die jetzt hier noch hinzufügen?*/
.dt-toolbar > :first-child {
  padding-left: 0 !important;
}

.dt-toolbar > :last-child {
  padding-right: 0 !important;
}

.dt-toolbar > :first-child.btn-group-expandable::before {
  padding-left: 0.5rem;
}

/* Schriftgrösse allgemein im Content erhöhen */
@media (max-width: 767px) {
  .dt-toolbar > div > span {
    max-height: 1.5rem;
  }
  .dt-toolbar > div > span {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
/*#endregion*/
/* 0 Todo dt-toolbar-footer */
/*#region dt-toolbar-footer*/
.dt-toolbar-footer {
  background-color: #e6e4e4;
  font-size: 11px;
  overflow: hidden;
  width: 100%;
  min-height: 43px; /* Fix for Chrome specific bug */
  padding: 0 10px;
  border-top: 1px solid #ccc;
  box-shadow: inset 0 1px #fff;
  display: flex;
  align-items: center;
}

/*#endregion dt-toolbar-footer*/
table .progress {
  background: #fff !important;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #d6d6d6 inset;
}

/* x3 */
/* Schriftgrösse allgemein im Content erhöhen */
@media (max-width: 767px) {
  .dc_table tr td:first-child .dropdown > button {
    font-size: 1.1rem;
  }
}
.dc-grid-data-container {
  background-color: white; /*#eeecec;*/
}

.widget-dctable-container {
  position: relative;
  overflow-x: scroll;
}

.widget-dctable-container .resizer {
  height: 100%;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  border-right: 4px solid #eeeeee;
  cursor: col-resize;
}

.widget-dctable-container .resize-line {
  border-left: 2px dashed darkgray;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  cursor: col-resize;
}

.widget-dctable-container .fill-column .resizer {
  display: none;
}

/*
  Bei Tables im flex-fill wird die Tabelle u.U. klein, aber der COntainer bleibt auf maximaler Größe. Damit man aber den Rahmen sieht
  wird dieser von der Table auf den Container verschoben
  */
.widget-dctable-container.flex-fill {
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
}

.widget-dctable-container.flex-fill table {
  border-left: 0px;
  border-right: 0px;
}

/*#endregion dc-grid-data-container*/
/*#region table.widget-dctable*/
/* ********************************************************************************************************************************************************** */
/* Einstellungen für die dcTable aus dem Skript custom.widget.dctable.js */
/* ********************************************************************************************************************************************************** */
table.widget-dctable td,
table.widget-dctable td > * {
  vertical-align: middle;
}

/* TABLE - HEADER */
table.widget-dctable > thead > tr > th {
  padding: 4px 5px;
  position: relative;
  height: 30px;
}

table.widget-dctable > thead > tr > th.sortable > div:first-child {
  padding-right: 20px;
}

table.widget-dctable > thead > tr > th.sortable .sorter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 16px;
  height: 100%;
  right: 8px;
  top: 0px;
}

table.widget-dctable > thead > tr > th.sortable .sorter .fa.dctable-sort {
  padding-right: 5px;
}

table.widget-dctable > thead > tr > th.sortable .sorter .fa.dctable-sort-down {
  top: 11px;
}

/*table.widget-dctable > thead > tr > th.sortable:not(.sorted) > .fa.dctable-sort { display: none; }*/
table.widget-dctable th.sortable:not(.asc) .sorter .fa.dctable-sort-up,
table.widget-dctable th.sortable:not(.desc) .sorter .fa.dctable-sort-down {
  display: none;
}

table.widget-dctable th.sortable.sorted.desc .sorter .fa.dctable-sort-down,
table.widget-dctable th.sortable.sorted.asc .sorter .fa.dctable-sort-up {
  display: block;
}

table.widget-dctable.fixed-header thead {
  background-color: #fff;
  white-space: nowrap;
}

table.widget-dctable.fixed-header thead > .table-filter > th,
table.widget-dctable.fixed-header thead > .rowcaption > th {
  position: sticky;
  top: 0;
  height: 31px;
  z-index: 1;
}

table.widget-dctable.fixed-header thead > .table-filter > th {
  background-color: var(--dcf-tableFixedHeaderFilterBgColor, inherit);
}

table.widget-dctable.fixed-header thead > .rowcaption > th {
  background-color: var(--dcf-tableFixedHeaderBgColor, inherit);
}

table.widget-dctable.fixed-header thead > .table-filter-active + .rowcaption th {
  top: 33px;
}

table.widget-dctable > thead > tr > th div[data-toggle=dropdown] {
  cursor: pointer;
}

table.widget-dctable thead tr.rowcaption {
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/*ThemeRoller*/
table thead tr th.active {
  background-color: #b5b5b5;
}

/* ********************************************************************************************************************************************************** */
/* Filterdialog */
.dc-filter-simpleform [required=required]:invalid {
  border: 1px solid rgb(185, 74, 72);
}

.dc-filter-simpleform span.help-block.form-error {
  padding-left: 40%;
}

.dc-filter-simpleform.form-horizontal .form-group {
  margin: 0;
}

.dc-filter-simpleform .input-group input {
  font-size: 0.8125rem;
}

/* ********************************************************************************************************************************************************** */
/* ********************************************************************************************************************************************************** */
/* Anpassung für den Leeren-Button auf dem Filterdialog */
.dc-filter-dialog + .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  flex-wrap: nowrap;
}

.dc-filter-dialog + .ui-dialog-buttonpane .btn.btn-dialog-left {
  margin-right: auto;
}

/*##### das ist der einzige Helper, der aktuell genutzt wird -- hat aber aktuell keine Auswirkung?!? ####*/
.ui-helper-clearfix {
  display: block;
  min-height: 0;
  /* support: IE7 */
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

/*#region ui-dialog Resizable*/
/* Misc visuals
 ----------------------------------*/
/*
 * jQuery UI Resizable 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/resizable/
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  /*top: -5px;*/
  left: 0;
}

.ui-resizable-n {
  top: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  /*bottom: -5px;*/
  left: 0;
}

.ui-resizable-s {
  bottom: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  /*right: -5px;*/
  top: 0;
  height: 100%;
}

.ui-resizable-e {
  right: -5px;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  /*left: -5px;*/
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  left: 0;
}

.ui-resizable-se {
  bottom: 0;
  right: 0;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  /*left: -5px;
  bottom: -5px;*/
}

.ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  /*left: -5px;*/
  /*top: -5px;*/
}

.ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  /*right: -5px;
  top: -5px;*/
}

.ui-resizable-ne {
  right: 0;
  top: 0;
}

/*#endregion */
/*
 * jQuery UI CSS Framework 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 *
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
 ----------------------------------*/
.ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

/*.ui-widget .ui-widget {
  font-size: 13px;
}*/
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
}
*/
.ui-widget-header {
  font-weight: bold;
}

.ui-widget :active {
  outline: none;
}

/* Misc visuals
 ----------------------------------*/
/* Corner radius */
.ui-corner-all {
  border-radius: 0px;
}

.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  /* Firefox 3.6 */
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  /*z-index: 949 !important;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-radius: 8px;
}

/*
 * jQuery UI Autocomplete 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*#endregion*/
/*#region jquery-ui-dialog*/
/********** VJ - Move to Less - End *************/
/*
 * jQuery UI Dialog 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 300px;
  overflow: hidden;
  outline: 0;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /*left: 50%;
   margin-left: -280px;*/
  outline: medium none;
  /*top: 10%;
   width: 560px;*/
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.ui-dialog .ui-dialog-titlebar {
  background: #ffffff;
  border-bottom-color: #eeeeee;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  position: relative;
  border: 0 0 0 1px solid;
  border-color: white;
  padding: 0.5rem 1rem 0;
  font-size: 18px;
  text-decoration: none;
  cursor: move;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
  float: left;
  color: #404040;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  overflow: initial;
  white-space: normal;
}

.ui-dialog .ui-dialog-titlebar-close {
  padding-left: 1rem;
  font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-positionandsize > .dc-button,
.ui-dialog .ui-dialog-titlebar-fullscreen,
.ui-dialog .ui-dialog-titlebar-close {
  margin: 0 0 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  font-size: 1.5rem;
  background: none;
  border-width: 0;
  border: none;
  box-shadow: none;
  position: initial;
  width: auto;
  height: auto;
}

.ui-dialog .ui-dialog-titlebar-positionandsize {
  margin-left: auto;
}

.ui-dialog .ui-dialog-title + * ~ * {
  margin-left: 0;
}

.ui-dialog--fullscreen {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* 

    wir benutzen die buttonpane normalerweise nicht, nur bei SD-Dialog --> $('#sd-dialog').dialog({ 
    wahrscheinlich machen wir eine eigene, damit wir sie sticky machen können

    bzw. die Button-Pane ist unten!!!!! Könnte man natürlich bei msgbox benutzen!!!!!

*/
.ui-dialog .ui-dialog-buttonpane {
  flex-shrink: 0;
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  background-color: #ffffff;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #ffffff;
  margin-bottom: 0;
}

/*.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}*/
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  /*right: 3px;*/
  /*bottom: 3px;*/
}

/***Dialog fixes**/
.ui-dialog-buttonset .ui-button:not(:first-child) {
  cursor: pointer;
  display: inline-block;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  transition: 0.1s linear all;
  overflow: visible;
}

.ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
  text-decoration: none;
}

/* ui-dialog-buttonset UI info */
.ui-dialog-buttonset .ui-button.ui-button-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

/* ui-dialog-buttonset UI success */
.ui-dialog-buttonset .ui-button.ui-button-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

/* ui-dialog-buttonset UI warning */
.ui-dialog-buttonset .ui-button.ui-button-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

/* ui-dialog-buttonset UI Danger */
.ui-dialog-buttonset .ui-button.ui-button-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

/* ui-dialog-buttonset UI Inverse */
.ui-dialog-buttonset .ui-button.ui-button-inverse {
  color: #ffffff;
  background-color: #222222;
  border-color: #080808;
}

.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover {
  color: #ffffff;
  background-color: #363636;
  border-color: #000000;
}

/*#endregion*/
/*#region Font-Awesome-in-jQuery-UI*/
/**
 * Font Awesome in jQuery UI
 * @author Gerits Aurelien
 *
 **/
.ui-button-icon-primary.ui-icon[class^=icon-]:before,
.ui-button-icon-primary.ui-icon[class*=" icon-"]:before,
.ui-button-icon-secondary.ui-icon[class^=icon-]:before,
.ui-button-icon-secondary.ui-icon[class*=" icon-"]:before {
  font-size: inherit;
  margin-left: 7px !important;
  margin-left: 5px;
  display: inline;
  text-decoration: inherit;
  color: inherit;
}

/* **
 * If you use "Font awesome" is disable UI icons in element
 ** */
.ui-state-default .ui-icon[class*=" icon-"] {
  /* Reset background with font Awesome */
  background: none;
  margin-left: -12px;
  /*fix for margin issue with font awesome buttons*/
}

/*#region JQUI STUFF */
/*
 * JQUI STUFF
 */
/*	Overlay	 */
.ui-widget-overlay {
  background-image: none;
  background: #aaa;
  height: 100%;
  /*z-index: 949 !important;*/
  position: fixed;
  top: 0px;
  left: 0px;
}

/* Slider */
.slider {
  margin-top: 0px;
  margin-bottom: 30px;
}

.slider.slider-vertical {
  margin-bottom: 0px;
  margin-right: 5px;
}

/* menu */
.ui-menu {
  width: 155px;
  padding: 2px;
  box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.ui-menu .ui-state-disabled {
  margin: 0.4em 0 0.2em !important;
  background: none !important;
  color: #999 !important;
  font-weight: normal !important;
  cursor: default;
}

.ui-icon-carat-1-e:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  display: inline;
}

.ui-menu .ui-menu-item a .ui-menu-icon {
  width: auto;
  height: auto;
  top: 0px;
  left: auto;
  right: auto;
  bottom: auto;
  text-indent: 0px;
}

/* tabs */
.ui-tabs .ui-tabs-nav li a {
  border-radius: 0px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom: 1px solid #dddddd;
  color: #838383;
}

.ui-tabs .ui-tabs-nav li {
  margin-right: 3px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-weight: bold;
  border-top-width: 0px !important;
  margin-top: 1px !important;
  box-shadow: 0 -2px 0 #57889c;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #dddddd;
  margin: 0;
  padding: 10px 13px;
  border-top: none;
}

.ui-tabs .ui-tabs-nav {
  margin-bottom: 0;
}

/* accordions */
.ui-accordion .ui-accordion-content {
  padding: 0;
}

.ui-accordion .ui-accordion-header {
  background-color: #fbfbfb;
  font-size: 15px;
  padding: 10px 15px 10px 36px !important;
}

.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content {
  border-radius: 0px;
}

.ui-accordion .ui-accordion-content {
  padding: 15px;
}

.ui-accordion-header-active + .ui-accordion-content {
  border-top: 1px solid #dddddd;
}

.ui-accordion .ui-accordion-header {
  margin-top: -2px;
}

.ui-accordion .ui-accordion-header,
.ui-accordion-content {
  border-color: #dddddd !important;
}

.ui-accordion-header-icon {
  text-indent: 0px !important;
  background-image: none !important;
  text-align: center;
  line-height: normal;
  left: 12px !important;
  margin-top: -6px !important;
  font-size: 14px !important;
}

/*
   * Calendar
   */
.ui-datepicker {
  display: none;
  z-index: 10;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  text-align: center;
  margin-top: 2px;
}

.ui-datepicker-next > :first-child,
.ui-datepicker-prev > :first-child {
  text-indent: 0px !important;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  background: none !important;
}

/*
 * JQUI SPINNERS
 */
.ui-spinner-input {
  margin: 0 !important;
  height: 30px;
  padding: 6px 24px 6px 12px;
}

.ui-spinner-input.spinner-left {
  padding: 6px 12px 6px 24px;
}

.ui-spinner {
  width: 100%;
}

.ui-spinner-input.spinner-left + .ui-spinner-button,
.ui-spinner-input.spinner-left + .ui-spinner-button + .ui-spinner-button {
  right: auto;
  left: 0px;
}

.ui-spinner-up,
.ui-spinner-down {
  background: #739e73;
  border-radius: 0px;
}

.ui-spinner-up:hover,
.ui-spinner-up:active,
.ui-spinner-up:focus {
  background: #5b835b;
}

.ui-spinner-down:hover,
.ui-spinner-down:active,
.ui-spinner-down:focus {
  background: #77021d;
}

.ui-spinner-down {
  background: #c2032f;
}

.ui-spinner-up:before,
.ui-spinner-down:before {
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f067";
  color: #ffffff;
  font-size: 14px;
  margin-top: 1px;
}

.ui-spinner-down:before {
  content: "\f068";
}

.ui-spinner-up > :first-child,
.ui-spinner-down > :first-child {
  display: none;
}

.ui-spinner-button {
  width: 19px;
}

/* spinner both */
.ui-spinner-input.spinner-both {
  padding: 6px 30px;
}

.ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button {
  left: 0px;
  right: auto;
}

.ui-spinner-input.spinner-both + .ui-spinner-button,
.ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button {
  height: 30px;
  width: 25px;
}

.ui-spinner-input.spinner-both + .ui-spinner-up:before,
.ui-spinner-input.spinner-both + .ui-spinner-up + .ui-spinner-down:before {
  margin-top: 8px;
}

/*
 * JQUI ADJUSTMENT
 */
.ui-dialog {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.widget-header > :first-child {
  margin: 13px 0;
}

/*.ui-widget-overlay {
  z-index: 999;
}*/
.ui-dialog .ui-dialog-title {
  margin: 0;
}

.ui-dialog-titlebar-close:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #000;
}

/* 
    wir benutzen die buttonpane normalerweise nicht, nur bei SD-Dialog --> $('#sd-dialog').dialog({ 
    wahrscheinlich machen wir eine eigene, damit wir sie sticky machen können

        bzw. die Button-Pane ist unten!!!!! Könnte man natürlich bei msgbox benutzen!!!!!

*/
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0 0.4em 0.4em 0;
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: 13px;
  padding: 19px 15px 20px;
  text-align: right;
  border-top: 1px solid #eeeeee;
}

.ui-autocomplete {
  z-index: 905 !important;
}

/*#endregion*/
/*
https://stackoverflow.com/questions/31584544/jquery-ui-dialog-on-resizing-shrinks-the-content-of-the-dialog
Bug in jQueryUI beim resize, wenn beides nicht auf content-box steht.
*/
.ui-dialog,
.ui-dialog-content {
  box-sizing: content-box;
}

.ui-dialog .ui-dialog-title {
  float: none;
}

/* Styling für Dialogboxen Ja/Nein/Abbrechen */
.ui-dialog[aria-describedby=dlgYesNo] {
  width: 400px !important;
  margin-left: -200px !important;
  left: 50% !important;
}

.ui-dialog[aria-describedby=dlgYesNo] .ui-dialog-content {
  text-align: center;
}

.ui-dialog #dlgYesNo #widget-gridpoup {
  margin-bottom: 1rem;
  text-align: left;
}

.ui-dialog #dlgYesNo #widget-gridpoup > span {
  font-size: 1rem;
}

.dialog--verticalButtons .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  flex-direction: column;
  float: unset;
}

@media (max-width: 767px) {
  /* Dialog über den gesamten Bildschirm für mobile Endgeräte */
  .ui-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    margin-left: 0 !important;
    /* Smooth-Scroll auf iPhone ANFANG */
    -webkit-overflow-scrolling: touch;
    /* Smooth-Scroll auf iPhone ENDE */
  }
  .ui-dialog {
    overflow-y: scroll !important; /* Smooth-Scroll scroll auf inherit ändern */
  }
  .ui-dialog .ui-dialog-content {
    min-height: auto !important;
    overflow: initial !important;
    max-height: initial !important;
    flex-direction: column;
    display: flex;
    height: calc(100% - 51px) !important;
  }
  .ui-dialog .ui-dialog-titlebar-close::before {
    font-size: 2.5rem;
  }
  .ui-dialog.ui-dialog-buttons {
    overflow-y: hidden !important;
  }
  .ui-dialog.ui-dialog-buttons {
    min-height: auto !important;
    overflow: auto !important;
    box-sizing: border-box;
  }
  /*.ui-dialog.ui-dialog-buttons:not([aria-describedby=filter-dialog]) > .ui-dialog-content > div:last-of-type {
  	padding-bottom: 113px;
  }*/
  .ui-dialog.ui-dialog-buttons .ui-dialog-buttonpane {
    position: fixed;
    width: 100%;
    z-index: 99999;
  }
  .ui-dialog.ui-dialog-buttons .ui-dialog-titlebar {
    top: 0;
  }
  .ui-dialog.ui-dialog-buttons .ui-dialog-buttonpane {
    font-size: 1.25rem;
    bottom: 0;
  }
  /*  .ui-resizable-handle {
      display: none !important;
    }
  */
  .ui-dialog table td {
    font-size: 1.25rem;
    line-height: 2;
  }
  .ui-dialog table td .fa {
    font-size: initial;
    line-height: initial;
  }
  /* Smooth-Scroll auf iPhone ANFANG */
  .scrollable {
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  /* Smooth-Scroll auf iPhone ENDE */
}
@media (max-width: 767px) {
  .ui-dialog.ui-dialog-buttons:not([aria-describedby=filter-dialog]) {
    max-height: 100% !important;
  }
  .ui-dialog.ui-dialog-buttons .dc-filter-dialog {
    min-height: calc(100% - 151px) !important;
    height: auto !important;
  }
}
/*ThemeRoller*/
div.jqi .jqititle {
  color: #444444;
}

@media (max-width: 767px) {
  /* Dialog über den gesamten Bildschirm für mobile Endgeräte */
  .jqibox > .jqi {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    margin-left: 0 !important;
    /* Smooth-Scroll auf iPhone ANFANG */
    -webkit-overflow-scrolling: touch;
    /* Smooth-Scroll auf iPhone ENDE */
  }
  .jqi {
    overflow-y: auto;
  }
  .jqiform {
    position: relative;
  }
  /*ThemeRoller*/
  div.jqi .jqiclose {
    color: #000 !important;
    font-size: 3rem;
    top: 0 !important;
    right: 15px !important;
    width: 36px !important;
    height: 36px;
    text-align: center;
    line-height: 1;
    position: fixed !important;
    z-index: 1;
  }
  /*ThemeRoller*/
  .jqi .jqititle {
    background-color: #fff;
    padding-left: 1.5rem !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .jqibox .jqistates {
    padding-top: 3rem;
  }
  .jqibox .internal-orga-structure-member,
  .jqibox .jqistates table {
    width: 100%;
    max-height: 100%;
  }
  .jqi table td {
    font-size: 1.25rem;
    line-height: 2;
  }
  .jqi table td .fa {
    font-size: initial;
    line-height: initial;
  }
}
@media (min-width: 768px) {
  .jqi {
    min-height: auto !important;
    top: 5% !important;
  }
  .jqi .jqimessage {
    max-height: 80vh;
    overflow-y: auto;
  }
  .jqi .jqimessage > div {
    overflow-y: initial;
    max-height: initial;
  }
  .jqi .jqimessage > div,
  .jqi .jqimessage > div > table {
    width: 100%;
  }
}
.internal-orga-structure-member {
  display: inline-block;
  /*max-height: 500px;*/
  overflow-y: scroll;
  font-size: 13px;
  user-select: none;
}

/*ThemeRoller*/
.internal-orga-structure-member tr.team {
  background-color: lightgoldenrodyellow;
}

.internal-orga-structure-member tr td:nth-of-type(2) {
  padding-left: 25px;
}

.internal-orga-structure-member tr td:last-of-type {
  text-align: center;
}

.internal-orga-structure-member tr[data-level="0"] td:nth-child(2) {
  text-indent: 0px;
}

.internal-orga-structure-member tr[data-level="1"] td:nth-child(2) {
  text-indent: 15px;
}

.internal-orga-structure-member tr[data-level="2"] td:nth-child(2) {
  text-indent: 30px;
}

.internal-orga-structure-member tr[data-level="3"] td:nth-child(2) {
  text-indent: 45px;
}

.internal-orga-structure-member tr[data-level="4"] td:nth-child(2) {
  text-indent: 60px;
}

.internal-orga-structure-member tr[data-level="5"] td:nth-child(2) {
  text-indent: 75px;
}

.internal-orga-structure-member tr[data-level="6"] td:nth-child(2) {
  text-indent: 90px;
}

.internal-orga-structure-member td + td .fa.toggle-childrows {
  text-indent: -18px;
  cursor: pointer;
}

.dc-mobile-nav-toggle {
  display: none !important;
}
.mobile-view-activated .dc-mobile-nav-toggle {
  display: inline-flex !important;
}

/******************************************************
edit - bar
***************************************************** */
.mobile-view-activated .dc-edit-toolbar {
  display: none !important;
}

.mobile-view-activated .edit-bar-activated .dc-edit-toolbar {
  display: inline-flex !important;
}

/******************************************************
  nav - bar
   ***************************************************** */
.entity-nav {
  display: inline-flex;
}

.mobile-view-activated .dc-nav-toolbar {
  display: inline-flex !important;
}

.mobile-view-activated .edit-bar-activated .dc-nav-toolbar {
  display: none !important;
}

/* aus smartadmin-production.plugins-modified.css   keine Ahnung, was das seinn soll */
.bv-form .help-block {
  margin-bottom: 0;
}

.bv-form .tooltip-inner {
  text-align: left;
}

.nav-tabs li.bv-tab-success > a {
  color: #3c763d;
}

.nav-tabs li.bv-tab-error > a {
  color: #a94442;
}

[class^=col-] > .form-control + .form-control-feedback {
  right: 13px;
}

.has-feedback.has-success .radio-inline + .form-control-feedback,
.has-feedback.has-success .radio-inline + .form-control-feedback {
  display: none !important;
}

#buttonGroupForm .btn-group .form-control-feedback {
  top: 0;
  right: -30px;
}

/*#region error Page*/
/*
 * Error Page
 */
.error-box {
  max-width: 900px;
  margin: 0 auto;
}

.error-text {
  font-weight: 400;
  color: #ffffff;
  letter-spacing: -4px;
  font-size: 700%;
  margin-bottom: 30px;
  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

.error-search {
  width: 300px;
  margin: 0 auto 20px;
}

.error-icon-shadow {
  text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, 0.1), 0 0 5px rgba(102, 30, 30, 0.1), 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15);
}

/*#endregion*/
[data-help] + .help {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1000;
  width: 34px;
  height: 34px;
}

#help-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  color: white;
  display: none;
  margin: 0;
  padding: 0;
}

#help-overlay.show {
  display: block;
}

#help-overlay > div {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  max-width: 60%;
  max-height: 60%;
  margin: auto;
  overflow: auto;
  min-width: 320px;
}

/*
 * Client page forms --> logout, register, password, fortgotpassword, ... smart-forms
 */
.client-form header {
  padding: 15px 13px;
  margin: 0;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  background: rgba(248, 248, 248, 0.9);
}

:root {
  --dockableCollapsedSize: 40px;
  --dockableGutterColor: #cbd5e0;
  --dockableBackgroundColor: #fff;
  --dockableBorderColor: #e3e3e3;
  --dockableTabColor: #777;
  --dockableTabButtonHoverColor: #3182ce;
  --dockableTabActiveColor: #4299e1;
  --dockableTabBackgroundColor: #eee;
  --dockableTabNotificationColor: #b91c1c;
  --dockableDisabledBackgroundColor: rgba(255, 255, 255, 0.5);
}

.dockable {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.dockable--static {
  width: 100%;
  height: 100%;
  position: relative;
}
.dockable--fixed {
  position: fixed;
}
.dockable--bottom, .dockable--top {
  flex-direction: column;
}
.dockable--collapsed {
  flex-basis: var(--dockableCollapsedSize);
}
.dockable--collapsed > .ui-resizable-handle {
  display: none !important;
}
.dockable--empty {
  flex-basis: 0;
}
.dockable:not(.dockable--collapsed):not(.dockable--empty) {
  flex-basis: var(--dockableSize);
}
.dockable--fixed.dockable--top, .dockable--fixed.dockable--bottom {
  left: var(--dockableCollapsedSize);
  right: var(--dockableCollapsedSize);
  z-index: 1;
  max-height: 350px;
}
.dockable--fixed.dockable--left, .dockable--fixed.dockable--right {
  top: 0;
  bottom: 0;
  z-index: 2;
  max-width: 350px;
}
.dockable--fixed.dockable--top {
  top: 0;
}
.dockable--fixed.dockable--right {
  right: 0;
}
.dockable--fixed.dockable--bottom {
  bottom: 0;
}
.dockable--fixed.dockable--left {
  left: 0;
}
.dockable--horizontal {
  flex-direction: row;
}
.dockable--horizontal .gutter {
  cursor: col-resize;
}
.dockable--vertical {
  flex-direction: column;
  height: 100%;
}
.dockable--vertical .gutter {
  cursor: row-resize;
}
.dockable > div {
  min-width: 0;
  min-height: 0;
}
.dockable.ui-resizable > .ui-resizable-handle,
.dockable > .ui-resizable > .ui-resizable-handle {
  background-color: #a8adb6;
  border-width: 0;
  border-style: solid;
  border-color: #9ca3af;
}
.dockable.ui-resizable > .ui-resizable-handle.ui-resizable-n,
.dockable > .ui-resizable > .ui-resizable-handle.ui-resizable-n {
  top: -7px;
  border-top-width: 1px;
}
.dockable.ui-resizable > .ui-resizable-handle.ui-resizable-e,
.dockable > .ui-resizable > .ui-resizable-handle.ui-resizable-e {
  right: -7px;
  border-right-width: 1px;
}
.dockable.ui-resizable > .ui-resizable-handle.ui-resizable-s,
.dockable > .ui-resizable > .ui-resizable-handle.ui-resizable-s {
  bottom: -7px;
  border-bottom-width: 1px;
}
.dockable.ui-resizable > .ui-resizable-handle.ui-resizable-w,
.dockable > .ui-resizable > .ui-resizable-handle.ui-resizable-w {
  left: -7px;
  border-left-width: 1px;
}
.dockable .gutter {
  background-color: var(--dockableGutterColor);
}
.dockable .notification {
  width: 10px;
  height: 10px;
  display: none;
  flex-shrink: 0;
  border-radius: 100%;
  padding: 0;
}
.dockable .notification--always {
  display: block;
  border-width: 1px;
  border-color: #4b5563;
  border-style: dashed;
}
.dockable .notification--always:not([data-count="-1"]):not([data-count="0"]) {
  border-color: var(--dockableTabNotificationColor);
  border-style: solid;
  animation-name: notificationFlashBackground;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-direction: alternate;
}
.dockable .notification--count[data-count="-1"] {
  display: none;
}
.dockable .notification--count:not([data-count="-1"]) {
  border-width: 1px;
  display: block;
}
.dockable .notification--count[data-count="0"] {
  border-color: #4b5563;
  border-style: dashed;
}
.dockable .notification--count:not([data-count="-1"]):not([data-count="0"]) {
  background-color: var(--dockableTabNotificationColor);
  border-color: var(--dockableTabNotificationColor);
  border-style: solid;
  animation-name: notificationFlashBackground;
  animation-fill-mode: both;
  animation-iteration-count: var(--dockableNotificationIterations);
  animation-duration: 0.5s;
  animation-direction: alternate;
}
.dockable .notification--count-end:not([data-count="-1"]):not([data-count="0"]) {
  background-color: var(--dockableTabNotificationColor) !important;
}

.dockable__tabs {
  color: var(--dockableTabColor);
  background-color: var(--dockableTabBackgroundColor);
  border-color: var(--dockableBorderColor);
  border-style: solid;
  height: var(--dockableCollapsedSize);
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  user-select: none;
}
.dockable--empty .dockable__tabs {
  display: none;
}
body:not(.dockable-is-dragging) .dockable__tabs--hidden {
  display: none;
}
.dockable--top .dockable__tabs ul, .dockable--bottom .dockable__tabs ul {
  transform: translateX(var(--dockableTabSlidePosition, 0));
}
.dockable--top .dockable__tabs .dockableTab__btn, .dockable--bottom .dockable__tabs .dockableTab__btn {
  border-width: 0 0 2px;
}
.dockable--top .dockable__tabs .dockableTab__btn .header__icon, .dockable--bottom .dockable__tabs .dockableTab__btn .header__icon {
  padding-right: 0.25rem;
}
.dockable--top .dockable__tabs .dockableTab__btn .notification, .dockable--bottom .dockable__tabs .dockableTab__btn .notification {
  margin-right: 0.5rem;
}
.dockable--top .dockable__tabs .dockableTab--ghost, .dockable--bottom .dockable__tabs .dockableTab--ghost {
  height: 1.5rem;
}
.dockable--left .dockable__tabs, .dockable--right .dockable__tabs {
  width: var(--dockableCollapsedSize);
  height: 100%;
  writing-mode: tb-rl;
}
.dockable--left .dockable__tabs ul, .dockable--right .dockable__tabs ul {
  transform: translateY(var(--dockableTabSlidePosition, 0));
}
.dockable--left .dockable__tabs .dockableTab:hover .btn-close, .dockable--right .dockable__tabs .dockableTab:hover .btn-close {
  visibility: visible;
}
.dockable--left .dockable__tabs .dockableTab__btn, .dockable--right .dockable__tabs .dockableTab__btn {
  margin: 0.5rem 0;
}
.dockable--left .dockable__tabs .dockableTab__btn .header__icon, .dockable--right .dockable__tabs .dockableTab__btn .header__icon {
  margin: 0;
  padding-bottom: 0.5rem;
}
.dockable--left .dockable__tabs .dockableTab__btn span, .dockable--right .dockable__tabs .dockableTab__btn span {
  writing-mode: tb-rl;
}
.dockable--left .dockable__tabs .dockableTab__btn .notification, .dockable--right .dockable__tabs .dockableTab__btn .notification {
  margin-bottom: 0.5rem;
}
.dockable--left .dockable__tabs .dockableTab--ghost, .dockable--right .dockable__tabs .dockableTab--ghost {
  width: 1.5rem;
}
.dockable--left .dockable__tabs .btn-close, .dockable--right .dockable__tabs .btn-close {
  padding: 0.25rem 0 0;
}
.dockable--left .dockable__tabs .btn-pagination i, .dockable--right .dockable__tabs .btn-pagination i {
  transform: rotate(90deg);
}
.dockable--top .dockable__tabs {
  border-width: 1px 0;
  order: 0;
}
.dockable--right .dockable__tabs {
  border-width: 0 0 0 1px;
  order: 1;
}
.dockable--right .dockable__tabs .dockableTab__btn {
  border-width: 0 2px 0 0;
}
.dockable--bottom .dockable__tabs {
  border-width: 1px 0 0;
  order: 1;
}
.dockable--left .dockable__tabs {
  border-width: 0 1px 0 0;
  order: 0;
}
.dockable--left .dockable__tabs .dockableTab__btn {
  border-width: 0 0 0 2px;
}
.dockable--disabled .dockable__tabs {
  position: relative;
}
.dockable--disabled .dockable__tabs:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--dockableDisabledBackgroundColor);
}
.dockable__tabs > strong {
  margin: 0.5rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.dockable__tabs__inner {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.dockable__tabs ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  transition: 0.2s transform ease-in-out;
}
body.dockable-is-dragging .dockable:not(.dockable--disabled) .dockable__tabs ul {
  flex-grow: 1;
}
.dockable__tabs .dockableTab {
  list-style: none;
  padding: 0 0.5rem;
  white-space: nowrap;
}
.dockable__tabs .dockableTab__btn {
  font-size: 0.9125rem;
  font-weight: normal;
  color: var(--dockableTabColor);
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.dockable__tabs .dockableTab__btn.active, body:not(.dockable-is-dragging) .dockable__tabs .dockableTab__btn:hover:not(.sticky) {
  border-color: var(--dockableTabColor);
  border-style: solid;
}
.dockable__tabs .dockableTab__btn.active {
  border-color: var(--dockableTabActiveColor);
}
.dockable__tabs .dockableTab__btn.sticky {
  opacity: 0.75;
}
.dockable__tabs .dockableTab__btn > span {
  display: inline-flex;
  align-items: center;
}
.dockable__tabs .dockableTab--ghost {
  background-color: #718096 !important;
  border: 0;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 3px !important;
}
.dockable__tabs .dockableTab--ghost * {
  display: none;
}
.dockable__tabs .pinned {
  font-size: 0.8125rem;
  font-weight: 700;
  vertical-align: middle;
  padding-left: 0.25rem;
}
.dockable--left .dockable__tabs .pinned, .dockable--right .dockable__tabs .pinned {
  padding-top: 0.25rem;
  transform: rotate(90deg);
}
.dockable__tabs .btn-close {
  color: #a0aec0;
  padding: 0 0 0 0.25rem;
  visibility: hidden;
  line-height: 1;
}
.dockable__tabs .btn-close:hover {
  color: #718096;
}
.dockable__tabs .btn-pagination {
  color: var(--dockableTabColor);
  border: 0;
  border-radius: 0;
  flex-shrink: 0;
}
.dockable__tabs .btn-pagination:hover {
  color: var(--dockableTabButtonHoverColor);
}
.dockable__tabs .btn-pagination i {
  font-weight: bold;
}
.dockable__tabs .dropdown-menu {
  -webkit-writing-mode: initial;
  writing-mode: initial;
}

.dockable__floating {
  display: none;
  background-color: var(--dockableBackgroundColor);
  position: absolute;
  z-index: 1;
}
.dockable__floating.is-visible {
  display: flex;
  z-index: 95;
}
.dockable__floating:not(.is-visible) > .ui-resizable-handle {
  display: none !important;
}
.dockable__floating.dockable--horizontal {
  width: 100%;
}
.dockable--top .dockable__floating, .dockable--bottom .dockable__floating {
  height: 300px;
}
.dockable--left .dockable__floating, .dockable--right .dockable__floating {
  width: 300px;
}
.dockable--top .dockable__floating {
  top: var(--dockableCollapsedSize);
  box-shadow: -5px 10px 15px 0 rgba(0, 0, 0, 0.15);
}
.dockable--left .dockable__floating {
  left: var(--dockableCollapsedSize);
  box-shadow: 15px 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dockable--bottom .dockable__floating {
  bottom: var(--dockableCollapsedSize);
  box-shadow: -5px -10px 15px 0 rgba(0, 0, 0, 0.15);
}
.dockable--right .dockable__floating {
  right: var(--dockableCollapsedSize);
  box-shadow: -15px 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dockable--disabled .dockable__floating:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--dockableDisabledBackgroundColor);
}
.dockable__floating > div:not(.show) {
  display: none;
}

.dockable__sticky {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
}
.dockable--collapsed .dockable__sticky {
  visibility: hidden;
}
.dockable--disabled .dockable__sticky {
  position: relative;
}
.dockable--disabled .dockable__sticky:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--dockableDisabledBackgroundColor);
}

.dockable__pinOverlay {
  display: none !important;
  position: absolute;
  z-index: 100;
}
.dockable__pinOverlay--hover:not(.dockable--disabled) .dockable__pinOverlay__inner {
  display: flex;
}
.dockable__pinOverlay > :not(.dockable__pinOverlay__inner) {
  display: none !important;
}
.dockable--bottom .dockable__pinOverlay, .dockable--top .dockable__pinOverlay {
  width: 100%;
  height: 124px;
}
.dockable--left .dockable__pinOverlay, .dockable--right .dockable__pinOverlay {
  width: 124px;
  height: 100%;
}
.dockable--top .dockable__pinOverlay {
  top: var(--dockableCollapsedSize);
}
.dockable--top.dockable--empty .dockable__pinOverlay {
  top: 0;
}
.dockable--right .dockable__pinOverlay {
  right: var(--dockableCollapsedSize);
}
.dockable--left.dockable--empty .dockable__pinOverlay {
  left: 0;
}
.dockable--bottom .dockable__pinOverlay {
  bottom: var(--dockableCollapsedSize);
}
.dockable--bottom.dockable--empty .dockable__pinOverlay {
  bottom: 0;
}
.dockable--left .dockable__pinOverlay {
  left: var(--dockableCollapsedSize);
}
.dockable--right.dockable--empty .dockable__pinOverlay {
  right: 0;
}
body.dockable-is-dragging .dockable--collapsed:not(.dockable--disabled) .dockable__pinOverlay {
  display: flex !important;
}
.dockable__pinOverlay__inner {
  font-size: 2rem;
  color: #63b3ed;
  background-color: #ebf8ff;
  width: 100%;
  height: 100%;
  display: none;
}
.dockable__pinOverlay__inner:hover {
  color: var(--dockableTabButtonHoverColor);
  background-color: #bee3f8;
}
.dockable__pinOverlay__inner > i {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dockableSplitter {
  display: flex;
  min-height: 0;
  flex: 1;
}
.dockableSplitter.dockableSplitter--vertical {
  flex-direction: column;
}
.dockableSplitter.dockableSplitter--vertical > div {
  width: 100%;
}
.dockableSplitter.dockableSplitter--horizontal > div {
  height: 100%;
}

.dockableSplitterWrapper {
  display: flex;
  min-height: 0;
  flex: 1;
}

.dockablePane {
  border-color: var(--dockableBorderColor);
  border-style: solid;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}
.dockable--horizontal .dockablePane:last-child {
  border-right: none;
}
.dockable--top .dockable--horizontal .dockablePane, .dockable--top .dockable__floating.dockable--vertical .dockablePane {
  border-width: 0 0 1px 1px;
}
.dockable--left .dockablePane {
  border-width: 0 1px 1px 0;
}
.dockable--bottom .dockablePane {
  border-width: 1px 0 0;
}
.dockable--bottom .dockable--horizontal .dockablePane, .dockable--bottom .dockable__floating.dockable--vertical .dockablePane {
  border-width: 1px 0 0 1px;
}
.dockable--bottom .dockablePane:last-child {
  border-bottom-width: 0;
}
.dockable--bottom .dockable--horizontal .dockablePane:last-child, .dockable--top .dockable--horizontal .dockablePane:last-child {
  border-right-width: 0;
}
.dockable--right .dockablePane {
  border-width: 0 0 1px 1px;
}
.dockable__sticky .dockablePane__buttons .btn-sticky {
  color: var(--dockableTabButtonHoverColor);
}
.dockable__floating .dockablePane__buttons .btn-sticky {
  transform: rotate(90deg);
}
.dockablePane.dockable--ghostClone {
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
}
.dockablePane.dockable--ghostClone:before {
  content: "";
  background-color: #ebf8ff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dockablePane.dockable--ghostClone:after {
  content: "\f24d";
  color: #90cdf4;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  z-index: 1;
}
.dockablePane.dockable--ghostClone > div {
  display: none;
}
.dockablePane.dockable--ghostClone .dockablePane__header {
  display: none;
}
.dockable__floating .dockablePane--ghost, .dockable__sticky .dockablePane--ghost {
  background-color: #718096;
  flex-basis: 6px;
}
.dockable__floating .dockablePane--ghost > *, .dockable__sticky .dockablePane--ghost > * {
  display: none;
}
.dockable--vertical .dockablePane--ghost {
  max-height: 6px;
}
.dockable--horizontal .dockablePane--ghost {
  max-width: 6px;
}
.dockablePane.dockablePane--drag {
  border-width: 1px;
  height: auto !important;
  width: auto !important;
  border-radius: 0.3rem;
}
.dockablePane.dockablePane--drag .dockablePane__header strong {
  padding-right: 1rem;
}
.dockablePane.dockablePane--drag .dockablePane__header .dockablePane__buttons {
  display: none;
}
.dockablePane.dockablePane--drag .dockablePane__body {
  display: none;
}
.dockablePane__header {
  color: #666;
  background-color: #f1f1f1;
  border-bottom: 1px solid var(--dockableBorderColor);
  height: 36px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.dockablePane__header--hidden {
  display: none;
}
.dockablePane__header strong {
  font-size: 0.9175rem;
  padding-left: 0.5rem;
  min-width: 0;
  display: flex;
  align-items: center;
}
.dockablePane__header strong .header__icon {
  margin-right: 0.5rem;
  align-self: center;
}
.dockablePane__header strong .notification {
  margin-right: 0.5rem;
}
.dockablePane__header strong span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dockablePane__buttons {
  margin-right: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
}
.dockablePane__buttons button {
  font-size: 0.875rem;
  color: silver;
  padding: 0 0.5rem;
}
.dockablePane__buttons button:hover {
  color: var(--dockableTabButtonHoverColor);
}
.dockablePane__buttons button i {
  font-weight: 900 !important;
}
.dockablePane__body {
  background-color: var(--dockableBackgroundColor);
  overflow: hidden auto;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dockablePane__body.loading {
  position: relative;
}
.dockablePane__body.loading:before {
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
}
.dockablePane__body.loading:after {
  content: "\f3f4";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.75rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #666;
  left: calc(50% - 1.75rem / 2);
  top: calc(50% - 1.75rem / 2);
  display: inline-block;
  position: absolute;
  animation: fa-spin 2s linear infinite;
}
.dockablePane__splitOverlay {
  background-color: rgba(99, 179, 237, 0.75);
  position: absolute;
  display: none;
}
.dockablePane__splitOverlay--vertical {
  width: 100%;
  height: 50%;
}
.dockablePane__splitOverlay--horizontal {
  width: 50%;
  height: 100%;
}

body > .dockableTab--drag {
  background-color: #f1f1f1;
  border: 1px solid var(--dockableBorderColor);
  list-style: none;
  width: auto !important;
  height: auto !important;
  padding: 0.25rem 0.75rem;
  border-radius: 0.3rem;
}
body > .dockableTab--drag .dockableTab__btn {
  font-size: 0.9125rem;
  font-weight: normal;
  color: var(--dockableTabColor);
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  border: 0;
}
body > .dockableTab--drag .pinned {
  font-size: 0.875rem;
  vertical-align: middle;
  font-weight: 700;
  padding-left: 0.25rem;
}
body > .dockableTab--drag .btn-close {
  display: none;
}

/*
    Application-dockables
*/
.dc-dockable-app-bars-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.dc-dockable-app-bars-wrapper-inner {
  display: flex;
  flex-direction: row;
  min-height: 0;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-top > .dockable__floating,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-bottom > .dockable__floating {
  z-index: 6;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-top > .dockable__floating .ui-resizable-handle,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-bottom > .dockable__floating .ui-resizable-handle {
  z-index: 6 !important;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-top .ui-resizable-handle,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-bottom .ui-resizable-handle {
  z-index: 5 !important;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-left > .dockable__floating,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-right > .dockable__floating {
  z-index: 5;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-left > .dockable__floating .ui-resizable-handle,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-right > .dockable__floating .ui-resizable-handle {
  z-index: 5 !important;
}
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-left .ui-resizable-handle,
.dc-dockable-app-bars-wrapper .dc-dockable-app-bars-right .ui-resizable-handle {
  z-index: 4 !important;
}

.dc-dockable-app-bars-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dc-dockable-app-bars-content.scrollable {
  overflow: auto;
}
.dc-dockable-app-bars-content #content {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

.dc-dockable-wrapper {
  width: 100%;
  flex: 1;
  display: flex;
  min-height: 0;
  min-width: 0;
}
.dc-dockable-wrapper-inner {
  min-height: 0;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}
.dc-dockable-wrapper .dockable--top,
.dc-dockable-wrapper .dockable--bottom {
  z-index: 3;
}
.dc-dockable-wrapper .dockable--left,
.dc-dockable-wrapper .dockable--right {
  z-index: 4;
}

/**
 *  Die maximale Breite, die am #content gesetzt wurde, muss jetzt hier am form
 *  gesetzt werden.
 */
.dc-dockable-content {
  overflow: auto;
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.dc-dockable-content > form {
  margin: 0 auto;
  padding: 1rem 0;
  width: 100%;
}
.ui-dialog .dc-dockable-content > form {
  padding: 0.25rem 0;
}
.dc-dockable-content > #innerContent {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.dc-dockable-content > #innerContent .dockable--top,
.dc-dockable-content > #innerContent .dockable--bottom {
  z-index: 1;
}
.dc-dockable-content > #innerContent .dockable--left,
.dc-dockable-content > #innerContent .dockable--right {
  z-index: 2;
}

@keyframes notificationFlash {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes notificationFlashBackground {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: var(--dockableTabNotificationColor);
  }
}

.transfer-container {
  background-color: #fff;
  height: 100%;
}

.transfer-container > .transfer-container__col:not(:last-child) {
  border-right: 1px solid #cbd5e0;
  padding: 0;
}

.transfer-container__col {
    flex: 0 1 285px;
    min-width: 285px;
    background-color: #f7fafc;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
}

.transfer-container__col.col {
    padding: 0;
    margin: 0;
}

.transfer-container__col--fluid {
    flex: 1;
}

.transfer-container__col > header,
.transfer-container__bar {
  border-bottom: 1px solid #cbd5e0;
}

.transfer-container__col > header {
  background-color: #edf2f7;
  color: #2d3748;
}

.transfer-container__col > header > span {
  font-size: 1rem;
  font-weight: bold;
}

.transfer-container__bar {
  background-color: #fff;
  color: #4a5568;
  max-height: 32px;
}

.transfer-container__bar > div {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  padding: 0 !important;
}

.transfer-container__bar > div:not(:last-child) {
  border-right: 1px solid #cbd5e0;
}

.transfer-container__bar .filter-active {
  border-right: 0 !important;
}

.transfer-container__bar > .filter-elements-group > div:last-child input {
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #cbd5e0;
  min-width: 0;
  border-radius: 0;
}

.transfer-container__bar > .filter-elements-group > div:last-child button {
  border-left: 1px solid #cbd5e0;
}

.transfer-container__bar .dc-button {
  --dcf-buttonFontSize: 0.875rem;
  --dcf-buttonFgColor: #34353e;
  --dcf-buttonBgColor: #f6f9fc;

  white-space: nowrap;
  border: 0;
  border-radius: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer-container__bar .dc-button.active,
.transfer-container__bar .form__control--button:checked + .dc-button {
  --dcf-buttonFgColorHover: #2b6cb0;
  --dcf-buttonBgColorHover: #ebf8ff;
}

.transfer-container__bar label.dc-button:not(.disabled),
.transfer-container__bar .dc-button:not(.disabled):not([disabled]) {
  cursor: pointer;
}

.transfer-container__bar .dc-button.focus,
.transfer-container__bar .dc-button:focus {
  box-shadow: none !important;
}

.transfer-container__bar .dc-button i {
  padding-right: 0.2rem;
}

.transfer-container__bar .dropdown-menu .dc-button i {
  padding-right: 0.5rem;
}

.transfer-container__bar .dc-button.filter-btn {
  border-width: 0 1px 0 0;
  flex-grow: 1;
}

.transfer-container__bar .dc-button.filter-btn.active {
  max-width: 40px;
}

.transfer-container__bar .dc-button.filter-btn.active span {
  display: none;
}

.transfer-container__bar .dc-button.clear-btn {
  border-width: 0 0 0 1px;
}

.transfer-container__bar .dc-button:focus {
  box-shadow: none;
}

.transfer-container__bar .form__control:not(.fieldenabled) {
  background-color: transparent !important;
  color: #4a5568;
  font-size: 0.925rem;
  border: 0;
  height: 100%;
}

.transfer-container__bar input:focus {
  box-shadow: none;
}

.transfer-container__bar input::placeholder {
  color: #4a5568;
}

.transfer-container__bar .collapse-elements-group .dropdown-toggle {
  flex: 0 0 auto;
}

.transfer-container__bar .collapse-elements-group .show .dropdown-toggle {
  background-color: #ebf8ff;
  color: #2b6cb0;
}

.transfer-container__bar .collapse-elements-group .dropdown-menu {
  background-color: #f6f9fc;
}

.transfer-container__bar
  .collapse-elements-group
  .btn-group-toggle:hover
  label {
  background-color: #fff;
}

.transfer-container__bar .collapse-elements-group .collapse-specific-btn {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  justify-content: initial;
}

.transfer-container__bar
  .collapse-elements-group
  .collapse-specific-btn
  input[type="checkbox"] {
  display: none;
}

.transfer-container__bar .dc-button-group {
  flex: 1 1 auto;
}

.transfer-container__bar .dropdown-menu .dc-button-group {
  width: 100%;
}

.transfer-container.is-dragging .transfer-container__bar .add-group-btn {
    color: #34353e;
    background-color: #f6f9fc;

    font-weight: bold;
    animation-name: pulseAddNewGroupButton;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}

.transfer-container__bar .transfer-container__transferable {
  display: none !important;
}

.transfer-container__elements {
    display: flex;
    flex-direction: column;
    overflow: hidden scroll;
    height: 100%;
    user-select: none;
    padding: 0.75rem;
}

.transfer-container__elements .card {
  border-width: 0;
  background-color: transparent;
}

.transfer-container__elements .card:not([data-level="1"]) {
  border-radius: 0.4rem !important;
}

.transfer-container__elements.accordion .card {
  overflow: unset;
}

.transfer-container__category:not([data-level="1"]):not(:last-child) {
  margin-bottom: 0.75rem;
}

.transfer-container__elements.accordion .card-header {
  margin-bottom: 0;
}

.transfer-container__elements--grouped {
    padding: 0;
}

.transfer-container .card-header {
  padding: 0;
  border-width: 0;
  display: flex;
  flex-direction: column;
}

.transfer-container__category:not([data-level="1"]) > .card-header,
.transfer-container__category:not([data-level="1"]) > .card-header > h2 {
  border-radius: 0.4rem !important;
}

.transfer-container__category.item--selected:not([data-level="1"])
  > .card-header,
.transfer-container__category.item--selected:not([data-level="1"])
  > .card-header
  > h2 {
  border-radius: 0.4rem 0 0 0.4rem !important;
}

.transfer-container__category.expanded[data-level="1"] > .card-header {
  position: sticky;
}

.transfer-container__category.expanded[data-level]
  .collapse.show
  > .card-body
  > .card
  > .card-header {
  position: sticky;
}

.transfer-container__category[data-level="1"] > .card-header {
  z-index: 1;
}

.transfer-container .card-header .progress {
  background-color: transparent;
  position: absolute;
  border-radius: 0;
  height: 2px;
  width: 100%;
}

.transfer-container .card-header .progress-bar {
  background-color: #a0aec0;
}

/* Wir müssen hier ein unsichtbares Element einblenden, weil ansonsten nach einem
 * Drag das Event weiter den Event-Queue "hochläuft" und somit auch das
 * Collapse-Event etc. gefeuert wird */
.transfer-container.is-dragging .card-header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.transfer-container .card-header h2 {
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  letter-spacing: 0 !important;
}

.transfer-container .card.expanded .card-header h2 {
  background-color: #ebf8ff;
  color: #2b6cb0;
}

.transfer-container .card.expanded:not(.item--selected) .card-header h2 {
  border-color: #bee3f8 !important;
}

.transfer-container .card.collapsed .card-header h2 {
  background-color: #edf2f7;
  color: #2d3748;
}

.transfer-container .card.collapsed:not(.item--selected) .card-header h2 {
  border-color: #d0d9e4 !important;
}

.transfer-container__transferable .transferable__multiselect {
  margin-right: 0.5rem;
}

.transfer-container .card-header i,
.transfer-container__transferable strong i {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.transfer-container .card-header i {
  justify-content: center;
}

.transfer-container__transferable strong i {
  justify-content: flex-start;
}

.transfer-container .card-header i.bg-invert,
.transfer-container__transferable strong i.bg-invert {
  font-size: 0.75rem;
}

.transfer-container .dc-button[aria-expanded] {
  border-width: 0 0 1px;
  letter-spacing: 0;
  border-radius: 0;
  min-width: 0;
}

.transfer-container .dc-button:hover,
.transfer-container .dc-button:focus {
  text-decoration: none;
}

.transfer-container .card h2 > * {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: inherit;
}

.transfer-container .card h2 > * {
  background-color: inherit;
  color: inherit;
}

.transfer-container .card h2 > .dc-button {
  border-width: 0 0 1px;
  border-radius: 0;
  margin: 0;
  padding: 0.5rem 0.25rem;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.transfer-container__category:not([data-level="1"]) > .card-header h2 > button {
  border-radius: 0.3rem 0 0 0.3rem !important;
  border-width: 1px 0 1px 1px;
}

.transfer-container__category:not([data-level="1"])
  > .card-header
  h2
  > .categoryTitle {
  border-width: 1px 0;
}

.transfer-container__category:not([data-level="1"])
  > .card-header
  h2
  > *:last-child {
  border-radius: 0 0.3rem 0.3rem 0 !important;
  border-width: 1px 1px 1px 0;
}

.transfer-container__category.item--selected:not([data-level="1"])
  > .card-header
  h2
  > *:last-child {
  border-radius: 0 !important;
}

.transfer-container
  .transfer-container__receiverParent
  .card:hover
  h2
  > .dc-button,
.transfer-container
  .transfer-container__receiverParent
  .card.expanded
  h2
  > .dc-button {
  color: #2b6cb0;
}

.transfer-container
  .transfer-container__receiverParent
  .card.collapsed:not(:hover)
  h2
  > .dc-button
  i:not(.force-fg) {
  color: #2d3748 !important;
}

.transfer-container .card h2 .dc-button:focus {
  box-shadow: none;
}

.transfer-container .category-btn[aria-expanded] strong i {
  transition: transform 0.2s;
}

.transfer-container .category-btn[aria-expanded="true"] strong i {
  transform: rotate(90deg);
}

.transfer-container .badge-wrapper {
  border-radius: 50%;
  line-height: 0;
  margin-left: 0.25rem;
}

.transfer-container .badge {
  top: 0;
}

.transfer-container .card.collapsed .badge {
  background-color: #cbd5e0;
  color: #4a5568;
}

.transfer-container .card.expanded .badge {
  background-color: #bee3f8;
  color: #2b6cb0;
}

.transfer-container .categoryTitle {
  border-width: 0 0 1px;
  border-style: solid;
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

.transfer-container .categoryTitle--hidden,
.transfer-container .itemcaption--hidden {
    display: none;
}

.transfer-container .categoryTitleInput,
.transfer-container .itemcaptionInput {
    --dcf-formControlBorderRadius: 0;
    background-color: #fff;
}

.transfer-container .category-options__btns.d-flex .dc-button {
  border-right: 1px solid #d0d9e4;
  border-radius: 0;
}

.transfer-container
  .dc-button[aria-expanded="true"]
  + .category-options
  .category-options__btns.d-flex
  .dc-button {
  border-color: #bee3f8;
}

.transfer-container .collapse .card-body,
.transfer-container .collapsing {
  background-color: #f7fafc;
}

.transfer-container
  .card[data-level="1"]:not(:last-child)
  > .collapse
  > .card-body {
  border-bottom: 1px solid #cbd5e0;
}

.transfer-container__category:not([data-level="1"]) > .collapse > .card-body,
.transfer-container__category:not([data-level="1"]) > .collapsing > .card-body {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.transfer-container.is-dragging .card:hover .collapse.show .card-body {
  display: block !important;
}

.transfer-container .transfer-container__transferable {
  font-size: 0.925rem;
  text-align: left;
  background-color: #fff;
  color: #4a5568;
  border-width: 1px;
  border-style: solid;
  height: 40px;
  min-height: 40px;
  width: 100%;
  padding: 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
}

.transfer-container.is-dragging .transfer-container__transferable {
  position: relative;
}

.transfer-container.is-dragging .transfer-container__transferable::before {
  content: "";
  display: block;
  width: calc(100% + 2rem);
  height: calc(100% + 1rem);
  position: absolute;
  left: -1rem;
  top: -1rem;
}

.transfer-container .transfer-container__transferable:not(.item--selected):not(.item--multiselect) {
  border-color: #cbd5e0 !important;
}

.transfer-container .transfer-container__transferable.item--multiselect:not(.item--selected) {
  border-width: 2px;
  border-color: #3B82F6 !important;
}

.transfer-container .transfer-container__transferableInner {
  display: flex;
  padding: 0 0.75rem;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}

.transfer-container .transfer-container__transferableInner > * {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.transfer-container .transfer-container__transferable:not(:last-child) {
  margin-bottom: 0.75rem;
}

.transfer-container .transfer-container__transferable.last {
  margin-bottom: 0;
}

.transfer-container
  .transfer-container__receiver
  .transfer-container__transferable.last.sortable-ghost {
  margin-bottom: 0.75rem;
}

.transfer-container .transfer-container__transferable--disabled {
  color: #cbd5e0;
  border-color: #edf2f7;
  box-shadow: none;
}

.transfer-container
  .transfer-container__transferable.item--selected:not(.transfer-container__transferable--disabled) {
  color: #2b6cb0;
  background: #ebf8ff;
  border-color: #4299e1;
}

.transfer-container.modified-default-colors
  .transfer-container__receiverParent
  .item--selected
  > .card-header
  h2,
.transfer-container.modified-default-colors
  .transfer-container__receiverParent
  .transfer-container__transferable.item--selected {
  border-color: #dd6b20;
}

.transfer-container .item--selected > .card-header h2,
.transfer-container .transfer-container__transferable.item--selected {
  border-color: #4299e1;
  border-right-width: 7px;
  border-right-style: solid;
}

.transfer-container .transfer-container__transferable.item--selected,
.transfer-container
  .transfer-container__transferable.item--selected
  .transfer-container__transferableInner {
  border-radius: 0.3rem 0 0 0.3rem;
}

.transfer-container
  .transfer-container__transferable.sortable-chosen.sortable-ghost {
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06) !important;
  background-color: #edf2f7 !important;
  border-color: #cbd5e0 !important;
}

.transfer-container__transferable.sortable-chosen.sortable-ghost * {
  background-color: transparent !important;
  color: #edf2f7 !important;
  appearance: none;
}

.transfer-container__transferable.sortable-chosen.sortable-ghost svg {
  fill: #edf2f7;
}

.transfer-container .transfer-container__transferable svg {
  fill: #cbd5e0;
  margin-right: 0.65rem;
  flex-shrink: 0;
}

.transfer-container .transfer-container__transferable.item--selected svg {
  fill: #63b3ed;
}

.transfer-container .transfer-container__transferable strong {
  min-width: 0;
}

.transfer-container .transfer-container__transferable strong i {
  /* margin-right: 0.25rem; */
}

.transfer-container
  .transfer-container__transferable
  strong
  > span
  > span.itemcaption {
  height: 1.35rem;
}

.transfer-container .transfer-container__transferable .dc-button {
  padding: 0;
  margin: 0 0 0 0.5rem;
}

.transfer-container .transfer-container__transferable .dc-button:focus {
  box-shadow: none;
}

.transfer-container .transfer-container__transferable .dc-button .fas {
  color: #e53e3e;
  font-weight: bold !important;
}

.transfer-container .transfer-container__transferable small {
  font-size: 70%;
}

.transfer-container .itemcaption {
    width: 100%;
}

.transfer-container .itemcaptionInput {
    height: 100%;
    border-width: 0 1px;
}

.transfer-container__searchPagination {
  display: flex;
  white-space: nowrap;
  margin-bottom: 0.5rem;
  align-items: center;
}

.transfer-container .transfer-container__searchPagination strong {
  font-weight: normal;
  color: #4a5568;
  font-size: 0.875rem;
  width: 100%;
  display: block;
}

.transfer-container .transfer-container__searchPagination .dc-button {
  background-color: #e2e8f0;
  border: 0;
  color: #718096;
}

.transfer-container .transfer-container__searchPagination .dc-button:hover {
  background-color: #cbd5e0;
  color: #4a5568;
}

.transfer-container .transfer-container__searchPagination .dc-button:focus,
.transfer-container
  .transfer-container__searchPagination
  .dc-button:active:focus {
  box-shadow: none;
}

.transfer-container .transfer-container__searchPagination .dc-button:active {
  background-color: #3182ce;
  color: #fff;
}

.transfer-footer {
  background-color: #edf2f7;
  color: #a0aec0;
  border-top: 1px solid #cbd5e0;
  padding: 0 0.75rem;
  height: 30px;
  display: flex;
  align-items: center;
}

/* Betrifft konkret die Gridkonfiguration */
.listview-wrapper {
  border: 1px solid #cbd5e0;
  padding: 0 !important;
  flex-direction: column;
}

.listview-wrapper > .row {
  display: flex !important;
  flex-wrap: nowrap;
  padding: 0 !important;
}

.listview-wrapper .transfer-wrapper {
  width: 100% !important;
  display: flex;
  flex-direction: column;
}

.listview-wrapper .transfer-container {
  display: flex !important;
  width: 100%;
  min-height: 0;
  padding: 0;
}

.listview-wrapper .transfer-container__bar {
  display: flex !important;
  padding: 0 !important;
  min-height: 40px;
}

.listview-wrapper .transfer-container__bar:empty {
    min-height: 0;
    height: 0;
}

.listview-wrapper .transfer-container__elements h2 {
  font-size: 1rem !important;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

/*.listview-wrapper .jarviswidget .form {
  border: 0;
}
*/

.listview-wrapper .transfer-container__col > header {
  border-width: 0 0 1px;
  padding: 0.5rem 1rem;
  line-height: 1;
}

.listview-wrapper .transfer-container__col > header > span {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
}

.listview-wrapper .transfer-container__col.columnProperties {
  min-width: 0 !important;
  flex: 1 !important;
}

.listview-wrapper
  .transfer-container__col.columnProperties
  > .form.dc-container-area {
  overflow: hidden auto;
  height: 100%;
  border: 0;
}

.transfer-container:not(.is-dragging)
  .expanded
  h2.hover-inherit--fg.hover-inherit--bg {
  color: inherit !important;
  background-color: inherit !important;
}

.transfer-container:not(.is-dragging) .expanded h2.hover-inherit--fg,
.transfer-container:not(.is-dragging) .hover-inherit--fg:hover {
  color: inherit !important;
}

.transfer-container:not(.is-dragging) .expanded h2.hover-inherit--bg,
.transfer-container:not(.is-dragging) .hover-inherit--bg:hover {
  background-color: inherit !important;
}

.transfer-container:not(.is-dragging)
  .expanded
  h2.hover-inherit--fg.hover-inherit--bg
  .inherit-fg-on-hover.inherit-bg-on-hover,
.transfer-container:not(.is-dragging)
  .hover-inherit--fg.hover-inherit--bg:hover
  .inherit-fg-on-hover.inherit-bg-on-hover {
  color: inherit !important;
  background-color: inherit !important;
}

.transfer-container:not(.is-dragging)
  .expanded
  h2.hover-inherit--bg
  .inherit-fg-on-hover,
.transfer-container:not(.is-dragging)
  .hover-inherit--bg:hover
  .inherit-fg-on-hover {
  color: inherit !important;
}

.transfer-container:not(.is-dragging)
  .expanded
  h2.hover-inherit--fg
  .inherit-bg-on-hover,
.transfer-container:not(.is-dragging)
  .hover-inherit--fg:hover
  .inherit-bg-on-hover {
  background-color: inherit !important;
}

.transfer-container:not(.is-dragging) h2.inherit-border-on-hover:hover,
.transfer-container:not(.is-dragging)
  .expanded.item--selected
  h2.inherit-border-on-hover {
  border-color: inherit !important;
}

.transfer-container .h-60 {
  height: 60% !important;
}

.transfer-container .fs-1 {
  font-size: 1rem !important;
}

.transfer-container strong {
  font-weight: bold;
}

.dclistview-describable {
  max-width: 300px !important;
}

.transfer-container .spinner {
  font-size: 1.5rem;
  color: #4a5568;
  background-color: hsla(360, 100%, 100%, 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.transfer-container .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.transfer-container .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

/* Benutzerdefiniertes Template-Styling */
/* START
 * index_groups_template.html */
.dc-listview-append-design-preview
  .transfer-container__receiverParent
  .item--selected
  > .card-header
  h2 {
  border-color: #4299e1 !important;
}

.dc-listview-append-design-preview
  .transfer-container__category.item--selected
  > .card-header
  .category-btn {
  border-color: #4299e1;
}

.dc-listview-append-design-preview
  .transfer-container__category.item--selected
  > .card-header
  .categoryTitle {
  border-color: #4299e1;
  border-right-width: 7px !important;
  border-right-style: solid;
}

.dc-listview-append-design-preview
  .transfer-container__category.item--selected
  > .card-header
  h2 {
  border-right: 0 !important;
}

.dc-listview-append-design-preview .transfer-container__transferable {
  border-color: #cbd5e0 !important;
  border-width: 1px !important;
  border-radius: 0.3rem !important;
}

.dc-listview-append-design-preview
  .transfer-container__transferable.item--selected {
  border-color: #cbd5e0 !important;
  border-width: 1px !important;
  border-radius: 0.3rem !important;
}

.dc-listview-append-design-preview
  .transfer-container__transferable.item--selected
  .transfer-container__transferableInner {
  border-color: #4299e1;
  border-style: solid;
  border-width: 1px 7px 1px 1px;
  border-radius: 0.2rem 0 0 0.2rem;
}

.dc-listview-append-design-preview .transfer-container__design {
  flex: 0 0 36px;
  display: flex;
  border-left: 1px solid #cbd5e0;
}

.dc-listview-append-design-preview
  .transfer-container__transferable.sortable-ghost
  .transfer-container__design {
  border-left: 0;
}

.dc-listview-append-design-preview
  .transfer-container__category.item--selected:not([data-level="1"])
  > .card-header
  h2
  > :last-child {
  border-radius: 0 0.3rem 0.3rem 0 !important;
}

.dc-listview-append-design-preview
  .transfer-container__transferable
  .transfer-container__design {
  border-radius: 0 0.3rem 0.3rem 0;
}

.dc-listview-append-design-preview .transfer-container__design__inner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.dc-listview-append-design-preview
  .transfer-container__category:not([data-level="1"])
  > .card-header
  .transfer-container__design__inner {
  border-radius: 0 0.2rem 0.2rem 0;
}

.dc-listview-append-design-preview
  .transfer-container__transferable
  .transfer-container__design__inner {
  border-radius: 0 0.25rem 0.25rem 0;
}

.dc-listview-append-design-preview .transfer-container__design__inner span {
  text-shadow: -1px 2px 4px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}

.dc-listview-append-design-preview
  .transfer-container__transferable--disabled
  .transfer-container__design__inner
  span {
  text-shadow: none;
}

.dc-listview-append-design-preview
  .transfer-container__transferable.sortable-ghost
  .transfer-container__design__inner
  span {
  display: none;
}
/* ENDE */

/* START
 * index_treeview.html */
.dc-listview-treeview .transfer-container__elements {
  overflow: auto scroll;
}

.dc-listview-treeview .transfer-container__category::before {
  content: "";
  background-color: #cbd5e0;
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 15px;
  top: 15px;
  bottom: 0;
}

.dc-listview-treeview .transfer-container__category.card:not([data-level="1"]) {
  margin: 0 !important;
}

.dc-listview-treeview .transfer-container__category .card-body {
  background-color: transparent;
  border-bottom: 0 !important;
  padding: 0 1rem !important;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.dc-listview-treeview .transfer-container__category .card-header {
  position: relative !important;
  top: 0 !important;
  align-self: flex-start;
  padding: 0;
}

.dc-listview-treeview .transfer-container__category .card-header h2 {
  margin-left: 0.25rem !important;
}

.dc-listview-treeview .transfer-container__category .card-header h2 > * {
  border: 0 !important;
  padding: 0 !important;
  margin: 0.5rem 0 !important;
}

.dc-listview-treeview .transfer-container__category .card-header,
.dc-listview-treeview .transfer-container__category .card-header h2 {
  background-color: transparent !important;
}

.dc-listview-treeview .transfer-container__category .category-btn strong i {
  background-color: hsla(204, 45%, 98%, 1);
  height: initial;
  padding: 0.15rem 0;
}

.dc-listview-treeview
  .transfer-container__category
  .card-header
  .categoryTitle {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  color: #4a5568 !important;
}

.dc-listview-treeview
  .transfer-container__category
  > .card-header
  .categoryTitle
  strong {
  padding: 0.25rem 0;
}

.dc-listview-treeview
  .transfer-container__category.item--selected
  > .card-header
  h2 {
  border-right-width: 0;
}

.dc-listview-treeview
  .transfer-container__category.item--selected
  > .card-header
  .categoryTitle {
  border-color: inherit !important;
  padding: 0 0.5rem !important;
}

/* Ist wg. Spezifität notwendig */
.dc-listview-treeview
  .transfer-container__category.item--selected
  > .card-header
  h2
  > .categoryTitle {
  border-radius: 0.3rem !important;
}

.dc-listview-treeview
  .transfer-container__category
  .card-header
  .categoryTitle
  .badge-wrapper {
  margin-left: 0.5rem !important;
}

.dc-listview-treeview.is-dragging .card:hover .collapse.show .card-body {
  display: flex !important;
}

.dc-listview-treeview .transfer-container__searchPagination {
  margin-left: 1rem;
  position: relative;
}

.dc-listview-treeview .transfer-container__searchPagination button {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

.dc-listview-treeview
  .transfer-container__category
  .transfer-container__transferable {
  margin: 0.25rem 0 0.25rem 1rem;
  width: auto;
  height: 32px;
  min-height: 32px;
  position: relative;
  flex-direction: row;
}

.dc-listview-treeview
  .transfer-container__category
  .transfer-container__transferable:not(.sortable-drag)::before {
  content: "";
  border: 2px solid #cbd5e0;
  background-color: hsla(204, 45%, 98%, 1);
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  position: absolute;
  left: -21px;
  top: calc(50% - 4px);
}

.dc-listview-treeview
  .transfer-container__category
  .transfer-container__transferableInner
  .dc-button {
  padding-left: 0.5rem;
}

.dc-listview-treeview .transfer-container__design {
  border: 1px solid #cbd5e0;
  width: 20px;
  height: 20px;
  margin: 0 0.5rem 0 0;
  display: flex;
  align-self: center;
  border-radius: 0.2rem;
}

.dc-listview-treeview .categoryTitle .transfer-container__design {
  margin: 0 0 0 0.5rem;
}

.dc-listview-treeview .transfer-container__design__inner {
  font-size: 0.75rem;
  line-height: 1;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06);
}

.dc-listview-treeview .listviewItemInherited {
  border-style: dashed;
  border-width: 2px;
}

.dc-listview-treeview .listviewItemInherited strong {
  font-weight: normal;
}
/* ENDE */

@keyframes pulseAddNewGroupButton {
    from {
        color: #34353e;
        background-color: #f6f9fc;
    }

    to {
        color: #1E3A8A;
        background-color: #BFDBFE;
    }
}

#SearchResult {
	float: left;
	position: absolute;
	z-index: 100;
	background: #fff;
	background: rgba(255,255,255,0.95);
	box-shadow: 2px 3px 5px #666;
}

/* das ist das Innenleben des Menüs -> der Marker ist z.B. der Pfeil der oben am Rand nach unten zeigt, brauchen wir hier ja erstmal niht :-)*/
#SearchResult .Resultbox {
	float: left;
	padding: 10px 0;
	font-size: 0.75em;
	line-height: 1.3em;
	background: #fff;
	background: rgba(255,255,255,0.95);
	background-image: url(/images/mainnav/menu-marker.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	box-shadow: 2px 3px 5px #666;
}



#filter-form {
    position: absolute;
    left: 150px;
    top: 150px;
    z-index: 100;
    background-color: #FFFFFF;
    padding: 30px;
    border: 20px solid #D4D4D4;
    border-radius: 15px 15px 15px 15px;
    color: #12458D;
}

.filter-buttons {
    float: left;
    width: 100%;
}

#filter-form button {
    margin-top: 15px;
    background: none repeat scroll 0 0 #3F68A1;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 5px 15px;
}

    #filter-form button:hover {
        background: none repeat scroll 0 0 #3A3A3A;
    }


.filterbuilder .filterbuilder__wrapper {
  flex: 1;
  flex-direction: row;
  display: flex;

}

.filterbuilder .filterbuilder__controls {
  background-color: #f6f9fc;
  border-right: 1px solid #e3e3e3;
  flex: 0 0 300px;
  /*height: calc(100vh - 120px - 30px);*/
}

.filterbuilder .filterbuilder__controls__bar {
  border-bottom: 1px solid #e3e3e3;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.filterbuilder .filterbuilder__controls__bar > div {
  height: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}

.filterbuilder .filterbuilder__controls__bar .filter-button {
  border-right: 1px solid #e3e3e3;
}

.filterbuilder .filterbuilder__controls__bar .filter-button input {
  border-width: 0 1px;
  border-style: solid;
  border-color: #e3e3e3;
  height: 100%;
  padding: 0 1rem;
  width: 100%;
  max-width: 213px;
  font-style: italic;
  font-size: 0.9rem;
  display: none;
}

.filterbuilder .filterbuilder__controls__bar .filter-button input:focus {
  font-style: normal;
}

.filterbuilder .filterbuilder__controls__bar.filter-active .filter-button .btn span,
.filterbuilder .filterbuilder__controls__bar.filter-active .collapse-controls-button {
  display: none;
}

.filterbuilder .filterbuilder__controls__bar.filter-active .filter-button {
  border-right: none;
}

.filterbuilder .filterbuilder__controls__bar.filter-active .filter-button input {
  display: block;
}

.filterbuilder .filterbuilder__controls__bar .filter-button--cancel {
  display: none;
}

.filterbuilder .filterbuilder__controls__bar.filter-active .filter-button--cancel {
  display: block;
}

.filterbuilder .filterbuilder__controls__bar .btn {
  font-size: 0.85rem;
  color: #34353e;
  border-radius: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.filterbuilder .filterbuilder__controls__bar .btn:focus,
.filterbuilder .filterbuilder__controls__bar .btn:hover {
  text-decoration: none;
}

.filterbuilder .filterbuilder__controls__bar .btn:hover {
  background-color: #fff;
}

.filterbuilder .filterbuilder__controls__elements {
  max-height: calc(100vh - 120px - 70px);
  overflow: hidden auto;
}

.filterbuilder .filterbuilder__controls__elements .card {
  background-color: transparent;
  border: 0;
}

.filterbuilder .filterbuilder__controls__elements .card .card-header {
  background-color: transparent;
  border-bottom: 1px solid #e3e3e3;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 0 0 1rem;
}

.filterbuilder .filterbuilder__controls__elements .card .card-header h2 {
  font-size: 1rem;
  margin: 0;
  width: 100%;
}

.filterbuilder .filterbuilder__controls__elements .card .card-header .btn {
  color: #34353e;
  padding: 0;
  border-radius: 0;
  border: 0;
}

.filterbuilder .filterbuilder__controls__elements .card .card-header h2 .btn {
  width: 100%;
  text-align: left;
}

.filterbuilder .filterbuilder__controls__elements .card .card-header .btn:focus,
.filterbuilder .filterbuilder__controls__elements .card .card-header .btn:hover {
  text-decoration: none;
}

.filterbuilder .filterbuilder__controls__elements .card.is-open .card-header {
  background-color: #f0f7ff;
}

.filterbuilder .filterbuilder__controls__elements .card.is-open .card-header h2 .btn {
  font-weight: bold;
  color: #3390f9;
}

.filterbuilder .filterbuilder__controls__elements .card.is-open .card-body {
  background-color: #fff;
  border-bottom: 1px solid #e3e3e3;
}

.filterbuilder .filterbuilder__controls__elements .additional-controls .card-header h2 {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
}

.filterbuilder .filterbuilder__controls__elements .additional-controls .card-header > .btn {
  border-left: 1px solid #e3e3e3;
  height: 100%;
  padding: 0 1rem;
}

.filterbuilder .filterbuilder__controls__elements
  .additional-controls
  .card-header
  > .btn:hover {
  color: #3390f9;
}

.filterbuilder .filterbuilder__controls__elements .card-body {
  display: flex;
  flex-direction: column;
}

.filterbuilder .filterbuilder__wrapper div.btn[class*="control-element--"],
.filterbuilder .filterbuilder__controls__elements .card-body .control-element--draggable {
  color: #34353e;
  font-size: 0.85rem;
  text-align: left;
  background-color: #fff;
  border: 2px solid #e3e3e3;
  border-radius: 0.3rem;
}

.filterbuilder .filterbuilder__wrapper
  div.btn.control-element--draggable:not(.ui-draggable-disabled) {
  cursor: move;
}

.filterbuilder .filterbuilder__wrapper div.btn.ui-draggable-disabled,
.filterbuilder .filterbuilder__wrapper div.btn.control-element--disabled {
  opacity: 0.35;
}

.filterbuilder .filterbuilder__controls__elements
  .card-body
  .btn.control-element--draggable:not(.ui-draggable-disabled):hover,
.filterbuilder .filterbuilder__controls__elements
  .card-body
  .btn.control-element--draggable.active {
  background-color: #f0f7ff;
  border-color: #3390f9;
  color: #3390f9;
}

.filterbuilder .filterbuilder__controls__elements .card-body .btn:not(:last-child) {
  margin-bottom: 0.5rem;
}

.filterbuilder .filterbuilder__controls__elements .card-header .btn i,
.filterbuilder .filterbuilder__controls__elements .card-body .btn i {
  width: 24px;
  text-align: center;
}

.filterbuilder .filterbuilder__controls__elements .card-body .alert {
  font-size: 0.9rem;
  margin-bottom: 0;
  padding: 0;
}

.filterbuilder .filterbuilder__view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.filterbuilder .filterbuilder__view__bar {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e3e3e3;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.filterbuilder .filterbuilder__view__bar .btn-group {
  border-right: 1px solid #e3e3e3;
  height: 100%;
}

.filterbuilder .filterbuilder__view__bar .btn,
.filterbuilder .filterbuilder__view__bar .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  color: #999;
  border-radius: 0;
}

.filterbuilder .filterbuilder__view__bar .btn:focus {
  box-shadow: none;
}

.filterbuilder .filterbuilder__view__bar .btn.active {
  font-weight: bold;
  color: #666;
}

.filterbuilder .filterbuilder__view__bar .btn.highlight {
  color: #004085;
  background-color: #cce5ff;
}

.filterbuilder .filterbuilder__view__bar .dropdown-menu {
  background-color: #fafafa;
  border-color: #e3e3e3;
  border-radius: 0;
  top: 37px;
  padding: 0;
}

.filterbuilder .filterbuilder__view__bar .dropdown-menu .dropdown-item {
  padding: 0.5rem;
}

.filterbuilder .filterbuilder__view__bar .dropdown-menu .dropdown-item:hover {
  background-color: #ebf3fe;
  color: #666;
}

.filterbuilder .filterbuilder__view__bar .dropdown-menu .dropdown-item i {
  width: 16px;
  text-align: center;
}

.filterbuilder .filterbuilder__view {
    /*height: calc(100vh - 160px - 30px);*/
    overflow: hidden auto;
    display: flex;
    flex-direction: row;
}

.filterbuilder .filterbuilder__view--inner {
  width: 100%;
  height: calc(100% - 3rem) !important;
  max-width: 100%;
  padding: 0;
}

.filterbuilder .filterbuilder__view--inner > div {
  margin-bottom: 1rem;
}

.filterbuilder .filterbuilder__view--inner .card-header {
    padding: 0.5rem 1rem;
    background-color: #fcfcfc;
    color: #5d799e;
}

.filterbuilder .filterbuilder__view--inner .card-body {
  padding: 0.75rem;
}

.filterbuilder .filterbuilder__view--inner > .container {
  max-width: 100%;
  padding: 0;
}

.filterbuilder .filterbuilder__view--inner > .container > .row {
  margin: 0;
}

.filterbuilder .filterbuilder__view--inner
  > .container
  > .row
  > div[class*="col-md-"]:first-child {
  padding-left: 0;
}

.filterbuilder .filterbuilder__view--inner
  > .container
  > .row
  > div[class*="col-md-"]:last-child {
  padding-right: 0;
}

.filterbuilder .filterbuilder__elements .card-body {
  flex: 0 0 auto;
}

.filterbuilder .filterbuilder__elements .card-body > div[class*="filter-"] {
  margin-bottom: 0.5rem;
}

.filterbuilder .filterbuilder__elements .filter-input-block {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .form-control:not(:last-child) {
    margin-right: 0.5rem;
}

.filterbuilder .filterbuilder__elements .filter-input-block > [class*="filter-element-"] {
  display: inline-block;
}

.filterbuilder .filterbuilder__elements
  .filter-input-block
  > div[class*="filter-element-"]
  > * {
  width: 100%;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .filter-element-xl {
  width: 645px;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .filter-element-bg {
  width: 400px;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .filter-element-md {
  width: 230px;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .filter-element-sm {
  width: 150px;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .connector {
  padding-right: 0.5rem;
}

.filterbuilder .filterbuilder__elements .filter-group-block {
  display: flex;
  flex-direction: row;
}

.filterbuilder .filterbuilder__elements .filter-group-block .filter-group-block--branch {
  display: flex;
  flex: 0 0 150px;
  margin-right: 0.5rem;
}

.filterbuilder .filterbuilder__elements
  .filter-group-block
  .filter-group-block--branch
  .dropdown {
  width: 100%;
}

.filterbuilder .filterbuilder__elements
  .filter-group-block
  .filter-group-block--branch
  .dropdown
  > .btn {
  border: 1px solid #ced4da;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
}

.filterbuilder .filterbuilder__elements .filter-group-block .filter-group-block--elements {
  padding-right: 0.75rem;
}

.filterbuilder .filterbuilder__elements .filter-input-block:not(:last-child) {
  margin-bottom: 0.5rem;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .col:first-child {
  padding-left: 0;
}

.filterbuilder .filterbuilder__elements .filter-input-block > .col:last-child {
  padding-right: 0;
}

.filterbuilder .filterbuilder__view__form__properties {
  background-color: #fff;
  display: none;
  flex: 0 0 300px;
  max-width: 300px;
  flex-direction: column;
  border-left: 1px solid #e3e3e3;
}

.filterbuilder .filterbuilder__view__form__properties.is-visible {
  display: flex;
}

.filterbuilder .filterbuilder__view__form__properties__bar {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e3e3e3;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}

.filterbuilder .filterbuilder__view__form__properties__bar h3 {
  font-size: 0.875rem;
  font-weight: normal;
  color: #666;
  margin: 0;
  padding-left: 1rem;
  min-width: 0;
  display: flex;
  align-items: center;
}

.filterbuilder .filterbuilder__view__form__properties__bar h3 i {
  padding-right: 0.25rem;
}

.filterbuilder .filterbuilder__view__form__properties__bar h3 strong {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding-left: 0.25rem;
}

.filterbuilder .filterbuilder__view__form__properties__bar .btn {
  color: #c0c0c0;
  border-left: 1px solid #e3e3e3;
  border-radius: 0;
  height: 100%;
}

.filterbuilder .filterbuilder__view__form__properties__view {
  padding: 0.5rem 0;
}

.filterbuilder .filterbuilder__view__form__properties__view .property-element {
  margin-bottom: 0.5rem;
}

.filterbuilder .filterbuilder__view__form__properties__view .property-header {
  font-size: 0.875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.filterbuilder .filterbuilder__view__form__properties__view .property-header > label {
  font-size: 0.875rem;
  font-weight: bold;
  color: #666;
  margin: 0;
  padding-left: 1rem;
}

.filterbuilder .filterbuilder__view__form__properties__view
  .property-header
  .custom-control-input {
  left: 0;
}

.filterbuilder .filterbuilder__view__form__properties__view .form-group {
  margin-top: 0.25rem;
  padding: 0 0.5rem 0 1rem;
}

.filterbuilder .filterbuilder__view__form__properties__view .form-group .form-control {
  font-size: 0.875rem;
  color: #666;
  background-color: #eee;
  border: 0;
  height: calc(1.5em + 0.25rem + 2px);
  border-radius: 0;
}

.filterbuilder .filterbuilder__view__form__properties__view
  .form-group
  .form-control:disabled {
  opacity: 0.5;
}

.filterbuilder .filterbuilder__footer {
  background-color: #eee;
  border-top: 1px solid #ddd;
  height: 30px;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}

.filterbuilder .filterbuilder__footer .autosave--container {
  font-size: 0.875rem;
  color: #777;
  height: 23px;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
}

.filterbuilder .filterbuilder__footer .autosave--container > span {
  font-style: italic;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
}

.filterbuilder .filterbuilder__footer .autosave--container > span i {
  padding-right: 0.3rem;
}

.filterbuilder .filterbuilder__footer .autosave--container .btn-group > .btn {
  font-size: 0.875rem;
  color: #777;
  border-left: 1px solid #ddd;
  padding: 0 0.5rem;
}

.filterbuilder .filterbuilder__footer .autosave--container .btn-group > .dropdown-menu {
  background-color: #eee;
  min-width: auto;
}

.filterbuilder .filterbuilder__footer .autosave--container .btn-group > .dropdown-menu a {
  font-size: 0.9rem;
  width: 100%;
  text-align: left;
}

.filterbuilder .filterbuilder__footer
  .autosave--container
  .btn-group
  > .dropdown-menu
  .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

/* Bootstrap-Spezifisches Styling überschreiben */
.filterbuilder .modal-new-form .modal-dialog {
  max-width: 700px;
}
.filterbuilder .modal-new-form .modal-header,
.filterbuilder .modal-new-form .modal-footer {
  padding: 0.5rem 1rem;
}

.filterbuilder .modal-new-form .modal-header {
  display: flex;
  flex-direction: row;
}

.filterbuilder .modal-new-form .modal-header h5 i {
  padding-right: 0.25rem;
}

.filterbuilder .modal-new-form .modal-header .close {
  float: none;
}

.filterbuilder .modal-new-form .nav-tabs .nav-item {
  margin-bottom: 0;
}

.filterbuilder .modal-new-form .nav-tabs .nav-item a {
  border-width: 0 1px;
  border-radius: 0;
  outline: none;
  font-size: 0.85rem;
  color: #666;
}

.filterbuilder .modal-new-form .nav-tabs .nav-item a.active {
  color: #3390f9;
  background-color: #f0f7ff;
  font-weight: bold;
}

.filterbuilder .modal-form--sidebar {
  background-color: #f6f7fa;
  border-right: 1px solid #dee2e6;
  flex: 0 0 250px;
  padding: 1.25rem 1rem 1rem;
}

.filterbuilder #new-form-new .modal-form--sidebar {
  padding-top: 0;
}

.filterbuilder #new-form-new .filter-form-types {
  margin: 0 -1rem;
}

.filterbuilder #new-form-new .filter-form-types .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.filterbuilder #new-form-new .filter-form-types .form-group label,
.filterbuilder #new-form-new .filter-form-types .form-group input {
  font-size: 0.85rem;
}

.filterbuilder #new-form-new .filter-form-types .form-group label {
  color: #495057;
  position: absolute;
  left: 10px;
  top: 7px;
}

.filterbuilder #new-form-new .filter-form-types .form-group input {
  background-color: #fafafa;
  padding-left: 35px;
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.filterbuilder #new-form-new .filter-form-types .form-group input:focus {
  box-shadow: none;
}

.filterbuilder .modal-form--sidebar h6 {
  color: #444;
  font-size: 0.875rem;
}

.filterbuilder .modal-form--sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.2rem;
}

.filterbuilder .modal-form--sidebar li {
  margin-bottom: 0.25rem;
}

.filterbuilder .modal-form--sidebar li a {
  color: #666;
  font-size: 0.875rem;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

.filterbuilder .modal-form--sidebar li a:hover {
  color: #3390f9;
  text-decoration: none;
}

.filterbuilder .modal-form--sidebar li span {
  font-weight: bold;
}

.filterbuilder .modal-form--sidebar li time {
  font-size: 0.75rem;
}

.filterbuilder .modal-form--content {
  display: flex;
  flex-direction: row;
  flex: 1 1 100%;
}

.filterbuilder .modal-form--content .modal-body {
  display: flex;
  align-items: center;
}

.filterbuilder #new-form-new .modal-form--content .design-presets--container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.filterbuilder #new-form-new .modal-form--content .design-presets--container a {
  width: 33%;
  text-align: center;
  margin: 1rem 0;
  outline: none;
}

.filterbuilder #new-form-new .modal-form--content .design-presets--container a svg {
  fill: #666;
  width: 96px;
  height: auto;
}

.filterbuilder #new-form-new .modal-form--content .design-presets--container a.selected svg,
.filterbuilder #new-form-new .modal-form--content .design-presets--container a:hover svg {
  fill: #3390f9;
}

.filterbuilder #new-form-existing .modal-body {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.filterbuilder #new-form-existing .filter-existing-form-types {
  width: 100%;
}

.filterbuilder #new-form-existing .filter-existing-form-types .form-group {
  margin-bottom: 0;
  position: relative;
  display: flex;
  flex-direction: row;
}

.filterbuilder #new-form-existing .filter-existing-form-types .form-group label,
.filterbuilder #new-form-existing .filter-existing-form-types .form-group input {
  color: #495057;
}

.filterbuilder #new-form-existing .filter-existing-form-types .form-group label {
  position: absolute;
  left: 15px;
  top: 6px;
}

.filterbuilder #new-form-existing .filter-existing-form-types .form-group input {
  background-color: #f6f7fa;
  padding-left: 40px;
  border-width: 0 0 1px;
  border-radius: 0;
}

.filterbuilder #new-form-existing .filter-existing-form-types .form-group input:focus {
  box-shadow: none;
}

.filterbuilder #new-form-existing .form-type-forms--view {
  width: 100%;
}

.filterbuilder #new-form-existing .form-type-forms--view .card {
  border-width: 0 0 1px;
  border-radius: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-header {
  background-color: #fafafa;
  border-radius: 0;
  border-width: 0;
  padding: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-header h2 {
  margin: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-header h2 .btn {
  color: #34353e;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align: left;
  display: block;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-header h2 .btn:focus {
  text-decoration: none;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body {
  padding: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .collapse .card-body,
.filterbuilder #new-form-existing .form-type-forms--view .collapsing .card-body {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li {
  padding: 0.5rem 1rem;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li.alert {
  background-color: #fff;
  margin: 0;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li.active,
.filterbuilder #new-form-existing .form-type-forms--view .card-body li:not(.alert):hover {
  color: #3390f9;
  background-color: #f0f7ff;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li a {
  color: #444;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.filterbuilder #new-form-existing .form-type-forms--view .card-body li time {
  font-style: italic;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.filterbuilder .custom-file-label::after {
  content: "Auswählen" !important;
}

.filterbuilder .alert.hidden {
  display: none;
}

.filterbuilder .filter_dropdown {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    background-color: #fff;
    z-index: 9;
    list-style-type: none;
    padding: 5px 10px;
    overflow-y: auto;
    max-height: 300px;
    width: calc(100% - 8px);
    max-width: 400px;
    border: 1px solid #eee;
}

.filterbuilder .filter_dropdown.dcc-date_func_dropdown {
    left:100px;
}    
    
.filterbuilder .filter_dropdown li {
    margin: 5px 0;
    cursor: pointer;
}

.filterbuilder .filter_dropdown li.active {
    background-color: lightgray;
}

.filterbuilder .filter_dropdown li.result-preposTables {
    background-color: #ebf3fe
}

.filterbuilder .filter_dropdown li.result-preposTables.active {
    background-color: greenyellow
}

.filterbuilder .filter_dropdown li .matchedchar {
    background-color: #b5c1d9
}

.filterbuilder .filter-control {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filterbuilder .comparison-value {
    display: flex;
    align-items: center;
    gap: 5px;
}


.filterbuilder .filter-input-block[rowselected='true'] {
    background-color: #f5f5f5;
    border: 1px dashed #c2c2ff !important;
}
.filterbuilder .add__new__filter--next {
    display: none;
    position: absolute;
    left: 47%;
    top: 30px;
}


/* FILTER AREA */
.filterbuilder #filter-area {
    position: relative;
    user-select: none; /* CSS3 (little to no support) */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}

.filterbuilder #filter-area[rowselected='true'] {
    background-color: #f5f5f5;
    border: 1px dashed #c2c2ff !important;
    margin-bottom: 30px;
}


.filterbuilder .btn-add-new-filter-row-before, .btn-add-new-filter-row-after {
    background-color: transparent;
    border: 0;
    color: #5d799e;
    font-size: 14px;
    position: relative;
    padding-left: 9px;
}

    .btn-add-new-filter-row-before > i.fal.fa-plus, .btn-add-new-filter-row-after > i.fal.fa-plus {
        border: 1px solid #e3e3e3;
        border-radius: 12px;
        padding: 6px;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 13px;
        font-size: 14px;
        -webkit-box-shadow: 0px 1px 5px 0px #e3e3e3;
        box-shadow: 0px 1px 5px 0px #e3e3e3;
    }

.filterbuilder .btn-add-new-filter-top {
    background-color: transparent;
    border: 0;
    color: #5d799e;
    font-size: 14px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 2px;
}

.filterbuilder .btn-add-new-filter-top > i.fal.fa-plus {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 6px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 13px;
    margin-right: 2px;
    margin-left: 2px;
    -webkit-box-shadow: 0px 1px 5px 0px #e3e3e3;
    box-shadow: 0px 1px 5px 0px #e3e3e3;
}


.filterbuilder .filter-input-block {
    /*background-color: #fcfcfc;*/
    padding: 5px 5px 5px 50px;
    margin-bottom: 5px;
    grid-column: 2;
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent;
}

.filterbuilder .filter-input-block.inactive {
    background-color: #fff5f7 !important;
}

.filterbuilder .filter-input-block.inactive > * {
    opacity: 0.4;
}

.filterbuilder .filter-row-menu {
    background-color: transparent;
    border-style: none;
    /*color nehmen wir erstmal aus dem */
    color: #d7dbe0;
    opacity: .7;
}

.filterbuilder .filter-row-menu:hover {
    border-style: none;
    color:black;
    box-shadow: none;
    outline:none;
}


.filterbuilder .filter-drag-options {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ced4da;
    font-size: 18px;
}

.filterbuilder .filter-row-selector {
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ced4da;
    font-size: 18px;
}

.filterbuilder .filter-row-selector[rowselected="true"] {
    color: green;
}

.filterbuilder .filter-in {
    display: flex;
    margin-bottom: 3px;
    width: auto;
    height: 30px;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-search-input {
    display: inline-block;
    width: auto;
    height: 30px;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-row-searchfield {
    display: inline-block;
    width: auto;
    height: 30px;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-row-operator {
    display: inline-block;
    width: 150px;
    height: 30px;
    font-size: 14px;
    padding: 3px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .comparison-value {
    display: inline-block;
    min-width: 20%;
}

.filterbuilder .comparison-value input {
    height: 30px;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-row-subquery {
    display: inline-block;
    width: 500px;
    height: 30px;
    font-size: 14px;
    padding: 3px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-row-subquery .input-group {
        height: inherit
    }

.filterbuilder .filter-row-subquery .input-group .form-control {
    height: inherit
}

.filterbuilder .filter-row-subquery .input-group .input-group-append {
    height: inherit
}

.filterbuilder .filter__row__toolbar {
    display: inline-flex;
    /*display: none;*/
}

.filterbuilder .filter__row__toolbar-wrapper {
    /*display: inline-flex;*/
    /*display: none;*/
    /*opacity: 0;*/
    /*visibility: hidden;*/
    align-items: center;
    gap: 10px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
}

.filterbuilder .filter__row__toolbar-wrapper-show {
    /*visibility: visible;*/
    /*opacity: 1;*/
    transition: all .5s ease-in-out;
    animation-delay: 1s;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-times {
    border: 1px solid #ced4da;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #ddd;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-plus {
    border: 1px solid #ced4da;
    border-radius: 13px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #d8d8dd;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-minus {
    background-color: #ffd3d3;
    color: #e87b7b;
    border-radius: 13px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-trash-alt {
    color: #e87b7b;
    border: 1px solid #ced4da;
    border-radius: 13px;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fal.fa-copy {
    border-radius: 13px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    color: #d8d8dd;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fal.fa-cut {
    border-radius: 13px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    color: #d8d8dd;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fal.fa-paste {
    border-radius: 13px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    color: #d8d8dd;
}


.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-toggle-on {
    color: #d8d8dd;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-toggle-off {
    color: #e87b7b;
}

.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper .fa-times-circle {
    color: #ddd;
    font-size: 26px;
}


.filterbuilder .filter__row__toolbar .filter__row__toolbar-wrapper i:hover {
    color: black;
}


.filterbuilder .filter-drop-arrows {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ddd;
    gap: 10px;
}

.filterbuilder .filter-group {
    /*background-color: #fcfcfc;*/
    display: grid;
    gap: 0 5px;
    grid-template-columns: 105px auto;
    grid-template-rows: auto auto;
    min-height: 20px;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 0px;
    border: 1px dashed transparent;
}

.filterbuilder .filter-group.dc-filter-group-off {
    background-color: darkgray;
}

.filterbuilder .filter-group[rowselected='true'] {
    background-color: #f5f5f5;
    border: 1px dashed #c2c2ff !important;
}

.filterbuilder .filter-group[rowselected='true'] > .filter-input-block {
    background-color: transparent;
    /*border: 1px dashed transparent !important;*/
}

.filterbuilder .condition {
    background-color: #5d799e;
    grid-column: 1;
    grid-row: 1/20;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 5px;
    position: relative;

}

.filterbuilder .condition > .condition-show-options {
    display: none;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border: 0;
    color: #fff;
    opacity: .7;
}

.filterbuilder .condition > .condition-show-options:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}

.filterbuilder .condition-menu {
    display: none;
    padding: 10px;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e3e3;
    background-color: #f3f4fd;
    color: #5d799e;
    align-items: center;
}

.filterbuilder .condition-menu-open {
    display: block;
}

.filterbuilder .filter-group.collapsed > .condition-menu {
    left: 110px;
    top: 0px;
    height: 42px;
    margin: 0;
    display: flex !important;
    z-index: 9;
}

.filterbuilder .condition-options {
    display: inline-flex;
    gap: 15px;
    border-right: 1px solid #ebebff;
    padding-right: 15px;
    height: 100%;
    align-items: center;
    padding-left: 10px;
}

.filterbuilder .condition-options i:hover{
    color:black
}

    .btn-add-new-group {
        background-color: transparent;
        border: 0;
        color: #5d799e;
        font-size: 14px;
        position: relative;
        padding-left: 9px;
    }

.filterbuilder .btn-add-new-group > i.fal.fa-plus {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 6px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 13px;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e3e3e3;
    box-shadow: 0px 1px 5px 0px #e3e3e3;
}

.filterbuilder .filter-group-controls-top {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9;
    flex-direction: column;
    gap: 15px;
    color: #eee;
    background-color: #8588ef;
    border-radius: 5px;
}

.filterbuilder .condition-drag {
    margin-right: 5px;
    font-size: 21px;
    cursor: grab;
}

.filterbuilder .filter-group-select-condition {
    cursor: pointer;
    padding: 0 3px;
    width: auto;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 26px;
    font-weight: bold;
    color: #fff;
    background-color: transparent;
    border: 0;
}

.filterbuilder .filter-group-select-condition > option {
    width: auto;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5d799e;
}

.filterbuilder .filter-group-select-condition:focus {
    border: none;
    box-shadow: none;
    color: #fff;
    background-color: transparent;
}

.filterbuilder .filter-group > .filter-input-block:last-child {
    margin-bottom: 0 !important;
}
.filterbuilder .filter-group > .filter-group:last-child {
    margin-bottom: 0 !important;
}

.filterbuilder .filter-group-controls {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -13px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    flex-direction: column;
    gap: 20px;
}


.filterbuilder .filter-group-controls > .fa-trash-alt {
    color: #e87b7b;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-group-controls > .fa-unlink {
    color: #ced4da;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
}

.filterbuilder .filter-activation {
    color: #5d799e;
}

.filterbuilder .filter-activation.inactive {
    color: #000;
}

/* Ribbon */
.filterbuilder .filterbuilder__view--inner {
    background-color: #fcfcfc;
    padding: 0 1rem;
}



.filterbuilder .filter-group[data-selectedGroup] {
    border: dotted 2px red;
}

.filterbuilder .filter-input-block[rowselected='true'][data-partOfWholeGroup] {
    border-left: dotted 2px red !important;
}



.filterbuilder .navbar-header > div {
    font-size: 16px !important;
    font-family: inherit !important;
    color: #5d799e !important;
    font-weight: 700 !important;
}

.filterbuilder .filterbuilder__view--inner {
    position: relative;
}

.filterbuilder .listview-wrapper-toggler {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #5d799e;
    left: 15px;
    top: 10px;
}

.filterbuilder .listview-wrapper {
    width: auto;
    transition: all .3s ease;
}

.filterbuilder .listview-wrapper-close {
    width: 0;
    transition: all .3s ease;
    overflow: hidden;
}


/* filter__tools */
.filterbuilder .filter__tools {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.filterbuilder .filter__tools button {
    color: #5d799e;
    border: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.filterbuilder .filter__tools__dropdown-menu {
    display: none;
}

/* selected-condition-options */
.filterbuilder .selected-condition-options {
    position: absolute;
    bottom: -24px;
    left: 50%;
    z-index: 999;
}

.filterbuilder .selected-condition-options > select {
    padding: 0 5px;
    background-color: #5d799e;
    text-align: center;
    color: #fff;
    border: 1px dashed #c2c2ff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.filterbuilder .filter-group.collapsed > *:not(.selected-condition-options) {
    overflow: hidden;
}

kollidiert mit dem ribbon.css. War vorher input dieser Datei vor dem gleichen selector mit display:none
.filterbuilder .filterbuilder__wrapper .flex-grow-1 {
    display: flex;
}


.filterbuilder .filterbuilder__wrapper {
    flex-direction: row !important;
}

    .filterbuilder__wrapper .listview-wrapper:not(.listview-wrapper-close) {
        width: auto !important;
    }

    .filterbuilder__wrapper .listview-wrapper.listview-wrapper-close {
        width: 0 !important;
    }