.hardware-categ-item {
    display: block;
    margin: 0;
    background-color: white;
}

.hardware-categ-item.level1 {
    font-weight: bold;
}

.hardware-categ-item.selectable {
    cursor: pointer;
}

.hardware-categ-item.selectable:hover {
    background-color: silver;
}

.hardware-categ-item.selected {
    background-color: var(--col-fond-bleu-medium);
}

.hardware-panel-article {
    padding-bottom: 0.5em;
    border-bottom: 1px solid silver;
}

.hardware-panel-article IMG {
    cursor: pointer;
}

.hardware-panel-article .boutons {
    display: none !important;
}

.hardware-panel-article:hover .boutons {
    display: flex !important;
}

.hardware-panel-article-header {
    font-weight: bold;
    border-bottom: 1px solid silver;
}

.orders-order-row {
    background-color: #C8E6C9;
    height: 3em;
}

.orders-pallet-row {
    background-color: #FFF9C4;
    height: 3em;
}

.orders-order-date {
    font-weight: bold;
    color: navy;
}

.orders-order-number {
    font-weight: bold;
    color: green;
}

.orders-bonprep {
    font-weight: bold;
    color: fuchsia;
}

.orders-pallet-number {
    font-weight: bold;
    color: maroon;
}

.orders-pallet-length {
    font-weight: bold;
    color: blue;
}

.orders-pallet-width {
    font-weight: bold;
    color: green;
}

.orders-pallet-height {
    font-weight: bold;
    color: purple;
}

.orders-pallet-weight {
    font-weight: bold;
    color: maroon;
}

TD.qte-totale {
    font-weight: bold;
}

/* Mise en valeur d'une ligne de table */

.table-row-highlight {
    background-color: yellow;
}

/* Clignotement d'une ligne de table */

@keyframes pulse-yellow {
    0%   { background-color: transparent; }
    50%  { background-color: yellow; }
    100% { background-color: transparent; }
}

.blink-pulse-yellow {
    /* L'animation dure 0.5s, se répète 6 fois */
    animation: pulse-yellow 0.5s ease-in-out 6;
}