/* /css/layout/topPanel.pc.css (0.8 KB) */
/* /css/v3/layout/leftmenu.pc.css (2.89 KB) */
 #top_panel_menu > .top-button[href*="popup_admin_menu"]:after, #top_panel_menu > .top-button[data-to-view^="win_tickets"]:after, #top_panel_menu > .theLayoutHeaderMenu_knowledgeBaseOpener:after, .theLayoutHeader_popupToolboxOpener:after { content: attr(title); margin-right: var(--top-forms-padding); } html[data-is_full_size="0"] #top_panel { padding-right: calc(max((100% - var(--top-page-width)) / 2, var(--layout-padding))); padding-left: calc(max((100% - var(--top-page-width)) / 2, var(--layout-padding))); } @media only screen and (max-width: 1240px) { #top_panel_menu > .top-button[data-to-view^="win_tickets"]:after { content: none; } } @media only screen and (max-width: 1110px) { #top_panel_menu > .top-button[href*="/competitors/"]:after { content: none; } } html[data-has_leftmenu="1"] { --leftmenu-width: calc(24px + var(--top-padding-4) * 2); } #leftmenu { box-sizing: border-box; background: var(--color-layout-back); min-height: 100%; padding: 0 0 var(--content-padding) calc(var(--content-padding) / 2); margin: 0; font-size: 14px; display: flex; flex-direction: column; gap: 8px; } #leftmenu [data-top-icon] { --top-icon-size: 24px; --top-icon-width: 24px; } #leftmenu > li { list-style: none; position: relative; } #leftmenu > li > .item { --top-icon-color: var(--color-text-3); box-sizing: border-box; border-radius: 8px 0 0 8px; height: 32px; padding: 4px calc(var(--content-padding) / 2); color: var(--color-text-2); text-decoration: none; flex-grow: 1; display: flex; align-items: center; } #leftmenu > li:hover > .item { --top-icon-color: var(--color-text-2); background: var(--color-layer-2); } #leftmenu > li.top-active > .item { --top-icon-color: var(--color-text-primary); background: var(--color-layout-middle); color: var(--color-text-primary); } #leftmenu .item > i { margin: 0 0 0 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: none; } html:not(.leftmenu_expanded) #leftmenu_logo + .top-title { visibility: hidden; } html:not(.leftmenu_expanded) #leftmenu .top-title { height: 1px; margin: 0 0 0 8px; text-indent: -9999px; } #leftmenu .top-title:before { content: ""; background: var(--color-line-1-opacity); width: 24px; height: 1px; display: block; position: absolute; } html.leftmenu_expanded #leftmenu .top-title { padding: 12px 0 0 0; margin: 0; color: var(--color-text-2); font-weight: 400; } html.leftmenu_expanded #leftmenu .top-title:empty { padding: 0; } html.leftmenu_expanded #leftmenu .top-title:not(:first-child):before { width: 100%; top: 0; } html.leftmenu_expanded #leftmenu > li .item > i { display: block; } #leftmenu .top-logo { --top-logo-width: 24px; --top-logo-height: 24px; --top-logo-text-height: 24px; } html.top-theme-regular #leftmenu .top-logo, html.top-theme-dark #leftmenu .top-logo{ --top-logo: var(--top-logo-light); --top-logo-text: var(--top-logo-text-light); } #leftmenu_logo { background: inherit !important; padding-top: var(--content-padding); padding-left: 8px; position: sticky !important; top: 0; z-index: 1; } #leftmenu > li.to_bottom, #leftmenu > li.external { background: inherit; position: sticky; bottom: 0; } #leftmenu > li.to_bottom { margin-top: auto; order: 1; bottom: 32px; } #leftmenu > li.external { order: 3; } #leftmenu > li.external .item i { white-space: nowrap; } #leftmenu > li > [data-action="expand"], #leftmenu > li > [data-action="shrink"] { display: none; } @media only screen and (min-width: 1400px) { html[data-has_leftmenu="1"].leftmenu_expanded { --leftmenu-width: calc(220px + var(--top-padding-4) * 2); } html:not(.leftmenu_expanded) #leftmenu [data-action="expand"], html.leftmenu_expanded #leftmenu [data-action="shrink"] { display: flex; } }