Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/bizproc/debugger/dist/ |
Upload File : |
.bizproc-debugger-automation__scope { --bizproc-debugger__black_alpha_08: rgba(0,0,0,.8); --bizproc-debugger__graphite: rgba(82,92,105,1); --bizproc-debugger__graphite_alpha_08: rgba(82,92,105,.08); --bizproc-debugger__graphite_light: rgba(130,139,149,1); --bizproc-debugger__white: rgba(255,255,255,1); --bizproc-debugger__white_alpha_90: rgba(255,255,255,.9); --bizproc-debugger__white_alpha_95: rgba(255,255,255,.95); --bizproc-debugger__green: rgba(157,207,0,1); --bizproc-debugger__blue: rgba(16,88,208,1); --bizproc-debugger__blue_light: rgba(32,102,176,1); --bizproc-debugger__blue_light_alpha_80: rgba(32,102,176,.8); --bizproc-debugger__blue_light_alpha_40: rgba(32,102,176,.4); --bizproc-debugger__blue_lighter: rgba(47,198,246,1); --bizproc-debugger__gray: rgba(189,193,198,1); --bizproc-debugger__gray_dark: rgba(51,51,51,1); --bizproc-debugger__gray_light: rgba(237,238,240,1); --bizproc-debugger__gray_light-2: rgba(168,173,180,1); --bizproc-debugger__gray_lighter: rgba(245,247,248,1); --bizproc-debugger__red: rgba(255,87,82,1); --bizproc-debugger__orange_lighte: rgba(255,241,214,1); --bizproc-debugger__orange_dark: rgba(159,106,0,1); --bizproc-debugger__green_lighte: rgba(241,251,208,1); --bizproc-debugger__green_dark: rgba(104,136,0,1); --bizproc-debugger__red_lighte: rgba(255,232,232,1); --bizproc-debugger__red_dark: rgba(233,47,42,1); --bizproc-debugger__blue-1_lighte: rgba(238,242,244,1); --bizproc-debugger__blue-1_dark: rgba(49,101,189,1); --bizproc-debugger__blue-2_lighte: rgba(229,249,255,1); --bizproc-debugger__blue-2_dark: rgba(2,119,156,1); --bizproc-debugger__font_primary: var(--ui-font-family-roboto-mono, 'RobotoMono-Regular'); } .bizproc-debugger-automation__main-popup { overflow: hidden; border-radius: var(--ui-border-radius-md, 10px); } .bizproc-debugger-automation__main-popup.--changing-view { transition: width,height ease .5s,.5s; } .bizproc-debugger-automation__main-popup .popup-window-titlebar { height: 57px; position: relative; } .bizproc-debugger-automation__main-popup .popup-window-titlebar::after { content: ''; display: block; width: 100%; height: 5px; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.508016) 41.51%, rgba(0, 0, 0, 0.0001) 100%); opacity: 0.08; position: absolute; top: 100%; left: 0; z-index: 1; } .bizproc-debugger-automation__titlebar { display: flex; align-items: center; width: 100%; padding: 0 90px 0 10px; position: relative; font: 18px/57px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--bizproc-debugger__gray_dark); } .bizproc-debugger-automation__titlebar--move-icon { display: block; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 5H9v2h2V5zm4 0h-2v2h2V5zM9 9h2v2H9V9zm6 0h-2v2h2V9zm-6 4h2v2H9v-2zm6 0h-2v2h2v-2zm-6 4h2v2H9v-2zm6 0h-2v2h2v-2z' fill='%23A8ADB4'/%3E%3C/svg%3E"); } .bizproc-debugger-automation__titlebar--button-collapse { width: 27px; height: 27px; position: absolute; top: 14px; right: 57px; opacity: 0.5; transition: .2s; cursor: zoom-out; } .bizproc-debugger-automation__titlebar--button-collapse:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='16' width='14' height='2' rx='1' fill='%23A8ADB4'/%3E%3C/svg%3E"); } .bizproc-debugger-automation__titlebar--button-collapse:hover { opacity: 1; } .bizproc-debugger-automation__titlebar--button-close { right: 18px; top: 14px; } .bizproc-debugger-automation__titlebar--button-close.popup-window-close-icon:after { width: 15px; height: 15px; } .bizproc-debugger-automation__content { height: 100%; min-width: 781px; min-height: 555px; position: relative; box-sizing: border-box; overflow: hidden; background: var(--bizproc-debugger__gray_light); transition: all ease-out .3s; } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation__content { min-width: 465px; min-height: 130px; } .bizproc-debugger-automation-content-collapsed, .bizproc-debugger-automation__content-expanded { position: absolute; top: 0; left: 0; } .bizproc-debugger-automation__content-expanded { bottom: 0; right: 0; } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation__content-expanded { visibility: hidden; opacity: 0; } .bizproc-debugger-automation__main { display: flex; max-height: 100%; height: 100%; min-height: 555px; box-sizing: border-box; } .bizproc-debugger-automation__main-robots { display: flex; flex-direction: column; box-sizing: border-box; width: 296px; padding: 17px 0 57px; flex-shrink: 0; position: relative; background: var(--bizproc-debugger__gray_lighter); } .bizproc-debugger-automation__main-robots--head { width: 100%; position: relative; padding: 0 17px 15px; box-sizing: border-box; background: transparent; transition: .2s; z-index: 10; } .bizproc-debugger-automation__main-robots--head::after { content: ''; display: block; width: calc(100% - 38px); height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: var(--bizproc-debugger__graphite_alpha_08); } .bizproc-debugger-automation__status { --height: 32px; --border-radius: 4px; display: flex; align-items: center; flex-shrink: 0; width: calc(100% - 5px); height: var(--height); padding: 0 25px 0 10px; margin-right: 3px; box-sizing: border-box; position: relative; z-index: 1; } .bizproc-debugger-automation__status.--robot-change { cursor: pointer; } .bizproc-debugger-automation__status.--robot-change::before { content: ''; display: block; border: 4px solid transparent; border-top: 4px solid var(--bizproc-debugger__white); position: absolute; top: 15px; right: 11px; } .bizproc-debugger-automation__status--title { font: 12px/12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--bizproc-debugger__white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bizproc-debugger-automation__status--bg { width: 99%; height: var(--height); border-radius: var(--border-radius); position: absolute; top: 0; left: 0; background: var(--bizproc-debugger__green); z-index: -1; pointer-events: none; } .bizproc-debugger-automation__status--bg-arrow { width: 0; height: 0; border-top: calc(var(--height) / 2 - (var(--border-radius) - 1px)) solid transparent; border-bottom: calc(var(--height) / 2 - (var(--border-radius) - 1px)) solid transparent; border-left: 5px solid transparent; border-left-color: inherit; position: absolute; left: 100%; /*top: 50%;*/ /*transform: translate(0, -50%);*/ top: calc(var(--border-radius) - 1px); } .bizproc-debugger-automation__main-robots--main-content { padding: 0 12px; margin: 7px 10px 0 0; overflow-y: scroll; } .bizproc-debugger-automation__main-robots--main-content::-webkit-scrollbar { width: 4px; } .bizproc-debugger-automation__main-robots--main-content::-webkit-scrollbar-track { background: transparent; } .bizproc-debugger-automation__main-robots--main-content::-webkit-scrollbar-thumb { border-radius: var(--ui-border-radius-sm, 8px); background: var(--bizproc-debugger__gray); cursor: pointer; transition: .2s; } .bizproc-debugger-automation__main-robots--main-content.--loading .bizproc-debugger-automation__head, .bizproc-debugger-automation__main-robots--main-content.--loading .bizproc-debugger__template { opacity: .3; } .bizproc-debugger-automation__main-robots--main-content .main-ui-loader { z-index: 20; } .bizproc-debugger-automation__main--title { display: flex; align-items: center; margin: 0 0 7px 5px; } .bizproc-debugger-automation__main-hint { display: none; position: relative; border-radius: var(--ui-border-radius-md, 10px); box-sizing: border-box; padding: 13px 12px; margin: 11px 0; background: var(--bizproc-debugger__white_alpha_90); } .bizproc-debugger-automation__main-hint::before { content: ''; position: absolute; bottom: 100%; left: 32px; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom: 7px solid var(--bizproc-debugger__white_alpha_90); } .bizproc-debugger-automation__main-hint.--active { display: block; } .bizproc-debugger-automation__main-hint--title { font-weight: var(--ui-font-weight-bold); color: var(--bizproc-debugger__gray_dark); margin-bottom: 10px; } .bizproc-debugger-automation__main-hint--text { line-height: 18px; color: var(--bizproc-debugger__graphite_light); } .bizproc-debugger-automation__main--name { text-transform: uppercase; font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--bizproc-debugger__graphite); } .bizproc-debugger-automation__dividing-line { width: 100%; height: 2px; margin: -5px 0 10px; border-radius: var(--ui-border-radius-3xl, 20px); position: relative; background: var(--bizproc-debugger__red); } .bizproc-debugger-automation__dividing-line::before { content: ''; display: block; width: 10px; height: 10px; border-radius: var(--ui-border-radius-circle, 50%); position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); background: inherit; } .bizproc-debugger__template { margin: 0 -4px 11px 0; } .bizproc-debugger-automation__toolbar { width: 100%; box-sizing: border-box; padding: 10px 12px; border-top: 2px solid var(--bizproc-debugger__blue_lighter); position: absolute; left: 0; bottom: 0; background: var(--bizproc-debugger__white); } .bizproc-debugger-automation__toolbar.--disabled { opacity: 0.5; pointer-events: none; } .bizproc-debugger-automation__toolbar--btn-block { display: flex; align-items: center; } .bizproc-debugger-automation__toolbar--btn-text { margin-left: 5px; font: 14px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--bizproc-debugger__graphite); } .bizproc-debugger-automation__toolbar--info-waiting { visibility: hidden; opacity: 0; position: absolute; bottom: calc(100% + 16px); width: 258px; border: 1px solid var(--bizproc-debugger__blue_lighter); box-sizing: border-box; padding: 13px 13px 19px; border-radius: var(--ui-border-radius-md, 10px); background: var(--bizproc-debugger__white_alpha_95); line-height: 18px; color: var(--bizproc-debugger__graphite_light); z-index: 9; box-shadow: 0 2px 4px 0 rgba(0,0,0,.12); transition: opacity .2s; } .bizproc-debugger-automation__toolbar--info-waiting.--active { visibility: visible; opacity: 1; transition: opacity .2s; } .bizproc-debugger-automation-robot-info-container { display: flex; align-items: center; } .bizproc-debugger-automation__link { display: inline-block; margin-top: 10px; line-height: 16px; color: var(--bizproc-debugger__blue_light); border-bottom: 1px dashed var(--bizproc-debugger__blue_light_alpha_40); transition: .2s; cursor: pointer; } .bizproc-debugger-automation__link.--inside-robot { margin-top: 0; margin-left: 5px; } .bizproc-debugger-automation__link:hover { border-color: var(--bizproc-debugger__blue_light); } .bizproc-debugger-automation__main-fields { display: flex; flex-direction: column; flex: 1; min-height: 555px; min-width: 485px; height:100%; width: calc(100% - 296px); box-sizing: border-box; padding: 17px 14px; background: var(--bizproc-debugger__gray_light); } .bizproc-debugger-automation__main-fields.--disabled { opacity: 0.5; pointer-events: none; } .bizproc-debugger-automation__main-navigation { display: flex; align-items: center; margin: 0 0 19px 12px; flex-shrink: 0; position: relative; } .bizproc-debugger-automation__main-navigation::before { content: ''; display: block; height: 1px; position: absolute; right: 6px; bottom: -19px; } .bizproc-debugger-automation__main-navigation.--active-doc::before { left: -12px; background: var(--bizproc-debugger__graphite_alpha_08); } .bizproc-debugger-automation__main-navigation.--active-log::before { left: 6px; background: var(--bizproc-debugger__graphite_alpha_08); } .bizproc-debugger-automation__tab-block { display: flex; margin-right: 7px; } /* Tabs */ .bizproc-debugger-automation__tab { border-bottom: 2px solid transparent; font: 14px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--bizproc-debugger__graphite_light); cursor: pointer; transition: .2s; } .bizproc-debugger-automation__tab:hover { color: var(--bizproc-debugger__blue); } .bizproc-debugger-automation__tab.--active { color: var(--bizproc-debugger__blue); border-color: var(--bizproc-debugger__blue); } .bizproc-debugger-automation__tab-action { display: none; margin-left: auto; margin-right: 6px; } .bizproc-debugger-automation__tab-action.--active { display: flex; } .bizproc-debugger-tab__content { display: none; flex-direction: column; box-sizing: border-box; margin-right: -6px; padding-right: 8px; overflow-y: auto; position: relative; } .bizproc-debugger-tab__content::-webkit-scrollbar { width: 4px; } .bizproc-debugger-tab__content::-webkit-scrollbar-track { background: transparent; margin: 5px 0; } .bizproc-debugger-tab__content::-webkit-scrollbar-thumb { border-radius: var(--ui-border-radius-sm, 8px); background: var(--bizproc-debugger__gray); cursor: pointer; } .bizproc-debugger-tab__content.--active { display: flex; } .bizproc-debugger-tab__content-title { position: relative; padding-bottom: 13px; margin-right: 17px; border-bottom: 1px solid var(--bizproc-debugger__graphite_alpha_08); font: 11px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); text-transform: uppercase; color: var(--bizproc-debugger__graphite); z-index: 9; } .bizproc-debugger-tab__content .ui-form { padding: 10px 0 0 0; } .bizproc-debugger-automation__action-btn { display: block; width: 24px; height: 24px; margin: 0 6px; background-repeat: no-repeat; background-position: center; opacity: .6; cursor: pointer; transition: .2s; } .bizproc-debugger-automation__action-btn:hover { opacity: 1; } .bizproc-debugger-automation__action-btn.--icon-search { background-image: url("../src/images/bizproc-debugger-automation__icon-search.svg"); } .bizproc-debugger-automation__action-btn.--icon-log { background-image: url("../src/images/bizproc-debugger-automation__icon-log.svg"); } .bizproc-debugger-automation__action-btn.--icon-note { background-image: url("../src/images/bizproc-debugger-automation__icon-note.svg"); } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation__titlebar--button-close { display: none; } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation__titlebar--button-collapse { right: 20px; cursor: zoom-in; } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation__content { min-width: 465px; min-height: 130px; } .bizproc-debugger-automation-content-collapsed { width: 100%; height: 100%; visibility: hidden; opacity: 0; } .bizproc-debugger-automation__main-popup.--collapse .bizproc-debugger-automation-content-collapsed { visibility: visible; opacity: 1; } .bizproc-debugger-automation-menu__content-body { display: flex; min-height: 100%; padding: 20px 19px; box-sizing: border-box; background: var(--bizproc-debugger__white); overflow: hidden; } .bizproc-debugger-automation-menu__content-body--logo { display: block; width: 40px; height: 40px; flex-shrink: 0; margin: 0 9px 0 0; background-position: center; background-repeat: no-repeat; background-image: url(../src/images/bizproc-debugger-automation__settings.svg); } .bizproc-debugger-automation-menu__content-body--text { flex: 1; max-width: 378px; box-sizing: border-box; font-size: 16px; line-height: 19px; color: var(--bizproc-debugger__graphite_light); } .bizproc-debugger-tab__content.--empty { height: 100%; background: transparent; } .bizproc-debugger-tab__content--empty { display: none; width: 69%; padding-top: 130px; position: absolute; top: 20%; left: 50%; transform: translate(-50%, 0%); background-position: center top; background-repeat: no-repeat; background-image: url(../src/images/bizproc-debugger-automation__empty.svg); font: 18px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); text-align: center; color: var(--bizproc-debugger__gray_light-2); } .bizproc-debugger-tab__content.--empty .bizproc-debugger-tab__content--empty{ display: block; } .bizproc-debugger-automation-main-section-disabled .bizproc-debugger-tab__content--empty{ background-image: url(../src/images/bizproc-debugger-automation__disabled.svg); } .bizproc-debugger-tab__content.--empty .bizproc-debugger-tab__content--not-empty { display: none; } .bizproc-debugger-tab__content--not-empty { padding: 17px 0 17px 17px; border-radius: var(--ui-border-radius-md, 10px); background: var(--bizproc-debugger__white); } .bizproc-debugger-automation-main-section-log { margin: 0 -7px; } .bizproc-debugger-tab__log { padding: 10px ; box-sizing: border-box; margin-left: 25px; background: var(--bizproc-debugger__white); overflow-wrap: break-word; font-size: 12px; line-height: 16px; } .bizproc-debugger-automation__log--date { margin: 15px 0; position: relative; text-align: center; } .bizproc-debugger-automation__log--date:before { content: ''; position: absolute; top: 10px; right: 0; left: 0; height: 1px; background: var(--bizproc-debugger__gray_light); } .bizproc-debugger-automation__log--date-text { position: relative; display: inline-block; padding: 2px 20px; font-size: 11px; border-radius: var(--ui-border-radius-md, 10px); color: var(--bizproc-debugger__graphite); background: var(--bizproc-debugger__gray_light); font-weight: 500; z-index: 1; } .bizproc-debugger-automation__log-section { margin: 0 0 28px -35px; font-family: var(--bizproc-debugger__font_primary); font-size: 12px; } .bizproc-debugger-automation__log-section--row { display: flex; margin-bottom: 6px; position: relative; } .bizproc-debugger-automation__log--index { flex-shrink: 0; margin: 2px 19px 0 0; font-size: 10px; color: var(--bizproc-debugger__gray_light-2); } .bizproc-debugger-automation__log--time { flex-shrink: 0; margin: 0 8px 0 0; color: var(--bizproc-debugger__gray_light-2); } .bizproc-debugger-automation__log-section--title { font-family: var(--bizproc-debugger__font_primary); font-weight: var(--ui-font-weight-bold, 700); color: var(--bizproc-debugger__gray_dark); } .bizproc-debugger-automation__log-info { flex: 1; max-width: calc(100% - 38px); } .bizproc-debugger-automation__log-info--name { display: flex; overflow: hidden; color: var(--bizproc-debugger__graphite); } .bizproc-debugger-automation__log-info--name-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bizproc-debugger-automation__log-info--value { margin: 4px 0 0 12px; color: var(--bizproc-debugger__black_alpha_08); } .bizproc-debugger-automation__log-info--value.--first { margin: 0; } .bizproc-debugger-automation__status.--log-status { --height: 24px; --border-radius: 2px; width: auto; padding-right: 15px; min-width: 66px; flex-shrink: 1; } .bizproc-debugger-automation__log--variable-height { overflow: hidden; transition: .2s; } .bizproc-debugger-automation__log-info--more { display: inline-block; margin-top: 3px; color: var(--bizproc-debugger__blue_light); transition: .2s; cursor: pointer; } .bizproc-debugger-automation__log-info--more:hover { color: var(--bizproc-debugger__blue_light_alpha_80); } .bizproc-debugger-automation__status.--log-status .bizproc-debugger-automation__status--title{ font-family: var(--bizproc-debugger__font_primary); font-weight: var(--ui-font-weight-medium, 500); line-height: 22px; } .bizproc-debugger-automation__status.--with-border .bizproc-debugger-automation__status--bg { box-shadow: 0 0 0 1px rgba(223,224,227,1); } .bizproc-debugger-automation__status.--with-border .bizproc-debugger-automation__status--bg-arrow{ filter: drop-shadow(1px 0px 0px rgba(223,224,227,1)); } .bizproc-debugger-automation__status.--with-border .bizproc-debugger-automation__status--title, .bizproc-debugger-automation__status.--light-color .bizproc-debugger-automation__status--title { color: var(--bizproc-debugger__graphite) } .bizproc-debugger-automation__status.--with-border.--robot-change::before, .bizproc-debugger-automation__status.--light-color.--robot-change::before { border-top: 4px solid var(--bizproc-debugger__graphite); } .bizproc-debugger-automation__log-color-box { max-width: 100%; display: inline-block; margin: 6px 0 3px; padding: 0 6px; box-sizing: border-box; line-height: 18px; border-radius: var(--ui-border-radius-3xs, 2px); } .bizproc-debugger-automation__log-color-box.--orange { background: var(--bizproc-debugger__orange_lighte); color: var(--bizproc-debugger__orange_dark); } .bizproc-debugger-automation__log-color-box.--green { background: var(--bizproc-debugger__green_lighte); color: var(--bizproc-debugger__green_dark); } .bizproc-debugger-automation__log-color-box.--blue { background: var(--bizproc-debugger__blue-1_lighte); color: var(--bizproc-debugger__blue-1_dark); } .bizproc-debugger-automation__log-color-box.--dark-blue { background: var(--bizproc-debugger__blue-2_lighte); color: var(--bizproc-debugger__blue-2_dark); } .bizproc-debugger-automation__log-color-box.--red { background: var(--bizproc-debugger__red_lighte); color: var(--bizproc-debugger__red_dark); } .bizproc-debugger-automation__log-info--value.--first .bizproc-debugger-automation__log-color-box { margin-top: 0; margin-bottom: 0; } .bizproc-debugger-automation__status--change-info { display: flex; align-items: center; overflow: hidden; padding: 1px 5px 1px 1px; } .bizproc-debugger-automation__status--robot-change-arrow { display: inline-block; box-sizing: border-box; width: 24px; height: 24px; margin: 0 4px 0 1px; background-position: center; background-repeat: no-repeat; background-image: url("../src/images/bizproc-debugger-automation__arrow.svg"); flex-shrink: 0; } .bizproc-debugger-automation__log-separator { display: block; width: 100%; height: 1px; background: var(--bizproc-debugger__graphite_alpha_08); margin-bottom: 15px; } .bizproc-debugger__template .bizproc-automation-trigger-item-wrapper { border-bottom-left-radius: inherit; } .bizproc-debugger-filter-guide-list { padding: 0; padding-left: 25px; margin: 0; } .bizproc-debugger-filter-guide-list-item { line-height: 25px; } .bizproc-debugger-filter-guide-list-item + .bizproc-debugger-filter-guide-list-item{ margin-top: 15px; } .bizproc__action-panel-guide--title { display: flex; align-items: flex-start; justify-content: flex-start; } .bizproc__action-panel-guide--title::before { content: ''; display: block; width: 22px; height: 22px; margin-top: 2px; margin-right: 11px; flex-shrink: 0; background: url("../src/images/bizproc__action-panel-guide--warning-icon.svg") no-repeat center; }