/*nog uitzoeken wat we met deze class doen, op 2024-01-24 wordt ie door een js functie gebruikt om een lijst te stylen*/
.zXListForm {
  
}

/*zXListForm start*/
.zxList td /*bestaat deze styling eigenlijk wel*/ {
	padding:2px 0px 2px 4px;
}
.zxAlt, .zxNor, .zXOdd, .zXEven {
  background-color: var(--f7-list-bg-color);
  cursor: pointer;
}
.zXOrangeBGEven, .zXOrangeBGOdd  {
  background-color: var(--orange-secondary);
}
.zXRedBGEven, .zXRedBGOdd {
  background-color: var(--red-secondary);
}
.zxAlt, .zxNor, .zXOdd, .zXEven, .zXRedBGEven, .zXRedBGOdd, .zXOrangeBGEven, .zXOrangeBGOdd /*deze styling moet echt weg maar conflicteerd met andere styling*/ {
  height: var(--f7-table-body-cell-height);
}

/*start sticky header*/
.zxListHeader {
  position: sticky;
  top: -0.1px; /*anders zie je een mini klein stukje boven de header uitkomen*/
  height: var(--f7-list-group-title-height);
  color: var(--f7-list-group-title-text-color);
  font-size: var(--f7-list-group-title-font-size);
  font-weight: var(--f7-list-group-title-font-weight);
  background-color: var(--f7-list-group-title-bg-color);
  line-height: var(--f7-list-group-title-line-height);
  z-index: 1; /*ophogen mag, maar doe ff normaal.*/
}
/*end sticky header*/
/*zXListForm end*/

/*extra styling start*/
.noBR br {
  display: none;
}
/*extra styling end*/