/* Stijl voor het balkje voor de tekst */
.cell-no-wrap::before {
    content: '';
    position: absolute;
    top: 50%; /* Plaats het balkje verticaal in het midden van de cel */
    left: -2px; /* Verplaats het balkje 2 pixels naar links vanaf het begin van de cel */
    transform: translateY(-50%); /* Center verticaal */
    width: 2px; /* Breedte van het balkje */
    height: 70%; /* Hoogte van het balkje */
    background-color: #d52525; /* Geef het balkje de gewenste achtergrondkleur */
    border-radius: 1px; /* Afgeronde hoeken */
    content: '';
}

/* Stijl voor het balkje na de tekst */
.cell-no-wrap::after {
    content: '';
    position: absolute;
    top: 50%; /* Plaats het balkje verticaal in het midden van de cel */
    right: -2px; /* Verplaats het balkje 2 pixels naar rechts vanaf het einde van de cel */
    transform: translateY(-50%); /* Center verticaal */
    width: 2px; /* Breedte van het balkje */
    height: 70%; /* Hoogte van het balkje */
    background-color: #c01515; /* Geef het balkje de gewenste achtergrondkleur */
    border-radius: 1px; /* Afgeronde hoeken */
    content: '';
}
.status-arr::before {
    background-color: blue; /* Blauw voor INITIATED */
}

.status-bst::before {
    background-color: blue; /* Blauw voor BST */
}

.status-rdt::before {
    background-color: blue; /* Blauw voor RDT */
}

/* Stijlen voor INITIATED status */
.status-ini {
    color: lightblue;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor BST status */
.status-bst {
    color: blue;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor RDT status */
.status-rdt {
    color: blue;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor PBT status */
.status-pbt {
    color: blue;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor OFB status */
.status-ofb {
    color: blue;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor TXI status */
.status-txi {
    color: yellow;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor TOF status */
.status-tof {
    color: yellow;
    /* Voeg hier meer stijlen toe indien nodig */
}
/* Stijlen voor ICL status */
.status-icl {
    color: yellow;
    /* Voeg hier meer stijlen toe indien nodig */
}
/* Stijlen voor TKO status */
.status-tko {
    color: yellow;
    /* Voeg hier meer stijlen toe indien nodig */
}
/* Stijlen voor ENR status */
.status-enr {
    color: yellow;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor DV status */
.status-dv {
    color: orange;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor TEN status */
.status-ten {
    color: orange
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor APR status */
.status-apr {
    color: orange;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor FIN status */
.status-fin {
    color: orange;
    /* Voeg hier meer stijlen toe indien nodig */
}

/* Stijlen voor ARR status */
.status-arr {
    color: green
    /* Voeg hier meer stijlen toe indien nodig */
}
/* Stijlen voor Geannuleerd status */
.status-dx {
    color: red;
    /* Voeg hier meer stijlen toe indien nodig */
}
/* Voeg een specifieke klasse toe aan de cellen die je wilt aanpassen */
.cell-no-wrap {
    white-space: nowrap;
}