/* STRUKTUR-FARBEN */
option.basic,
.sTab.kpi ul.structure  li.basic .l0 { background-color: #eee;border-color: #eee; border-top: 1px solid #ddd }
.sTab.kpi ul.structure  li.basic .l1 { background-color: #fff;border-color: #ddd; border-bottom: 1px solid #ddd}
.sTab.kpi ul.structure  li.basic .l2 { background-color: #fff;border-color: #ddd }
.sTab.kpi ul.structure  li.basic .pi .item { background-color: #fff;border-color: #EEE;}

option.A,
.sTab.kpi ul.structure  li.A .l0 { background-color: #ffde54;border-color: #ffde54 }
.sTab.kpi ul.structure  li.A .l1 { background-color: #ffe997;border-color: #ffde54 }
.sTab.kpi ul.structure  li.A .l2 { background-color: #fff4cf;border-color: #ffde54 }
.sTab.kpi ul.structure  li.A .l3 { background-color: #fffcef;border-color: #ffde54 }
.sTab.kpi ul.structure  li.A .pi .item { background-color: #fff;border-color: #fede54;}
.sTab.kpi .zBox .A {background-color: #ffde54;}
td.a {background-color: #ffde54; width: 30px}

option.B,
.sTab.kpi ul.structure  li.B .l0 { background-color: #ced194;border-color: #ced194  }
.sTab.kpi ul.structure  li.B .l1 { background-color: #e6e8cc;border-color: #ced194  }
.sTab.kpi ul.structure  li.B .l2 { background-color: #eff3d0;border-color:  #ced194 }
.sTab.kpi ul.structure  li.B .l3 { background-color: #f6f7ec;border-color:  #ced194 }
.sTab.kpi ul.structure  li.B .pi .item { background-color: #fff;border-color: #ced194;}
.sTab.kpi .zBox .B {background-color: #ced194;}
td.b {background-color:   #ced194; width: 30px}

option.C,
.sTab.kpi ul.structure  li.C .l0 { background-color: #be9ead;border-color: #be9ead}
.sTab.kpi ul.structure  li.C .l1 { background-color: #d8c6cf;border-color: #be9ead}
.sTab.kpi ul.structure  li.C .l2 { background-color: #ece1ef;border-color: #be9ead}
.sTab.kpi ul.structure  li.C .pi .item { background-color: #fff;border-color: #be9eac;}
.sTab.kpi .zBox .C {background-color: #be9ead;}
td.c {background-color:  #be9ead; width: 30px}

option.D,
.sTab.kpi ul.structure  li.D .l0 { background-color: #9bb8db;border-color: #9bb8db}
.sTab.kpi ul.structure  li.D .l1 { background-color: #c1d1e8;border-color: #9bb8db}
.sTab.kpi ul.structure  li.D .l2 { background-color: #dae4f2;border-color: #9bb8db}
.sTab.kpi ul.structure  li.D .pi .item { background-color: #fff;border-color: #9bb8db;}
.sTab.kpi .zBox .D {background-color: #9bb8db;}
td.d {background-color:#9bb8db; width: 30px}

.sTab.kpi ul.structure  li .item.iS {
    color: #000;
}
.sTab.kpi .fsStruct .lv0 > div.item.iS .itemTitle span {
    text-transform: uppercase;
}

.sTab.kpi ul.structure  li .pi .item:hover {
    border-color: #f00;
}
/* ende struktur-farben */

/* STRUKTUR */
.bTab, .sTab.kpi .fsStruct div.item {
    min-height: 58px;
}
.bTab > div, .sTab.kpi .fsStruct div.item > div {
  padding-top: 20px
}
.sTab.kpi .fsStruct div.item div.adt,
.sTab.kpi .fsStruct div.item div.must {
  padding-top: 17px
}
.bTab div.itemTitle span {
  padding-bottom: 5px
}


/* MUST-KENNZEICHNUNG */


.sTab.kpi .fsStruct .mustN .itemTitle::after,
.sTab.kpi .fsStruct .must .itemTitle::after  {
    content: 'M';
    font-size: 15px;
    margin-right: 10px;
    text-shadow: 1px 1px 2px #66666633, 0 0 1em #66666633, 0 0 0.2em #66666633;
    /* top: 1.25em; */
}
.sTab.kpi .fsStruct .lv1 .mustN .itemTitle::after,
.sTab.kpi .fsStruct .lv1 .must .itemTitle::after  {
    margin-bottom: 2px;
    /* top: 24px; */
}
.sTab.kpi .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.kpi .fsStruct .must.mustOk .itemTitle::after  {
    content: 'M';
}

.sTab.kpi .fsStruct .must .itemTitle::after,
.sTab.kpi .fsStruct .mustN .itemTitle::after  {
    content: 'M';
    color: #666;
}
.sTab.kpi .fsStruct .mustN .itemTitle::after  {
    color: #f00;
}
.sTab.kpi .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.kpi .fsStruct .must.mustOk .itemTitle::after  {
    color: #66f212;
}
/* ende must */



/* offen | geschlossen markierung */

.sTab.kpi .fsStruct .lv0 .iS .itemTitle > span::after {
    background-image: url(icons_down_black.svg);
    background-position: 0px bottom;
}
.sTab.kpi .fsStruct .lv2 .iS .itemTitle > span::after {
    background-image: url(icons_down_black.svg);
}
.sTab.kpi .fsStruct .lv0 .iS:hover .itemTitle > span::after {
    background-position: -23px 70%;
}
.sTab.kpi .fsStruct .lv0 .iS.nOpen .itemTitle > span::after,
.sTab.kpi .fsStruct .lv0 .iS.tOpen .itemTitle > span::after {
    background-position: -42px bottom;
}
/* ende */

/* ITEM-NAME */
.sTab .fsStruct div.item .itemName {
    width: 75px;
}

/* ITEM-TITLE */
/* helpIndikator und help*/
.sTab.kpi ul.structure li .item .itemTitle span .helpIndikator {
  display: none;
}
.sTab.kpi ul.structure li .iS .help.hOpen::before {
  color: #000;
}
.sTab.kpi ul.structure li .crit .helpBox td {
  border: 1px solid #999;
  padding: 5px
}
/* upload */
.sTab.kpi .fsStruct div.item.pdf .fileInputButton,
.sTab.kpi .fsStruct div.item.pic .fileInputButton,
.sTab.kpi .fsStruct div.item.file .fileInputButton {
  font-size: .8em;
  background-image: url(icon_upload.svg);
  background-size: 14px;
  padding-left: 21px;
}

.sTab.kpi .fsStruct ul.structure ul.uploaded {
    list-style-type: square;version
    padding-left: 5px;
}
.sTab.kpi .fsStruct ul.structure ul.uploaded li::before {
  /* content: "\25B8"; */
  /* font-size: 11px; */
}

.sTab.kpi .fsStruct ul.structure ul.uploaded img.rmUpload {
  width: 12px;
  margin-top: 0;
}
/* SIEGEL */
.sTab.kpi .ovBox .siegel {
  display: none;
}
.sTab.kpi .version {
    display: none;
}
.sTab.kpi .pointsTotalText {
    display: none;
}
div.zBox .points > .maxPoints .itemName{
    visibility:hidden;
}

.sTab.kpi .ovBox .siegel:after {
  content: ' Kein ';
  color: transparent;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 10px;
  /* margin-right: 15px; */
}
.sTab.kpi .ovBox {
  position: relative;
}
.sTab.kpi .pointsTotal:after {
    content: ' / 14';
}
.sTab.kpi .pointsTotal {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

#versionSwitch + form .sTab.kpi .ovBox {
    top: 0;
}
.sTab.kpi .ovBox .zBox:before {
  font-weight: bold;
  position: absolute;
  padding: 5px;
  top: 0;
  right: 8px;
}
.sTab.kpi div.zBox ul.z0 .titel {
    text-align: left;
    padding-left: 15px
}
.sTab.kpi div.zBox ul.z0 .titel {
    /* text-transform: uppercase; */
}

/* OK-CHECK */

.sTab.kpi .fsStruct .withNGrp .nGrp div {
    visibility: hidden;
}

.sTab.kpi .fsStruct .bTab.enabledOkCheck .nGrp div,
.sTab.kpi .fsStruct.enabledOkCheck .nGrp div {
    visibility:visible;
}
.bTab.kpi .nGrp div,
.sTab.kpi .fsStruct div.item .nGrp div {
  border-color: #999;
}


/* nGrp ende */