.astrend-table {
    flex: 1;
    overflow: hidden;
    display: flex;
}


.astrend-table-content {
    flex-grow: 1;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 1px; /* potrzebne aby nagłówek aktywnej kolumny nie wchodził na ramkę */
    padding-left: 1px;
}



.astrend-table-table {
    width: auto;
    border-collapse: collapse;
    table-layout: fixed;
    empty-cells: show;
}

    .astrend-table-table thead tr th,
    .astrend-table-table tbody tr td {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 1px;
        padding-right: 1px;
        white-space: nowrap;
        overflow: hidden;
        font-weight: normal;
        background-color: transparent;
        border-width: 1px;
    }


    .astrend-table-table thead tr th {
        background-clip: padding-box;
    }


    /* wyłącza ramke pod ramką paska tytułu tabeli aby nie było podwójnej ramki */
    .astrend-table-table thead tr:first-child th {
        border-top: none;
        border-bottom: none;
    }


    /* wyłącza ramke obok ramki seapratora paneli aby nie było podwójnej ramki */
    .astrend-table-table th:first-child,
    .astrend-table-table td:first-child {
        border-left: none;
    }


.astrend-table-scroll-div {
    flex-grow: 0;
    width: 20px;
    min-width: 20px;
    max-width: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}


.astrend-table-scroll {
    -webkit-appearance: slider-vertical;
    background-color: transparent;
    accent-color: #a8a8a8;
    flex-grow: 1;
    width: 20px;

}


    .astrend-table-scroll:focus-visible {
        outline: var(--bs-primary-bg-subtle) auto 1px;
    }


    .astrend-table-scroll:hover {
        accent-color: var(--bs-body-color);
    }

    .astrend-table-scroll::-webkit-slider-runnable-track {
        background: var(--bs-light-bg-subtle);
        /*  border: 0;*/
        /*  border-radius: 3px;*/
    }


    .astrend-table-scroll::-moz-range-track {
        background: var(--bs-light-bg-subtle);
        border: 0;
        border-radius: 3px;
        width: 13px;
    }

    .astrend-table-scroll::-moz-range-thumb {
        height: 16px;
        width: 16px;
        border-radius: 0px;
        background: #a8a8a8;
    }


.astrend-table-scroll-arrow {
    font-size: 7pt;
    margin-top: -2px;
    color: #a8a8a8;
}

    .astrend-table-scroll-arrow:hover {
        color: var(--bs-body-color);
    }