.device-collapsible .user-device {
    margin: 8px 0;
}

.device-collapsible .users-container .user {
    display: block;
}

.device-collapsible .users-container .type {
    float: right;
}

.device-collapsible .collapsible-content > .users-container {
    padding-bottom: 8px;
    padding-top: 8px;
}

.device-collapsible .collapsible-content>:not(.divisor) {
    padding-left: 32px;
}

.device-collapsible .cash-desks, .device-collapsible .storages, .device-collapsible .points-of-sale {
    margin: 16px 0;
}

.device-container {
    position: relative;
    width: 224px;
}

.device-container a {
    position: absolute;
    top: 16px;
    text-transform: uppercase;
    line-height: 16px;
    font-weight: 600;
    font-size: 14px;
}

.device-container .span-generate-qr {
    position: absolute;
    top: 16px;
    text-transform: uppercase;
    line-height: 16px;
    font-weight: 600;
    font-size: 14px;
    color: var(--ba-primary-color);
}

.list-item.collapsible.pos-collapsible {
    --list-item-min-height-collapsible: 44px;
    --list-item-height-collapsible: auto;
    --list-item-height: 44px;
}

.list-item.collapsible.pos-collapsible .toggler {
    height: 28px;
}

.list-item.collapsible.pos-collapsible .v-divisor {
    height: 44px;
}

.list-item.collapsible.pos-collapsible .collapsible-content>:not(.divisor) {
    padding-left: 32px;
}

.list-item.collapsible.pos-collapsible > .end {
    height: 44px;
}

.list-item.collapsible.pos-collapsible iron-collapse {
    padding-bottom: 16px;
}