/* Label */
.tss-label {
    margin: 0;
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
}

    .tss-label:not(.tss-label-with-content-margin) > .tss-label-content > .tss-default-component-margin {
        margin: unset;
    }

.tss-label + .tss-label {
    margin-top:4px;
}

.tss-stack-item:first-child > .tss-label:first-child {
    margin-top: 0px;
}

.tss-label > label {
    margin: 4px;
    margin-right:8px;
    position: relative;
    white-space: nowrap;
}

.tss-label.tss-inline {
    display: inline-flex;
    flex-wrap:nowrap;
    align-items:center;
}

    .tss-label.tss-inline > * {
        display: inline-block;
        flex-grow: 1;
        flex-shrink: 1;
        overflow: hidden; /* 2020-06-19 DWR: This is necessary for inline labels that have an OverflowSet for their content - without it, if the content is too big to fit then it introduces a scrollbar instead of having the arrow-down-to-see-more functionality of the OverflowSet */
    }

    .tss-label.tss-inline > label {
        flex-shrink: 0;
        flex-grow: 0;
        width: unset;
        white-space: nowrap;
    }