.page-sidebar.page-sidebar-team-selector .page-sidebar-container {
    display: grid;
    grid-template-rows: 100px 1fr;
    grid-template-areas: "header" "body";
    height: 100%;
}

.page-sidebar.page-sidebar-team-selector .page-sidebar-header {
    padding: 0 10px;
    grid-area: header;
}

.page-sidebar.page-sidebar-team-selector .page-sidebar-header .team-selector-sub {
    display: grid;
    grid-template-columns: 1fr 120px;
    grid-template-areas: "left right";
    align-items: baseline;
    padding: 10px 0;
    border-bottom: 1px solid #C5CACD;
}

.team-selector-sub .team-selector-sub-left {
    grid-area: left;
}

.team-selector-sub .team-selector-sub-right {
    grid-area: right;
    text-align: right;
}

.page-sidebar.page-sidebar-team-selector .page-sidebar-body {
    grid-area: body;
    overflow: auto;
}

.item-list.item-list-team-selector .item,
.item-list.item-list-team-selector .item > a {
    height: 32px;
    width: 100%;
}

.item-list.item-list-team-selector .item > a {
    padding: 4px 10px;
    line-height: 24px;
    display: grid;
    grid-template-columns: 40px 1fr auto;
    grid-template-areas: "id name other";
    align-items: baseline;
    text-decoration: none;
    border-radius: 2px !important;
    color: #2c2c2c;
}

.item-list.item-list-team-selector .item > a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.item-list.item-list-team-selector .item > a.active,
.item-list.item-list-team-selector .item > a:active,
.item-list.item-list-team-selector .item.active > a {
    background-color: #2B71B5;
    color: white;
}

.item-list.item-list-team-selector .item > a > .item-id {
    grid-area: id;
}

.item-list.item-list-team-selector .item > a > .item-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-list.item-list-team-selector .item > a > .item-other {
    max-width: 100px;
}

/*
<div class="page-sidebar-body">
    <div class="item-list" id="divTeamList">

    </div>
</div>
 */