.region-icon {
    margin-right: 10px;
}

.no-headers-grid .k-grid-header {
    display: none;
}

.headers-grid .k-grid-header {
    display: contents;
}

/* display:contents above strips the header's own box, so its grey
   background never paints; apply it directly to the header cells instead. */
.headers-grid .k-grid-header .k-table-th {
    background: #f0f2f5 !important;
}

.borderless tr, .borderless td, .borderless th {
    border: none !important;
    padding: 0 !important;
}

.table-roles {
    vertical-align: central !important;
    margin-bottom: 0 !important;
}

.table-roles ul {
    margin-bottom: 0;
}

#gridUserRoles td[role="gridcell"],
.headers-grid td[role="gridcell"] {
    vertical-align: middle;
}

.headers-grid td[role="gridcell"] ul {
    margin-bottom: 0;
}

#gridUserRoles .k-hierarchy-cell a {
    color: #212529;
}

.k-list .k-list-group-item {
    font-size: var(--kendo-font-size);
    color: inherit;
}

.urs-tree {
    margin: 0;
    position: relative;
}

.urs-tree + .urs-tree {
    margin-top: 8px;
}

.urs-stream {
    align-items: center;
    position: absolute;
    right: 0;
}

.urs-stream-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.9rem;
    border: 1px solid #ced4da
}


.urs-stream-info {
    display: block;
}

.urs-divider {
    border: none;
    border-top: 1px solid #dee2e6;
    margin: 8px 0;
}


.urs-unit {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 2px;
    margin-top: 6px;
}

.urs-section {
    padding-left: 29px;
    margin-top: 4px;
}

.urs-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.urs-row + .urs-row {
    margin-top: 2px;
}

.urs-row__label {
    font-weight: bold;
    white-space: nowrap;
}

.urs-entities-list {
    list-style: disc;
    padding-left: 90px;
    margin: 4px 0 0;
}

/* Toolbar: Add Region/Country... (left) + Set rights according to another user (right), same row.
   Kendo's .k-grid-toolbar::after clearfix becomes a flex item and breaks space-between. */
#gridUserRoles .k-grid-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

#gridUserRoles .k-grid-toolbar::before {
    display: none;
}

.k-command-cell > .k-grid-edit-command,
.k-command-cell > .k-grid-remove-command {
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 1px;
}

.k-command-cell > .k-grid-edit-command .k-button-text,
.k-command-cell > .k-grid-remove-command .k-button-text {
    display: none;
}

.k-command-cell > .k-grid-edit-command i,
.k-command-cell > .k-grid-remove-command i {
    margin: 0 !important;
}