:root, [data-mdb-theme=light] {
    --content-content-primary: #212529;
    --content-content-secondary: #515F69;
    --Font-Family-Poppins: Poppins;
    --Font-Size-sm: 14px;
    --Font-LineHeight-sm: 22px;
    --bg-primary-50: #FFF1F3;
    --bg-primary-800: #A90B21;
    --Font-Size-xs: 12px;
    --Font-LineHeight-xs: 20px;
    --surface-brand-highest: #638C1C;
    --surface-brand-high: #80A253;
    --surface-brand-lowest: #DFE8D4;
}

.modal {
    --mdb-modal-width: 520px;
}

.secondary-content-label {
    color: var(--content-content-secondary, #515F69);
}

.max-height-default {
    max-height: 620px;
}

.table-responsive::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
    border-radius: 10px; /* Round border of the scrollbar track */
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Round border of the scrollbar thumb */
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb when hovered */
}

/* Firefox scrollbar styling */
.table-responsive {
    scrollbar-width: thin; /* Thinner scrollbar */
    scrollbar-color: #888 #f1f1f1; /* Thumb and track color for Firefox */
}
.table-list {
    margin-right: 10px; /* Adjusts scrollbar alignment */
}

.max-height-default .table thead th {
    position: sticky; /* Make the header sticky */
    top: 0; /* Stick the header to the top */
    background-color: #fff; /* Ensure it's visible over the body */
    z-index: 1; /* Ensure headers are above the body content */
}