| Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/entity-catalog/src/css/ |
| Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/entity-catalog/src/css/group.css |
.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);
}