Your IP : 216.73.216.86
.ui-entity-catalog-popup-titlebar {
display: flex;
align-items: center;
width: 100%;
min-height: 66px;
padding: 0 50px 0 25px;
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);
}
.ui-entity-catalog__scope .popup-window-titlebar {
position: relative;
height: auto;
}
.ui-entity-catalog__scope .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;
}
.ui-entity-catalog__scope .popup-window-close-icon {
opacity: 0.7;
}
.ui-entity-catalog__scope .popup-window-close-icon::after {
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9 1.197a1 1 0 111.414 1.414L2.12 11.803A1 1 0 01.707 10.39L9.9 1.197z' fill='%23535c68'/%3E%3Cpath d='M.707 2.61a1 1 0 011.414-1.414l9.193 9.193a1 1 0 01-1.415 1.414L.707 2.611z' fill='%23535c68'/%3E%3C/svg%3E");
}
.ui-entity-catalog__scope .popup-window-content {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.ui-entity-catalog__scope .popup-window-titlebar-close-icon {
right: 18px;
top: 49%;
transform: translate(0px, -50%);
}
.ui-entity-catalog__scope {
--entity-catalog__gray_lighter: rgba(245,247,248,1);
--entity-catalog__gray_light: rgba(237,238,240,1)
}
.ui-entity-catalog__main-separator {
background: #e1e2e4;
width: calc(100% - 34px);
height: 1px;
margin: 34px 20px 27px;
border: none;
}
.ui-entity-catalog__main {
display: flex;
max-height: 100%;
height: 100%;
min-height: 555px;
box-sizing: border-box;
}
.ui-entity-catalog__titlebar_search {
flex-shrink: 0;
margin-left: auto;
}
.ui-entity-catalog__option-btn-block {
flex-shrink: 0;
margin-left: 7px;
}
.ui-entity-catalog__btn {
/*display: block;*/
display: flex;
padding: 5px 16px;
border-radius: var(--ui-border-radius-pill, 99rem);
border: 1px solid var(--ui-color-primary, #2fc6f6);
background: var(--ui-color-background-primary, #ffffff);
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: var(--ui-font-size-md, 14px);
line-height: var(--ui-font-line-height-3xs, 1.2);
color: var(--ui-color-text-secondary, #525c69);
cursor: pointer;
transition: .2s;
}
.ui-entity-catalog__btn.--lock {
padding-left: 9px;
}
.ui-entity-catalog__btn.--lock::before {
content: '';
display: block;
width: 18px;
height: 18px;
margin-right: 8px;
background: no-repeat center;
background-image: url("../images/ui-entity-catalog__btn--lock-dark.svg");
}
.ui-entity-catalog__option:hover .ui-entity-catalog__btn {
background: var(--ui-color-primary, #2fc6f6);
color: var(--ui-color-background-primary, #ffffff);
}
.ui-entity-catalog__option:hover .ui-entity-catalog__btn.--lock::before {
background-image: url("../images/ui-entity-catalog__btn--lock-light.svg");
}
.ui-entity-catalog__empty-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.ui-entity-catalog__empty-content_icon {
margin-right: 27px;
}
.ui-entity-catalog__empty-content_text {
position: relative;
margin-top: 14px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
font-size: var(--ui-font-size-xl, 16px);
line-height: var(--ui-font-line-height-xl, 1.62);
text-align: center;
color: var(--ui-color-base-60, #959ca4);
max-width: calc(100% - 186px);
}
.ui-entity-catalog__main-groups {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 355px;
padding: 12px 10px 17px 12px;
flex-shrink: 0;
background: var(--entity-catalog__gray_lighter);
}
.ui-entity-catalog__main-groups-head {
padding-right: 12px;
margin-bottom: 14px;
}
.ui-entity-catalog__recently {
padding-right: 12px;
box-sizing: border-box;
margin-bottom: 14px;
}
.ui-entity-catalog__main-groups-content {
max-height: 100%;
width: 100%;
padding-right: 8px;
box-sizing: border-box;
overflow-y: scroll;
}
.bx-firefox .ui-entity-catalog__main-groups-content {
overflow-y: auto;
scrollbar-width: thin;
}
.ui-entity-catalog__main-groups-content::-webkit-scrollbar-track {
background: transparent;
}
.ui-entity-catalog__main-groups-content::-webkit-scrollbar-thumb {
border-radius: var(--ui-border-radius-sm, 8px);
background: var(--ui-color-base-40, #bdc1c6);
cursor: pointer;
transition: .2s;
}
.ui-entity-catalog__main-groups-content::-webkit-scrollbar {
width: 4px;
}
.ui-entity-catalog__main-groups-footer {
padding-right: 12px;
margin-top: 14px;
}
.ui-entity-catalog__main-content {
display: flex;
flex-direction: column;
flex: 1;
min-height: 555px;
min-width: 485px;
height: 100%;
width: calc(100% - 296px);
box-sizing: border-box;
padding: 12px 8px 17px 14px;
background: var(--entity-catalog__gray_light);
}
.bx-firefox .ui-entity-catalog__main-content-body {
overflow-y: auto;
scrollbar-width: thin;
}
.ui-entity-catalog__main-content-body::-webkit-scrollbar {
width: 4px;
}
.ui-entity-catalog__main-content-body::-webkit-scrollbar-track {
background: transparent;
}
.ui-entity-catalog__main-content-body::-webkit-scrollbar-thumb {
border-radius: var(--ui-border-radius-sm, 8px);
background: var(--ui-color-base-40, #bdc1c6);
cursor: pointer;
transition: .2s;
}
.ui-entity-catalog__main-content-body {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: scroll;
max-height: 100%;
padding-right: 9px;
margin-top: 19px;
}
.ui-entity-catalog__content.--help-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1;
box-sizing: border-box;
padding-bottom: 4%;
}
.ui-entity-catalog__titlebar_btn-filter:hover::before {
opacity: 1;
}
.ui-entity-catalog__titlebar_btn-filter::after {
content: '';
position: absolute;
top: 6px;
right: 6px;
z-index: 1;
display: block;
width: 7px;
height: 7px;
border-radius: var(--ui-border-radius-circle, 50%);
border: 2px solid #ffffff;
background-color: var(--ui-color-primary, #2fc6f6);
opacity: 0;
pointer-events: none;
}
.ui-entity-catalog__titlebar_btn-filter.--active::after {
opacity: 1;
}
.ui-entity-catalog__filter-block_selected {
width: 24px;
flex-shrink: 0;
margin-left: auto;
background: url(../images/ui-entity-catalog--selected.svg) center no-repeat;
}
.ui-entity-catalog__titlebar_btn-filter {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
}
.ui-entity-catalog__titlebar_btn-filter::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.7;
background: url(../images/ui-entity-catalog--filter-icon.svg) center no-repeat;
pointer-events: none;
transition: .2s;
}
.ui-entity-catalog__menu {
position: relative;
z-index: 2;
margin: 0;
padding: 0;
list-style: none outside none;
border-radius: var(--ui-border-radius-sm, 8px);
overflow: hidden;
}
.ui-entity-catalog__menu:not(.ui-entity-catalog__menu:first-of-type) {
margin-top: 14px;
}
.ui-entity-catalog__options {
box-sizing: border-box;
border-radius: var(--ui-border-radius-md, 10px);
background-color: var(--ui-color-background-primary, #ffffff);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
font-size: var(--ui-font-size-sm, 13px);
line-height: var(--ui-font-line-height-md, 1.4);
color: var(--ui-color-text-secondary, #525c69);
}
.ui-entity-catalog__menu_item {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 13px 5px 13px 11px;
background-color: var(--ui-color-background-primary, #ffffff);
cursor: pointer;
transition: .2s;
}
.ui-entity-catalog__menu_item:hover {
background: #f1f4f6;
}
.ui-entity-catalog__menu_item.--active {
background: var(--ui-color-background-info, #e5f9ff);
}
.ui-entity-catalog__menu_item:not(.ui-entity-catalog__menu_item:first-child) {
margin-top: 1px;
}
.ui-entity-catalog__menu_item:not(.ui-entity-catalog__menu_item:first-child)::before {
content: '';
position: absolute;
top: -1px;
left: 50%;
transform: translate(-50%, 0);
width: calc(100% - 20px);
height: 1px;
background: rgba(82,92,105,.08);
}
.ui-entity-catalog__menu_item.--disabled {
pointer-events: none;
opacity: 0.8;
}
.ui-entity-catalog__menu_item::after {
content: '';
display: block;
width: 16px;
height: 16px;
margin-left: auto;
flex-shrink: 0;
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/ui-entity-catalog--arrow-icon.svg);
}
.ui-entity-catalog__menu_item-text {
font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: var(--ui-color-base-default, #333333);
flex-shrink: 1;
}
.ui-entity-catalog__menu_item-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border: 1px solid #c1eefd;
margin-right: 10px;
border-radius: var(--ui-border-radius-circle, 50%);
background-position: center;
background-repeat: no-repeat;
}
.ui-entity-catalog__menu_item.--disabled .ui-entity-catalog__menu_item-icon {
border-color: var(--ui-color-base-10, #edeef0);
}
.ui-entity-catalog__menu_item.--active .ui-entity-catalog__menu_item-icon {
background-color: var(--ui-color-primary, #2fc6f6);
border-color: var(--ui-color-primary, #2fc6f6);
}
.ui-entity-catalog__svg-icon-blue {
fill: var(--ui-color-primary, #2fc6f6);
transition: .2s;
}
.ui-entity-catalog__menu_item.--active .ui-entity-catalog__svg-icon-blue {
fill: var(--ui-color-background-primary, #ffffff);
}
.ui-entity-catalog__menu_item.--disabled .ui-entity-catalog__svg-icon-blue {
fill: var(--ui-color-base-40, #bdc1c6);
}
.ui-entity-catalog__option {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 17px 19px;
cursor: pointer;
}
.ui-entity-catalog__option:not(.ui-entity-catalog__option:first-child) {
border-top: 1px solid rgba(130,139,149,.2);
}
.ui-entity-catalog__option-info_name {
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: var(--ui-font-size-xl, 16px);
color: var(--ui-color-text-primary, #333333);
}
.ui-entity-catalog__option-info_description {
margin-top: 6px;
opacity: 0.7;
}
.ui-entity-catalog__option-info_label {
margin-left: 10px;
font-weight: var(--ui-font-weight-regular, 400);
font-size: var(--ui-font-size-md, 14px);
line-height: var(--ui-font-line-height-xl, 1.62);
opacity: 0.4;
}