/* STRUKTUR-FARBEN */
.sTab.hbp .fsStruct .item {
    /* padding-top: 0em; */
    align-items: stretch;
    padding: .25em 0;
}
.sTab.hbp .fsStruct .itemName {
    width: 70px;
}
.sTab.hbp .fsStruct .item.iS {
    border-left: 1px solid #53565b;
    border-right: 1px solid #555;
    border-bottom: 1px solid #999;
    margin: 2px 0 0 0;
}
.sTab.hbp .zBox li .points  {background-color: #555;}
.sTab.hbp .zBox li .points .aktPoints {background-color: #555;}
.sTab.hbp .zBox li .points .maxPoints {background-color: #555; color: white;}


.sTab.hbp .fsStruct.enabledMaxPoints div.item.iS .maxPoints,
.sTab.hbp .fsStruct.enabledSavedPoints div.item.iS .aktPoints {
    color: #fff;
}


.sTab.hbp .fsStruct div.item.l0 {
    background-color: #555;
    color: #fff;
}
.sTab.hbp .fsStruct div.item.l1 {
    background-color: #777;
    color: #fff;
}
.sTab.hbp .fsStruct div.item.l2 {
    background-color: #ccc;
}
.sTab.hbp .fsStruct div.item.crit {
    margin: 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom-color: #ccc;
}
.sTab.hbp .fsStruct li .pi .item.crit {
background-color: #fff;
border-color: #555
}

.sTab.hbp .fsStruct .lv1 .iS .itemTitle > span {
    color: #fff;
    position: relative;
}

.sTab.hbp .fsStruct .lv2 .iS .itemTitle > span {
    color: #000;
}
.sTab.hbp ul.structure li .item.iS:hover {
    /* color: #fff */
}

/* icons */
.sTab.hbp .fsStruct .lv0.basic .itemName {
    background-position: 12px 9px;
}
.sTab.hbp .fsStruct .lv0.A .itemName {
    background-position: 12px -51px;
}
.sTab.hbp .fsStruct .lv0.B .itemName {
    background-position: 12px -288px;
}
.sTab.hbp .fsStruct .lv0.C .itemName {
    background-position: 12px -230px;
}
.sTab.hbp .fsStruct .lv0.D .itemName {
    background-position: 12px -408px;
}
.sTab.hbp .fsStruct .lv0.E .itemName {
    background-position: 12px -110px;
}
.sTab.hbp .fsStruct .lv0.F .itemName {
    background-position: 12px -348px;
}
.sTab.hbp .fsStruct .lv0.G .itemName {
    background-position: 12px -171px;
}

.sTab.hbp .fsStruct .lv2 .itemName {
    color: #000;
}
/* offen | geschlossen markierung */


.sTab.hbp .fsStruct .lv1 .iS .itemTitle > span::after,
.sTab.hbp .fsStruct .lv0 .iS .itemTitle > span::after {
     background-image: url(icons_down_white.svg);
}
.sTab.hbp .fsStruct .lv2 .iS .itemTitle > span::after {
     background-image: url(icons_down_black.svg);
}

.sTab.hbp .fsStruct .lv0 .iS:hover .itemTitle > span::after {
    background-position: -23px 100%;
}
.sTab.hbp .fsStruct .lv0 .iS.nOpen .itemTitle > span::after,
.sTab.hbp .fsStruct .lv0 .iS.tOpen .itemTitle > span::after {
    background-position: -42px bottom;
}

/* ende */
.sTab.hbp .fsStruct .lv0 .itemName {
    color: transparent;
    background-repeat: no-repeat;
    background-image: url(icons_hbp_orange.svg);
    background-size: 30px;
    background-position: 12px center;
}
.sTab.hbp .fsStruct .pi .itemName {
  background-image: none;
}
.sTab.hbp .fsStruct .lv0::selection {
  color: transparent;
}
.sTab.hbp .fsStruct .lv0 .item:hover .itemName {
    background-image: url(icons_hbp_white.svg);
}
.sTab.hbp .fsStruct .lv1 .item:hover .itemName {
    background-image:none;
    background-image:initial
}
.sTab.hbp .fsStruct .lv1 .itemName {
    background-image: none;
    color: #fff;
    padding-left: 15px;
    /* padding-bottom: 8px; */
}
.sTab.hbp .fsStruct .lv2 .itemName {
    color: #000;
}
/* icons ende */

/* ITEM-EIGENSCHAFTEN */
/* vorgabe-wert hervorheben*/
.sTab.hbp ul.structure .hasDefault {
    // background-image: none;
    background-image: url(../bgDefault.png);
    background-repeat:no-repeat;
    background-position: center left;
}

/* upload */
.sTab.hbp .fsStruct ul.structure ul.uploaded {
    list-style-type: square;
    padding-left: 5px;
}
.sTab.hbp .fsStruct ul.structure ul.uploaded li::before {
  content: "\25A0 ";
  font-size: 6px;
}

.sTab.hbp .fsStruct ul.structure ul.uploaded img.rmUpload {
  width: 12px;
  /* margin-top: .5em; */
}
/* ende ITEM-EIGENSCHAFTEN */




/* OK-CHECK */
.bTab .nGrp div,
.sTab.hbp .fsStruct div.item .nGrp div {
  border-color: #ddd
}
.bTab .nGrp div,
.sTab.hbp .fsStruct div.item .nGrp div {
   width: 20px;
   height: 20px;
}
.sTab.hbp .fsStruct .withNGrp .nGrp div {
    border-color: #ccc;
    display: block;
}
/* ENDE */


/* ende struktur-farben */

/* HELP-BOXEN */
sTab.hbp .fsStruct .lv0 .iS .itemTitle > span,
sTab.hbp .fsStruct .lv1 .iS .itemTitle > span {
    padding-right: 20px
}
.sTab.hbp .fsStruct .lv0 .iS .itemTitle > span:not(:only-child),
.sTab.hbp .fsStruct .lv1 .iS .itemTitle > span:not(:only-child) {
      padding-right: 17px;
}
.sTab.hbp .fsStruct  .iS .itemTitle .hBox .help {
  background-size: .9em;
  background-repeat: no-repeat;
  display: inline;
  position: relative;
  left: -34px;
  cursor: help;
  z-index: 1;
  display:  none;
}
.sTab.hbp .fsStruct .lv0 .iS .itemTitle .helpIndikator,
.sTab.hbp .fsStruct .lv1 .iS .itemTitle .helpIndikator {
  background-image: url(icon_help_white.svg);
}
.sTab.hbp .fsStruct .lv2 .iS .itemTitle .helpIndikator {
  background-image: url(icon_help.svg);
}
.sTab.hbp .fsStruct .iS .itemTitle .helpIndikator.hOpen {
  background-image: none;
}
.sTab.hbp .fsStruct .iS .itemTitle .hBox .help.hOpen {
  background-image: none;
}
.sTab.hbp .fsStruct  .iS .itemTitle .hBox .help {
  color: transparent;
}
.sTab.hbp .fsStruct .iS > .itemTitle .helpBox {
  background-color: #fff;
  color: #000;
}
ul.structure li .iS .help.hOpen::before {
  color: #fff;
}
.sTab.hbp ul.structure li.lv2 .iS .help.hOpen::before {
  color: #000;
}

/* ende HELP-BOXEN */


/* MUST-KENNZEICHNUNG */
.sTab.hbp .fsStruct .item .itemTitle::after,
.sTab.hbp .fsStruct .item .itemTitle::before {
  font-size: 15px;
}
.sTab.hbp .fsStruct .eMustN .itemTitle::before,
.sTab.hbp .fsStruct .eMust .itemTitle::before  {
    content: 'NH';
}
.sTab.hbp .fsStruct .eMustN.eMustOk .itemTitle::before,
.sTab.hbp .fsStruct .eMust.eMustOk .itemTitle::before  {
    content: 'NH';
    color: #4bcc00;
}
.sTab.hbp .fsStruct .mustN .itemTitle::after,
.sTab.hbp .fsStruct .must .itemTitle::after  {
    content: 'M';
}
.sTab.hbp .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.hbp .fsStruct .must.mustOk .itemTitle::after  {
    content: 'M';
    color: #4bcc00;
}


.sTab.hbp .fsStruct .mustN .itemTitle::after,
.sTab.hbp .fsStruct .must .itemTitle::after  {
    content: 'M';
    margin-right: 0px;
}
.sTab.hbp .fsStruct .lv1 .mustN .itemTitle::after,
.sTab.hbp .fsStruct .lv1 .must .itemTitle::after  {
    margin-bottom: 2px;
}
.sTab.hbp .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.hbp .fsStruct .must.mustOk .itemTitle::after  {
    content: 'M';
}

.sTab.hbp .fsStruct .must .itemTitle::after,
.sTab.hbp .fsStruct .mustN .itemTitle::after  {
    color: #fff;
}

.sTab.hbp .fsStruct .lv2 .eMustOk .itemTitle::before,
.sTab.hbp .fsStruct .lv2 .eMustN .itemTitle::before,
.sTab.hbp .fsStruct .lv2 .mustN .itemTitle::after {
  color: #000;
}
.sTab.hbp .fsStruct .lv2 .eMustN.eMustOk .itemTitle::before,
.sTab.hbp .fsStruct .lv2 .eMust.eMustOk .itemTitle::before  {
    color: #44b004;
}
.sTab.hbp .fsStruct .lv2 .mustN.mustOk .itemTitle::after,
.sTab.hbp .fsStruct .lv2 .must.mustOk .itemTitle::after  {
    color: #44b004;
}
/* ende must */