.#{$pui}button-group {
    & > *:not(:last-child) {
        margin-right: $button-group-spacing;
    }
}

.#{$pui}label {
    user-select: none;
    display: flex;

    align-items: flex-start;
    justify-content: flex-start;

    line-height: $input-height;

    & > span {
        cursor: pointer;
        margin-left: $label-offset;
        line-height: $label-line-height;
    }
}

// margins & paddings
@each $space in $util-spaceamounts {
    @each $side in $util-sides {
        .m#{str-slice($side, 0, 1)}-#{$space} {
            margin-#{$side}: #{$space}px !important;
        }

        .p#{str-slice($side, 0, 1)}-#{$space} {
            padding-#{$side}: #{$space}px !important;
        }
    }
}

//clearfix
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* TODO: in-table input classes, replace by prop into input & select components */
.t-nopad tbody {
    .#{$pui}input,
    .#{$pui}select {
        border-color: transparent !important;
    }
}