/* /css/v3/layout/footer.defer.css (2.53 KB) */
/* /css/g/g.defer.css (10.63 KB) */
/* /css/g/g.theme.defer.css (3.7 KB) */
/* /css/mods.defer.css (17.59 KB) */
/* /css/form.defer.css (6.87 KB) */
/* /css/mods/fieldTemplates.css (10.46 KB) */
/* /js/component/vue/top/projects/bar/bar.css (1.07 KB) */
.theFooterWrapper { background: url("../index9118.html?src=/cloud/common/pages/footer/robot.svg") bottom -170px right -140px / 1070px 940px no-repeat var(--color-layout-front-4); position: relative; display: flex; justify-content: center; } .theFooter { box-sizing: border-box; padding: var(--top-padding-12) 0; display: flex; flex-direction: column; gap: var(--top-gap-8); } .theFooter_content { width: 100%; display: flex; gap: var(--top-gap-8); } .theFooter_contentLeft, .theFooter_contentRight { width: 50%; display: flex; gap: var(--top-gap-8); } .theFooter_contentColumn { width: 50%; display: flex; flex-direction: column; gap: var(--top-gap-8); } .theFooter_contentSection, .theFooter_contentHelp { display: flex; flex-direction: column; gap: var(--top-gap-4); } .theFooter_contentSectionTitle { font-size: 18px; font-weight: bold; line-height: 150%; } .theFooter_contentSectionLinks, .theFooter_contentHelpContacts, .theFooter_contentSocialMedia { font-size: 14px; display: flex; flex-direction: column; gap: var(--top-gap-4); } .theFooter_contentSectionLinks a, .theFooter_contentHelpContacts a, .theFooter_infoDocColumn a { color: var(--color-text-1); } .theFooter_contentSectionLinks a:hover, .theFooter_contentHelpContacts a:hover, .theFooter_infoDocColumn a:hover { color: var(--color-text-primary); text-decoration: none; } .theFooter_contentHelpTitle, .theFooter_contentHelpSocialMediaTitle { font-size: 20px; line-height: 150%; font-weight: bold; } .theFooter_contentHelpContacts { font-size: 16px; line-height: 24px; font-weight: 600; } .theFooter_contentHelpSocialMediaIcons { display: flex; gap: var(--top-gap-2); } .theFooter_contentHelpSocialMediaIcon { cursor: pointer; border-radius: var(--top-radius-2); background: var(--color-layout-front-1); width: 40px; height: 40px; color: var(--color-text-1); display: flex; justify-content: center; justify-items: center; } .theFooter_contentHelpSocialMediaIcon:hover { color: var(--color-text-primary); text-decoration: none; } .theFooter_info { border-top: 1px solid var(--color-line-1-opacity); padding-top: var(--top-padding-6); display: flex; flex-direction: column; gap: var(--top-gap-6); } .theFooter_infoLanguage { width: 92px; } .theFooter_infoDocColumnsLeft, .theFooter_infoDocColumnsRight { width: 50%; display: flex; gap: var(--top-gap-8); } .theFooter_infoDocColumns { display: flex; gap: var(--top-gap-8); } .theFooter_infoDocColumn { width: 50%; font-size: 12px; display: flex; flex-direction: column; gap: var(--top-gap-3); } i.found, b.found { background-color: rgba(255, 235, 60, 0.6); } .highlighting { animation: highlighting 1s infinite ease-in; } @keyframes highlighting { 0% { filter: brightness(100%); } 50% { filter: brightness(150%); } 100% { filter: brightness(100%); } } .expire_key { height: 65px; margin: 20px; color: #929D9E; text-align: center; font-size: 12px; position: relative; } .expire_key .days {} .expire_key .fill_wrapper { background: #DBE5EA; height: 4px; position: absolute; top: 20px; right: 0; left: 0; } .expire_key .fill_wrapper .fill { background: #00C4A6; height: 100%; } .expire_key .reconnect { padding: 1px 5px !important; margin: 25px 0 0 0; font-size: 13px; } .expire_key.warning .days { color: #E94E38; } .expire_key.warning .fill { background: #E94E38; } .top-expire { width: 80px; margin: 0 30px 0 0; font-size: 11px; color: var(--color-text-4); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .top-expire .text > i { color: var(--color-blue-dd); } .top-expire > .refresh { margin: 0; opacity: 0.4; color: var(--color-cyan); font-size: 14px; } .top-expire > .refresh:hover { opacity: 0.8; } .top-expire .fill_wrapper { border-radius: 2px; background: var(--color-layout-front-4); width: 100%; height: 3px; margin: 3px 0 5px; } .top-expire .fill_wrapper:last-child { margin-bottom: 0; } .top-expire .fill { border-radius: 2px; background: var(--color-cyan); height: 100%; display: block; } .top-expire .fill_wrapper.additional .fill { background: var(--color-bg-warning-1); } .animation-dot-wrapper { width: 28px; height: 24px; position: relative; display: inline-block; vertical-align: middle; } .animation-dot-1, .animation-dot-2, .animation-dot-3 { border-radius: 6px; background-color: rgba(0, 0, 0, .2); width: 6px; height: 6px; margin: -3px 0 0 0; position: absolute; top: 50%; display: inline-block; } .animation-dot-1 { -webkit-animation: animation-dot-pulse 1s ease-in-out infinite 0s; -moz-animation: animation-dot-pulse 1s ease-in-out infinite 0s; animation: animation-dot-pulse 1s ease-in-out infinite 0s; left: 0; } .animation-dot-2 { -webkit-animation: animation-dot-pulse 1s ease-in-out infinite .33s; -moz-animation: animation-dot-pulse 1s ease-in-out infinite .33s; animation: animation-dot-pulse 1s ease-in-out infinite .33s; left: 50%; margin-left: -3px; } .animation-dot-3 { -webkit-animation: animation-dot-pulse 1s ease-in-out infinite .66s; -moz-animation: animation-dot-pulse 1s ease-in-out infinite .66s; animation: animation-dot-pulse 1s ease-in-out infinite .66s; right: 0; } @keyframes animation-dot-pulse { 0%, 40%, 100% { background-color: rgba(0, 0, 0, .2); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 15% { background-color: rgba(0, 0, 0, 1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } } .selected_action { box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; border-top: 1px solid #BCC1C5; border-right: 1px solid #BCC1C5; background: #FFC; width: 900px; min-height: 32px; padding: 10px 12px; margin: 0; font-size: 14px; display: block; position: fixed; bottom: -90px; left: -950px; z-index: 120; transition: 0.3s; } .selected_action input { margin: 0 5px 0 0; } .selected_action .select { width: 180px; } .selected_action .action { position: absolute; right: 12px; bottom: 10px; } .selected_action .action .btn { min-width: 80px; margin-left: 8px; } .selected_action .action .go {} .selected_action .action .reset {} a.sorter, a.sorter:hover { color: inherit; text-decoration: none; } .sorter { background: inherit; min-width: 8px; padding: 0 1px; cursor: pointer; text-decoration: none; position: relative; } .sorter:after { margin-left: 3px; color: var(--color-text-1); font-family: "Topvisor"; content: "S"; position: relative; opacity: 0.3; } .sorter:hover:after, .with-sorter > .sorter:after { opacity: 1; } .sorter.asc:after { content: "["; top: -3px; opacity: 1; color: var(--color-text-positive); } .sorter.desc:after { color: var(--color-text-negative); content: "x"; top: 3px; opacity: 1; } .top-popup li a.sorter:after { content: ""; } .top-popupPanel { box-shadow: var(--top-shadow-b); border-radius: 8px; background: var(--color-layout-front-1); } .top-radioGroupButtons { display: flex; flex-wrap: wrap; margin: 0 -4px; -webkit-user-select: none; -moz-user-select: none; } .top-radioGroupButtons > .top-radio { border-radius: 8px; border: 1px solid var(--color-line-1); padding: 4px 8px; flex-grow: 1; margin: 0 4px 8px 4px !important; } .top-radioGroupButtons > .top-radio:not(.top-disabled):hover { border: 1px solid var(--color-line-2); } .top-radioGroupButtons > .top-radio.top-active { background: var(--color-blue-100); border: 1px solid var(--color-line-primary-1); } .top-radioGroupList { border-radius: 8px; border: 1px solid var(--top-forms-border-color); padding: 0 12px; margin: 0 0 4px 0; display: flex; flex-wrap: wrap; } .top-radioGroupList > .top-radio { width: 100%; padding: 4px 0; margin: 0; position: relative; } .top-radioGroupList > .top-radio:not(:first-child) { border-top: 1px solid var(--top-forms-border-color); } .top-radioGroupList > .top-radio:not(.top-active) + .radio_content { display: none; } .top-radioGroupList > .radio_content { padding: 0 20px 14px 26px; flex-grow: 1; } .top-radioGroupList > .radio_content :last-child { margin-bottom: 0; } .top-radioSwitcher { border-radius: 8px; border: 1px solid var(--color-line-1); width: max-content; max-width: 100%; padding: 5px; white-space: nowrap; display: flex; align-items: center; overflow-x: auto; } .top-radioSwitcher > i { cursor: pointer; border-radius: 6px; padding: 0 6px; margin: 0 1px; line-height: 20px; flex-shrink: 0; } .top-radioSwitcher > i.active { color: var(--var-white); } .top-radioSwitcher > i.active + i.active { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 12px; margin-left: -5px; } .top-radioSwitcher > i { min-width: 20px; } .top-radioSwitcher > i > [class*=icon] { line-height: 12px; } .top-radioSwitcher > i:hover { background: var(--color-layer-primary-1); color: var(--color-text-primary); } .top-radioSwitcher > i.active { background: var(--color-bg-primary-1); color: var(--color-white); } .top-radioSwitcher.top-disabled { opacity: 0.3; filter: grayscale(100%); } .top-popup_content.top-snippet { display: block; } .top-snippet { width: 400px; white-space: normal; position: relative; } .top-snippet > *:not(.top-button) { margin: 4px 0; display: block; flex-shrink: 0; } .top-snippet a:not(.top-button):visited { color: var(--color-snippet-visited); } .top-snippet-title { color: var(--color-snippet-title) !important; font-size: 16px; text-decoration: none; } .top-snippet-title:hover { text-decoration: underline !important; } .top-snippet-url { color: var(--color-snippet-url) !important; font-size: 14px; } .top-snippet-image { border-radius: 6px; margin: 0 6px; float: right; } .top-snippet-body { color: var(--color-blue-dd); font-size: 12px; line-height: 16px; } .top-snippet-links { display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .top-snippet-links > i > a { color: #1A0DAB !important; font-size: 13px; line-height: 16px; } .top-snippet-links > i > a:hover { text-decoration: underline !important; } .top-snippet-links > i > i { display: block; } .top-snippet-links:not(.top-snippet-links-rich) > i:not(:last-child):after { content: "·"; margin: 0 5px; } .top-snippet-links.top-snippet-links-rich { justify-content: space-between; } .top-snippet-links.top-snippet-links-rich > i { width: calc(50% - 4px); } .top-snippet-table { color: var(--color-text-1); font-size: 12px; order: 4; } .top-snippet-table td:first-child { color: var(--color-text-3); } .top-snippet-stars, .top-snippet-stars > i { background: url(../png/stars.png) top left no-repeat; background-size: 60px; width: 60px; height: 12px; display: block; position: relative; } .top-snippet-stars > i { content: ""; background-position-y: 100%; position: absolute; top: 0; left: 0; } .top-snippet-none { width: 260px; height: 100%; margin: 0 auto; font-size: 14px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .top-snippet-none .top-button { margin: 16px 0 0 0; } .top-throbber { border-radius: 100%; border: 3px solid #A5DC59; width: 12px; height: 12px; display: inline-block; animation: top-throbber 1s infinite; } @keyframes top-throbber { 0% { transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.9); } 100% { transform: scale(1); } } .top-progressBar { border-radius: 1.5px; background: #EBF0F4; height: 3px; display: block; position: relative; } .top-progressBar:after { content: attr(title); color: var(--color-gray-l); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: calc(100% + 2px); right: 32px; left: 0; overflow: hidden; } .top-progressBar > i { content: ""; border-radius: 1.5px; background: #A5DC59; width: 1%; height: 100%; display: block; } .top-progressBar > i:after { content: attr(title); color: var(--color-gray-l); font-size: 13px; position: absolute; top: calc(100% + 2px); right: 0; } .top-favicon { width: 16px; height: 16px; margin: 0 6px 0 0; } .top-favicon.empty { background: url(../svg/none.svg); background-size: contain; } .top-langLabel { border-radius: 4px; background: var(--color-gray); padding: 1px 4px 3px 4px; color: #FFF; font-size: 11px; line-height: 1; white-space: nowrap; display: inline-block; position: relative; } .top-langLabel:after { content: ""; width: 0; height: 0; position: absolute; right: 0; bottom: -4px; border-top: 5px solid transparent; border-right: 5px solid var(--color-gray); border-bottom: 4px solid transparent; } html[data-mod="account"] .tab-pane .top_table.use_document_scroll:before, html[data-mod="account"] .top_table.use_document_scroll:before, html[data-mod="admin"] .tab-pane .top_table.use_document_scroll:before { content: ""; background: var(--color-layout-front-1); height: 100vh; display: block; position: fixed; right: 0; bottom: calc(var(--100vh) - var(--top-table-offset-top)); left: 0; z-index: 10; } :root { --color-mint-550: #16A589; } .top-theme-orange .select:not(.disabled):hover { border-color: var(--color-cyan); } .top-theme-orange input:focus, .top-theme-orange input[type="date"]:focus + input { border-color: #FF9800 !important; } .top-theme-orange.ui-dialog-content .modal-footer input { border-color: #FF9800; } .top-theme-orange .select:not(.disabled):hover { border-color: #FF9800; } .top-theme-orange .top-radio:not(.top-disabled).top-active .icons { background: #FF9800; } .top-theme-lite { --top-formsCaption-offset: 10px; } .top-theme-lite .top-input_input, .top-theme-lite .top-select_select, .top-theme-lite .select, .top-theme-lite .top-selector { border-radius: 0 !important; border-top: none !important; border-right: none !important; border-bottom-width: 1px; border-left: none !important; outline: none !important; } .top-theme-lite input[type="input"] { text-indent: 1px; } .top-theme-lite textarea { border-radius: 0; border-top: none !important; border-right: none !important; border-left-style: dashed; } .top-theme-lite .select select { height: 100%; } .top-theme-lite .select > .text { margin-left: 0; left: 0; } .top-theme-lite .select > .arrow { right: 0; } .top-theme-lite .select:hover, .top-theme-lite .select.focus, .top-theme-lite select:hover, .top-theme-lite select:focus, .top-theme-lite select:focus:hover { --top-forms-border-color: var(--top-forms-border-color-hover); } .top-theme-lite input:readonly, .top-theme-lite input:disabled, .top-theme-lite .select.disabled { border-bottom: none !important; margin-bottom: 1px; } .top-theme-lite .select.disabled, .top-theme-lite input:disabled, .top-theme-lite select:disabled { background: none; } .top-theme-lite .select.disabled select { cursor: text; } .top-theme-lite .select.disabled .arrow { display: none; } .top-theme-lite .top-selectorGroup { border-radius: 0; border-style: none; } .top-theme-lite { --top-forms-border-width: 0px; --top-forms-padding: 0px; } .top-theme-lite label[data-top-icon2]:after { text-indent: 0; } .top-theme-lite .top-textarea:before, .top-theme-lite .top-textarea:after, .top-theme-lite .top-textarea > .top-formsCaption, .top-theme-lite textarea.top-el { --top-forms-border-width: 1px; --top-forms-padding: 4px; } .top-theme-classic { --top-forms-border-color: var(--color-line-3); --top-forms-border-color-hover: var(--color-line-positive-1); --top-forms-padding: 8px; --top-forms-option-color: var(--color-mint-600); --top-forms-option-color-hover: var(--color-mint-650); } .top-theme-classic .top-selectorRegion:not(.top-selectorRegion-onlySearcher) { min-width: 305px; } .top-theme-classic .top-select-searcher { width: 100px; } .top-theme-classic .top-select-region { width: 200px; } .top-theme-classic .top-select_arrow, .top-theme-classic .top-selectorRegion > .top-select > select { outline: none !important; } .top-theme-classic .top-selectorGroup > .top-selector-folder:not(:last-child):after { z-index: 3; } .top-theme-classic .top-checkbox_input { border-color: var(--top-forms-option-color) !important; background: var(--color-layout-front-1) !important; font-size: 14px; } .top-theme-classic .top-checkbox_input:before { color: var(--top-forms-option-color); } .top-theme-classic .top-checkbox_input:hover { border-color: var(--top-forms-option-color-hover) !important; } .top-theme-blue { --top-forms-option-color: var(--color-cyan); --top-forms-option-color-hover: var(--color-cyan); } .top-theme-orange { --top-forms-option-color: var(--color-bg-warning-1); --top-forms-option-color-hover: var(--color-bg-warning-2); } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px var(--top-forms-background-color); -webkit-text-fill-color: var(--color-text-1); } #scroll_to_top { cursor: pointer; border-radius: 8px; background: var(--color-cyan); width: 40px; height: 40px; text-align: center; color: #FFF; font-size: 25px; line-height: 40px; text-decoration: none; position: fixed; right: 30px; bottom: 60px; opacity: 0.1; z-index: 1000; filter: none; transition: 0.3s; } #scroll_to_top:hover { box-shadow: rgba(0, 0, 0, 0.05) 0 0 20px; opacity: 1; } #scroll_to_top:focus { opacity: 0; transform: scale(1.2); display: none; } #scroll_to_top.top-hidden { pointer-events: none; display: block !important; opacity: 0; } @media only screen and (max-width: 900px) { #to_top { right: 12px; bottom: 124px; } } .board { border-radius: 4px; background: var(--color-layer-1); padding: 6px; } .gray { color: var(--color-gray-l); } a.gray, .gray[class*=icon] { color: var(--color-text-3); } .gray:hover, .gray[data-title]:hover, .gray[data-action]:hover, .gray.active { color: var(--color-text-2) !important; } .blue, a.blue { border-color: var(--color-line-primary-1); color: var(--color-text-primary) !important; } .blue:hover, .blue.active { border-color: var(--color-line-primary-1); color: var(--color-text-primary) !important; } .blue[class*=icon] { border-color: var(--color-line-primary-1); color: var(--color-text-primary) !important; } .blue[class*=icon]:hover, .blue[class*=icon].active { border-color: var(--color-line-primary-2); color: var(--color-text-primary) !important; } .cyan, a.cyan { border-color: var(--color-cyan); color: var(--color-cyan) !important; } .cyan:hover, .cyan.active { border-color: var(--color-cyan-l); color: var(--color-cyan-l) !important; } .green { --top-icon-color: var(--color-text-positive) !important; border-color: var(--color-line-positive-1); color: var(--color-text-positive) !important; } a.green:hover { border-color: var(--color-line-positive-2); color: var(--color-text-positive) !important; } .yellow { border-color: var(--color-yellow-500); color: var(--color-yellow-500) !important; } .red { --top-icon-color: var(--color-text-negative) !important; border-color: var(--color-line-negative-1); color: var(--color-text-negative) !important; } .comment { color: var(--color-text-3); font-size: 12px; } .small { font-size: 70%; } .nowrap { white-space: nowrap; } a.supportPageOpener { width: 20px; height: 20px; color: #95a5a6; font-size: 18px; position: absolute; top: 0; right: 0; z-index: 3; } a.supportPageOpener:hover { color: #2A3A4B; } a.supportPageOpener.info { font-size: 11px; right: 10px; top: 5px; } div[id^=win_] h3 a.supportPageOpener { top: calc(50% - 9px); right: 35px; } .help_point { border-radius: 100%; border: 1px solid #999; background: #BBB; width: 16px; height: 16px; margin: 0 0 0 3px; color: #FFF !important; text-align: center; line-height: 16px; text-decoration: none; position: absolute; display: none; z-index: 1000; } .help_point i { background: #999; width: 15px; height: 1px; display: block; position: absolute; top: 75%; right: 85%; } .help_point i i { border-radius: 100%; width: 3px; height: 3px; top: -1px; right: 100%; } .spoiler-wrapper { border-radius: 8px; border: 1px solid var(--color-line-1); padding: 16px; display: flex; flex-direction: column; } .spoiler-wrapper > .spoiler-head { padding: 0; border: none; background: none; } .spoiler-wrapper > .spoiler-head:after { content: ""; margin: 0 0 0 5px; font-size: 12px; font-family: "Topvisor"; display: inline-block; } .spoiler-wrapper > .spoiler-head.active:after { content: ""; } .spoiler-wrapper > .spoiler-body { border: none; padding: 14px 0 0 0; } .spoiler-head { cursor: pointer; background: #ECF0F1; border-top: 1px solid var(--color-line-1); padding: 7px; color: var(--color-blue-dd); font-size: 14px; } .spoiler-head .icon { margin: 0 10px 0 18px; } .spoiler-head.active .icon { margin: 0 12px 0 16px; } .spoiler-body { padding: 7px; border: 1px solid #EEEEEE; border-top: none; display: none; } .spoiler-head.active + .spoiler-body { display: block; } .spoiler-body .body { padding: 5px; } @media only screen and (max-width: 900px) { .ui-dialog .spoiler-wrapper { border-radius: 0; width: calc(100% + 24px - 32px); border-right: none; border-left: none; margin-left: -12px !important; } } .ruler_selector { margin: 0 -10px 25px 0; } .ruler_selector .el { float: left; position: relative; } .ruler_selector .el a { border-radius: 15px; border: 1px solid var(--color-line-1); background: var(--color-theme-100); width: 24px; height: 24px; margin: 0 23px 0 0; text-align: center; color: var(--color-text-3); font-size: 12px; line-height: 25px; text-decoration: none; display: block; position: relative; } .ruler_selector .el a:last-child { margin-right: 0; } .ruler_selector .el a:hover { border-color: var(--color-line-3); background: var(--color-theme-300); color: var(--color-text-1); z-index: 2; } .ruler_selector .el.active a { border-color: #00A185; background: var(--color-bg-primary-1); color: #FFF; z-index: 2; } .ruler_selector .el span { border: 1px solid var(--color-line-1); border-right: none; border-left: none; background: var(--color-theme-100); width: 25px; height: 3px; position: absolute; top: 10px; left: 25px; z-index: 1; } :not([data-view-page]) > #popup_select_project .top-popup { width: 278px; } #popup_select_project hr { margin: 0 16px; } #popup_select_project li { transition: 0.1s; } #popup_select_project li:hover:not(.top-title) { position: relative; } #popup_select_project li a { font-size: 14px; } #popup_select_project li a.url { background: none; padding: 8px 9px 10px 18px; color: var(--color-gray-l) !important; position: absolute; top: calc(50% - 16px); right: calc(var(--top-popup-listItem-padding) * 2 + 18px); display: none; } #popup_select_project li a.url:hover { color: #378DC6 !important; } @media only screen and (min-width: 900px) { #popup_select_project li:hover a.url, #popup_select_project li a.top-active + a.url { display: block; } } @media only screen and (max-width: 900px) { #popup_select_project .top-popup { height: 100%; } } #popup_select_project_module { } #popup_select_project_module .top-popup { min-width: 170px; } #popup_select_project_module ul { flex-direction: row; flex-wrap: wrap; } #popup_select_project_module li { width: 32%; } #popup_select_project_module li:nth-child(3n) { flex-grow: 1; } #popup_select_project_module li:last-child { margin-right: auto; } #popup_select_project_module li a { justify-content: center; } #popup_select_project_module li a[data-top-icon]:before { --top-icon-size: 24px; --top-icon-width: 32px; height: var(--top-icon-width); margin: 0; } #popup_select_project_module li:hover > a[data-top-icon]:before { --top-icon-color: var(--color-text-1); } @media only screen and (min-width: 900px) { #popup_select_project_module .top-popup { margin: -14px; } } @media only screen and (max-width: 900px) { #popup_select_project_module li a { padding: 16px; } } .theLayoutHeaderInformer ul.top-popup_content { width: 320px; max-height: 350px; } .theLayoutHeaderInformer_settingsIcon { --top-icon-color: var(--color-text-3); } .theLayoutHeaderInformer_settingsIcon:hover { --top-icon-color: var(--color-text-2); } ul.top-popup_content li > .a.theLayoutHeaderInformer_popupListItem { line-height: inherit !important; flex-direction: column; align-items: flex-start !important; gap: var(--top-gap-2); } .theLayoutHeaderInformer_popupListItemClose { cursor: pointer; border-radius: 50%; background: var(--color-layer-1); width: 20px; height: 20px; font-size: 12px; color: var(--color-text-2); display: flex; align-items: center; justify-content: center; position: absolute; top: 6px; right: 6px; opacity: 0; transition: 0.1s } html .theLayoutHeaderInformer_popupListItem:hover .theLayoutHeaderInformer_popupListItemClose { opacity: 1; } .theLayoutHeaderInformer_popupListItemClose:hover { background: var(--color-layer-1); } .theLayoutHeaderInformer_popupListItemHeader { --top-icon-color: var(--color-text-2); --top-icon-size: 16px; --top-icon-width: 16px; box-sizing: border-box; width: 100%; padding: 0 20px 0 0; color: var(--color-text-2); font-size: 12px; display: flex; align-items: center; gap: var(--top-gap-1); } .theLayoutHeaderInformer_popupListItemHeader-type_balance { --top-icon-color: var(--color-bg-warning-1); } .theLayoutHeaderInformer_popupListItemHeader-type_yandex_update { --top-icon-color: var(--color-bg-negative-1); } .theLayoutHeaderInformer_popupListItemHeaderDate { margin-left: auto; } .theLayoutHeaderInformer_popupListItem h2 { font-size: 16px !important; font-weight: 600 !important; } .theLayoutHeaderInformer .hide_in_informer { display: none; } @media only screen and (max-width: 900px) { .theLayoutHeaderInformer ul.top-popup_content { width: 100%; } } .page_message { border-radius: 4px; background: var(--color-blue-ll); padding: 10px; margin: 10px 0; font-size: 14px; z-index: 100; } .page_error { background: var(--color-layer-negative-2); } #systemMess { font-size: 12px; position: fixed; top: 3px; left: 3px; z-index: 101000; } #systemMess p { margin: 0 0 4px 0; } #systemMess p:last-child { margin-bottom: 0; } #systemMess .close, #systemMess .expand { cursor: pointer; position: absolute; top: 8px; right: 8px; } #systemMess .expand { right: 26px; } #systemMess [class*=icon] { margin: 3px 2px 0 0; float: left; } #systemMess .icon-share { float: none; } #systemMess .icon-copy { float: right; } #systemMess .ui-state-error { padding: 5px 50px 5px 5px; white-space: pre-wrap; overflow: auto; } #systemMess .ui-state-highlight { padding: 5px; max-height: 200px; overflow: auto; word-break: break-word; } #systemMess pre { margin: 10px 0; } #systemMess .item { border-radius: 4px; width: 320px; max-width: 100%; padding: 5px; margin-bottom: 5px; position: relative; opacity: 0.9; filter: alpha(opacity=90); } #systemMess .item:hover { opacity: 1; } #systemMess .item.expanded { width: auto; max-width: 100%; min-width: 500px; } #systemMess .item.expanded .ui-state-highlight { max-height: 500px; } #systemMess .item > div > p { border-radius: var(--g_border-radius-s); } #systemMess .item ul { padding-left: 15px; } #systemMess .item .line_of_file { cursor: pointer; margin: 0 0 0 4px; font-weight: 600; float: right; } #systemMess .item .line_of_file:hover { border-bottom: 1px dashed var(--color-line-2-opacity); } .pulse { opacity: 0.3; animation: pulse 1s infinite; } @-webkit-keyframes pulse { 25% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.94); } 75% { opacity: 0.3; transform: scale(1); } } @keyframes pulse { 25% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.94); } 75% { opacity: 0.3; transform: scale(1); } } .paper-header { border-bottom: 1px solid #cfcfcf; background: #fefefe; background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.05) 100%); padding: 12px; color: #717171; } .paper { border-left: 1px solid #F5F5F5; position: relative; } .paper:before { content: ""; border-left: 1px solid #F9D3D3; width: 0px; position: absolute; top: 0; left: 39px; bottom: 0; } .paper textarea { box-sizing: border-box; border: none; background: linear-gradient(to top, #f0f0f0 0%, white 5%) 0 0; background-size: 100% 23px; background-attachment: local; width: 100%; height: calc(100vh - var(--content-offset-top) - var(--content-padding-bottom) - var(--toolbar-height) - 61px); padding: 23px 0 23px 55px; line-height: 23px; resize: none; overflow-y: scroll; } @media only screen and (max-width: 900px) { .paper textarea { height: calc(100vh - var(--content-offset-top) - var(--secondmenu-height) - var(--content-padding-bottom) - var(--toolbar-height) - 61px); } } #support_dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), inset 0 -7px 8px -8px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; width: 800px; max-width: 100vw; max-height: calc(100vh - 80px); color: var(--color-blue-dd); background-color: #FFF; display: none; position: fixed !important; z-index: 999999; overflow: hidden; resize: vertical; } #support_dialog .ui-resizable-se { width: 9px; height: 9px; right: -5px; bottom: -5px; background-image: none; } #support_dialog .ui-resizable-sw { width: 18px; height: 18px; } #support_dialog > i { color: var(--color-blue-dd); position: absolute !important; bottom: -1px; left: 1px; } #support_dialog .titlebar { height: 44px; border-bottom: 1px solid rgba(188, 195, 200, 0.5); } #support_dialog .titlebar .titlebar_inner { font-size: 14px; font-weight: bold; padding: 0 11px 0 18px; line-height: 44px; display: flex; justify-content: space-between; } #support_dialog .titlebar .titlebar_inner .title { font-size: 14px; } #support_dialog .titlebar .right { width: 100px; display: flex; justify-content: space-between; align-items: center; } #support_dialog .titlebar i { width: 14px; } #support_dialog .titlebar .left { display: flex; } #support_dialog .titlebar .left i { color: var(--color-blue-dd); } #support_dialog .titlebar .toggle_menu { margin-right: 14px; } #support_dialog .titlebar .toggle_search { margin-right: 11px; } #support_dialog .titlebar .toggle_search i { padding-bottom: 2px; } #support_dialog .titlebar .open_help { text-decoration: none; font-weight: normal; } #support_dialog .titlebar .open_help:after { color: var(--color-blue-dd); font-size: 14px; } #support_dialog .titlebar .right a { margin-bottom: 1px; } #support_dialog .titlebar .right i { color: #BCC3C8 !important; } #support_dialog .titlebar .right i:hover { color: #378DC6 !important; } #support_dialog .titlebar .right i:active { color: #277AB0 !important; } #support_dialog .titlebar .nav i { font-size: 16px; height: 18px; } #support_dialog .titlebar .close i { font-size: 16px; height: 22px; } #support_dialog .top-content { padding: 0 18px; overflow: auto; position: absolute; top: 45px; right: 0; bottom: 0; left: 0; box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.15); } #support_dialog .content_inner { padding: 18px 0; } #support_dialog .content_inner .mce-toc { display: none; } #support_dialog .content_inner h1:first-child { margin-top: 0; } #support_dialog .content_inner img { position: relative; } #support_dialog.menu_on .menu, #support_dialog.search_on .search { display: block; } #support_dialog.menu_on .over_menu, #support_dialog.search_on .over_search { color: #FFF; position: relative; z-index: 2; } #support_dialog.menu_on .over_menu i, #support_dialog.search_on .over_search i, #support_dialog.menu_on .over_menu a, #support_dialog.search_on .over_search a { color: #FFF; } #support_dialog.menu_on .toggle_menu i { color: #00C49F; } #support_dialog.search_on .toggle_search i { border-bottom: 1px solid #00C49F; padding: 5px 0 7px 0; color: #00C49F; } #support_dialog .menu, #support_dialog .search { border-radius: 2px; background-color: rgba(45, 65, 82, 0.95); display: none; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; overflow: hidden; } #support_dialog .menu .menu_titlebar, #support_dialog .search .search_titlebar { height: 46px; position: absolute; top: 0; right: 0; left: 0; } #support_dialog .menu .menu_inner { position: absolute !important; top: 63px; right: 23px; bottom: 23px; left: 23px; } #support_dialog .menu .menu_inner a { text-decoration: none; } #support_dialog .menu .menu_inner > div { height: 100%; float: left; } #support_dialog .menu .menu_inner .items { width: 30%; } #support_dialog .menu .menu_inner .subitems { width: 36%; } #support_dialog .menu .menu_inner .faq { border: 1px solid #09AE92; width: calc(32% - 12px); max-width: 300px; height: auto; padding: 0 10px; float: right; } #support_dialog .menu .menu_inner .items a, #support_dialog .menu .menu_inner .faq .title { font-size: 14px; font-weight: bold; } #support_dialog .menu .menu_inner .item, #support_dialog .menu .menu_inner .faq > div { margin: 10px 0; } #support_dialog .menu .menu_inner .item a { display: block; margin-left: 18px; } #support_dialog .menu .menu_inner .item i { margin-right: 4px; line-height: 18px; float: left; } #support_dialog .menu .menu_inner .item.active * { color: #00C49F; } #support_dialog .menu .menu_inner .item:not(.active) i { display: none; } #support_dialog .menu .menu_inner .subitems a { font-size: 14px; } #support_dialog .menu .menu_inner .subitems .item { display: none; } #support_dialog .search .search_titlebar input { border: none; border-bottom: 1px solid #00C49F; border-radius: 0; background: none; width: calc(100% - 120px); margin: 7px 0 0 61px; padding-left: 11px; color: #fff; } #support_dialog .search .search_inner { position: absolute; top: 50px; right: 40px; bottom: 10px; left: 40px; } #support_dialog .search .search_inner a { padding: 13px 0; color: var(--color-gray-l); font-size: 14px; display: block; } #support_dialog .search .search_inner a:not(:last-child) { border-bottom: 1px solid rgba(234, 240, 242, 0.1); } #support_dialog .search .search_inner a.active { color: #00c49f; } #support_dialog .search .search_inner a .found { background-color: #253746; } #support_dialog .search .search_inner a .text { padding-top: 5px; font-size: 12px; display: block; } .maxlength_counter { margin: 5px 0 0 5px; color: #94a5a6; font-size: 12px; display: inline-block; position: absolute; } input.for_clipboard, textarea.for_clipboard { background: none; border: none; width: 100%; height: 60vh; padding: 0; resize: none; } .radio_group { margin: -5px; display: flex; flex-wrap: wrap; } .radio_group > label { cursor: pointer; margin: 5px; position: relative; flex: 1 1 auto; } .radio_group > label i { border-radius: 3px; border: 1px solid #F1F4F5; padding: 3px 5px 3px 20px; color: #5C6D7E; display: block; } .radio_group > label i:hover { border-color: #BDC3C7; } .radio_group > label input { width: 0; height: 0; position: absolute; top: calc(50% - 5px); left: 5px; } .radio_group > label input:checked + i { border-color: #1ABC9C; color: #1ABC9C; } .radio_group > label input:before { content: ""; border-radius: 100%; width: 10px; height: 10px; background: #BDC3C7; display: block; position: absolute; top: 0; left: 0; } .radio_group > label input:checked:before { background: #1ABC9C; } pen_file_wrapper { position: relative; } .open_file_wrapper.view_1 { height: 30px; min-width: 320px; display: inline-block; } .open_file_wrapper.view_2 { border-radius: 8px; border: 1px dashed #BDC3C7; width: calc(100% - 20px); height: calc(100% - 20px); padding: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .open_file_wrapper.view_2 > * { order: 10; } .open_file_wrapper.view_2 .upload_icon { width: 90px; height: 90px; margin-bottom: 10px; color: #ecf0f1; line-height: 1; font-size: 90px; order: 0; } .open_file_wrapper input { display: none; } body.drag_over .open_file_wrapper .drag_over_block { display: block; } .open_file_wrapper.view_1 .drag_over_block { border-radius: 3px; background: #BDC3C7; text-align: center; color: #FFF; line-height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .open_file_wrapper.view_2 .drag_over_block { margin-bottom: -16px; color: #bdc3c7; position: relative; bottom: -9px; order: 1; z-index: 1; } .open_file_wrapper.view_1 .drag_over_block.drag_over { background: #94A5A6; } .open_file_wrapper .drag_over_block .here { display: block; } .open_file_wrapper .drag_over_block .done { display: none; } .open_file_wrapper .drag_over_block.drag_over .here { display: none; } .open_file_wrapper .drag_over_block.drag_over .done { display: block; } .open_file_wrapper .filename { background: var(--color-layout-front-1); } .open_file_wrapper.view_1 .filename { border-radius: 3px 0 0 3px; border: 1px solid #BDC3C7; border-right: none; padding: 0 0 0 10px; color: #B2BCC5; line-height: 28px; white-space: nowrap; position: absolute; top: 0; right: 90px; bottom: 0; left: 0; overflow: hidden; } .open_file_wrapper.view_2 .filename { margin-bottom: 10px; color: #BDC3C7; text-align: center; } .open_file_wrapper.view_2 .filename p { margin: 0; } .open_file_wrapper.view_2 .filename p:first-child { color: #93a5a6; font-weight: 600; } body.drag_over .open_file_wrapper.view_2 .filename p { color: #fff; } .open_file_wrapper a.del { padding: 0 5px; color: #BDC3C7; text-decoration: none; } .open_file_wrapper.view_1 a.del { background: #FFF; position: absolute; top: 8px; right: 90px; } .open_file_wrapper.view_2 a.del { margin-top: -2px; } .open_file_wrapper a.del:hover { color: #94A5A6; } .open_file_wrapper [data-action="browse"] { cursor: pointer; text-decoration: none; } .open_file_wrapper.view_1 [data-action="browse"] { width: 90px; line-height: 28px; position: absolute; top: 0; right: 0; bottom: 0; display: block; } .open_file_wrapper.view_2 [data-action="browse"] { border-radius: 3px; border: 1px solid #93a5a6; background: #93a5a6; width: 166px; margin-bottom: 17px; color: #FFF !important; line-height: 32px; text-align: center; display: inline-block; } body.drag_over .open_file_wrapper.view_2 [data-action="browse"] { border: none; background: #fff; } .open_file_wrapper.view_2 [data-action="browse"]:hover { border-color: #768485; background: #768485; } .open_file_wrapper.view_2 [data-action="browse"] .text { text-align: center; display: block; } .open_file_wrapper.view_1 [data-action="browse"] .folder { padding: 0 5px 0 10px; } .open_file_wrapper.view_2 [data-action="browse"] .folder { display: none; } .open_file_wrapper.view_2 .text_file_selected { text-align: center; } .open_file_wrapper.view_2 .text_file_selected i { width: 65px; height: 65px; margin-bottom: 20px; color: #bdc3c7; font-size: 65px; } .open_file_wrapper.view_1.selected .filename { color: #33495f; } .open_file_wrapper.view_1.selected a.del { display: inline-block; } body.drag_over .open_file_wrapper.view_2.selected .filename { display: none; } body:not(.drag_over) .open_file_wrapper.view_2.selected, .open_file_wrapper.view_2.selected .filename { color: #374b5e; word-break: break-all; } body:not(.drag_over) .open_file_wrapper.view_2.selected .filename { margin: 0; font-size: 16px; font-weight: 600; display: inline; } body:not(.drag_over) .open_file_wrapper.view_2.selected a.del { display: inline-block; } body:not(.drag_over) .open_file_wrapper.view_2.selected .text_file_selected { display: block; } body:not(.drag_over) .open_file_wrapper.view_2.selected .upload_icon, body:not(.drag_over) .open_file_wrapper.view_2.selected [data-action="browse"] { display: none; } .open_file_wrapper.view_1.only_button { min-width: 0; } .open_file_wrapper.view_1.only_button [data-action="browse"] { border-radius: 3px; width: inherit; text-align: center; position: initial; } .open_file_wrapper.view_1.only_button [data-action="browse"] .folder { margin-left: -29px; } .open_file_wrapper.view_1.only_button .filename, .open_file_wrapper.view_1.only_button a.icon-remove { display: none; } html .autocomplete-results { width: 100%; max-height: 425px; padding: 10px 0 !important; font-size: 12.5px; display: none; position: absolute; top: calc(100% + 5px); left: -1px; overflow-y: auto; z-index: 10; } .autocomplete-results.autocomplete-results-top { top: auto; bottom: 100%; } .autocomplete-results > a, .autocomplete-results > i { cursor: pointer; padding: 8px 12px; color: inherit !important; font-weight: normal !important; text-decoration: none !important; display: flex; white-space: normal; } .autocomplete-results > a.active, .autocomplete-results > i.top-active { background: var(--color-layout-middle); } .autocomplete-results > a[data-value="null"], .autocomplete-results > i[data-value="null"] { color: var(--color-text-3) !important; } .modal-body .autocomplete-results { max-height: calc(50vh - 50px); } #win_selector_fields { min-width: 700px; } #win_selector_fields .modal-body { height: 500px; padding-top: 0; } #win_selector_fields.without_fields .modal-body { height: 200px; } #win_selector_fields.without_fields .selected_fields { display: none; } #win_selector_fields .top_table { height: auto; margin: 0 0 15px 0; } #win_selector_fields .top_table > .header > i { align-items: center; } #win_selector_fields .top_table > .header [data-top-popup="#popup_field_templates_select_field"] { margin-right: auto; } #win_selector_fields .top_table > .header [data-top-popup="#popup_field_templates_select_field"][data-top-popup-disabled] { opacity: 0.1; } #win_selector_fields .top_table > .header > i[data-action="save"] { cursor: pointer; margin: 0 6px; display: block; flex-shrink: 100; } #win_selector_fields:not([data-template-is-changed]) .top_table > .header > i[data-action="save"] { display: none; } #win_selector_fields .top_table > .header [data-top-popup="#popup_field_templates_list_template"] { max-width: 60%; white-space: nowrap; } #win_selector_fields .top_table > .header [data-top-popup="#popup_field_templates_list_template"] .name { max-width: calc(100% - 20px); min-width: 30px; line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } #win_selector_fields .top_table > .header [data-top-popup="#popup_field_templates_list_template"] .name[contenteditable] { border-bottom: 1px solid var(--color-cyan); padding-bottom: 5px; margin-bottom: -6px; text-overflow: unset; } #win_selector_fields[data-template-id="0"] #field_templates_edit_template [data-action]:not([data-action="save-as-new"]) { display: none; } #win_selector_fields .top_table_inner > .bar { padding: 0 12px; } #win_selector_fields .top_table_inner > .bar > i { display: flex; align-items: center; } #win_selector_fields .top_table_inner > .bar > i.label { width: 195px; } #win_selector_fields .top_table_inner > .bar > i.del { margin-left: auto; } #win_selector_fields longlist_row { padding: 0 12px; } #win_selector_fields longlist_row.empty { border: none; background: none; pointer-events: none; } #win_selector_fields longlist_row.ui-sortable-placeholder { border: none !important; background: transparent !important; } #win_selector_fields longlist_row.ui-sortable-placeholder:not(:last-child) { padding-bottom: 1px; } #win_selector_fields longlist_row.ui-sortable-helper { cursor: move; } #win_selector_fields longlist_row.ui-sortable-helper > * { pointer-events: none; } #win_selector_fields longlist_row > i.label { min-width: 25%; } #win_selector_fields longlist_row > i.qualifiers { max-width: calc(100% - 25% - 48px); height: 100%; padding: 0; display: flex; align-items: center; flex-shrink: 10000; } #win_selector_fields longlist_row > i.qualifiers > * { margin: 0 0 0 1px; } #win_selector_fields longlist_row > i.qualifiers .delimiter { background: #DBE6EE; width: 1px; height: 70%; align-self: center; z-index: 2; } #win_selector_fields longlist_row > i.qualifiers > *:before, #win_selector_fields longlist_row > i.qualifiers > *:after { content: " "; background: #DBE6EE; width: 1px; position: absolute; top: 6px; bottom: 6px; left: -1px; display: block; z-index: 1; } #win_selector_fields longlist_row > i.qualifiers > *:after { right: -1px; left: auto; } #win_selector_fields longlist_row > i.qualifiers > *, #win_selector_fields longlist_row > i.qualifiers label, #win_selector_fields longlist_row > i.qualifiers input, #win_selector_fields longlist_row > i.qualifiers select { outline: none; border-radius: 0; border: none; background-color: transparent; height: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; transition: background 0.1s; position: relative; flex-shrink: 1; } #win_selector_fields longlist_row > i.qualifiers select[name="searcher_key"] { background: transparent; } #win_selector_fields longlist_row > i.qualifiers input:hover, #win_selector_fields longlist_row > i.qualifiers select:hover, #win_selector_fields longlist_row > i.qualifiers .select:hover { background-color: var(--color-layout-front-2); } #win_selector_fields longlist_row > i.qualifiers > .select { background: transparent; } #win_selector_fields longlist_row > i.qualifiers > .select .text { text-overflow: ellipsis; top: 4px; } #win_selector_fields longlist_row > i.qualifiers > .select .arrow { display: none; } #win_selector_fields longlist_row > i.qualifiers > .select select { top: auto; bottom: 0; } #win_selector_fields longlist_row > i.qualifiers > .region_key { flex-basis: 240px; } #win_selector_fields longlist_row:not([data-name="position"]):not([data-name="relevant_url"]) > i.qualifiers > .project_id { display: none; } #win_selector_fields longlist_row > i.qualifiers .top-select-searcher_key { --top-icon2-size: 24px; --top-icon2-width: 32px; max-width: 32px; overflow: hidden; } #win_selector_fields longlist_row > i.qualifiers .top-select-searcher_key:after { background: none; } #win_selector_fields longlist_row > i.qualifiers .top-select-searcher_key > .top-select_select { text-indent: 32px; } #win_selector_fields longlist_row > i.del { cursor: pointer; margin-left: auto; order: 99; } #win_selector_fields longlist_row > i.qualifiers .top-select-region { width: 160px; text-indent: 6px; } #win_selector_fields i.qualifiers > i > input { width: 100%; height: 100%; padding: 8px 0; box-sizing: border-box; } #win_selector_fields i.qualifiers > i > [class*=icon] { position: absolute; top: 12px; left: 10px; z-index: 1; } #win_selector_fields i.qualifiers > i > [class*=icon] + input { padding-left: 32px; } #win_selector_fields i.qualifiers > .date, #win_selector_fields i.qualifiers > .type, #win_selector_fields i.qualifiers > .position, #win_selector_fields i.qualifiers > .project_id { width: 160px; order: 99; } #win_selector_fields i.qualifiers > .date { width: 120px; flex-shrink: 0 !important; } #win_selector_fields i.qualifiers > .date input + .clear { cursor: pointer; border-radius: 5px; background: #DBE6EE; padding: 3px; position: absolute; top: calc(50% - 10px); right: 5px; left: auto; opacity: 0; visibility: hidden; transition: 0.2s; } #win_selector_fields i.qualifiers > .date input:focus:valid + .clear { opacity: 1; visibility: visible; } #win_selector_fields .properties { margin: 16px 0; } #win_selector_fields .properties > .body :last-child { margin-bottom: 0; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers { display: flex; flex-direction: column; padding-top: 16px; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > * { border-radius: 5px; width: 100% !important; margin-top: 20px; margin-bottom: 16px; position: relative; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > * > .label { position: absolute; top: -30px; left: 0; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > * > .top-title { position: absolute; top: -35px; left: 0; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > * > input { border-radius: 5px; padding-top: 5px; padding-bottom: 5px; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > * .searcher_icon { display: inline-block; } #win_selector_fields [data-view-page="qualifiers"] .qualifiers > i > [class*=icon] { top: 10px; } #win_selector_fields i.qualifiers > .date input + .clear { left: 8px; } @media only screen and (min-width: 900px) { #win_selector_fields [data-view-page="fields"] { display: flex; } #win_selector_fields [data-view-page="fields"] ~ [data-view-page] { display: none; } } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 500px) { #win_selector_fields .top_table .bar i.qualifiers { display: none !important; } #win_selector_fields .top_table i.qualifiers { pointer-events: none; } #win_selector_fields .top_table i.qualifiers > *:not(.searcher_key):not(.region_key) { display: none; } } .selected_fields_bar { margin: -36px -18px -18px -18px !important; display: flex; } .selected_fields_bar > i { display: flex; align-items: center; } .selected_fields_bar > i .btn { border-radius: 100%; margin: -3px 0 0 9px; padding: 3px !important; line-height: 1; } .selected_fields_bar > i .btn[data-sort-field="key"] { margin-left: 10px; } .selected_fields_bar > i .btn[data-sort-field="name"] { margin-left: 10px; } #win_selector_several_regions [type="checkbox"] { padding: 0; margin: 0; align-items: center; } #win_selector_several_regions .selected_fields { box-shadow: inset 0 -5px 10px -5px var(--color-theme-175), inset 0 5px 10px -5px var(--color-theme-175); border-top: 1px solid var(--color-line-3); border-bottom: 1px solid var(--color-line-3); background: var(--color-layout-front-1); max-height: 500px; min-height: 250px; margin-top: 0; margin-bottom: 0; padding: 0 0 20px 0; overflow: auto; overflow-x: hidden; } #win_selector_several_regions .selected_fields > i { border-bottom: 1px solid var(--dialog-border-color); padding: 0 calc(18px + 14px) 0 18px; line-height: 30px; white-space: nowrap; display: flex; justify-content: space-between; position: relative; } #win_selector_several_regions .selected_fields > i > i { margin-left: 10px; line-height: inherit; } #win_selector_several_regions .selected_fields > i > i:first-child { margin-left: 0; } #win_selector_several_regions .selected_fields > i > i.label { margin-right: auto; } #win_selector_several_regions .selected_fields > i > i.top-langLabel { height: 14px; margin-top: 4px; color: var(--color-theme-0); font-size: 14px; line-height: 14px; } #win_selector_several_regions .selected_fields > i > i img { height: 16px; } #win_selector_several_regions .selected_fields > i [class*=icon-] { width: 16px; color: var(--color-gray-l); font-size: 16px; } #win_selector_several_regions .selected_fields > i:hover { cursor: pointer; background: var(--color-bg-shading-1); } .searcher_icon.icon-refresh { color: #777; } .searcher_icon.icon-searcher-0-ru, .searcher_icon.icon-searcher-0-en { color: #FF0000; } .searcher_icon.icon-searcher-1 { color: #4285F4; } .searcher_icon.icon-searcher-2 { color: #005FF9; } .searcher_icon.icon-searcher-3 { color: #01509B; } .searcher_icon.icon-searcher-4 { color: #FF0000; } .searcher_icon.icon-searcher-5 { color: #008373; } .searcher_icon.icon-searcher-6 { color: #4800B5; } .searcher_icon.icon-searcher-7 { color: #CC0000; } .searcher_icon.icon-searcher-8 { color: #1BADF8; } .searcher_icon.icon-searcher-9 { color: #00CEFF; } .spoiler-head.active + #win_selector_fields_properties { display: flex; flex-direction: column; } .top-theme-topProjectBar { --top-forms-radius: 8px; --top-forms-border-width: 0px; --top-forms-background-color: var(--color-layout-front-1); --top-forms-background-color-hover: var(--color-layout-front-3); --top-forms-padding: 8px; box-shadow: var(--top-shadow-s), var(--body-background-color) 0 calc(-4px - 56px) 0px 56px ; } .topProjectBar { position: relative; top: 0; z-index: 60; } .topProjectBar.top-island { column-gap: calc(var(--top-island-gap) / 2); } .topProjectBar .topCheckButton, .topProjectBar .topProjectsCheckButtonApp { order: -1; } .topProjectBar .topProjectsCheckButtonApp:not(:has(> .topCheckButton)) + .top-delimiter { display: none; } .topProjectBar .topCheckButton > .top-ellipsis { overflow: visible; } .top-theme-topProjectBar .top-selectorCompetitors_opener:after{ content: ''; color: #808A99; } @media only screen and (min-width: 900px) { .topProjectBar.top-sticky { position: sticky; top: calc(var(--header-height) + var(--content-padding-top)); } }