.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.btn {
    height: 1.7rem;
    padding: 1px 15px;
    font-size: 12px;
    line-height: 1.5;
}

@keyframes blink {
    0% { background-color: #c5d8ff; }
    50% { background-color: white; }
    100% { background-color: #c8dbff; }
}

.blinking-row {
    animation: blink 0.5s linear 1;
}

.input-group-xs>.avatar {
    padding: 0.84rem 0.8rem;
    font-size: .7rem;
}

.orderFoodQuantities {
    width: 85px;
    display: flex;
}
.orderFoodQuantities.orderFoodMain {
    width: 60px;
}
.orderFoodQuantities input {
    padding: 1px 10px !important;
}

.btn-pulse{
    animation: pulse 2.5s infinite; /* Název animace, doba trvání a nekonečné opakování */
}

/* Definice klíčových snímků animace */
@keyframes pulse {
    0% {
        transform: scale(1); /* Výchozí velikost */
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.4); /* Jemnější stín */
    }
    50% {
        transform: scale(1.05); /* Jemné zvětšení na 105 % */
        box-shadow: 0 0 12px rgba(0, 123, 255, 0.6); /* Jemný přechod stínu */
    }
    100% {
        transform: scale(1); /* Návrat na výchozí velikost */
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.4); /* Návrat stínu */
    }

}