.sidebar {
    flex: 1 1 auto;

    box-sizing: border-box;
    padding-bottom: 24px;

    font-size: 13px;
    font-weight: normal;
    line-height: 18px;

    background-color: #404040;
}

.sidebar__scrollpane {
    height: 100%;

    background-color: #404040;
}

.sidebar__section {
    margin-bottom: 12px;
}

.sidebar__section:nth-child(1) {
    margin-top: 24px;
}

.sidebar__menu-item {
    position: relative;

    display: flex;
    align-items: center;

    padding: 4px 54px 4px 50px;

    text-decoration: none;

    opacity: .6;
}

.sidebar__menu-item:hover {
    opacity: 1;
}

.sidebar__menu-item .link {
    display: block;
    flex: 1 1 auto;

    color: #fff;
}

.sidebar__menu-item_main .link {
    padding-left: 10px;
}

.sidebar__menu-item_disabled .link {
    pointer-events: none;
}

.sidebar__menu-item .link:hover {
    color: #fff;
}

.sidebar__menu-item_active {
    opacity: 1;
}

.sidebar__menu-item_active::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    content: '';

    background-color: #fff;
}

.sidebar__menu-item_disabled,
.sidebar__menu-item_disabled:hover {
    opacity: .25;
}

.sidebar__menu-item_disabled:hover .link,
.sidebar__menu-item_disabled .link:hover,
.sidebar__menu-item_disabled:hover .link:hover {
    pointer-events: none;
}

.sidebar__menu-item-actions {
    margin-right: -34px;
}

.sidebar__menu-item-actions .ui-flat-button {
    padding: 0;

    opacity: 1;
}

.sidebar__menu-item-actions .ui-flat-button .ui-icon.ui-icon__plus-dark-solid-circle {
    width: 22px;
    height: 22px;
}

.sidebar__menu-item-actions .ui-flat-button:hover .ui-icon.ui-icon__plus-dark-solid-circle {
    background-image: url('../../../static/i/plus-active-solid-circle.svg');
}

.sidebar__menu-item_main {
    padding-left: 20px;

    font-weight: 600;
}

.sidebar__header {
    margin-bottom: 14px;
    padding-top: 6px;
}
