@use 'common-mixins';

table {
    padding: 0 13px;
    max-width: 100%;
    min-width: 100%;
    border-spacing: 0;

    tbody {
        padding-top: 2px;
        overflow-y: auto;
        display: block;
        @include common-mixins.scroll-bar;
    }

    tr {
        max-width: 100%;
        min-width: 100%;
        display: table;

        th {
            label {
                opacity: 0.7;
                font-weight: normal;
            }
        }

        th,
        td {
            &:not(.w-50) {
                width: 25%;
            }
            max-width: 0;
            text-align: start;

            white-space: nowrap;
            text-overflow: ellipsis;
            list-style-position: inside;
            overflow: hidden;

            padding-right: 8px;
        }

        th:last-child,
        td:last-child {
            max-width: 0;
            width: 50%;
            padding-right: 0;
        }
    }
}

tbody tr:nth-child(odd) {
    td {
        background-color: var(--iqser-alt-background);
    }
}

.hide {
    visibility: hidden;
}

.w-50 {
    max-width: 0;
    min-width: 50%;

    &.hide {
        display: none;
    }
}

.bold {
    font-weight: bold;
}
