/* /css/layout/topPanel.pc.css (0.8 KB) */
/* /css/v3/layout/secondmenu.pc.css (2.41 KB) */
/* /css/v3/layout/leftmenu.pc.css (2.89 KB) */
/* /css/v3/layout/leftmenu.pc.regular.css (1.17 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; } } #secondmenu { --top-forms-radius: 8px; --top-forms-base-height: 40px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 1px 0 8px 0 rgba(0, 0, 0, 0.08); background: var(--color-layout-front-2); width: var(--secondmenu-width); height: calc(100vh - var(--header-height)); top: var(--header-height); position: sticky !important; } #top_panel.sticky ~ #secondmenu { top: calc(var(--header-height)); } #secondmenu > .pcmenu { box-sizing: border-box; background: var(--color-layout-front-2); max-height: calc(var(--100vh) - var(--header-height)); padding: 8px; font-size: 14px; line-height: 24px; overflow: auto; display: block; } #secondmenu > .pcmenu .top-popup_content { padding: 0; display: flex; flex-direction: column; gap: 2px; } #secondmenu > .pcmenu ul { margin: var(--content-padding-top) 0 0 0; list-style: none; } #secondmenu > .pcmenu li { position: relative; } #secondmenu > .pcmenu .top-popup_listItem-title { margin: 0; font-weight: 400; } #secondmenu > .pcmenu .top-popup_listItem-title > i { height: 28px; margin-top: 12px; color: var(--color-text-2); font-size: 12px; position: relative; display: flex; align-items: center; } #secondmenu > .pcmenu .top-popup_listItem-title > i:before { content: ""; background: var(--color-text-4); height: 1px; position: absolute; top: -8px; right: 0; left: 0; } #secondmenu > .pcmenu .top-popup_listItem-title:first-child { margin-top: 0; } #secondmenu > .pcmenu .top-popup_listItem-title:first-child > i:before { content: none; } #secondmenu > .pcmenu a.top-button { --top-icon-width: 24px; --top-icon-color: var(--color-text-2); width: 100%; white-space: normal; justify-content: flex-start; } #secondmenu > .pcmenu a.top-button:hover { --top-icon-color: var(--color-text-1); } #secondmenu > .pcmenu a.top-button.top-active { --top-icon-color: var(--color-text-primary); --top-button-color: var(--color-text-primary); --top-button-background-color-selected: var(--color-layer-primary-1); } #secondmenu > .pcmenu a.top-button:before { margin-right: 8px; margin-left: 8px; } #secondmenu .mobilemenu { display: none; } #secondmenu > .pcmenu .top-popup_content { padding: 0; display: flex; flex-direction: column; gap: 2px; overflow-y: unset; } #secondmenu > .pcmenu .top-popup_content li > * { flex-grow: 1; } #secondmenu > .pcmenu .top-popup_content li.buttons { display: block; } #secondmenu > .pcmenu .top-popup_content li.buttons > .comment { line-height: 24px !important; } html[data-has_leftmenu="1"] { --leftmenu-width: calc(24px + var(--content-padding) * 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(--content-padding) * 2); } html:not(.leftmenu_expanded) #leftmenu [data-action="expand"], html.leftmenu_expanded #leftmenu [data-action="shrink"] { display: flex; } } .top-theme-regular #leftmenu { background: var(--color-blue-dd); padding: 0; gap: 0; } .top-theme-regular #leftmenu li .item { --top-icon-color: #9AA4B1FF; border-radius: 0; height: 46px; color: var(--color-text-4); } .top-theme-regular #leftmenu li.top-active > .item, .top-theme-regular #leftmenu li:hover > .item { --top-icon-color: #FFF; background: #49637E; color: #FFF !important; } .top-theme-regular #leftmenu_logo { min-height: calc(var(--header-height) - 16px); padding: 8px 0 8px 12px; } .top-theme-regular #leftmenu_logo .top-logo { --top-logo-width: 32px; --top-logo-height: 32px; --top-logo-text-height: 32px; } html.top-theme-regular:not(.leftmenu_expanded) #leftmenu .top-title { display: none; } html.top-theme-regular:not(.leftmenu_expanded) #leftmenu .item { justify-content: center; } html.top-theme-regular.leftmenu_expanded #leftmenu { padding: 0; } html.top-theme-regular.leftmenu_expanded #leftmenu .top-title, html.top-theme-regular.leftmenu_expanded #leftmenu .item { padding: 0 12px; color: #9AA4B1FF; } html.top-theme-regular.leftmenu_expanded #leftmenu .top-title { margin: 8px 0; font-size: 12px; }