.rt-table-wrapper {
    overflow-x: auto;
    margin: 20px 0;
}

/* Table Styling */
.rt-table-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

/* Header Styling */
.rt-table-wrapper th {
    background-color: var(--et_pb_text_color, #f8f9fa);
    padding: 10px;
    border: 1px solid #ddd;
}

/* Row Styling */
.rt-table-wrapper td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* Hover Effect */
.rt-table-wrapper tbody tr:hover {
    background-color: var(--et_pb_accent_color, #e0e0e0);
    transition: background-color 0.3s ease-in-out;
}

/* Export Buttons */
.rt-table-wrapper .dt-buttons {
    margin-bottom: 10px;
}

.rt-table-wrapper .dt-button {
    background-color: var(--et_pb_button_background_color, #0073e6);
    color: var(--et_pb_button_text_color, #ffffff);
    border: none;
    padding: 6px 12px;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.rt-table-wrapper .dt-button:hover {
    background-color: var(--et_pb_button_hover_background_color, #005bb5);
    color: var(--et_pb_button_hover_text_color, #ffffff);
}

/* Conditional Formatting */
.rt-table-wrapper .low-value {
    background-color: #ffcccc !important; /* Light red for low values */
}

.rt-table-wrapper .high-value {
    background-color: #ccffcc !important; /* Light green for high values */
}

/* Add Smooth Hover Animation */
.rt-table-wrapper tbody tr {
    transition: background-color 0.3s ease-in-out;
}

/* Animated Hover Effect */
.rt-table-wrapper tbody tr:hover {
    background-color: #f0f0f0 !important;
    transform: scale(1.01);
    transition: 0.3s ease-in-out;
    
    
    /* Fade-in Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rt-table-wrapper .fade-in {
    animation: fadeIn 0.8s ease-in-out;
}

.rt-table-wrapper .low-value {
    background-color: #ffcccc !important; /* Light red for low values */
}

.rt-table-wrapper .high-value {
    background-color: #ccffcc !important; /* Light green for high values */
}

.rt-table-wrapper tbody tr:hover {
    background-color: #f0f0f0 !important;
    transform: scale(1.01);
    transition: 0.3s ease-in-out;
}