.scrollbar-container {
    padding-top: 100px;
    margin-top: -100px;

    -ms-overflow-style: none;  /* for Internet Explorer and Edge */
    scrollbar-width: none;  /* for Firefox */
    overflow: auto;

    .js-sticky-top {
        position: relative;
        z-index: 1;
    }

    .js-scrollable-table:not(.hide-scrollbar) {
        margin-bottom: 0;
    }

    &::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }
}

.pseudo-scrollbar {
    height: 12px; /* Height of a scrollbar */
    overflow-x: scroll; /* Make the pseudo scrollbar scrollable */
    position: sticky; /* Make the scrollbar stick to the bottom of the viewport */
    bottom: 0;
    width: 100%;
    margin-bottom: 1rem; /* margin of the table that we removed */
    padding: 0;

    &.hide-scrollbar {
        display: none;
    }
}

.header-placeholder {
    display: none;
}