/* Light Theme Styles (Default) */
.table-light thead th {
    background-color: #f8f9fa; /* Light background for headers */
    color: #000; /* Black text for headers */
}

.table-light tbody td {
    background-color: #fff; /* White background for rows */
    color: #000; /* Black text for rows */
}

.table-bordered th,
.table-bordered td {
    border-color: #dee2e6; /* Light border color */
}

/* Dark Theme Styles */
.theme-dark .table thead th {
    background-color: #343a40; /* Dark background for headers */
    color: #fff; /* White text for headers */
}

.theme-dark .table tbody td {
    background-color: #454d55; /* Dark background for rows */
    color: #fff; /* White text for rows */
}

.theme-dark .table-bordered th,
.theme-dark .table-bordered td {
    border-color: #6c757d; /* Dark border color */
}
/* whatapp css 

/* WhatsApp Button Styles */
.whatsapp-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom */
    right: 20px; /* Distance from the right */
    background-color: #25D366; /* WhatsApp green color */
    color: white;
    padding: 10px;
    border-radius: 50%; /* Makes it circular */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds a shadow */
    z-index: 1000; /* Ensures it stays on top of other elements */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* Removes underline */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Darker green on hover */
}

/* Optional: Adjust SVG size */
.whatsapp-button svg {
    width: 25px;
    height: 25px;
}