:root {
    --sidebar-width: 260px;
    --sidebar-icon-size: 20px;
    --sidebar-action-button-size: 22px;
}

.sidebar {
    flex: 1 1 auto;

    box-sizing: border-box;
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    max-width: var(--sidebar-width);
    min-height: 100%;
    padding: 24px 20px 24px 0;

    font-size: .9rem;

    color: rgba(255, 255, 255, .6);
    background-color: #404040;
}

.sidebar__menu-item {
    position: relative;

    padding: 2px 0;
}

.sidebar__menu-item_disabled {
    pointer-events: none;

    opacity: .25;
}

.sidebar__menu-item_main {
    font-weight: 500;
}

.sidebar__menu-item + .sidebar__menu-item_main {
    margin-top: .8rem;
}

.sidebar__menu-item-link.link_theme_sidebar {
    display: inline-block;

    padding: 2px 0 2px 50px;

    color: rgba(255, 255, 255, .6);

    transition: color .3s;
}

.sidebar__menu-item-link.link_theme_sidebar.nav-link_active {
    padding-left: 47px;

    color: rgba(255, 255, 255, .9);
    border-left: 3px solid #fff;
}

.sidebar__menu-item_main .sidebar__menu-item-link.link_theme_sidebar.nav-link_active {
    color: #fff;
}

.sidebar__menu-item-link.link_theme_sidebar.link_hovered_yes {
    color: rgba(255, 255, 255, .9);
}

.sidebar__menu-item_main .sidebar__menu-item-link.link_theme_sidebar {
    color: rgba(255, 255, 255, .8);
}

.sidebar__menu-item_main .sidebar__menu-item-link.link_theme_sidebar.link_hovered_yes {
    color: #fff;
}

.sidebar__menu-item_with-action {
    padding-right: 32px;
}

.sidebar__menu-item-action {
    position: absolute;
    top: 48%;
    right: 0;

    display: inline-block;

    width: var(--sidebar-action-button-size);
    height: var(--sidebar-action-button-size);

    opacity: .25;
    filter: grayscale(100%);

    transition: opacity .3s, filter .3s;
    transform: translateY(-50%);
}

.sidebar__menu-item-action:hover {
    opacity: 1;
    filter: grayscale(0);
}

.sidebar__menu-item-action .icon {
    width: var(--sidebar-action-button-size);
    height: var(--sidebar-action-button-size);
}

.sidebar__menu-item-icon {
    position: absolute;
    top: 48%;
    left: 18px;

    display: inline-block;

    width: var(--sidebar-icon-size);
    height: var(--sidebar-icon-size);

    opacity: .8;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: var(--sidebar-icon-size);

    transition: opacity .3s;
    transform: translateY(-50%);
}

.sidebar__menu-item-link.link_theme_sidebar.link_hovered_yes .sidebar__menu-item-icon {
    opacity: 1;
}

.sidebar__menu-item-icon_type_depts {
    background-image: url('../../../static/i/sidebar/orgstructure.svg');
}

.sidebar__menu-item-icon_type_groups {
    background-image: url('../../../static/i/sidebar/teams.svg');
}

.sidebar__menu-item-icon_type_services {
    background-image: url('../../../static/i/sidebar/services.svg');
}

.sidebar__menu-item-icon_type_balance {
    background-image: url('../../../static/i/sidebar/billing.svg');
}

.sidebar__menu-item-icon_type_profile {
    background-image: url('../../../static/i/sidebar/organization.svg');
}
