@keyframes pulse {
    0% {
        border-color: yellow;
        transform: scale(1);
    }

    50% {
        border-color: red;
        transform: scale(1);
    }

    100% {
        border-color: yellow;
        transform: scale(1);
    }
}

.pulse-border {
    border: 2px solid yellow; 
    animation: pulse 2s ease-in-out infinite; 
    transition: border-color 0.3s ease; 
}

.pre-ritardo {
    /*background-color: #fff3cd;*/
    color: #856404;
    font-weight: bold;
    border-left: 5px solid #ffc107;
}

    .pre-ritardo:hover {
        /*background-color: #ffeeba;*/
    }

.ritardo {
   /* background-color: #f8d7da; */
    color: #721c24; 
    font-weight: bold; 
    border-left: 5px solid #dc3545;
}

    .ritardo:hover {
        /*background-color: #f1b0b7;*/
    }