.watchlist-container thead th {
    position: sticky; /* Keeps the header visible while scrolling */
    top: 0;
    z-index: 1; /* Ensures the header is above the table body */
}

.watchlist-container th, td {
    font-size: 12px !important;
    padding: 4px;
   /* border: 1px solid #343a40;*/
}

.watchlist-container td {
    text-align: right;
    font-weight: 500;
}

.watchlist-container tbody tr:hover {
    border: 1px solid #329aff !important;
    cursor: pointer;
}

.bg-dark .watchlist-container tbody tr:hover {
    background-color: #1a2238;
}

#watchlistTabs {
    background: #1a2238;
}

.bg-light .up {
    color: blue;
    font-weight: bold;
}

.bg-light .down {
    color: red;
    font-weight: bold;
}

.bg-light .neutral {
    color: black;
}

.bg-dark .up {
    color: #00ffaf;
}

.bg-dark .down {
    color: #e91e63;
}

.bg-dark .neutral {
    color: white;
}
/* Add classes for forex majors and metals */
.bg-light .forex-major {
    background-color: #ffec408c; /* Golden yellow */
}

.bg-dark .forex-major {
    background-color: #19003b;
}

.bg-dark .metal {
    background-color: #066b574f;
}

.bg-light .metal {
    background-color: #c7ffd8a8; /* Light cyan */
}


/* Common scrollbar styles for WebKit Browsers */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Scrollbar Track for Dark Background */
.bg-dark ::-webkit-scrollbar-track {
    background: #0c1125; /* Dark background color */
    border-radius: 4px;
}

/* Scrollbar Thumb for Dark Background */
.bg-dark ::-webkit-scrollbar-thumb {
    background-color: #1a2238; /* Lighter dark blue for contrast */
    border-radius: 4px;
    border: 1px solid #0c1125; /* Blend the thumb into the track */
}

    .bg-dark ::-webkit-scrollbar-thumb:hover {
        background-color: #3a3f5c; /* Lighter on hover for visibility */
    }

/* Scrollbar Track for Light Background */
.bg-light ::-webkit-scrollbar-track {
    background: #f8f9fa; /* Light background color */
    border-radius: 4px;
}

/* Scrollbar Thumb for Light Background */
.bg-light ::-webkit-scrollbar-thumb {
    background-color: #ced4da; /* Lighter gray for contrast */
    border-radius: 4px;
    border: 1px solid #f8f9fa; /* Blend the thumb into the track */
}

    .bg-light ::-webkit-scrollbar-thumb:hover {
        background-color: #adb5bd; /* Slightly darker on hover for visibility */
    }

/* Firefox Styles */
* {
    scrollbar-width: thin;
}

/* For Dark Background */
.bg-dark {
    scrollbar-color: #1a2238 #0c1125; /* Thumb color, Track color */
}

/* For Light Background */
.bg-light {
    scrollbar-color: #ced4da #f8f9fa; /* Thumb color, Track color */
}

.watchlist-container table {
    --bs-table-bg: unset !important
}