.btn-service-complete {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.btn-actions {
    padding: 0.1rem 0.3rem;
    font-size: 0.7rem;
}

.table thead th {
    background-color: #343a40;
    color: white;
    white-space: nowrap;
}

.table tbody tr:hover {
    background-color: #f0f0f0;
}

/* Apply nowrap only on larger screens */
@media (min-width: 768px) { /* Adjust breakpoint as needed */
    .table td.actions {
        white-space: nowrap;
    }

/* ... (rest of style.css remains the same) ... */

.hours-remaining-alert {
    background-color: lightcoral;
    color: white;
}   

/* Add separators to table headers */
.table th {
    border-right: 1px solid #ddd; /* Light-grey separator */
    padding: 8px 12px; /* Adjust padding */
}

/* Remove separator from the last header cell */
.table th:last-child {
    border-right: none;
}/* Add separators to table headers */
.table th {
    border-right: 1px solid #ddd;
    padding: 8px 12px;
}

/* Remove separator from the last header cell */
.table th:last-child {
    border-right: none;
}

/* Add separators to table data cells */
.table td {
    border-right: 1px solid #ddd;
    padding: 8px 12px;
}

/* Remove separator from the last data cell in each row */
.table td:last-child {
    border-right: none;
}

/* Add separators to table headers */
.table th {
    border-right: 1px solid #ddd;
    padding: 8px 12px;
}

/* Remove separator from the last header cell */
.table th:last-child {
    border-right: none;
}

/* Add separators to table data cells */
.table td {
    border-right: 1px solid #ddd;
    padding: 8px 12px;
}

/* Remove separator from the last data cell in each row */
.table td:last-child {
    border-right: none;
}




/* style.css */
.service-normal {
    /* Normal status styles */
}

.service-warning {
    background-color: #ffe0b2; /* Light orange */
    animation: pulse 2s infinite ease-in-out; /* Subtle pulse animation */
}

.service-overdue {
    background-color: #ffcdd2; /* Light red */
    animation: shake 0.8s infinite ease-in-out; /* Subtle shake animation */
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}
    
}