.sbs-hidden {
  display:none;
}

.sbs-invisible {
  visibility: hidden;
}

.sbs-field-inline {
  display:inline-block;
}

.sbs-field-hide-label > .inputLabel {
  display:none;
}

/* BSP's .CIG-row { contain: inline-size; min-width: 200px } pins is-minimal fields at 200px, squashing their
   label icons and overlapping side-by-side dropdowns; let them size to their content instead. */
.CIG-row.is-minimal {
  contain: none;
}

.CIG-row.is-minimal > .CIG-label > :is(.CIG-guide, .CIG-help, .CIG-comments) {
  flex-shrink: 0;
}

.sbs-feed-errors table {
    width:100%;
}

.sbs-feed-errors td {
   padding:var(--gap-m);
   padding-left:var(--gap-m);
   padding-right:var(--gap-m);
}

table.sbs-feed-errors > tbody > tr > td:first-child {
   padding-left:70px;
}

.sbs-feed-errors > tbody > tr > td:last-child {
   padding-right:var(--gap-l);
}

.sbs-feed-error-item td  {
   vertical-align: top;
}

.sbs-feed-error-item td.sbs-feed-error-item-fields {
   padding:0;
}

@media (max-width: 2400px) {
    .sbs-compact {
        padding-right:10px !important;
    }

    .sbs-super-compact {
        padding-right:10px !important;
        padding-left:25px !important;
        padding-bottom:20px !important;
    }

    .sbs-super-compact .CIG-row:after {
        width: var(--gap-s);
    }
}

@media (max-width: 2000px) {

    .sbs-compact {
        padding-right:5px !important;
    }

    .sbs-super-compact {
        padding-right:0 !important;
        padding-left:15px !important;
        padding-bottom:20px !important;
    }

    .sbs-super-compact .CIG-row:after {
        width: var(--gap-xs);
    }
}

