/**
 * =========================================================
 * КОЛЛЕГИАЛЬНЫЙ ОРГАН
 * =========================================================
 */
/**
 * =========================================================
 * КОЛЛЕГИАЛЬНЫЙ ОРГАН — ИКОНКИ ПОДПУНКТОВ
 * =========================================================
 *
 * review  — документ
 * sign    — галочка
 * approve — пользователи
 *
 * В обычном состоянии:
 * var(--ui-color-design-plain-content-icon-secondary)
 *
 * При hover / active:
 * #fff
 * =========================================================
 */


/**
 * ---------------------------------------------------------
 * ОБЩИЕ СТИЛИ ИКОНОК
 * ---------------------------------------------------------
 */

#bx_left_menu_ko_dynamic_1100_review
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    display: block !important;

    width: 26px !important;
    height: 26px !important;

    flex: 0 0 26px !important;

    background-image: none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;

    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat:
            no-repeat !important;

    mask-repeat:
            no-repeat !important;

    -webkit-mask-position:
            center !important;

    mask-position:
            center !important;

    -webkit-mask-size:
            26px 26px !important;

    mask-size:
            26px 26px !important;

    transition:
            background-color .15s ease !important;
}


/**
 * ---------------------------------------------------------
 * HOVER — БЕЛАЯ ИКОНКА
 * ---------------------------------------------------------
 */

#bx_left_menu_ko_dynamic_1100_review
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_familiarization
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;
}


/**
 * ---------------------------------------------------------
 * ACTIVE — БЕЛАЯ ИКОНКА + ACTIVE SVG
 * ---------------------------------------------------------
 */

#bx_left_menu_ko_dynamic_1100_review.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_review.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_familiarization.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_familiarization.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;

    -webkit-mask-image:
            var(--menu-item-icon-active) !important;

    mask-image:
            var(--menu-item-icon-active) !important;

    -webkit-mask-size:
            24px 24px !important;

    mask-size:
            24px 24px !important;
}


/**
 * =========================================================
 * 1. НА РАССМОТРЕНИИ
 * ИКОНКА ДОКУМЕНТА
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_review
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.5 11.27h-5c-.39 0-.7.31-.7.7s.31.7.7.7h5c.39 0 .7-.31.7-.7s-.31-.7-.7-.7m-5 3h3.72c.39 0 .7.31.7.7s-.31.7-.7.7H9.5c-.39 0-.7-.31-.7-.7s.31-.7.7-.7'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.3 8.01a2.7 2.7 0 0 0-.57-.87l-2.32-2.36c-.25-.25-.53-.44-.86-.58-.32-.13-.63-.18-1.01-.2h-5.4c-.7 0-1.36.28-1.86.78s-.77 1.17-.77 1.89v10.67c0 .71.27 1.38.77 1.89.49.5 1.17.78 1.86.78h7.74c.7 0 1.36-.28 1.86-.78s.77-1.17.77-1.89v-8.3c0-.35-.07-.7-.2-1.02zm-1.57.11c.07.07.117.157.162.238l.018.032h-2.13c-.18 0-.36-.07-.49-.2s-.2-.3-.2-.48V5.55c.11.06.22.12.31.21zm0 10.12c-.23.24-.54.36-.87.36H8.12c-.32 0-.64-.13-.86-.36-.24-.24-.37-.56-.37-.9V6.67a1.246 1.246 0 0 1 1.23-1.26h4.56v2.31c0 .56.22 1.08.61 1.48.39.39.93.61 1.48.61h2.31v7.54c0 .34-.13.66-.37.9z' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.793 4H8.132a2.6 2.6 0 0 0-1.861.781A2.68 2.68 0 0 0 5.5 6.667v10.666c0 .708.277 1.386.77 1.886.494.5 1.164.781 1.862.781h7.736c.698 0 1.368-.281 1.861-.781.494-.5.771-1.178.771-1.886V9.748h-3.856c-.49 0-.96-.193-1.308-.54a1.84 1.84 0 0 1-.543-1.306zM8.8 11.975a.7.7 0 0 1 .7-.7h5a.7.7 0 1 1 0 1.4h-5a.7.7 0 0 1-.7-.7m.7 2.3a.7.7 0 1 0 0 1.4h3.718a.7.7 0 1 0 0-1.4z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M18.414 8.348a2.7 2.7 0 0 0-.686-1.21l-2.325-2.356a2.63 2.63 0 0 0-1.21-.699v3.819a.447.447 0 0 0 .451.446z'/%3E%3C/svg%3E");
}


/**
 * =========================================================
 * 2. НА ПОДПИСАНИИ
 * ИКОНКА С ГАЛОЧКОЙ
 *
 * Это та иконка, которая была у нас раньше.
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_sign
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8.125 4.875a3.25 3.25 0 0 0-3.25 3.25v9.75a3.25 3.25 0 0 0 3.25 3.25h9.75a3.25 3.25 0 0 0 3.25-3.25v-9.75a3.25 3.25 0 0 0-3.25-3.25zm9.75 1.517h-9.75c-.957 0-1.733.776-1.733 1.733v9.75c0 .957.776 1.733 1.733 1.733h9.75c.957 0 1.733-.776 1.733-1.733v-9.75c0-.957-.776-1.733-1.733-1.733m-1.107 3.888a.76.76 0 0 1 .035 1.072l-4.062 4.333a.76.76 0 0 1-1.057.048l-2.438-2.166a.758.758 0 0 1 1.008-1.134l1.885 1.676 3.558-3.794a.76.76 0 0 1 1.072-.035' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.605 4.676a2.93 2.93 0 0 0-2.93 2.93v8.789a2.93 2.93 0 0 0 2.93 2.93h8.79a2.93 2.93 0 0 0 2.93-2.93v-8.79a2.93 2.93 0 0 0-2.93-2.93zm7.874 4.813a.7.7 0 0 1 .032.99l-3.75 4a.7.7 0 0 1-.976.044l-2.25-2a.7.7 0 1 1 .93-1.046l1.74 1.547L14.49 9.52a.7.7 0 0 1 .99-.032' clip-rule='evenodd'/%3E%3C/svg%3E");
}


/**
 * =========================================================
 * 3. НА СОГЛАСОВАНИИ
 * ИКОНКА ГРУППЫ ЛЮДЕЙ
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_approve
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.007 6.048c-2.74 1.957-1.831 7.494 2.04 7.494 4.646 0 5.047-8.125 0-8.125-.71 0-1.585.306-2.04.631m1.388 1.007a2 2 0 0 0-.507.227c-.74.529-1.135 1.702-.861 2.912.259 1.146.986 1.831 2.02 1.831.667 0 1.141-.272 1.487-.703.374-.464.614-1.145.632-1.88.018-.736-.189-1.386-.528-1.817-.306-.389-.784-.691-1.592-.691a2.3 2.3 0 0 0-.65.12m-3.905.238c-.493.041-1.048.25-1.351.472-2.047 1.488-1.368 5.696 1.52 5.696q.188 0 .363-.023c-.07-.26-.236-.872-.398-1.494-.507-.014-.928-.346-1.096-1.102-.185-.832.102-1.56.5-1.85a1 1 0 0 1 .14-.07c.033-.55.137-1.102.32-1.628m-3.045 7.345c.747-.47 1.617-.687 2.453-.764l-.004.135a.86.86 0 0 1-.147.504c-.175.24-.428.515-.715.827l-.317.346q-.247.1-.464.236c-.52.327-.943.843-1.097 1.71h.13a4.7 4.7 0 0 0-.505 1.516h-.04c-.63 0-1.198-.524-1.147-1.22.115-1.579.829-2.647 1.853-3.29m11.882-1.178c3.364 0 3.746-5.812.326-6.159a6 6 0 0 1 .296 1.647.9.9 0 0 1 .255.23c.192.249.332.66.32 1.158s-.173.938-.395 1.22a.94.94 0 0 1-.732.386l-.177.588c-.121.398-.22.722-.26.906a3 3 0 0 0 .367.024m.774.548a2 2 0 0 0-.01-.135c.839.076 1.714.293 2.464.765 1.024.643 1.738 1.711 1.853 3.29.051.696-.518 1.22-1.148 1.22h-.039a4.7 4.7 0 0 0-.505-1.517h.13c-.154-.866-.576-1.382-1.097-1.709a3 3 0 0 0-.463-.235l-.318-.348c-.287-.312-.54-.588-.716-.828a.9.9 0 0 1-.151-.503m-5.1.076c-1.467 0-3.1.233-4.428.995-1.373.787-2.372 2.116-2.536 4.142-.064.778.573 1.363 1.276 1.363h11.375c.703 0 1.339-.585 1.276-1.363-.165-2.026-1.163-3.355-2.537-4.142-1.328-.762-2.96-.995-4.427-.995m3.671 2.31c.897.514 1.569 1.33 1.75 2.673H7.578c.181-1.343.853-2.159 1.75-2.673 1.002-.574 2.33-.794 3.672-.794s2.67.22 3.672.794' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.344 5.727c-2.275 1.666-1.52 6.38 1.693 6.38 3.857 0 4.19-6.918 0-6.918-.59 0-1.315.261-1.693.538m1.631 7.476c-1.265 0-2.674.207-3.82.882-1.186.699-2.049 1.877-2.19 3.673a1.113 1.113 0 0 0 1.101 1.209h9.818c.607 0 1.156-.519 1.102-1.209-.142-1.796-1.004-2.974-2.19-3.673-1.146-.675-2.555-.882-3.82-.882m4.09-.767c3.105 0 3.458-5.364.301-5.685.163.493.252 1.009.273 1.52.024 1.168-.187 2.078-.52 3.173-.06.197-.159.414-.243.599-.072.158-.134.293-.15.371q.164.022.339.022m.607.361c.771.071 1.575.271 2.265.705.945.593 1.604 1.58 1.71 3.036.047.644-.477 1.127-1.06 1.127h-.036c-.269-1.903-1.577-3.635-2.74-4.278a.8.8 0 0 1-.136-.465q0-.07-.003-.125M7.76 6.751c-3.157.32-2.804 5.685.301 5.685q.175 0 .34-.022a3 3 0 0 0-.151-.371c-.084-.185-.183-.402-.243-.6-.333-1.094-.545-2.004-.52-3.172.021-.511.11-1.027.273-1.52m-2.571 6.751c.69-.434 1.494-.634 2.265-.705l-.003.125a.8.8 0 0 1-.136.465c-1.163.643-2.471 2.375-2.74 4.278h-.037c-.582 0-1.106-.483-1.06-1.127.107-1.456.766-2.443 1.711-3.036'/%3E%3C/svg%3E");
}

/**
 * =========================================================
 * 4. НА ОЗНАКОМЛЕНИИ
 * ИКОНКА ГЛАЗА
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13 6.5c5.2 0 8.63 4.39 9.72 6.02a.86.86 0 0 1 0 .96C21.63 15.11 18.2 19.5 13 19.5S4.37 15.11 3.28 13.48a.86.86 0 0 1 0-.96C4.37 10.89 7.8 6.5 13 6.5m0 1.6c-3.88 0-6.72 3.06-8.07 4.9 1.35 1.84 4.19 4.9 8.07 4.9s6.72-3.06 8.07-4.9C19.72 11.16 16.88 8.1 13 8.1m0 1.85a3.05 3.05 0 1 1 0 6.1 3.05 3.05 0 0 1 0-6.1m0 1.55a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 6c4.8 0 7.97 4.05 8.98 5.56a.8.8 0 0 1 0 .88C19.97 13.95 16.8 18 12 18s-7.97-4.05-8.98-5.56a.8.8 0 0 1 0-.88C4.03 10.05 7.2 6 12 6m0 3.1a2.9 2.9 0 1 1 0 5.8 2.9 2.9 0 0 1 0-5.8' clip-rule='evenodd'/%3E%3C/svg%3E");
}


/**
 * =========================================================
 * ВОПРОСЫ К ЗАСЕДАНИЮ
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_questions
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4.993 18.66a3.016 3.016 0 0 0 3.017 3.017h10.879a3.016 3.016 0 0 0 3.017-3.017v-8.625a3 3 0 0 0-.149-.937 3 3 0 0 0-.475-.9c-.484.014-.68.34-.76.585-.03.092-.043.172-.049.22a1 1 0 0 0-.004.095v9.224q0 .173-.026.338a2.265 2.265 0 0 1-1.777 1.877 3 3 0 0 0 .654-1.876V7.35a3.016 3.016 0 0 0-3.016-3.017H8.01A3.016 3.016 0 0 0 4.993 7.35zM6.51 7.35v11.31a1.5 1.5 0 0 0 1.5 1.5h8.294a1.5 1.5 0 0 0 1.5-1.5V7.35a1.5 1.5 0 0 0-1.5-1.5H8.01a1.5 1.5 0 0 0-1.5 1.5m4.516 1.508a1.508 1.508 0 1 1-3.016 0 1.508 1.508 0 0 1 3.016 0m1.13 0c0-.42.34-.759.758-.759h1.883a.758.758 0 0 1 0 1.517h-1.883a.76.76 0 0 1-.758-.758M8.765 11.87a.758.758 0 1 0 0 1.516h6.032a.758.758 0 0 0 0-1.516zm0 3.016a.758.758 0 1 0 0 1.517h4.524a.758.758 0 0 0 0-1.517z' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.94 19a2.78 2.78 0 0 0 2.144 1.008h8.352a2.784 2.784 0 0 0 2.785-2.784V9.263c0-.638-.215-1.226-.576-1.696-.615.018-.727.58-.747.743l-.004.088v8.514A2.09 2.09 0 0 1 16.806 19z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.944 8.107c-.028.085-.04.159-.046.203l-.004.088v8.514q0 .159-.023.312A2.09 2.09 0 0 1 16.806 19H6.94a2.78 2.78 0 0 0 2.145 1.008h8.352a2.784 2.784 0 0 0 2.785-2.784V9.263a2.8 2.8 0 0 0-.137-.865 2.8 2.8 0 0 0-.439-.83c-.447.012-.628.313-.701.539' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4.61 17.225a2.784 2.784 0 0 0 2.784 2.784h7.656a2.784 2.784 0 0 0 2.784-2.784V6.785A2.784 2.784 0 0 0 15.05 4H7.394a2.784 2.784 0 0 0-2.785 2.784zm4.168-9.049v.004l.002.001.002.002.004.001.003-.001.002-.001.001-.002.001-.004v-.003L8.79 8.17l-.003-.002-.004.002H8.78l-.001.003zm.008 1.392a1.392 1.392 0 1 0 0-2.784 1.392 1.392 0 0 0 0 2.784m2.435-1.392a.7.7 0 0 1 .7-.7h1.738a.7.7 0 1 1 0 1.4H11.92a.7.7 0 0 1-.7-.7m-3.83 3.48a.7.7 0 0 1 .7-.7h5.568a.7.7 0 1 1 0 1.4H8.09a.7.7 0 0 1-.7-.7m.7 2.084a.7.7 0 1 0 0 1.4h4.176a.7.7 0 1 0 0-1.4z' clip-rule='evenodd'/%3E%3C/svg%3E");


    /**
     * Сам SVG используем как MASK,
     * поэтому цвет задаётся отдельно.
     */
    display: block !important;

    width: 26px !important;
    height: 26px !important;

    background-image:
            none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;

    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat:
            no-repeat !important;

    mask-repeat:
            no-repeat !important;

    -webkit-mask-position:
            center !important;

    mask-position:
            center !important;

    -webkit-mask-size:
            26px 26px !important;

    mask-size:
            26px 26px !important;
}


/**
 * HOVER — белая.
 */
#bx_left_menu_ko_dynamic_1100_questions
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;
}


/**
 * ACTIVE — active SVG + белый цвет.
 */
#bx_left_menu_ko_dynamic_1100_questions.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_questions.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;

    -webkit-mask-image:
            var(--menu-item-icon-active) !important;

    mask-image:
            var(--menu-item-icon-active) !important;

    -webkit-mask-size:
            24px 24px !important;

    mask-size:
            24px 24px !important;
}
#bx_left_menu_dynamic_1100,
#bx_left_menu_menu_tasks
{
    position: relative;
}


/**
 * Родительская ссылка.
 */
#bx_left_menu_dynamic_1100 > .menu-item-link,
#bx_left_menu_menu_tasks > .menu-item-link
{
    display: flex !important;
    align-items: center !important;
    width: 100% !important;

    box-sizing: border-box !important;

    padding-right: 8px !important;
}


/**
 * Иконка КО не сжимается.
 */
#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-icon-box,

#bx_left_menu_menu_tasks
> .menu-item-link
> .menu-item-icon-box
{
    flex: 0 0 auto !important;
}


/**
 * Текст занимает всё свободное место.
 */
#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-link-text,

#bx_left_menu_menu_tasks
> .menu-item-link
> .menu-item-link-text
{
    flex: 1 1 auto !important;

    min-width: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


/**
 * Стандартный счётчик скрываем.
 */


/**
 * =========================================================
 * СТРЕЛКА
 * =========================================================
 */

#bx_left_menu_dynamic_1100
.ko-menu-arrow,

#bx_left_menu_menu_tasks
.ko-menu-arrow
{
    position: static !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    height: 24px !important;

    margin-left: 4px !important;
    margin-right: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    transform: none !important;

    pointer-events: none !important;
}


#bx_left_menu_dynamic_1100
.ko-menu-arrow-icon,

#bx_left_menu_menu_tasks
.ko-menu-arrow-icon
{
    display: block !important;

    width: 7px !important;
    height: 7px !important;

    box-sizing: border-box !important;

    border-right:
            2px solid rgba(255, 255, 255, .85) !important;

    border-bottom:
            2px solid rgba(255, 255, 255, .85) !important;

    transform:
            rotate(45deg) !important;

    transition:
            transform .90s cubic-bezier(.22, 1, .36, 1),
            margin-top .90s cubic-bezier(.22, 1, .36, 1) !important;

    margin-top: -4px !important;
}


#bx_left_menu_dynamic_1100
.ko-menu-arrow.ko-menu-arrow-open
.ko-menu-arrow-icon,

#bx_left_menu_menu_tasks
.ko-menu-arrow.ko-menu-arrow-open
.ko-menu-arrow-icon
{
    transform:
            rotate(225deg) !important;

    margin-top: 4px !important;
}


/**
 * =========================================================
 * ОТДЕЛЬНЫЙ LI ПОДМЕНЮ
 * =========================================================
 */

/**
 * =========================================================
 * ПЛАВНОЕ РАСКРЫТИЕ ПОДМЕНЮ
 * =========================================================
 */

#ko_dynamic_1100_submenu,
#ko_menu_tasks_submenu
{
    display: block !important;

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 0;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    list-style: none !important;

    opacity: 0;

    transform:
            translateY(-8px);

    visibility: hidden;

    pointer-events: none;

    transition:
            max-height .95s cubic-bezier(.22, 1, .36, 1),
            opacity .65s ease,
            transform .85s cubic-bezier(.22, 1, .36, 1),
            visibility 0s linear .95s !important;

    will-change:
            max-height,
            opacity,
            transform;
}


#ko_dynamic_1100_submenu.ko-menu-submenu-open,
#ko_menu_tasks_submenu.ko-menu-submenu-open
{
    opacity: 1;

    transform:
            translateY(0);

    visibility: visible;

    pointer-events: auto;

    transition:
            max-height .95s cubic-bezier(.22, 1, .36, 1),
            opacity .60s ease .10s,
            transform .85s cubic-bezier(.22, 1, .36, 1),
            visibility 0s linear 0s !important;
}


/**
 * =========================================================
 * КОНТЕЙНЕР ПОДПУНКТОВ
 * =========================================================
 */

#ko_dynamic_1100_submenu
.ko-menu-submenu,

#ko_menu_tasks_submenu
.ko-menu-submenu
{
    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding:
            3px
            8px
            8px
            38px !important;

    margin: 0 !important;

    gap: 1px !important;
}


/**
 * =========================================================
 * ПОДПУНКТ
 * =========================================================
 */

#ko_dynamic_1100_submenu
.ko-menu-submenu-item,

#ko_menu_tasks_submenu
.ko-menu-submenu-item
{
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 31px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
            5px
            8px
            5px
            15px !important;

    border-radius: 7px !important;

    text-decoration: none !important;

    font-size: 13px !important;

    line-height: 17px !important;

    font-weight: 400 !important;

    color:
            rgba(255, 255, 255, .82) !important;

    background:
            transparent !important;

    transition:
            background-color .15s ease,
            color .15s ease !important;
}


#ko_dynamic_1100_submenu
.ko-menu-submenu-item:hover,

#ko_menu_tasks_submenu
.ko-menu-submenu-item:hover
{
    background:
            rgba(255, 255, 255, .10) !important;

    color:
            #fff !important;
}


/**
 * =========================================================
 * МАРКЕР СЛЕВА
 * =========================================================
 */

#ko_dynamic_1100_submenu
.ko-menu-submenu-marker,

#ko_menu_tasks_submenu
.ko-menu-submenu-marker
{
    position: absolute !important;

    left: 3px !important;
    top: 50% !important;

    width: 5px !important;
    height: 5px !important;

    margin-top: -2.5px !important;

    border-radius: 50% !important;

    background:
            rgba(255, 255, 255, .35) !important;
}


#ko_dynamic_1100_submenu
.ko-menu-submenu-text,

#ko_menu_tasks_submenu
.ko-menu-submenu-text
{
    display: block !important;

    min-width: 0 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-break: normal !important;
    flex-grow: 0;
    flex-shrink: 1;
    box-sizing: border-box;
    position: relative;
    max-width: 175px;
    display: inline-block;
    padding: 0;
    margin-left: 9px;
    font-family: var(--ui-font-family-primary);
    line-height: 20px;
    font-weight: var(--ui-font-weight-regular, 400);
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    transition: 0.2s ease-in-out font-size;
}


/**
 * =========================================================
 * АКТИВНЫЙ ПОДПУНКТ
 * =========================================================
 */

#ko_dynamic_1100_submenu
.ko-menu-submenu-item-active,

#ko_menu_tasks_submenu
.ko-menu-submenu-item-active
{
    background:
            rgba(255, 255, 255, .15) !important;

    color:
            #fff !important;
}


#ko_dynamic_1100_submenu
.ko-menu-submenu-item-active
.ko-menu-submenu-marker,

#ko_menu_tasks_submenu
.ko-menu-submenu-item-active
.ko-menu-submenu-marker
{
    background:
            #fff !important;
}


/**
 * =========================================================
 * СВЁРНУТОЕ ЛЕВОЕ МЕНЮ
 * =========================================================
 */

.menu-collapsed-mode
#ko_dynamic_1100_submenu,

.menu-collapsed-mode
#ko_menu_tasks_submenu
{
    display: none !important;
}


.menu-collapsed-mode
#bx_left_menu_dynamic_1100
.ko-menu-arrow,

.menu-collapsed-mode
#bx_left_menu_menu_tasks
.ko-menu-arrow
{
    display: none !important;
}

```

/**
 * =========================================================
 * ЗАДАЧИ И ПРОЕКТЫ — ПОДМЕНЮ
 * =========================================================
 */

#ko_menu_tasks_submenu
.tasks-native-submenu-item
> .menu-item-link
> .menu-item-icon-box
{
    opacity: .72 !important;

    transition:
            opacity .25s ease !important;
}

#ko_menu_tasks_submenu
.tasks-native-submenu-item
> .menu-item-link:hover
> .menu-item-icon-box,

#ko_menu_tasks_submenu
.tasks-native-submenu-item.menu-item-active
> .menu-item-link
> .menu-item-icon-box,

#ko_menu_tasks_submenu
.tasks-native-submenu-item.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
{
    opacity: 1 !important;
}


/**
 * =========================================================
 * ЗАДАЧИ И ПРОЕКТЫ — ИКОНКИ КАК В КОЛЛЕГИАЛЬНОМ ОРГАНЕ
 * =========================================================
 */

#bx_left_menu_tasks_submenu_review
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_sign
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_approve
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;

    background-image: none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;
    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: 26px 26px !important;
    mask-size: 26px 26px !important;

    transition:
            background-color .15s ease !important;
}

#bx_left_menu_tasks_submenu_review
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_sign
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_approve
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon
{
    background-color: #fff !important;
}

#bx_left_menu_tasks_submenu_review.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_review.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_sign.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_sign.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_approve.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_approve.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    background-color: #fff !important;

    -webkit-mask-image:
            var(--menu-item-icon-active) !important;
    mask-image:
            var(--menu-item-icon-active) !important;

    -webkit-mask-size: 24px 24px !important;
    mask-size: 24px 24px !important;
}


/* НА РАССМОТРЕНИИ — документ */
#bx_left_menu_tasks_submenu_review
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.5 11.27h-5c-.39 0-.7.31-.7.7s.31.7.7.7h5c.39 0 .7-.31.7-.7s-.31-.7-.7-.7m-5 3h3.72c.39 0 .7.31.7.7s-.31.7-.7.7H9.5c-.39 0-.7-.31-.7-.7s.31-.7.7-.7'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.3 8.01a2.7 2.7 0 0 0-.57-.87l-2.32-2.36c-.25-.25-.53-.44-.86-.58-.32-.13-.63-.18-1.01-.2h-5.4c-.7 0-1.36.28-1.86.78s-.77 1.17-.77 1.89v10.67c0 .71.27 1.38.77 1.89.49.5 1.17.78 1.86.78h7.74c.7 0 1.36-.28 1.86-.78s.77-1.17.77-1.89v-8.3c0-.35-.07-.7-.2-1.02zm-1.57.11c.07.07.117.157.162.238l.018.032h-2.13c-.18 0-.36-.07-.49-.2s-.2-.3-.2-.48V5.55c.11.06.22.12.31.21zm0 10.12c-.23.24-.54.36-.87.36H8.12c-.32 0-.64-.13-.86-.36-.24-.24-.37-.56-.37-.9V6.67a1.246 1.246 0 0 1 1.23-1.26h4.56v2.31c0 .56.22 1.08.61 1.48.39.39.93.61 1.48.61h2.31v7.54c0 .34-.13.66-.37.9z' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.793 4H8.132a2.6 2.6 0 0 0-1.861.781A2.68 2.68 0 0 0 5.5 6.667v10.666c0 .708.277 1.386.77 1.886.494.5 1.164.781 1.862.781h7.736c.698 0 1.368-.281 1.861-.781.494-.5.771-1.178.771-1.886V9.748h-3.856c-.49 0-.96-.193-1.308-.54a1.84 1.84 0 0 1-.543-1.306zM8.8 11.975a.7.7 0 0 1 .7-.7h5a.7.7 0 1 1 0 1.4h-5a.7.7 0 0 1-.7-.7m.7 2.3a.7.7 0 1 0 0 1.4h3.718a.7.7 0 1 0 0-1.4z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M18.414 8.348a2.7 2.7 0 0 0-.686-1.21l-2.325-2.356a2.63 2.63 0 0 0-1.21-.699v3.819a.447.447 0 0 0 .451.446z'/%3E%3C/svg%3E");
}


/* НА ПОДПИСАНИИ — галочка */
#bx_left_menu_tasks_submenu_sign
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8.125 4.875a3.25 3.25 0 0 0-3.25 3.25v9.75a3.25 3.25 0 0 0 3.25 3.25h9.75a3.25 3.25 0 0 0 3.25-3.25v-9.75a3.25 3.25 0 0 0-3.25-3.25zm9.75 1.517h-9.75c-.957 0-1.733.776-1.733 1.733v9.75c0 .957.776 1.733 1.733 1.733h9.75c.957 0 1.733-.776 1.733-1.733v-9.75c0-.957-.776-1.733-1.733-1.733m-1.107 3.888a.76.76 0 0 1 .035 1.072l-4.062 4.333a.76.76 0 0 1-1.057.048l-2.438-2.166a.758.758 0 0 1 1.008-1.134l1.885 1.676 3.558-3.794a.76.76 0 0 1 1.072-.035' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.605 4.676a2.93 2.93 0 0 0-2.93 2.93v8.789a2.93 2.93 0 0 0 2.93 2.93h8.79a2.93 2.93 0 0 0 2.93-2.93v-8.79a2.93 2.93 0 0 0-2.93-2.93zm7.874 4.813a.7.7 0 0 1 .032.99l-3.75 4a.7.7 0 0 1-.976.044l-2.25-2a.7.7 0 1 1 .93-1.046l1.74 1.547L14.49 9.52a.7.7 0 0 1 .99-.032' clip-rule='evenodd'/%3E%3C/svg%3E");
}


/* НА СОГЛАСОВАНИИ — группа людей */
#bx_left_menu_tasks_submenu_approve
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.007 6.048c-2.74 1.957-1.831 7.494 2.04 7.494 4.646 0 5.047-8.125 0-8.125-.71 0-1.585.306-2.04.631m1.388 1.007a2 2 0 0 0-.507.227c-.74.529-1.135 1.702-.861 2.912.259 1.146.986 1.831 2.02 1.831.667 0 1.141-.272 1.487-.703.374-.464.614-1.145.632-1.88.018-.736-.189-1.386-.528-1.817-.306-.389-.784-.691-1.592-.691a2.3 2.3 0 0 0-.65.12m-3.905.238c-.493.041-1.048.25-1.351.472-2.047 1.488-1.368 5.696 1.52 5.696q.188 0 .363-.023c-.07-.26-.236-.872-.398-1.494-.507-.014-.928-.346-1.096-1.102-.185-.832.102-1.56.5-1.85a1 1 0 0 1 .14-.07c.033-.55.137-1.102.32-1.628m-3.045 7.345c.747-.47 1.617-.687 2.453-.764l-.004.135a.86.86 0 0 1-.147.504c-.175.24-.428.515-.715.827l-.317.346q-.247.1-.464.236c-.52.327-.943.843-1.097 1.71h.13a4.7 4.7 0 0 0-.505 1.516h-.04c-.63 0-1.198-.524-1.147-1.22.115-1.579.829-2.647 1.853-3.29m11.882-1.178c3.364 0 3.746-5.812.326-6.159a6 6 0 0 1 .296 1.647.9.9 0 0 1 .255.23c.192.249.332.66.32 1.158s-.173.938-.395 1.22a.94.94 0 0 1-.732.386l-.177.588c-.121.398-.22.722-.26.906a3 3 0 0 0 .367.024m.774.548a2 2 0 0 0-.01-.135c.839.076 1.714.293 2.464.765 1.024.643 1.738 1.711 1.853 3.29.051.696-.518 1.22-1.148 1.22h-.039a4.7 4.7 0 0 0-.505-1.517h.13c-.154-.866-.576-1.382-1.097-1.709a3 3 0 0 0-.463-.235l-.318-.348c-.287-.312-.54-.588-.716-.828a.9.9 0 0 1-.151-.503m-5.1.076c-1.467 0-3.1.233-4.428.995-1.373.787-2.372 2.116-2.536 4.142-.064.778.573 1.363 1.276 1.363h11.375c.703 0 1.339-.585 1.276-1.363-.165-2.026-1.163-3.355-2.537-4.142-1.328-.762-2.96-.995-4.427-.995m3.671 2.31c.897.514 1.569 1.33 1.75 2.673H7.578c.181-1.343.853-2.159 1.75-2.673 1.002-.574 2.33-.794 3.672-.794s2.67.22 3.672.794' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.344 5.727c-2.275 1.666-1.52 6.38 1.693 6.38 3.857 0 4.19-6.918 0-6.918-.59 0-1.315.261-1.693.538m1.631 7.476c-1.265 0-2.674.207-3.82.882-1.186.699-2.049 1.877-2.19 3.673a1.113 1.113 0 0 0 1.101 1.209h9.818c.607 0 1.156-.519 1.102-1.209-.142-1.796-1.004-2.974-2.19-3.673-1.146-.675-2.555-.882-3.82-.882m4.09-.767c3.105 0 3.458-5.364.301-5.685.163.493.252 1.009.273 1.52.024 1.168-.187 2.078-.52 3.173-.06.197-.159.414-.243.599-.072.158-.134.293-.15.371q.164.022.339.022m.607.361c.771.071 1.575.271 2.265.705.945.593 1.604 1.58 1.71 3.036.047.644-.477 1.127-1.06 1.127h-.036c-.269-1.903-1.577-3.635-2.74-4.278a.8.8 0 0 1-.136-.465q0-.07-.003-.125M7.76 6.751c-3.157.32-2.804 5.685.301 5.685q.175 0 .34-.022a3 3 0 0 0-.151-.371c-.084-.185-.183-.402-.243-.6-.333-1.094-.545-2.004-.52-3.172.021-.511.11-1.027.273-1.52m-2.571 6.751c.69-.434 1.494-.634 2.265-.705l-.003.125a.8.8 0 0 1-.136.465c-1.163.643-2.471 2.375-2.74 4.278h-.037c-.582 0-1.106-.483-1.06-1.127.107-1.456.766-2.443 1.711-3.036'/%3E%3C/svg%3E");
}


/* НА ОЗНАКОМЛЕНИИ — глаз */
#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    display: block !important;

    width: 26px !important;
    height: 26px !important;

    flex: 0 0 26px !important;

    background-image: none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;

    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat:
            no-repeat !important;

    mask-repeat:
            no-repeat !important;

    -webkit-mask-position:
            center !important;

    mask-position:
            center !important;

    -webkit-mask-size:
            26px 26px !important;

    mask-size:
            26px 26px !important;

    transition:
            background-color .15s ease !important;
}


/**
 * =========================================================
 * ТЕКСТ ЛЕВОГО МЕНЮ — ПЕРЕНОС В 2 СТРОКИ БЕЗ "..."
 * =========================================================
 */

/*
 * Сам пункт меню должен уметь становиться выше,
 * иначе вторая строка будет обрезана.
 */
.menu-items
.menu-item-block
> .menu-item-link
{
    height: auto !important;

    min-height: 42px !important;

    box-sizing: border-box !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;

    align-items: center !important;
}


/*
 * Текст больше НЕ режем троеточием.
 */
.menu-items
.menu-item-link-text
{
    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    width: auto !important;

    max-width: none !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    word-break: normal !important;

    overflow-wrap: break-word !important;

    line-height: 16px !important;

    height: auto !important;

    max-height: none !important;
}


/**
 * Наши подпункты:
 * "Вопросы к заседанию",
 * "На рассмотрении",
 * "На согласовании",
 * "На ознакомлении" и т.д.
 */
#ko_dynamic_1100_submenu
.menu-item-link,

#ko_menu_tasks_submenu
.menu-item-link
{
    height: auto !important;

    min-height: 42px !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;

    align-items: center !important;
}


#ko_dynamic_1100_submenu
.menu-item-link-text,

#ko_menu_tasks_submenu
.menu-item-link-text
{
    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    word-break: normal !important;

    overflow-wrap: break-word !important;

    line-height: 16px !important;

    height: auto !important;

    max-height: none !important;
}


/**
 * =========================================================
 * ФИНАЛЬНЫЕ ИКОНКИ ПОДМЕНЮ «ЗАДАЧИ И ПРОЕКТЫ»
 * =========================================================
 */

/**
 * ВСЕ ЗАДАЧИ — штатная иконка .menu-tasks
 */
#bx_left_menu_tasks_submenu_all
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8.125 4.875a3.25 3.25 0 0 0-3.25 3.25v9.75a3.25 3.25 0 0 0 3.25 3.25h9.75a3.25 3.25 0 0 0 3.25-3.25v-9.75a3.25 3.25 0 0 0-3.25-3.25zm9.75 1.517h-9.75c-.957 0-1.733.776-1.733 1.733v9.75c0 .957.776 1.733 1.733 1.733h9.75c.957 0 1.733-.776 1.733-1.733v-9.75c0-.957-.776-1.733-1.733-1.733m-1.107 3.888a.76.76 0 0 1 .035 1.072l-4.062 4.333a.76.76 0 0 1-1.057.048l-2.438-2.166a.758.758 0 0 1 1.008-1.134l1.885 1.676 3.558-3.794a.76.76 0 0 1 1.072-.035' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.605 4.676a2.93 2.93 0 0 0-2.93 2.93v8.789a2.93 2.93 0 0 0 2.93 2.93h8.79a2.93 2.93 0 0 0 2.93-2.93v-8.79a2.93 2.93 0 0 0-2.93-2.93zm7.874 4.813a.7.7 0 0 1 .032.99l-3.75 4a.7.7 0 0 1-.976.044l-2.25-2a.7.7 0 1 1 .93-1.046l1.74 1.547L14.49 9.52a.7.7 0 0 1 .99-.032' clip-rule='evenodd'/%3E%3C/svg%3E");
}


/**
 * НА ОЗНАКОМЛЕНИИ — тот же глаз, что в КО
 */
#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13 6.5c5.2 0 8.63 4.39 9.72 6.02a.86.86 0 0 1 0 .96C21.63 15.11 18.2 19.5 13 19.5S4.37 15.11 3.28 13.48a.86.86 0 0 1 0-.96C4.37 10.89 7.8 6.5 13 6.5m0 1.6c-3.88 0-6.72 3.06-8.07 4.9 1.35 1.84 4.19 4.9 8.07 4.9s6.72-3.06 8.07-4.9C19.72 11.16 16.88 8.1 13 8.1m0 1.85a3.05 3.05 0 1 1 0 6.1 3.05 3.05 0 0 1 0-6.1m0 1.55a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 6c4.8 0 7.97 4.05 8.98 5.56a.8.8 0 0 1 0 .88C19.97 13.95 16.8 18 12 18s-7.97-4.05-8.98-5.56a.8.8 0 0 1 0-.88C4.03 10.05 7.2 6 12 6m0 3.1a2.9 2.9 0 1 1 0 5.8 2.9 2.9 0 0 1 0-5.8' clip-rule='evenodd'/%3E%3C/svg%3E");
}


/**
 * Общий mask-механизм.
 */
#bx_left_menu_tasks_submenu_all
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    display: block !important;

    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;

    flex: 0 0 26px !important;

    background-image: none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;

    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: 26px 26px !important;
    mask-size: 26px 26px !important;

    transition:
            background-color .15s ease !important;
}


/**
 * Hover
 */
#bx_left_menu_tasks_submenu_all
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;
}


/**
 * Active
 */
#bx_left_menu_tasks_submenu_all.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_all.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_tasks_submenu_familiarization.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;

    -webkit-mask-image:
            var(--menu-item-icon-active) !important;

    mask-image:
            var(--menu-item-icon-active) !important;

    -webkit-mask-size: 24px 24px !important;
    mask-size: 24px 24px !important;
}


/**
 * Убираем возможные штатные псевдо-иконки.
 */
#bx_left_menu_tasks_submenu_all
.menu-item-icon::before,

#bx_left_menu_tasks_submenu_all
.menu-item-icon::after,

#bx_left_menu_tasks_submenu_familiarization
.menu-item-icon::before,

#bx_left_menu_tasks_submenu_familiarization
.menu-item-icon::after
{
    display: none !important;
    content: none !important;
}


/**
 * =========================================================
 * КОЛЛЕГИАЛЬНЫЙ ОРГАН — ПЕРЕНОС НАЗВАНИЯ
 * =========================================================
 */

#bx_left_menu_dynamic_1100
> .menu-item-link
{
    height: auto !important;
    min-height: 42px !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;

    align-items: center !important;
}


#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-link-text
{
    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    width: auto !important;
    max-width: none !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    line-height: 16px !important;

    height: auto !important;
    max-height: none !important;
}
/**
 * =========================================================
 * КОЛЛЕГИАЛЬНЫЙ ОРГАН — БЕЗОПАСНЫЙ ПЕРЕНОС В 2 СТРОКИ
 * =========================================================
 *
 * ВАЖНО:
 * НЕТ max-width.
 * НЕТ изменения ширины родительского пункта.
 * НЕТ вмешательства в max-height подменю.
 */

#bx_left_menu_dynamic_1100
> .menu-item-link
{
    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    height: auto !important;

    min-height: 42px !important;

    box-sizing: border-box !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-right: 8px !important;
}


#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-link-text
{
    display: block !important;

    flex: 1 1 0 !important;

    min-width: 0 !important;

    width: auto !important;

    /*
     * Главное исправление:
     * никаких max-width: 115px.
     */
    max-width: none !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    word-break: normal !important;

    overflow-wrap: break-word !important;

    line-height: 16px !important;

    height: auto !important;

    max-height: 32px !important;
}


/**
 * Иконка и стрелка имеют фиксированную ширину,
 * поэтому текст занимает только оставшееся место.
 */
#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-icon-box
{
    flex: 0 0 34px !important;

    width: 34px !important;

    min-width: 34px !important;
}


#bx_left_menu_dynamic_1100
> .menu-item-link
> .ko-menu-arrow
{
    flex: 0 0 24px !important;

    width: 24px !important;

    min-width: 24px !important;
}


/**
 * Счётчики не растягивают текстовый блок.
 */
#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-index-wrap
{
    flex: 0 0 auto !important;
}


/**
 * =========================================================
 * ИКОНКА «КОЛЛЕГИАЛЬНЫЙ ОРГАН»
 * =========================================================
 *
 * Иконка заседания/группы.
 * Рисуем через mask, как остальные пункты КО.
 */

#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-icon-box
> .ko-root-menu-icon
{
    display: block !important;

    width: 26px !important;
    height: 26px !important;

    margin: 0 auto !important;

    font-size: 0 !important;

    color: transparent !important;

    background-image: none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .62)
            ) !important;

    -webkit-mask-image:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.007 6.048c-2.74 1.957-1.831 7.494 2.04 7.494 4.646 0 5.047-8.125 0-8.125-.71 0-1.585.306-2.04.631m1.388 1.007a2 2 0 0 0-.507.227c-.74.529-1.135 1.702-.861 2.912.259 1.146.986 1.831 2.02 1.831.667 0 1.141-.272 1.487-.703.374-.464.614-1.145.632-1.88.018-.736-.189-1.386-.528-1.817-.306-.389-.784-.691-1.592-.691a2.3 2.3 0 0 0-.65.12m-3.905.238c-.493.041-1.048.25-1.351.472-2.047 1.488-1.368 5.696 1.52 5.696q.188 0 .363-.023c-.07-.26-.236-.872-.398-1.494-.507-.014-.928-.346-1.096-1.102-.185-.832.102-1.56.5-1.85a1 1 0 0 1 .14-.07c.033-.55.137-1.102.32-1.628m-3.045 7.345c.747-.47 1.617-.687 2.453-.764l-.004.135a.86.86 0 0 1-.147.504c-.175.24-.428.515-.715.827l-.317.346q-.247.1-.464.236c-.52.327-.943.843-1.097 1.71h.13a4.7 4.7 0 0 0-.505 1.516h-.04c-.63 0-1.198-.524-1.147-1.22.115-1.579.829-2.647 1.853-3.29m11.882-1.178c3.364 0 3.746-5.812.326-6.159a6 6 0 0 1 .296 1.647.9.9 0 0 1 .255.23c.192.249.332.66.32 1.158s-.173.938-.395 1.22a.94.94 0 0 1-.732.386l-.177.588c-.121.398-.22.722-.26.906a3 3 0 0 0 .367.024m.774.548a2 2 0 0 0-.01-.135c.839.076 1.714.293 2.464.765 1.024.643 1.738 1.711 1.853 3.29.051.696-.518 1.22-1.148 1.22h-.039a4.7 4.7 0 0 0-.505-1.517h.13c-.154-.866-.576-1.382-1.097-1.709a3 3 0 0 0-.463-.235l-.318-.348c-.287-.312-.54-.588-.716-.828a.9.9 0 0 1-.151-.503m-5.1.076c-1.467 0-3.1.233-4.428.995-1.373.787-2.372 2.116-2.536 4.142-.064.778.573 1.363 1.276 1.363h11.375c.703 0 1.339-.585 1.276-1.363-.165-2.026-1.163-3.355-2.537-4.142-1.328-.762-2.96-.995-4.427-.995m3.671 2.31c.897.514 1.569 1.33 1.75 2.673H7.578c.181-1.343.853-2.159 1.75-2.673 1.002-.574 2.33-.794 3.672-.794s2.67.22 3.672.794' clip-rule='evenodd'/%3E%3C/svg%3E") !important;

    mask-image:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.007 6.048c-2.74 1.957-1.831 7.494 2.04 7.494 4.646 0 5.047-8.125 0-8.125-.71 0-1.585.306-2.04.631m1.388 1.007a2 2 0 0 0-.507.227c-.74.529-1.135 1.702-.861 2.912.259 1.146.986 1.831 2.02 1.831.667 0 1.141-.272 1.487-.703.374-.464.614-1.145.632-1.88.018-.736-.189-1.386-.528-1.817-.306-.389-.784-.691-1.592-.691a2.3 2.3 0 0 0-.65.12m-3.905.238c-.493.041-1.048.25-1.351.472-2.047 1.488-1.368 5.696 1.52 5.696q.188 0 .363-.023c-.07-.26-.236-.872-.398-1.494-.507-.014-.928-.346-1.096-1.102-.185-.832.102-1.56.5-1.85a1 1 0 0 1 .14-.07c.033-.55.137-1.102.32-1.628m-3.045 7.345c.747-.47 1.617-.687 2.453-.764l-.004.135a.86.86 0 0 1-.147.504c-.175.24-.428.515-.715.827l-.317.346q-.247.1-.464.236c-.52.327-.943.843-1.097 1.71h.13a4.7 4.7 0 0 0-.505 1.516h-.04c-.63 0-1.198-.524-1.147-1.22.115-1.579.829-2.647 1.853-3.29m11.882-1.178c3.364 0 3.746-5.812.326-6.159a6 6 0 0 1 .296 1.647.9.9 0 0 1 .255.23c.192.249.332.66.32 1.158s-.173.938-.395 1.22a.94.94 0 0 1-.732.386l-.177.588c-.121.398-.22.722-.26.906a3 3 0 0 0 .367.024m.774.548a2 2 0 0 0-.01-.135c.839.076 1.714.293 2.464.765 1.024.643 1.738 1.711 1.853 3.29.051.696-.518 1.22-1.148 1.22h-.039a4.7 4.7 0 0 0-.505-1.517h.13c-.154-.866-.576-1.382-1.097-1.709a3 3 0 0 0-.463-.235l-.318-.348c-.287-.312-.54-.588-.716-.828a.9.9 0 0 1-.151-.503m-5.1.076c-1.467 0-3.1.233-4.428.995-1.373.787-2.372 2.116-2.536 4.142-.064.778.573 1.363 1.276 1.363h11.375c.703 0 1.339-.585 1.276-1.363-.165-2.026-1.163-3.355-2.537-4.142-1.328-.762-2.96-.995-4.427-.995m3.671 2.31c.897.514 1.569 1.33 1.75 2.673H7.578c.181-1.343.853-2.159 1.75-2.673 1.002-.574 2.33-.794 3.672-.794s2.67.22 3.672.794' clip-rule='evenodd'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat:
            no-repeat !important;

    mask-repeat:
            no-repeat !important;

    -webkit-mask-position:
            center !important;

    mask-position:
            center !important;

    -webkit-mask-size:
            26px 26px !important;

    mask-size:
            26px 26px !important;

    transition:
            background-color .15s ease !important;
}


#bx_left_menu_dynamic_1100
> .menu-item-link:hover
> .menu-item-icon-box
> .ko-root-menu-icon
{
    background-color:
            #fff !important;
}


/**
 * В свёрнутом меню оставляем иконку,
 * текст Bitrix сам скрывает.
 */
.menu-collapsed-mode
#bx_left_menu_dynamic_1100
> .menu-item-link
> .menu-item-icon-box
> .ko-root-menu-icon
{
    display: block !important;
}


/**
 * =========================================================
 * КО — ВСЕ ПУНКТЫ ПОСЛЕ «ВОПРОСЫ К ЗАСЕДАНИЮ»
 * ИМЕЮТ ОДНУ И ТУ ЖЕ ИКОНКУ
 * =========================================================
 *
 * Правления
 * Комитет по реновации
 * Инвестиционный комитет
 * Бюджетный комитет
 * КУАПиР
 *
 * Одна иконка: группа людей / коллегиальный орган.
 * =========================================================
 */

#bx_left_menu_ko_dynamic_1100_review
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_budget
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_kuapir
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    --menu-item-icon-default:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.007 6.048c-2.74 1.957-1.831 7.494 2.04 7.494 4.646 0 5.047-8.125 0-8.125-.71 0-1.585.306-2.04.631m1.388 1.007a2 2 0 0 0-.507.227c-.74.529-1.135 1.702-.861 2.912.259 1.146.986 1.831 2.02 1.831.667 0 1.141-.272 1.487-.703.374-.464.614-1.145.632-1.88.018-.736-.189-1.386-.528-1.817-.306-.389-.784-.691-1.592-.691a2.3 2.3 0 0 0-.65.12m-3.905.238c-.493.041-1.048.25-1.351.472-2.047 1.488-1.368 5.696 1.52 5.696q.188 0 .363-.023c-.07-.26-.236-.872-.398-1.494-.507-.014-.928-.346-1.096-1.102-.185-.832.102-1.56.5-1.85a1 1 0 0 1 .14-.07c.033-.55.137-1.102.32-1.628m-3.045 7.345c.747-.47 1.617-.687 2.453-.764l-.004.135a.86.86 0 0 1-.147.504c-.175.24-.428.515-.715.827l-.317.346q-.247.1-.464.236c-.52.327-.943.843-1.097 1.71h.13a4.7 4.7 0 0 0-.505 1.516h-.04c-.63 0-1.198-.524-1.147-1.22.115-1.579.829-2.647 1.853-3.29m11.882-1.178c3.364 0 3.746-5.812.326-6.159a6 6 0 0 1 .296 1.647.9.9 0 0 1 .255.23c.192.249.332.66.32 1.158s-.173.938-.395 1.22a.94.94 0 0 1-.732.386l-.177.588c-.121.398-.22.722-.26.906a3 3 0 0 0 .367.024m.774.548a2 2 0 0 0-.01-.135c.839.076 1.714.293 2.464.765 1.024.643 1.738 1.711 1.853 3.29.051.696-.518 1.22-1.148 1.22h-.039a4.7 4.7 0 0 0-.505-1.517h.13c-.154-.866-.576-1.382-1.097-1.709a3 3 0 0 0-.463-.235l-.318-.348c-.287-.312-.54-.588-.716-.828a.9.9 0 0 1-.151-.503m-5.1.076c-1.467 0-3.1.233-4.428.995-1.373.787-2.372 2.116-2.536 4.142-.064.778.573 1.363 1.276 1.363h11.375c.703 0 1.339-.585 1.276-1.363-.165-2.026-1.163-3.355-2.537-4.142-1.328-.762-2.96-.995-4.427-.995m3.671 2.31c.897.514 1.569 1.33 1.75 2.673H7.578c.181-1.343.853-2.159 1.75-2.673 1.002-.574 2.33-.794 3.672-.794s2.67.22 3.672.794' clip-rule='evenodd'/%3E%3C/svg%3E");

    --menu-item-icon-active:
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.344 5.727c-2.275 1.666-1.52 6.38 1.693 6.38 3.857 0 4.19-6.918 0-6.918-.59 0-1.315.261-1.693.538m1.631 7.476c-1.265 0-2.674.207-3.82.882-1.186.699-2.049 1.877-2.19 3.673a1.113 1.113 0 0 0 1.101 1.209h9.818c.607 0 1.156-.519 1.102-1.209-.142-1.796-1.004-2.974-2.19-3.673-1.146-.675-2.555-.882-3.82-.882m4.09-.767c3.105 0 3.458-5.364.301-5.685.163.493.252 1.009.273 1.52.024 1.168-.187 2.078-.52 3.173-.06.197-.159.414-.243.599-.072.158-.134.293-.15.371q.164.022.339.022m.607.361c.771.071 1.575.271 2.265.705.945.593 1.604 1.58 1.71 3.036.047.644-.477 1.127-1.06 1.127h-.036c-.269-1.903-1.577-3.635-2.74-4.278a.8.8 0 0 1-.136-.465q0-.07-.003-.125M7.76 6.751c-3.157.32-2.804 5.685.301 5.685q.175 0 .34-.022a3 3 0 0 0-.151-.371c-.084-.185-.183-.402-.243-.6-.333-1.094-.545-2.004-.52-3.172.021-.511.11-1.027.273-1.52m-2.571 6.751c.69-.434 1.494-.634 2.265-.705l-.003.125a.8.8 0 0 1-.136.465c-1.163.643-2.471 2.375-2.74 4.278h-.037c-.582 0-1.106-.483-1.06-1.127.107-1.456.766-2.443 1.711-3.036'/%3E%3C/svg%3E");

    display: block !important;

    width: 26px !important;
    height: 26px !important;

    flex: 0 0 26px !important;

    background-image:
            none !important;

    background-color:
            var(
                    --ui-color-design-plain-content-icon-secondary,
                    rgba(255, 255, 255, .55)
            ) !important;

    -webkit-mask-image:
            var(--menu-item-icon-default) !important;

    mask-image:
            var(--menu-item-icon-default) !important;

    -webkit-mask-repeat:
            no-repeat !important;

    mask-repeat:
            no-repeat !important;

    -webkit-mask-position:
            center !important;

    mask-position:
            center !important;

    -webkit-mask-size:
            26px 26px !important;

    mask-size:
            26px 26px !important;
}


#bx_left_menu_ko_dynamic_1100_review
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_budget
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_kuapir
> .menu-item-link:hover
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;
}


#bx_left_menu_ko_dynamic_1100_review.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_review.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_sign.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_approve.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_budget.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_budget.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_kuapir.menu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon,

#bx_left_menu_ko_dynamic_1100_kuapir.ko-native-submenu-item-active
> .menu-item-link
> .menu-item-icon-box
> .menu-item-icon
{
    background-color:
            #fff !important;

    -webkit-mask-image:
            var(--menu-item-icon-active) !important;

    mask-image:
            var(--menu-item-icon-active) !important;

    -webkit-mask-size:
            24px 24px !important;

    mask-size:
            24px 24px !important;
}