.my-grid {
    max-height: 85vh;
    max-width: 90vw;
    overflow: auto; /* Enables scrolling if content exceeds size */
    box-sizing: border-box; /* Ensures padding/border don’t increase actual size */
}
    /*******************************************************************************************/

    .blinking {
    animation: blink-animation 1s steps(2, start) infinite;
}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}


body {
}
.refresh {
    content: url('/images/reglage4.jpg');
    width: 20px;
    height: 20px;
}
.edit {
    content: url('/images/edit1.png');
    width: 20px;
    height: 20px;
}

.info {
    content: url('/images/info2.png');
    width: 20px;
    height: 20px;
}

.add {
    content: url('/images/add1.png');
    width: 18px;
    height: 18px;
}
.addgreen {
    content: url('/images/add6.png');
    width: 18px;
    height: 18px;
}


.supp {
    content: url('/images/supp2.gif');
    width: 18px;
    height: 18px;
}
.delete {
    content: url('/images/delete.jpg');
    width: 18px;
    height: 18px;
}
.eliminer {
    content: url('/images/gomme.png');
    width: 18px;
    height: 18px;
}


.print {
    content: url('/images/print5.png');
    width: 20px;
    height: 20px;
}

.valider {
    content: url('/images/valider2.jpg');
    width: 20px;
    height: 20px;
}

.clock {
    content: url('/images/alarmclock.png');
    width: 20px;
    height: 20px;
}

.hgreen {
    content: url('/images/green.png');
    width: 20px;
    height: 20px;
}

.hred {
    content: url('/images/cerclered.png');
    width: 20px;
    height: 20px;
}

.stag {
    content: url('/images/absence2.png');
    width: 18px;
    height: 18px;
}
.deplacer {
    content: url('/images/alter2.png');
    width: 18px;
    height: 18px;
}