/* /js/include/jquery/jquery-ui-1.13.1/jquery-ui.min.css (10.75 KB) */
/* /css/jquery.css (8.85 KB) */
/* /media/icomoon/style.css (17.14 KB) */
/* /media/icomoon/custom.css (2.01 KB) */
/* /css/layout/layout.css (5.91 KB) */
/* /css/layout/topPanel.theme.css (1.03 KB) */
/* /css/layout/topPanel.css (3.13 KB) */
/* /css/style.css (5.63 KB) */
/* /css/style.safari-old.css (0.12 KB) */
/* /css/mods.css (7.28 KB) */
/* /css/form.css (6.45 KB) */
/* /css/g/g.css (3.95 KB) */
/* /css/g/g.content.css (8.7 KB) */
/* /css/refactoring-fixes.css (5.02 KB) */
/* /css/pages/help_content.css (3.5 KB) */
/* /css/uiModificators.css (0.65 KB) */
/* /js/component/top/sorter/sorter.css (0.56 KB) */
/* /js/component/top/longlist/longlist.css (0.77 KB) */
/* /css/sites/tv/style.css (0.62 KB) */
/* /css/v3/layout/secondmenu.css (0.55 KB) */
/* /css/v3/forms/input.css (2.14 KB) */
/* /css/v3/forms/select.css (0.5 KB) */
/* /css/v3/forms/selector.css (7.3 KB) */
/* /css/g/g_components.css (4.17 KB) */
 .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialotop-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialotop-buttonpane .ui-dialotop-buttonset{float:right}.ui-dialog .ui-dialotop-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-state-error { background: var(--color-layout-front-negative-3); } .ui-state-disabled { opacity: 0.5; } .ui-state-highlight { background: var(--color-layer-warning-4); } .ui-state-highlight > a { color: inherit; } .ui-front { z-index: 100000; } .ui-corner-all { border-radius: 3px; } .ui-sortable-placeholder { outline: 1px dashed var(--color-theme-225); background: var(--color-theme-75) !important; visibility: visible !important; } .ui-sortable-helper, .sortable-item { border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background: var(--color-layout-front-1); } .ui-datepicker { --datepicker-day-color: var(--color-layout-front-1); --datepicker-day-color-hover: var(--color-layer-1); --datepicker-selected-color: var(--color-bg-primary-1); --datepicker-selected-color-hover: var(--color-bg-primary-2); --datepicker-range-color: var(--color-layer-primary-1); --datepicker-range-color-hover: var(--color-layer-primary-2); user-select: none; width: auto; padding: 0; } .ui-datepicker:before, .ui-datepicker:after { display: none; } .ui-datepicker-inline { display: inline-block !important; } .ui-datepicker:not(.ui-datepicker-inline) { border-radius: 8px; box-shadow: var(--top-shadow); z-index: 10000000 !important; padding: 8px; } .ui-datepicker a { text-decoration: none !important; } .ui-datepicker option { color: var(--color-text-1); font-size: 14px; } .ui-datepicker-header { padding: 0 !important; margin: 0 0 18px 0; display: flex; align-items: center; } .ui-datepicker-header > * { display: flex; align-items: center; justify-content: center; } .ui-datepicker-title { width: 100% !important; height: 24px; margin: 0 !important; } .ui-datepicker-month, .ui-datepicker-year { outline: none !important; width: auto !important; border: none; padding: 0; margin: 0 6px !important; text-align: center; font-size: 16px !important; } .ui-datepicker-month { color: var(--color-text-1); } .ui-datepicker-year { color: var(--color-text-2); } select.ui-datepicker-month, select.ui-datepicker-year { cursor: pointer; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; width: 24px !important; height: 24px !important; font-size: 24px; font-family: "Topvisor-2"; position: static !important; } .ui-datepicker-prev:before { content: ""; --top-icon-color: var(--color-text-2) } .ui-datepicker-prev:hover:before { --top-icon-color: var(--color-text-1) } .ui-datepicker-next { order: 1; } .ui-datepicker-next:before { content: ""; --top-icon-color: var(--color-text-2) } .ui-datepicker-next:hover:before { --top-icon-color: var(--color-text-1) } .ui-datepicker-prev > *, .ui-datepicker-next > * { display: none !important; } .ui-datepicker thead th { width: auto !important; padding: 0 !important; color: #B3BEBF; font-size: 14px; font-weight: 400 !important; } .ui-datepicker table { margin: 0 !important; font-size: 14px; } .ui-datepicker td { background: none; padding: 0 !important; } .ui-datepicker td span, .ui-datepicker td a { border-radius: 8px; border: none; min-width: 32px; height: 32px; padding: 0; margin: 1px; color: var(--color-text-1) !important; line-height: 32px; text-align: center; position: relative; display: block; } .ui-datepicker td a { background: var(--datepicker-day-color); } .ui-datepicker td a:hover { background: var(--datepicker-day-color-hover); } td.ui-datepicker-today span, td.ui-datepicker-today a { background: none; position: relative; } .ui-datepicker td.selected a { background: var(--datepicker-range-color); padding-right: 0; padding-left: 1px; margin-right: 1px; margin-left: 0; } .ui-datepicker td.selected a:hover { background: var(--datepicker-range-color-hover); } .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 1px; margin-left: 0; } .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 1px; margin-right: 0; } .ui-datepicker td.selected-start a, .ui-datepicker td.selected-end a, .ui-datepicker td.ui-datepicker-current-day a { background: var(--datepicker-selected-color); color: #FFF !important; } .ui-datepicker td.selected-start a:hover, .ui-datepicker td.selected-end a:hover, .ui-datepicker td.ui-datepicker-current-day a:hover { background: var(--datepicker-selected-color-hover); } .ui-datepicker-day-marks { line-height: normal; position: absolute; right: 0; bottom: 3px; left: 0; display: flex; align-items: center; justify-content: center; } .ui-datepicker-day-marks > i { border-radius: 50%; border: 1px solid var(--color-layout-front-1); width: 4px; height: 4px; margin: 0 2px; } .ui-datepicker-day-marks-exists { background: var(--color-bg-primary-1); } .ui-datepicker-day-marks-update { background: var(--color-bg-negative-1); } .ui-datepicker-row-break { display: none; } .ui-autocomplete { box-shadow: rgba(14, 21, 47, 0.12) 0 6px 18px 0, rgba(14, 21, 47, 0.03) 0 -2px 6px, rgba(0, 0, 0, 0.1) 0 -2px 6px; border-radius: 8px; background: var(--color-layout-front-1); max-height: calc(100vh - 100px); padding: 8px 0; font-size: 12.5px; z-index: 9999999; overflow: auto; } .ui-autocomplete li.ui-menu-item { padding: 2px 0; list-style: none; } .ui-autocomplete .ui-menu-item-wrapper { padding: 12px 20px; } .ui-autocomplete a.ui-menu-item-wrapper { cursor: pointer; padding: 2px 10px !important; margin: 0 !important; color: var(--color-blue-dd) !important; font-size: 14px; text-decoration: none; display: block; } .ui-autocomplete .ui-state-active, .ui-autocomplete a.ui-state-active { background: var(--color-layout-middle); margin: 0; } .ui-autocomplete .flag { height: 16px; margin: -2px 10px 0 0; opacity: 0.8; } .ui-autocomplete li:hover .flag { opacity: 1; } .ui-autocomplete region { margin: 0 5px; font-size: 11px; color: #94A5A6; display: inline-block; } .ui-autocomplete-regions { margin-top: 8px; } .ui-autocomplete-regions li.ui-menu-item { display: flex; } .ui-autocomplete-regions li .ui-menu-item-wrapper { padding: 12px; flex-grow: 1; display: flex; align-items: center; } .ui-autocomplete-regions li [data-field="country_code"] { padding-right: 0; } .ui-autocomplete-regions li [data-field="name"] { padding-left: 8px; margin-right: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex-grow: 1; } .ui-autocomplete-regions li [data-field="name"] i { color: var(--color-text-4); font-size: 12px; } .ui-autocomplete-regions li [data-field="name"] i:empty { display: none; } .ui-autocomplete-regions li [data-field="name"] i:before { content: " ("; } .ui-autocomplete-regions li [data-field="name"] i:after { content: ")"; } .ui-autocomplete-regions li [data-field="key"] { color: var(--color-line-2); text-align: center; } .ui-autocomplete-v2 { box-sizing: border-box; border-radius: 16px; padding: var(--layout-padding) 0; color: var(--color-text-2); display: flex; flex-direction: column; gap: 8px; } .ui-autocomplete-v2 li { padding: 0 !important; margin: 0 var(--layout-padding) !important; } .ui-autocomplete-v2 a.ui-menu-item-wrapper { padding: 8px !important; } .ui-autocomplete-v2 a.ui-menu-item-wrapper { border-radius: 8px; } .ui-autocomplete-v2 a.ui-menu-item-wrapper.ui-state-active { background: var(--color-layer-2); } .ui-autocomplete-v2-time { color: var(--color-text-2); } .ui-autocomplete-v2-title { font-weight: bold; margin: 4px 0; } .ui-autocomplete-v2-text { } .ui-autocomplete-v2-no-results { cursor: default; background: transparent !important; padding: 8px !important; } .ui-autocomplete-v2 .top-hightlight { background: var(--color-layer-positive-2); color: var(--color-text-positive); font-weight: inherit; } .ui-slider { border: none !important; background: #CAE1FA; margin: 5px; } .ui-slider-horizontal { height: 3px; } .ui-slider-horizontal .ui-slider-handle { top: -8px; } .ui-slider-range { background: var(--color-cyan); } .ui-slider .ui-slider-handle { border-radius: 100%; border: 4px solid #FFFFFF; background: var(--color-cyan); width: 10px; height: 10px; } .ui-slider .ui-slider-handle.ui-state-focus { border-color: #E8F9FF; } .highcharts-tooltip { z-index: 1; } .fancybox-container { z-index: 199993 !important; } html[data-mod="project"][data-submod="dynamics" ] .ui-tooltip, html[data-mod="project"][data-submod="settings" ] .ui-tooltip { z-index: 200000; } @font-face { font-family: 'topvisor'; src: url('../media/icomoon/fonts/topvisor__qa40f01415a.eot'); src: url('../media/icomoon/fonts/topvisor__qa40f01415a.eot') format('embedded-opentype'), url('../media/icomoon/fonts/topvisor__qa40f01415a.ttf') format('truetype'), url('../media/icomoon/fonts/topvisor__qa40f01415a.woff') format('woff'), url('../media/icomoon/fonts/topvisor__qa40f01415a.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'topvisor' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-hourglass:before { content: "\e9d2"; } .icon-rss-16:before { content: "\e9d1"; } .icon-folder-alt:before { content: "\e9ce"; } .icon-archive-alt:before { content: "\e9cf"; } .icon-clock-alt:before { content: "\e9d0"; } .icon-palm:before { content: "\e9c8"; } .icon-newsletter-16:before { content: "\e9bf"; } .icon-mark-16:before { content: "\e9c0"; } .icon-search-16:before { content: "\e9c1"; } .icon-serp-food:before { content: "\e9b2"; } .icon-serp-health:before { content: "\e9be"; } .icon-serp-NULL:before { content: "\e9bc"; } .icon-remove-full:before { content: "\e9bb"; } .icon-social-fb:before { content: "\e9b9"; } .icon-social-vk:before { content: "\e9ba"; } .icon-transfer:before { content: "\e9b7"; } .icon-cart:before { content: "\e9b8"; } .icon-serp-yandex:before { content: "\e9b4"; } .icon-serp-media:before { content: "\e9b0"; } .icon-serp-menu:before { content: "\e9b1"; } .icon-serp-interactive:before { content: "\e9b3"; } .icon-refused:before { content: "\e9ad"; } .icon-serp-object:before { content: "\e9ac"; } .icon-columns-cog:before { content: "\e9ab"; } .icon-receipt:before { content: "\e9a9"; } .icon-invoice:before { content: "\e9aa"; } .icon-tune:before { content: "\e9a6"; } .icon-tv:before { content: "\e9a4"; } .icon-serp-ads-bottom:before { content: "\e99f"; } .icon-serp-ads-goods:before { content: "\e9a0"; } .icon-serp-ads-top:before { content: "\e9a1"; } .icon-core-2:before { content: "\e99b"; } .icon-link-break:before { content: "\e99d"; } .icon-serp-news:before { content: "\e958"; } .icon-serp-calc:before { content: "\e96e"; } .icon-serp-definitions:before { content: "\e97c"; } .icon-serp-dictionary:before { content: "\e980"; } .icon-serp-featuredSnippet:before { content: "\e981"; } .icon-serp-goods:before { content: "\e983"; } .icon-serp-images:before { content: "\e98c"; } .icon-serp-knowledge:before { content: "\e98f"; } .icon-serp-map:before { content: "\e991"; } .icon-serp-relatedKeywords:before { content: "\e997"; } .icon-serp-travel:before { content: "\e998"; } .icon-serp-videos:before { content: "\e999"; } .icon-sign-danger:before { content: "\e99a"; } .icon-globe-2:before { content: "\e90e"; } .icon-search_a:before { content: "\e92d"; } .icon-list:before { content: "\e90d"; } .icon-file-alt:before { content: "\5d"; } .icon-letter-i:before { content: "\e904"; } .icon-tickets-reopen:before { content: "\e97f"; } .icon-search:before { content: "\e996"; } .icon-tickets-alter:before { content: "\e990"; } .icon-tickets-closed:before { content: "\e992"; } .icon-tickets-opened:before { content: "\e993"; } .icon-tickets:before { content: "\e994"; } .icon-star:before { content: "\e985"; } .icon-square-text:before { content: "\e98e"; } .icon-searcher-4-fill:before { content: "\e905"; } .icon-searcher-101-fill:before { content: "\e911"; } .icon-searcher-102-fill:before { content: "\e929"; } .icon-searcher-103-fill:before { content: "\e92a"; } .icon-searcher-106-fill:before { content: "\e97d"; } .icon-searcher-107-fill:before { content: "\e97e"; } .icon-hummer-16:before { content: "\e957"; } .icon-analytics-16:before { content: "\e96f"; } .icon-audit-16:before { content: "\e970"; } .icon-cog-alter-16:before { content: "\e971"; } .icon-core-16:before { content: "\e972"; } .icon-cup-16:before { content: "\e973"; } .icon-index-16:before { content: "\e974"; } .icon-positions-16:before { content: "\e975"; } .icon-seo-16:before { content: "\e976"; } .icon-topology-on-16:before { content: "\e977"; } .icon-tiles-empty-half:before { content: "\e96b"; } .icon-analytics-alter:before { content: "\e602"; } .icon-cog-alter:before { content: "\a6"; } .icon-folder_letter:before { content: "\e921"; } .icon-chevron-down:before { content: "\e920"; } .icon-bar-clock-16:before { content: "\e93b"; } .icon-file-clock-16:before { content: "\e940"; } .icon-topology-off:before { content: "\e950"; } .icon-intersect:before { content: "\e943"; } .icon-contrast:before { content: "\e942"; } .icon-map_point:before { content: "\2606"; } .icon-tiles-empty:before { content: "\e944"; } .icon-tiles-full:before { content: "\e945"; } .icon-text:before { content: "\e949"; } .icon-calendar-16:before { content: "\e906"; } .icon-searcher-0-ru:before { content: "\e969"; } .icon-searcher-1:before { content: "\e962"; } .icon-searcher-2:before { content: "\e963"; } .icon-searcher-3:before { content: "\e964"; } .icon-searcher-4:before { content: "\e965"; } .icon-searcher-5:before { content: "\e966"; } .icon-searcher-6:before { content: "\e967"; } .icon-device-1:before { content: "\e95f"; } .icon-file-line:before { content: "\e95b"; } .icon-searcher-0-fill-en:before { content: "\e952"; } .icon-searcher-0-fill-ru:before { content: "\e953"; } .icon-searcher-1-fill:before { content: "\e954"; } .icon-status-moderation:before { content: "\e94b"; } .icon-status-draft:before { content: "\e946"; } .icon-status-accepted:before { content: "\e947"; } .icon-status-refused:before { content: "\e948"; } .icon-searcher-106:before { content: "\e93f"; } .icon-globe:before { content: "\e93c"; } .icon-education-arrow:before { content: "\e935"; } .icon-save:before { content: "\e926"; } .icon-map_marker:before { content: "\e927"; } .icon-image:before { content: "\e600"; } .icon-make-group:before { content: "\2248"; } .icon-tools:before { content: "\bb"; } .icon-sun:before { content: "\42e"; } .icon-cloud:before { content: "\42a"; } .icon-rainy:before { content: "\5f"; } .icon-rainy2:before { content: "\2b"; } .icon-coin:before { content: "\410"; } .icon-undo:before { content: "\a8"; } .icon-wand:before { content: "\aa"; } .icon-airplane:before { content: "\2116"; } .icon-board:before { content: "\b4"; } .icon-searcher-6-fill:before { content: "\2190"; } .icon-plug:before { content: "\41f"; } .icon-clock:before { content: "\427"; } .icon-piggybank:before { content: "\451"; } .icon-podium:before { content: "\43c"; } .icon-link:before { content: "\442"; } .icon-profile:before { content: "\434"; } .icon-doc:before { content: "\424"; } .icon-mobile:before { content: "\7b"; } .icon-device-2:before { content: "\e960"; } .icon-gift:before { content: "\47"; } .icon-share:before { content: "\41"; } .icon-arrow_2-right:before { content: "\5c"; } .icon-arrow_2-left:before { content: "\27"; } .icon-chrome:before { content: "\136"; } .icon-cursor:before { content: "\b1"; } .icon-smile-smiley:before { content: "\446"; } .icon-minus-circle:before { content: "\2202"; } .icon-plus-circle:before { content: "\2da"; } .icon-letter-t-over:before { content: "\2c6"; } .icon-letter-t:before { content: "\153"; } .icon-shield-broken:before { content: "\2206"; } .icon-shield-ok:before { content: "\e6"; } .icon-searcher-3-fill:before { content: "\2265"; } .icon-sort-alt:before { content: "\140"; } .icon-gomail:before { content: "\2026"; } .icon-lightning2:before { content: "\29"; } .icon-lightning1:before { content: "\425"; } .icon-taxi:before { content: "\24"; } .icon-chair:before { content: "\4c"; } .icon-app_store_en:before { content: "\e939"; } .icon-app_store:before { content: "\e93a"; } .icon-ads:before { content: "\e938"; } .icon-education:before { content: "\e936"; } .icon-guest_link:before { content: "\e933"; } .icon-reply:before { content: "\e932"; } .icon-dislike:before { content: "\e92e"; } .icon-like:before { content: "\e92f"; } .icon-minkomsviaz:before { content: "\e92b"; } .icon-rospatent:before { content: "\e92c"; } .icon-chevron-right:before { content: "\e923"; } .icon-chevron-up:before { content: "\e924"; } .icon-remove:before { content: "\e925"; } .icon-any:before { content: "\e910"; } .icon-landing-xml:before { content: "\e912"; } .icon-landing-competitors:before { content: "\e913"; } .icon-landing-searchers:before { content: "\e914"; } .icon-landing-target:before { content: "\e915"; } .icon-landing-access:before { content: "\e916"; } .icon-landing-positions:before { content: "\e917"; } .icon-landing-snippets:before { content: "\e918"; } .icon-landing-positions-2:before { content: "\e919"; } .icon-landing-traffic:before { content: "\e91a"; } .icon-landing-interval:before { content: "\e91b"; } .icon-landing-you_tube:before { content: "\e91c"; } .icon-searcher-5-fill:before { content: "\e90f"; } .icon-device-0:before { content: "\e961"; } .icon-one-col:before { content: "\426"; } .icon-info:before { content: "\76"; } .icon-fire:before { content: "\e984"; } .icon-view-none:before { content: "\220a"; } .icon-plus-full:before { content: "\e94a"; } .icon-view:before { content: "\43f"; } .icon-three-stripes-full:before { content: "\e959"; } .icon-globus-www:before { content: "\e99c"; } .icon-equal:before { content: "\e9ae"; } .icon-arrow-down:before { content: "\e9cc"; } .icon-arrow-up:before { content: "\e9cd"; } .icon-trash-12:before { content: "\e91e"; } .icon-lock-opened:before { content: "\e9b5"; } .icon-lock:before { content: "\4b"; } .icon-extend:before { content: "\e955"; } .icon-arrow-back:before { content: "\e9cb"; } .icon-apple:before { content: "\e9c6"; } .icon-remove-bold:before { content: "\e9c7"; } .icon-heart:before { content: "\e9c2"; } .icon-comment:before { content: "\e9c3"; } .icon-mark-outline:before { content: "\e9c4"; } .icon-mark:before { content: "\e9c5"; } .icon-import:before { content: "\e91f"; } .icon-api:before { content: "\e9bd"; } .icon-file-arrow:before { content: "\e91d"; } .icon-diamond:before { content: "\e9b6"; } .icon-at:before { content: "\421"; } .icon-squares:before { content: "\e99e"; } .icon-smile-happy:before { content: "\e98b"; } .icon-smile-sad:before { content: "\e98d"; } .icon-smile-neutral:before { content: "\e941"; } .icon-expand:before { content: "\423"; } .icon-calendar-end:before { content: "\e928"; } .icon-chevron-left_2:before { content: "\e97a"; } .icon-chevron-right_2:before { content: "\e97b"; } .icon-bar-clock:before { content: "\e937"; } .icon-file-clock:before { content: "\e989"; } .icon-check_list-alt:before { content: "\e988"; } .icon-check_list:before { content: "\e987"; } .icon-arrow-circle-inner:before { content: "\e96a"; } .icon-grive-corner:before { content: "\e95c"; } .icon-filter:before { content: "\e98a"; } .icon-clock-arrow:before { content: "\e982"; } .icon-searcher-8:before { content: "\e978"; } .icon-searcher-9:before { content: "\e979"; } .icon-structure-16:before { content: "\e956"; } .icon-hummer-corner:before { content: "\e951"; } .icon-positions-corner:before { content: "\e95a"; } .icon-positions-alter:before { content: "\e603"; } .icon-audit:before { content: "\435"; } .icon-seo:before { content: "\b0"; } .icon-analytics:before { content: "\61"; } .icon-cup:before { content: "\e94f"; } .icon-structure:before { content: "\44c"; } .icon-index:before { content: "\431"; } .icon-cloud-in:before { content: "\75"; } .icon-core:before { content: "\79"; } .icon-topology-on:before { content: "\45b"; } .icon-searcher-7:before { content: "\e908"; } .icon-chain:before { content: "\e96d"; } .icon-pin:before { content: "\e96c"; } .icon-core-v3:before { content: "\e95e"; } .icon-robot:before { content: "\e95d"; } .icon-searcher-0-en:before { content: "\e968"; } .icon-rouble:before { content: "\e94c"; } .icon-pause:before { content: "\e93d"; } .icon-fulltext:before { content: "\e90c"; } .icon-arrow_3-left:before { content: "\422"; } .icon-arrow_3-right:before { content: "\42c"; } .icon-folder-open:before { content: "\2264"; } .icon-three-stripes:before { content: "\20ac"; } .icon-hummer:before { content: "\f0e3"; } .icon-meter:before { content: "\2260"; } .icon-gamepad:before { content: "\a9"; } .icon-ios-app:before { content: "\a5"; } .icon-android-app:before { content: "\ae"; } .icon-child:before { content: "\ac"; } .icon-automobile:before { content: "\432"; } .icon-file-code:before { content: "\f8"; } .icon-life-bouy:before { content: "\2013"; } .icon-core-standard:before { content: "\41d"; } .icon-home:before { content: "\414"; } .icon-tags:before { content: "\428"; } .icon-print:before { content: "\418"; } .icon-reorder:before { content: "\21"; } .icon-collapse:before { content: "\443"; } .icon-horn:before { content: "\41c"; } .icon-arrow-up-circle:before { content: "\429"; } .icon-arrow-down-circle:before { content: "\417"; } .icon-file:before { content: "\6e"; } .icon-group:before { content: "\44d"; } .icon-serp:before { content: "\42b"; } .icon-depth:before { content: "\41b"; } .icon-star-14:before { content: "\74"; } .icon-check-on:before { content: "\e90b"; } .icon-ok:before { content: "\6f"; } .icon-search-14:before { content: "\73"; } .icon-question-sign:before { content: "\71"; } .icon-caret-up:before { content: "\5b"; } .icon-caret-down:before { content: "\78"; } .icon-caret-left:before { content: "\77"; } .icon-caret-right:before { content: "\7a"; } .icon-plus:before { content: "\6b"; } .icon-sort:before { content: "\53"; } .icon-unlock:before { content: "\46"; } .icon-check-indeterminate:before { content: "\e90a"; } .icon-minus:before { content: "\135"; } .icon-loop:before { content: "\28"; } .icon-trash:before { content: "\48"; } .icon-move:before { content: "\44"; } .icon-flag-checkered:before { content: "\3c"; } .icon-cog:before { content: "\63"; } .icon-warning:before { content: "\2f"; } .icon-external_link:before { content: "\2a"; } .icon-system:before { content: "\132"; } .icon-tag:before { content: "\2e"; } .icon-archive:before { content: "\43b"; } .icon-bars:before { content: "\3a"; } .icon-dot:before { content: "\68"; } .icon-card:before { content: "\e900"; } .icon-ellipsis-v:before { content: "\e605"; } .icon-percent:before { content: "\42"; } .icon-copy:before { content: "\e800"; } .icon-yandex-xml-ru:before { content: "\45"; } .icon-checkmark:before { content: "\43a"; } .icon-positions:before { content: "\70"; } .icon-pencil:before { content: "\a7"; } .icon-bell_2:before { content: "\e9ca"; } .icon-paper_plane:before { content: "\e9c9"; } .icon-user-deleted:before { content: "\e9a8"; } .icon-office-deleted:before { content: "\e9a7"; } .icon-percent-2:before { content: "\e9a5"; } .icon-arrow_4:before { content: "\e9a3"; } .icon-office:before { content: "\e9a2"; } .icon-user:before { content: "\6c"; } .icon-cloudy:before { content: "\3f"; } .icon-key:before { content: "\436"; } .icon-envelope:before { content: "\65"; } .icon-support:before { content: "\e931"; } .icon-rocket:before { content: "\e986"; } .icon-mobile-2:before { content: "\e94e"; } .icon-pc:before { content: "\e94d"; } .icon-cross-circle:before { content: "\e907"; } .icon-dollar:before { content: "\e903"; } .icon-searcher-107:before { content: "\e902"; } .icon-searcher-101:before { content: "\e901"; } .icon-hummer-alter:before { content: "\e601"; } .icon-core-alter:before { content: "\e604"; } .icon-leaf:before { content: "\4e"; } .icon-arrow-left:before { content: "\a1"; } .icon-arrow-right:before { content: "\a2"; } .icon-magnet:before { content: "\401"; } .icon-clip:before { content: "\3d"; } .icon-bell:before { content: "\41a"; } .icon-flask:before { content: "\e9d3"; } .icon-flask-beta:before { content: "\e9af"; } .icon-redmine:before { content: "\e934"; } .icon-two-col:before { content: "\419"; } .icon-avg:before { content: "\44e"; } .icon-yandex-xml-en:before { content: "\49"; } .icon-searcher-103:before { content: "\58"; } .icon-searcher-102:before { content: "\43"; } .icon-enter:before { content: "\6a"; } .icon-drag-group:before { content: "\4d"; } .icon-core-add:before { content: "\3b"; } .icon-spin:before { content: "\7d"; } .icon-pma:before { content: "\22"; } .icon-download-alt:before { content: "\64"; } .icon-chevron-left:before { content: "\e922"; } .icon-data-search_no:before { content: "\e995"; } .icon-login:before { content: "\23"; } .icon-shirt:before { content: "\59"; } .icon-envelope-round:before { content: "\e930"; } .icon-equal-circle:before { content: "\2d"; } .icon-refresh:before { content: "\66"; } .icon-schedule:before { content: "\e909"; } .icon-glasses:before { content: "\438"; } .icon-paypal:before { content: "\e93e"; } .icon-proj:before { content: "\192"; } .icon-calendar:before { content: "\7c"; } [class*="icon-"]{ box-sizing: content-box !important; width: 14px; height: 14px; margin-top: 0; font-family:'topvisor' !important; display: inline-block; vertical-align: middle; } [class*="icon-"][class*="-16"]{ width: auto; height: 18px; font-size: 16px; } a[class*="icon-"]:not(.btn):hover{ filter: brightness(80%); } a[class*="icon-"]:before{ text-decoration:none; display:inline-block !important; } .icon-rouble{ width: auto !important; height: auto !important; } .icon-google-color{ background: url('../controller/file/index__q14fece5857.svg') center no-repeat; background-size: calc(28px - 4px / 2 + 4px / 2); } html .top-select[data-top-icon2="🏁"]{ --top-icon2_size: 22px; } html .top-select[data-top-icon2="🏁"]:after{ content: '' !important; border-radius: 3px; background: center no-repeat !important; background-size: contain !important; width: 22px; height: 22px; } .top-select[data-top-icon2="🏁"][data-value="RU"]:after{ background-image: url('../controller/file/index__q1ea81e4798.svg') !important; } .top-select[data-top-icon2="🏁"][data-value="UA"]:after{ background-image: url('../controller/file/index__qc52c092e4c.svg') !important; } .top-select[data-top-icon2="🏁"][data-value="KZ"]:after{ background-image: url('../controller/file/index__q0e885a7423.svg') !important; } .top-select[data-top-icon2="🏁"][data-value="BY"]:after{ background-image: url('../controller/file/index__qa1112c3ac4.svg') !important; } .top-select[data-top-icon2="🏁"][data-value="other"]:after{ background-image: url('../controller/file/index__qb42e54f486.svg') !important; } .top-select[data-top-icon2="🏁"] > .top-select_select{ } #win_tickets [data-top-icon=""]:before, #win_tickets [data-top-icon=""]:before, #win_tickets [data-top-icon=""]:before, #win_tickets [data-top-icon=""]:before{ font-family: 'Topvisor' !important; } .icon-se:after{ content: 'SE'; font-family: 'Open Sans'; } .icon-se:lang(ru):after{ content: 'ПС'; font-size: 14px; vertical-align: bottom; } :root { --g_border-radius-s: 4px; --g_border-radius: 8px; --g_border-radius-l: 16px; --g_border-radius-xl: 24px; --transition: 0.2s ease-in-out; --transition-fast: 0.1s; --transition-normal: 0.3s; --transition-slow: 0.5s; } html { --100vh: 100vh; --scrollbar-width: 0px; --el-padding-h: 8px; --leftmenu-height: 100%; --leftmenu-width: 0px; --secondmenu-width: 0px; --secondmenu-height: 100%; --header-height: calc(40px + 12px); --barmenu-height: 0px; --toolbar-height: 0px; --content-width: 1300px; --layout-padding: 16px; --content-padding: var(--layout-padding); --content-padding-top: 0px; --content-padding-bottom: 0px; --content-offset-top: calc(var(--header-height) + var(--content-padding-top)); overflow-x: hidden; --document-scrollbar-width: 0px; } html[data-has_leftmenu="1"] { --body-background-color: var(--color-layout-middle); } html[data-has_secondmenu="1"] { --secondmenu-width: 220px; --body-background-color: var(--color-layout-front-1); } body { background: var(--body-background-color); min-width: 320px; min-height: 100%; margin: 0; padding: 0; font-family: "Open Sans", "Helvetica Neue", sans-serif, "Topvisor-2"; color: var(--color-text-1); font-size: 12px; line-height: var(--top-line-heihgt); -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[data-mod="content"].top-theme-regular, html[data-mod="projects"].top-theme-regular body, html[data-submod="keywords"].top-theme-regular body, html[data-submod="dynamics"].top-theme-regular body, html[data-submod="snapshots"].top-theme-regular body, html[data-submod="competitors"].top-theme-regular body, html[data-submod="analytics"].top-theme-regular body, html[data-submod="broker"].top-theme-regular body { background: var(--color-theme-175); } html[data-mod="projects"] { overflow-x: auto; } html[data-mod="projects"] #body { grid-template-columns: var(--leftmenu-width) var(--secondmenu-width) auto; } html[data-mod="accept"] article { border-radius: 16px; max-width: 800px; background: #FFF; padding: var(--content-padding); margin: 20px auto; } html[data-mod="login"] #content { display: flex; flex-direction: column; } html[data-mod="login"] #content .wrapper { flex: 1 1 auto; } @media only screen and (max-width: 900px) { html[data-mod="login"] #content .wrapper { margin: 0; } } .wrapper { box-sizing: border-box; max-width: var(--top-page-width); padding-right: var(--content-padding); padding-left: var(--content-padding); margin: 0 auto; position: relative; } .wrapper.body { --background-color-r: 255; --background-color-g: 255; --background-color-b: 255; background: var(--color-layout-front-1); max-width: 1075px; padding: 10px 20px 5px 20px; font-size: 14px; } .wrapper.simple { max-width: 1075px; padding: 0 !important; } #body { display: grid; grid-template-rows: auto var(--header-height) 1fr auto 0; grid-template-columns: var(--leftmenu-width) var(--secondmenu-width) 1fr; padding-bottom: var(--toolbar-height); } #body .header_info { grid-row: 1; grid-column: 1/4; } #top_panel { display: flex; align-items: center; position: relative; z-index: 120; grid-row: 2; grid-column: 2/4; } #left_col { width: var(--leftmenu-width); height: var(--100vh); overflow-x: hidden; overflow-y: auto; position: sticky; top: 0; left: 0; z-index: 100; grid-row: 1/5; grid-column: 1; } #secondmenu { grid-row: 3; grid-column: 2; height: var(--secondmenu-height); position: sticky; top: var(--content-padding-top); left: 0; z-index: 120; } #top_panel.sticky ~ #secondmenu { top: calc(var(--header-height)); } #content { min-width: 320px; grid-row: 3; grid-column: 3; padding: var(--content-padding-top) 0 var(--content-padding-bottom) 0; } #content { position: relative; } #content[data-v-app] > .preloader { z-index: 100; } .spaLoadBar { height: 0; position: sticky; top: var(--header-height); z-index: 1000; } .spaLoadBar > .top-loadbar { display: block; } html[data-mod="project"]:not(.top-theme-regular) #content, html[data-mod="journal"] #content { padding: var(--content-padding-top) var(--content-padding) var(--content-padding-bottom) var(--content-padding); } html[data-mod="content"] .top-page, html[data-mod="journal"] .top-page { max-width: var(--top-page-width); margin: 0 auto; } #theLayoutToolbar { width: 100%; height: var(--toolbar-height); grid-row: 5; grid-column: 3; display: none; position: fixed; right: 0; bottom: 0; left: 0; user-select: none; -webkit-user-select: none; } @media only screen and (max-width: 900px) { html { --content-padding: 16px; --secondmenu-width: 0px; --secondmenu-height: 0px; --leftmenu-width: 0px; --leftmenu-height: 0px; } html[data-is_auth="1"] { --toolbar-height: 64px; } html[data-has_secondmenu="1"] { --secondmenu-height: var(--header-height); } #body { grid-template-rows: auto var(--header-height) var(--leftmenu-height) var(--secondmenu-height) 1fr auto auto; } #left_col { display: none; } .leftmenuMobile, #secondmenu, #content, #theLayoutToolbar { grid-column: 1/4; } .leftmenuMobile { grid-row: 3; z-index: 100; } #secondmenu { grid-row: 4; position: sticky; z-index: 100; } #content { grid-row: 5; } #theLayoutToolbar { grid-row: 7; display: flex; } html[data-is_auth="0"] #theLayoutToolbar { display: none; } html { --content-offset-top: calc(var(--header-height) + var(--secondmenu-height) + var(--content-padding-top)); } } html.top-theme-regular #top_panel .top-logo, html.top-theme-dark #top_panel .top-logo { --top-logo: var(--top-logo-light); --top-logo-text: var(--top-logo-text-light); } .top-theme-regular { --color-layout-header: var(--color-blue-dd); --top_panel-profile-arrow-color: #FFF; --top_panel-profile-background-color-hover: #2C3E50; } html.top-theme-regular .menu_item_bank { background: #3C5772; } html.top-theme-regular .menu_item_bank > .top-button, html.top-theme-regular .menu_item_bank > .top-button > i { --top-button-background-color: transparent; color: #FFF; } html.top-theme-regular #top_panel .top-button.top-color_theme { --top-icon-color: #FFF; --top-button-background-color: transparent; --top-button-background-color-hover: #2C3E50; --top-button-background-color-active: #263646; --top-button-background-color-selected: #263646; color: #FFF !important; } .top-theme-light, .top-theme-dark { --top_panel-profile-arrow-color: var(--color-bg-primary-1); --top_panel-profile-background-color-hover: var(--color-layer-1); } #top_panel { --top-forms-radius: 8px; --top-unwrap-x: var(--layout-padding); --top-unwrap-y: 8px; box-sizing: border-box; height: var(--header-height); padding: 6px var(--layout-padding); font-size: 14px; gap: var(--top-gap-2); } #top_panel.sticky { position: sticky; top: 0; } #top_panel > * { order: 1; } #top_panel > [data-to-view="win_auth-auth"] { order: 3 !important; } #top_panel .top-popup-wrapper { z-index: 110; } #top_panel [data-top-icon=""]:before { font-family: "Topvisor"; } html.top-theme-regular #top_panel [data-top-icon] { --top-icon-size: 24px; --top-icon-width: 30px; } #top_panel .top-logo { margin-right: 4px; } .theLayoutHeader_menuOpener[data-top-icon]:before { color: var(--color-text-1); } .menu_item_bank { border-radius: calc(var(--top-forms-radius) + 2px); background: var(--color-layer-1); padding: 2px; white-space: nowrap; display: flex; align-items: center; } .menu_item_bank > .top-button > i { color: var(--color-text-primary); } .menu_item_bank > .top-button { text-decoration: none; position: relative; } .menu_item_bank > .top-button > i { margin-right: 4px; } html.top-theme-regular .menu_item_bank > .top-button:hover { background: #1F82B0; } .menu_item_bank > .top-button:not(:last-child) { margin-right: 4px; } #top_panel > .profile { border-radius: 32px 16px 16px 32px; padding: 2px 16px 2px 2px; text-align: right; line-height: 30px; text-decoration: none; position: relative; flex-shrink: 0; } #top_panel > .profile:hover, #top_panel > .profile.top-active { background: var(--top_panel-profile-background-color-hover); } #top_panel > .profile > .icon { font-size: 14px; color: var(--color-text-4); position: absolute; top: calc(50% - 6px); right: 4px; } #top_panel > .profile.top-active > .icon, #top_panel > .profile:hover > .icon { color: var(--color-text-2); } #top_panel > .profile.top-active > .icon { opacity: 1; } #top_panel > .profile .icon-lock { font-size: 12px; } #top_panel .top-button.top-color_theme { --top-icon-color: var(--color-text-primary); } #select_project_button { --top-forms-radius: 8px; min-width: 140px; max-width: 280px; flex-grow: 0.8; display: flex; position: relative; gap: 4px; } #select_project_button button.top-button { width: 100%; flex-grow: 1; text-align: left; } html.top-theme-regular #select_project_button .top-button { color: #FFF; } html.top-theme-regular #select_project_button .top-button:nth-child(1) { background: var(--color-blue-d); } html.top-theme-regular #select_project_button .top-button:nth-child(1):hover { box-shadow: var(--btn-shadow-h); } html.top-theme-regular #select_project_button button.top-button { background: #263646; } html.top-theme-regular #select_project_button button.top-button:hover, html.top-theme-regular #select_project_button button.top-button.top-active { background: #1C2936; } html.top-theme-regular #select_project_button .top-button[data-top-icon2]:after { color: #597188; } #top_panel_menu { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: var(--top-gap-2); } :root { --color-blue: var(--color-primary-400); --color-blue-l: var(--color-primary-150); --color-blue-ll: var(--color-primary-50); --color-blue-d: #2F74A5; --color-blue-dd: #34495E; --color-gray: var(--color-theme-440); --color-gray-l: var(--color-theme-400); --color-mint-500: #09D7A7; --color-mint-550: #07A782; --color-mint-600: #07A782; --color-mint-650: #068F6F; --color-cyan: #04B6FB; --color-cyan-l: #9AE2FE; --color-cyan-ll: #F2FBFF; --color-cyan-d: #00A3E2; --color-yellow: #FFD300; --color-yellow-500: #EBE12A; } .top-theme-regular { --body-background-color: #DBE5EA; --color-text: var(--color-blue-dd); } html[data-is_loaded="0"] { visibility: hidden !important; } *:not(:focus-visible), div[tabindex] { outline: none; } *:focus-visible { outline: calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-color); } .top-error:focus-visible { outline: 2px solid var(--color-layer-negative-4); } html[data-is_full_size="1"] .wrapper, html[data-is_full_size="1"] .wrapper.body { box-sizing: border-box; width: auto; max-width: 100vw; } html[data-is_full_size="1"] .wrapper.body { min-height: 100%; } html[data-is_full_size="1"] .navbar h1 { padding: 0 15px 0 21px !important; } html[data-is_full_size="1"] .navbar-inner { width: auto; } html[data-is_full_size="0"] .wrapper > ul { padding: 0 20px; } h1, h2, .top-as-h2, h3, h4 { margin: 35px 0 25px 0; color: var(--color-text-1); line-height: 1.3; font-weight: 600; } h1 { font-size: 32px; } h2, .top-as-h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h1:first-child, h2:first-child { margin-top: 20px; } [data-eip-field="h1"]:empty:not([data-eip-active="true"]) { display: none; } .sub-title { font-size: 18px; } label.inline { padding: 0 3px; } p { margin: 0 0 15px 0; } img, video, iframe { border: 0; max-width: 100%; vertical-align: middle; } ul, ol, menu, dl { padding: 0; } li { padding: 0; } a { color: var(--color-text-primary); text-decoration: none; } a:hover { text-decoration: underline; } hr { border: none; background: var(--color-line-2-opacity); height: 1px; min-height: 1px; margin: 10px 0; } small { font-size: 85%; } strong, b { font-weight: 600; } i, em { font-style: normal; } a div[title], a span[title] { cursor: pointer; } [data-action] { cursor: pointer; } .header_info { background: var(--color-layout-front-3); color: var(--color-text-1); text-align: center; position: relative; z-index: 1000; } .header_info .wrapper { width: auto; padding: 10px 50px 10px 10px !important; } .header_info .close { background: inherit; width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); right: 12px; } .header_info .close:before, .header_info .close:after { content: ""; background: var(--color-text-3); width: 100%; height: 1px; display: block; position: absolute; top: 50%; transform: rotate(45deg); } .header_info .close:after { transform: rotate(-45deg); } .header_info .close:hover:before, .header_info .close:hover:after { background: var(--color-text-2); } .header_info .select, .header_info .wrapper div { text-align: left; } .header_info .select, .header_info .btn { border-radius: 5px; font-weight: 600; } .header_info .select .arrow { font-size: 12px; top: 1px; right: 4px; } .header_info[data-id="select_language"] .wrapper { display: flex; flex-wrap: wrap; align-content: space-between; align-items: center; } .header_info[data-id="select_language"] .message { width: 60%; margin-right: auto; font-size: 11px; line-height: 16px; text-align: left; } .header_info[data-id="select_language"] .select { width: calc(100% - 60% - 20px - 120px); height: 32px; margin: 0 12px 0 0; } .header_info[data-id="select_language"] .select.active { border-radius: 3px 3px 0 0; } .header_info[data-id="select_language"] .select .text { padding: 0 3px; } .header_info[data-id="select_language"] .flag img { width: 20px; margin: 0 8px 0 0; border-radius: 3px; } .header_info #popup_select_language_menu .top-popup { min-width: 100%; } .top-theme-regular .header_info a { color: inherit !important; } @media only screen and (max-width: 869px) { .header_info[data-id="select_language"] .message { width: 45%; } .header_info[data-id="select_language"] .select { width: calc(100% - 45% - 20px - 100px); } } @media only screen and (max-width: 613px) { .header_info[data-id="select_language"] .message { width: 100%; height: 33px; margin: 0 0 10px 0; font-size: 12px; } .header_info[data-id="select_language"] .select { width: calc(100% - 20px - 100px); } } #preloader { z-index: 1000000; position: fixed !important; } .preloader { background: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute !important; top: 0px; left: 0px; z-index: 100000; display: none; opacity: 0; overflow: hidden; background-size: 30px 30px; animation: barberpole 2s linear infinite; } .preloader.showed { background: var(--color-bg-preloader); display: block; opacity: 1; transition: opacity 0.3s 0.5s; } .preloader-window { text-align: center; vertical-align: middle; color: #0095DF; font-weight: 600; position: absolute; top: 50%; left: 50%; z-index: 100000; } .preloader-window [class*=icon] { margin: -32px 0 0 -32px; width: 74px; height: 74px; color: var(--color-text-3); font-size: 74px; line-height: 76px; display: block; animation: spin 2s infinite linear; } .preloader-window .progress { color: var(--color-bg-primary-1); position: absolute; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes barberpole { from { background-position: 0 0; } to { background-position: 60px 30px; } } *, div[tabindex]{ outline: none; } .has_barmenu { --barmenu-height: 70px; --content-offset-top: calc(var(--header-height) + var(--content-padding-top) + var(--barmenu-height)); } .barmenu { border-radius: 8px; background: var(--color-layer-primary-2); padding: 16px; line-height: 20px; position: sticky; top: calc(var(--header-height) + var(--content-padding-top)); z-index: 30; display: flex; gap: 6px; } .barmenu > [data-name] { cursor: pointer; border: 1px solid transparent; border-radius: var(--g_border-radius); padding: 8px; } .barmenu > [data-name]:hover { border-color: var(--color-bg-primary-1); } .barmenu > [data-name].active { background: var(--color-bg-primary-1); color: #FFF; } .barmenu ~ .content:not(.active) { display: none; } .barmenu ~ .content:before { content: ""; background: #FFF; height: var(--barmenu-height); position: fixed; top: var(--header-height); right: -1px; left: -1px; display: block; z-index: 29; } @media only screen and (max-width: 900px) { .barmenu ~ .content:before { height: calc(var(--barmenu-height) + var(--content-padding-top)); top: var(--header-height); } } .progress_bar { background: #93A5A6; width: calc(100% - 4px); height: 4px; padding-right: 4px; position: absolute; z-index: 1000; transition: height 150ms ease-in; } .progress_bar.closed { height: 0; transition: height 300ms; } .progress_bar .progress { border-right: 4px solid var(--color-mint-650); background: var(--color-mint-600); width: 0; height: 100%; } .progress_bar.animate .progress { border: none; background: url('../controller/file/index__qa421bf9827.gif') repeat-x; background-size: auto 100%; } .top-dialog-native .progress_bar, .ui-dialog .progress_bar { margin-top: -1px; z-index: 1000000; } table { border-collapse: collapse; border-spacing: 0; border: none; max-width: 100%; } td, th { border: none; text-align: left; } table.table { border-radius: 3px; border: none; width: 100%; font-size: 13px; } table.table > :first-child tr:first-child td:first-child, table.table > :first-child tr:first-child th:first-child { border-top-left-radius: 3px; } table.table > :first-child tr:first-child td:last-child, table.table > :first-child tr:first-child th:last-child { border-top-right-radius: 3px; } table.table > :last-child tr:last-child td:first-child, table.table > :last-child tr:last-child th:first-child { border-bottom-left-radius: 3px; } table.table > :last-child tr:last-child td:last-child, table.table > :last-child tr:last-child th:last-child { border-bottom-right-radius: 3px; } table.table th, table.table td { border: 1px solid var(--color-theme-175); border-top-style: none; border-left-style: none; padding: 7px; vertical-align: top; } table.table th { font-weight: 600; } table.table th:first-child, table.table td:first-child { border-left-style: solid; } table.table th.no_first, table.table td.no_first { border-left-style: none; } table.table > :first-child tr:first-child th, table.table > :first-child tr:first-child td { border-top-style: solid; } table.table thead th { border-color: var(--color-blue-dd); background: #3E5771; color: #FFF; font-size: 14px; } table.table thead td { border-bottom: none; background: var(--color-cyan-ll); padding: 5px; } table.table tbody td { padding: 10px 7px; } table.table tbody tr:nth-child(odd) th, table.table tbody tr:nth-child(odd) td { background: var(--color-layout-front-2); } table.table tfoot { background: var(--color-layer-warning-2); } table.table:not(.table-no-hover) tbody tr:hover th, table.table:not(.table-no-hover) tbody tr:hover td { background: var(--color-layout-front-3); } table.table thead th input { border-color: transparent !important; background: #2c3d50; height: 12px; margin-top: -5px; margin-bottom: -4px; color: #c3c6ca; } table.table th.cb, table.table td.cb { width: 18px; vertical-align: middle; } table.table.top-theme-classic td.cb, table.table.top-theme-classic th.cb { padding: 4px 7px; } table.table.top-theme-classic td.cb .top-checkbox, table.table.top-theme-classic th.cb .top-checkbox { padding: 0; } table.table.top-theme-classic td.cb .top-checkbox_input, table.table.top-theme-classic th.cb .top-checkbox_input { margin: 0; height: auto; } table.table td.cb.empty { background: var(--color-cyan-ll) !important; } table.table td.wait { color: #677481; } table.table td.ok { color: var(--color-text-positive); } table.table td.error { color: var(--color-text-negative); } .scrollbar { border: 1px solid var(--color-text-4); border-bottom: none; background: #f7f7f7; height: 26px; position: relative; overflow: hidden; } .scrollbar div { background: var(--color-text-4); width: 27px; height: 100%; text-align: center; color: #FFF; position: absolute; } .scrollbar div:hover, .scrollbar div:active { background: #CCC; } .scrollbar .btn { border-radius: 0; border: none; padding: 0 !important; font-weight: 600; line-height: 20px !important; } .scrollbar .l, .scrollbar .r { line-height: 26px !important; margin: 0; } .scrollbar .l { border-right: 1px solid #98A3A3 !important; left: 0; } .scrollbar .r { border-left: 1px solid #98A3A3 !important; right: 0; } .scrollbar .inner { background: none !important; width: auto; position: absolute; top: 0; right: 28px; bottom: 0; left: 28px; } .scrollbar .inner .btn { line-height: inherit; } .scrollbar .pin { color: #95A5A6; font-weight: 600; } [data-widget] { display: flex; align-items: center; } [data-widget="search"] { min-height: 52px; } [data-widget="search"] input { --top-forms-background-color: var(--color-layer-1); --top-forms-background-color-hover: var(--color-layer-2); outline: none !important; border-radius: 8px; border: none !important; width: 100%; min-width: 0; height: 30px; padding: 0 16px 0 12px; color: var(--color-blue-dd); font-size: 14px !important; position: relative; flex-grow: 1; } #popup_select_project [data-widget="search"] input { padding-right: 28px; } [data-widget="search"] .add_project { --top-icon-size: 20px; cursor: pointer; border-radius: 8px; color: var(--color-cyan); margin-left: calc(-1 * var(--top-icon-both-width)); display: none; z-index: 1; } [data-widget="search"] div.cancel { cursor: pointer; width: 80px; padding: 10px 8px; text-align: center; color: var(--color-text-primary); font-size: 14px; } [data-top-icon=""]::before { font-family: Topvisor; } landings-carousel { overflow: auto; display: flex; gap: var(--top-gap-5); } landings-carousel.landingsCarousel-gallery { } landings-carousel.landingsCarousel-gallery .landingsCarousel_item-gallery:not(:first-child) { display: none; } landings-carousel .landingsCarousel_footer:not(.landingsCarousel_footer-ssr) { display: none; } landings-carousel .landingsCarousel_footer-ssr { height: 40px; align-items: center; } .topCarousel_scrollItemImage { border: 1px solid var(--color-line-1); box-sizing: border-box; object-fit: cover; } .landingsCarousel_item-gallery{ display: flex; flex-wrap: wrap; gap: var(--top-gap-2); } .landingsCarousel_footer { width: 100%; min-height: 40px; display: flex; gap: var(--top-gap-2); justify-content: center; } .landingsCarousel_caption { font-size: 14px; color: var(--color-text-2); display: flex; flex-grow: 1; gap: var(--top-gap-2); } html{ --btn-shadow-h: inset 1000px 1000px 1000px 1000px rgba(0,0,0,0.05); --btn-shadow-a: inset 1000px 1000px 1000px 1000px rgba(0,0,0,0.14); --btn-shadow-h-ll: inset 1000px 1000px 1000px 1000px rgba(255,255,255,0.3); --btn-shadow-a-ll: inset 1000px 1000px 1000px 1000px rgba(255,255,255,0.6); } label.g_old{ height: var(--top-forms-base-height); line-height: var(--top-forms-base-height); } label.g_old > input{ margin-right: 4px; } .btn, textarea, body .tox-tinymce, div.process, label { border-radius: var(--top-forms-radius); } .top-radio-system, .top-selectorGroup{ height: auto; min-height: var(--top-forms-base-height); max-width: 100%; vertical-align: middle; display: inline-flex; align-items: center; } input{ text-align: inherit; } :not(.top-input) > .top-input_input{ width: 180px; } .top-input_input:not(.top-changed) + .top-button{ display: none; } .top-input_input[type="date"]{ position: absolute; opacity: 0; } .top-input_input[type="date"]::-webkit-calendar-picker-indicator{ width: 100%; height: 100%; } .top-input_input[type="date"]::-webkit-inner-spin-button, .top-input_input[type="date"]::-webkit-clear-button, .top-input_input[type="date"]::-webkit-search-cancel-button{ display: none; } .top-input_input[type="date"] + input, .top-input_input.hasDatepicker{ width: 95px; } input[type=submit], input[type=button], button{ height: 32px; } .input.active, .input:focus, .select.focus, textarea:focus, input[type=text]:focus, input[type=password]:focus{ border-color: var(--top-forms-border-color); } input.tox-toolbar-textfield:focus{ border: none; } label.inline{ padding: 0 3px; } .error_message{ color: var(--color-text-negative); } input.warning, .warning > input[type="text"]{ border-color: #E38D17FF !important; color: #E38D17FF; } [class*="btn-"]{ user-select: none; } .btn{ cursor: pointer; box-shadow: none; border: none; background: var(--color-mint-600); padding: 5px 10px; color: #FFF; font-size: 14px; line-height: 22px; text-align: center; text-decoration: none; text-shadow: none; display: inline-block; vertical-align: middle; align-items: center; } .btn:hover, .btn:focus{ box-shadow: var(--btn-shadow-h); color: #FFF; outline: none; text-decoration: none; } .btn:active, .btn.active{ padding-top: 6px; padding-bottom: 4px; box-shadow: var(--btn-shadow-a); } .btn[class*="-ll"]:hover, .btn[class*="-ll"]:focus{ box-shadow: var(--btn-shadow-h-ll); } .btn[class*="-ll"]:active, .btn[class*="-ll"].active{ box-shadow: var(--btn-shadow-a-ll); } .btn.disabled, .btn[disabled]{ cursor: default; background-color: #bdc3c7; color: rgba(255, 255, 255, 0.75); box-shadow: none; } .btn-gray{ background-color: var(--color-gray-l); } .btn-cyan{ background-color: var(--color-cyan); } .btn-red{ background-color: var(--color-bg-negative-1); } .btn-blue{ background-color: var(--color-bg-primary-1); } .btn-orange{ background-color: var(--color-bg-warning-1); } .btn-blue-ll{ background-color: var(--color-blue-ll); color: var(--color-text-primary) !important; } .btn-blue-dd{ background-color: var(--color-blue-dd); } .btn-white{ border-radius: 4px; border: 1px solid #DBE5EA !important; background-color: #FFF; padding: 5px 10px; color: inherit; } .btn-white:hover, .btn-white:focus{ box-shadow: none; border-color: #D5DBDE !important; background-color: #F5F5F5; color: inherit; } .btn-white:active, .btn-white.active{ box-shadow: none; border-color: #D5DBDE !important; background-color: #EEE; } .btn-transparent{ cursor: pointer; opacity: 0.7; } .btn-transparent:focus, .btn-transparent:hover{ opacity: 1; } .btn-transparent-invert{ background: none; color: var(--color-gray-l); } .btn-transparent-invert:focus, .btn-transparent-invert:hover{ box-shadow: none; background: none; color: var(--color-gray); } .btn.pressed{ box-shadow: inset rgba(0,0,0,0.3) 2px 2px 0; text-shadow: rgba(0,0,0,0.3) 2px 2px; filter: brightness(95%); } .btn[class*=icon]{ padding: 9px 10px; line-height: 16px; } .btn[class*=icon].active, .btn[class*=icon]:active{ padding: 10px 10px 8px 10px; } button[class*=icon]{ border: none; padding: 0; } label[class*="btn-"]{ position: relative; } label[class*="btn-"] [type="file"]{ opacity: 0; } .select{ cursor: pointer; box-sizing: content-box !important; border: 1px solid #BDC3C7; background: #FFFFFF; width: 160px; height: 30px; padding: 0; font-size: 14px; line-height: 30px; vertical-align: middle; display: inline-block; position: relative; } .select:not(.disabled):not(.top-error):hover{ border-color: #00BD9C; } .select.disabled, .select.loading{ cursor: default; background: #ECF0F1; } .select .text{ white-space: nowrap; position: absolute; top: 1px; left: 5px; right: 5px; bottom: 2px; overflow: hidden; margin-left: 3px; } .select .text [class^=icon-]{ font-size: 16px; width: 16px; height: 16px; margin: 0 5px 3px 0; text-align: center; position: static !important; display: inline-block; } .select .arrow{ color: var(--color-layout-front-6); height: auto; position: absolute; top: 0; right: 5px; bottom: 0; } .select .arrow{ background: linear-gradient(to right, rgba(var(--background-color-r),var(--background-color-g),var(--background-color-b),0) 0, rgba(var(--background-color-r),var(--background-color-g),var(--background-color-b),0.8) 10%, rgba(var(--background-color-r),var(--background-color-g),var(--background-color-b),1) 50%); width: 14px; text-align: center; } .select.disabled .arrow, .select.loading .arrow{ background: linear-gradient(to right, rgba(236, 240, 241,0) 0, rgba(236, 240, 241,0.8) 10%, rgba(236, 240, 241,1) 50%); } .select .arrow:before{ position: relative; top: calc(50% - 0.5em); } .select > select{ cursor: default; border: none; width: 100%; height: 30px; max-height: 100%; padding: 0; font-size: 14px; line-height: 25px; position: absolute; top: 0px; left: 0px; opacity: 0; } .select:hover select{ cursor: pointer; } .select.dark{ background: var(--color-layer-1); color: #FFF; } .select.dark:not(.disabled):not(.top-error):hover{ background: rgba(14, 65, 142, 0.12); border-color: #BDC3C7; box-shadow: none; } .select.dark.active{ background: var(--color-blue-dd); box-shadow: inset 0 -2px 3px 0 #343D46; } .select.dark .arrow{ background: none; color: #E6F3FF; } .select.dark .arrow:before{ content: ''; border-top: 1px solid #E6F3FF; border-right: 1px solid #E6F3FF; width: 8px; height: 8px; display: block; transform: rotate(45deg); } .select.dark.active .arrow:before{ transform: rotate(135deg); margin-top: -2px; } .lazyload { background: none !important; } .template, body .hidden { display: none; } .pad11 { padding: 8px 16px; } .fl { float: left; } .fr { float: right; } .clr { clear: both; } .accountBank_menuCardWatermark { background-image: var(--top-logo-light) !important; } textarea { cursor: auto; } body { --scrollbar-width: 6px; } body ::-webkit-scrollbar { width: var(--scrollbar-width); height: var(--scrollbar-width); } body ::-webkit-scrollbar-track { border-radius: 0; background: none; box-shadow: inset rgba(0, 0, 0, 0.06) 0 0 0 10px; } body ::-webkit-scrollbar-track:hover { box-shadow: inset rgba(0, 0, 0, 0.08) 0 0 0 10px; } body ::-webkit-scrollbar-track:active { box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 10px; } body ::-webkit-scrollbar-thumb { border-radius: 0; background-color: var(--scroll-thumb-color); } body ::-webkit-scrollbar-thumb:hover { background-color: var(--scroll-thumb-color-hover).top-page-width; } body ::-webkit-scrollbar-thumb:active { background-color: var(--scroll-thumb-color-active); } body ::-webkit-scrollbar-button { width: 0; height: 0; } @supports (-moz-appearance:none) { body * { scrollbar-width: thin; } } :root { --top-page-width: 1200px; } .top-page-width { max-width: var(--top-page-width); width: calc(100% - 2 * var(--layout-padding)); margin: 0 auto; } .selected_action, .spoiler-wrapper { display: none; } .flex { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; } .flex.start { justify-content: flex-start; } .flex.end { justify-content: flex-end; } .flex.around { justify-content: space-around; } .flex.between { justify-content: space-between; } .flex.stretch { align-items: stretch; } .flex.istart { align-items: flex-start; } .flex.iend { align-items: flex-end; } .flex.ibaseline { align-items: baseline; } .flex.wrap { flex-wrap: wrap; } .flex.column { flex-direction: column; } .count-circle { border-radius: 4px; background: var(--color-bg-negative-1); min-width: 10px; padding: 0 3px; color: #FFF; text-align: center; font-size: 12px; line-height: 15px; text-decoration: none; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1; } .count-circle:empty { display: none; } html[data-is_auth="1"] .top-only-auth, html[data-is_auth="0"] .top-only-guest, html[data-is-admin="0"] .top-only-admin, html[data-is_debug="0"] .top-only-debug { display: none !important; } .top-dialog-native .top-tabs, .ui-dialog .top-tabs { border: none; margin: -10px -18px 0 -18px; } .top-dialog-native .top-tabs-nav, .ui-dialog .top-tabs-nav { padding-left: 18px; margin: 0; } .top-dialog-native .top-tabs-panel, .ui-dialog .top-tabs-panel { padding-right: 18px; padding-left: 18px; } .top-tabs.top-radioGroup { border: none; flex-wrap: wrap; } .top-tabs.top-radioGroup > [type="radio"] { border: none; } .top-tabs.top-radioGroup > .top-tabs_content { width: 100%; padding: 16px 0; margin: 16px 0; } .top-options { --top-options_row-height: 48px; margin: 16px 0; } .top-options_row { border: 1px solid var(--color-line-1-opacity); height: var(--top-options_row-height); padding: 0 8px; display: flex; align-items: center; justify-content: space-between; } .top-options_row-lowHeight { --top-options_row-height: 40px; } .top-options_row:first-child { border-top-right-radius: 12px; border-top-left-radius: 12px; } .top-options_row:last-child { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .top-options_row + .top-options_row { border-top: 0; } .top-options_row > label, .top-options_row > .top-input_input { margin: 0 4px 0 auto; } .top-options_row > label.top-checkbox, .top-options_row > label.top-checkboxSwitcher { width: 100%; align-items: center; } .top-options_row .top-forms-optionLabel { margin: 0 auto 0 0 !important; order: -1; } .top-options_row .top-selector { flex-grow: 0; } .top-options_hint[data-title=""] { visibility: hidden; } .top-page main { min-height: 300px; } .top-content { font-size: 14px; word-wrap: break-word; position: relative; } .top-content.top-scroll { white-space: normal; } .top-content > *:not(:first-child), .top-content p { margin-top: 25px; margin-bottom: 25px; } .top-content * > p:first-child { margin-top: 0; } .top-content * > p:last-child { margin-bottom: 0; } .top-content > ul + br, .top-content > ol + br, .top-content > div + br, .top-content > img + br { display: none; } .top-content ul, .top-content ol, .top-content menu { margin: 0; } .top-content li { margin: 5px 0 0 20px; } .top-content ol li { margin-left: 25px; } .top-content ul ul { margin-left: 25px; } .top-content dl { } .top-content dl dt, .top-content dl dd { padding: 10px; } .top-content dl dt { border-bottom: 1px solid var(--color-cyan-l); } .top-content dl dd { border-left: 1px dashed var(--color-cyan-l); } .top-content > .mce-toc li { list-style: none; } .top-content h1, .top-content h2, .top-content h3, .top-content h4 { box-sizing: border-box; width: fit-content; max-width: 100%; padding-right: 34px; } .top-content a { text-decoration: none; } .top-content a:not(.btn):not(.top-button):hover { text-decoration: underline; } .top-content a[name]:not([href]), .top-content a[id]:not([href]), .top-page a[id]:not([href]) { width: 100%; height: 0; margin: 0; position: relative; top: calc(var(--header-height) * -1 - 8px); display: block; } .top-content a[id]:not([href]):after { cursor: pointer; padding: 8px; content: ""; font-family: "Topvisor-2"; position: absolute; top: var(--header-height); left: 100%; opacity: 0.1; } .top-content *:hover > a[id]:not([href]):after { opacity: 1; } .top-content [class*="icon-"] { width: auto; height: auto; vertical-align: baseline; } .top-content-disabled { opacity: 0.5; } .top-bold-marker::marker { font-weight: 600; } .top-content .table_wrapper { border-radius: 3px; outline: 1px solid var(--color-line-2-opacity) !important; background: var(--color-layout-back); overflow-x: auto; } .top-content .table_wrapper table { min-width: 100%; background: var(--color-layout-front-1); } .top-content .table_wrapper th:first-child, .top-content .table_wrapper td:first-child { border-left: 0; } .top-content .table_wrapper th:last-child, .top-content .table_wrapper td:last-child { border-right: 0; } .top-content .table_wrapper tr:first-child th, .top-content .table_wrapper tr:first-child td { border-top: 0; } .top-content .table_wrapper tr:last-child th, .top-content .table_wrapper tr:last-child td { border-bottom: 0; } .top-content table { width: auto; height: auto } .table_wrapper.top-content-disabled { background: none; } .top-content figure { margin-right: 0; margin-left: 0; } .top-content figure figcaption { margin: 4px 0 0 0; color: var(--color-text-4); font-size: 0.875em; text-align: right; } .top-content img { margin: 0 auto; display: block; } .top-content img[class*="image"]:not(.fancybox-disabled) { cursor: pointer; } .top-content img.image-b { border: 1px solid var(--color-line-1); } .top-content img.image-l { display: inline-block; } .top-content video, .top-content iframe { width: 100%; border-radius: 4px; background: var(--color-blue-dd); margin-right: auto; margin-left: auto; display: block; } .top-content [class*="text_border"] { border-radius: 1em; border: 1px solid; padding: 0 5px; text-align: center; line-height: 1.3em; display: inline-block; } .top-content .text_border-blue { border-color: var(--color-line-primary-1); } .top-content .text_border-red { border-color: var(--color-line-negative-1); } .top-content [class*="tip-"] { --g_margin_left: 80px; border-radius: var(--top-radius-4); padding: var(--top-padding-3); margin-left: var(--g_margin_left); min-height: 44px; line-height: 1.5; position: relative; } .top-content [class*="tip-"]:before { content: ""; width: 64px; height: 64px; position: absolute; top: 0; left: calc(0px - var(--g_margin_left)); } .top-content .tip-info { background: var(--color-layout-front-primary-4); } .top-content .tip-attention { background: var(--color-layout-front-warning-4); } .top-content .tip-warning { background: var(--color-layout-front-negative-4); } .top-content .tip-info:before { background-image: url('../controller/file/index__qacbd3618a1.svg'); } .top-content .tip-attention:before { background-image: url('../controller/file/index__q57798d5d5a.svg'); } .top-content .tip-warning:before { background-image: url('../controller/file/index__q337b0dba7c.svg'); } html.top-theme-dark .top-content [class*="tip-"]:before { background-position: right center; } .top-content .tip-big { --g_margin_left: 140px; min-height: 134px; } .top-content .tip-big:before { width: 124px; height: 134px; } .top-content [class*="tip-"] img { height: auto; } blockquote, code:not(.prism-connected), pre { border-radius: 3px; background-color: var(--color-layout-front-warning-2); padding: 1em; margin: 0.5em 0; color: var(--color-text-1); display: block; } pre:not(.prism-connected) { margin: 0 0 10px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; word-break: break-word; white-space: pre-wrap; opacity: 0.9; } .code-toolbar:first-child pre { margin-top: 0; } .code-toolbar:last-child pre { margin-bottom: 0; } details { border-radius: 16px; margin-bottom: 24px; color: var(--color-text-1); } details:last-child { margin-bottom: 0; } details summary { cursor: pointer; outline: none; border-radius: 16px; border: 1px solid var(--color-line-1); padding: 16px calc(24px + 24px) 16px 24px; font-size: 14px; font-weight: 700; position: relative; display: block; } details summary:hover { border-color: var(--color-line-1); } details summary::-webkit-details-marker { display: none; } details summary::after { content: ""; color: var(--color-text-4); font-family: "Topvisor-2"; font-size: 24px; font-weight: normal; line-height: 1; position: absolute; top: calc(50% - 12px); right: 24px; } details[open] > summary::after { transform: rotate(180deg); } details summary ~ div { padding: 12px 12px 12px 24px; display: flex; flex-direction: column; gap: 16px; } details summary ~ div > * { margin: 0 !important; } details summary ~ div:has(> a), details summary ~ div:has(> b) { display: block; } .code-toolbar .toolbar-item { margin-left: 10px; } .code-toolbar .toolbar-item button { height: 16px; } .mce-toc { --mce-toc-level-offset: var(--layout-padding); background: var(--color-layout-front-1); width: auto !important; padding: 0 4px 0 0; display: flex; flex-direction: column; position: sticky; top: calc(var(--header-height) + var(--layout-padding)); } .mce-toc menu { margin: 0; padding: 0 0 0 var(--mce-toc-level-offset); font-size: 14px; font-weight: 600; list-style: none; } .mce-toc > menu { height: 100%; padding-top: var(--layout-padding); padding-bottom: var(--layout-padding); overflow: auto; } .mce-toc menu menu { font-weight: 400; } .mce-toc a { padding: 6px 0; color: var(--color-text-2); text-decoration: none; word-break: break-word; display: block; position: relative; } .mce-toc a:hover { color: var(--color-text-1); } .mce-toc a.top-active { color: var(--color-text-1); } .mce-toc a.top-active:before { background: var(--color-bg-primary-1); opacity: 1; } .mce-toc li li a:before { left: calc(-1px - var(--mce-toc-level-offset) * 2); } .mce-toc li li li a:before { left: calc(-1px - var(--mce-toc-level-offset) * 3); } aside .mce-toc a:before { content: ""; border-radius: 0 2px 2px 0; background: var(--color-line-1-opacity); width: 4px; position: absolute; top: 0; left: calc(-1px - var(--mce-toc-level-offset)); bottom: 0; opacity: 0; transition: opacity var(--transition-fast); } aside .mce-toc a:hover:before { opacity: 1; } .top-content > .mce-toc { background: var(--color-layout-middle); position: static; } .top-content > .mce-toc > menu { height: auto; } @media only screen and (min-width: 1600px) { .top-content .tip-note { width: calc(320px - var(--g_margin_left)); position: absolute; left: calc(100% + var(--content-padding)); filter: drop-shadow(3px 3px 20px rgba(0, 0, 0, 0.1)); } } @media only screen and (min-width: 900px) { .top-content > .mce-toc { display: none; } } @media only screen and (max-width: 900px) { .top-content a[id]:not([href]):after { opacity: 0.2; } .top-content img { height: auto; } .top-content video, .top-content iframe:not([src*="soundcloud"]) { height: calc(100vw * 9 / 16); } details { font-size: 14px; } details summary { padding: 16px calc(16px + 24px) 16px 16px; } details summary::after { right: 16px; } } :root { --top-table-header-gap: var(--top-gap-1); } template { display: none !important; } [class*="top-flex"] { display: flex; align-items: center; } .top-flex-between { justify-content: space-between; } .top-theme-lite .top-button { padding-right: 8px; padding-left: 8px; } .top-title { margin: 1em 0; font-weight: 600; } div:not(.top-tabs_contents) > .top-tabs_content { padding: 0; display: block; } .top-popup_content ul { margin-left: 24px; } label.top-tabs_tabLabel { border-radius: unset; } .top-inputRange .top-input_input { width: 50% !important; } .top-popup_listMore.a { margin: 0; } .top-input-withCleaner > input:placeholder-shown ~ .top-input_cleaner { display: none; } .top-popup_listItem { display: flex; } .top-popup_listItem > * { flex-grow: 1; } .top-popup_listItem > .top-tagSelector_tagIcon { flex-grow: 0; } ul.top-popup_content li > [data-top-icon]:empty:not(.top-button):before { margin: 0; } .top-selector > .top-loadbar { display: none; } .top-loading > .top-loadbar { display: block; } .top-popup_content .top-input { width: auto; } .topTable > .header { gap: var(--top-table-header-gap); } .topTable > .header:before, .topTable > .header:after { min-width: calc(var(--top-table-padding) - var(--top-table-header-gap)) !important; } html > body .top-tabsView-pageMod .top-tabsView_menu { z-index: 120; } #dynamics .top-regionSelector > .top-select-searcher_key, #snapshots .top-regionSelector > .top-select-searcher_key { margin-right: calc(var(--top-island-padding) * 2); flex-grow: 0 !important; } #dynamics .top-regionSelector:not(.top-regionSelector-onlySearcher) > .top-select-searcher_key > select, #snapshots .top-regionSelector:not(.top-regionSelector-onlySearcher) > .top-select-searcher_key > select { border-radius: var(--top-forms-radius); } .top-shine { border-radius: 4px; position: relative; } .top-shine.top-loading { pointer-events: none; border-color: transparent !important; background: var(--color-layout-front-2) !important; color: transparent !important; overflow: hidden !important; } .top-shine.top-loading > * { opacity: 0; } .top-shine.top-loading:before { content: ""; background: linear-gradient(90deg, var(--color-layout-front-2) 0%, rgba(255, 255, 255, 0.5) 50%, var(--color-layout-front-2) 100%); width: 50px; height: calc(100% + 30px); position: absolute; top: -15px; left: -100px; transform: rotate(15deg); animation: 3s top-shine linear infinite; } @keyframes top-shine { to { left: calc(100% + 100px); } } .projectsMasterAiTrackerSettings_caption.top-caption { flex-grow: 1; gap: var(--top-gap-2); } .projectsMasterAiTrackerSettings_caption > .top-caption_text { color: var(--color-text-1); font-size: 14px; } .dialog_autogenerationOfPrompts .top-caption { gap: var(--top-gap-2); } .dialog_autogenerationOfPrompts .top-caption > .top-caption_text { color: var(--color-text-1); font-size: 14px; } html .projectsMasterAiTrackerPrompts .top-textarea_textarea.top-textarea_textarea-expandable { height: 100%; } .top-hint { cursor: default; } .top-button.top-tagSelector-useTopButton.top-tagSelector-toTwoLine .top-tagSelector_tagIcon[data-tag_id]:nth-child(5) { margin-right: 4px; } .help .top-content a.no_margin { margin: 0 -3px 0 0 !important; border-radius: 3px 0 0 3px; } .help .top-content a.from_archive:before { text-decoration: line-through; } .help a[target="_blank"]:not([class*="icon-"]):after { content: "\2a"; margin: 3px 0 0 3px; font-size: 12px; font-family: "Topvisor"; position: relative; top: -3px; display: inline-block; } .help main a { text-decoration: none; } .help main a:not(.btn):not(.top-button):hover { color: var(--color-text-negative); text-decoration: none; } .help .top-content p.title { margin: 40px 0; font-weight: bold; font-size: 18px; } .help .top-content .wide { width: 100%; } .help .top-content .gray:not(.recreate) { background: var(--color-text-4); color: #FFF; } .help .top-content a.gray.active { background: #95A5A6; } .help .top-content .gray.recreate { width: 30px; text-align: center; } .help .top-content i.settings.searchers { color: #787E82; background: #ECF0F1; border: 1px solid var(--color-text-4) !important; } .help .top-content i.dynamics_table_header_default { margin: 0 6px 0 0; color: #DADADA; font-size: 16px; vertical-align: baseline; } .help .top-content i.dynamics_table_header_default:hover { color: #9DA7A7; cursor: pointer; } .help .top-content i.dynamics_graph_opener { border-radius: 100%; width: 32px; height: 32px; padding: 0; } .help .top-content i.dynamics_graph_opener:after { content: " "; border-top: 2px solid #FFF; border-right: 2px solid #FFF; width: 30%; height: 30%; margin: 9px 0 0 calc(35% - 1px); display: block; transform: rotate(135deg); } .help .top-content td, .help .top-content th { vertical-align: top; } .help .support_table { width: 100%; } .help .support_table th, .help .support_table td { border: 1px solid #BFBFBF; padding: 5px 10px 4px 10px; } .help .support_table th { background: #F2F2F2; text-align: center; font-size: 15px; font-weight: 600; line-height: 20px; } .help .support_table td { font-size: 14px; } .help .code_word { font-family: Courier; } .help .nowrap { white-space: nowrap; } .help img.help_img { border: 1px solid #CCCCCC; width: 680px; height: auto; margin: 20px auto; display: block; } .help li > img.help_img { margin: 20px 0; } .help .social-icons a.icon-searcher-4 { color: #e94b35;} .help .social-icons a.icon-searcher-102 { color: #2e5a8b;} .help .social-icons a.icon-searcher-103 { color: #53c7e5;} .help .social-icons a.icon-searcher-101 { color: #3c6585;} .help .social-icons a.icon-searcher-106 { color: #2ca5e0;} .help .social-icons a.icon-searcher-107 { color: #d4369f;} .help_content a[id="top"]:not([href]) { position: relative; top: calc(var(--header-height)* -1 - 8px); } .top-content .only_exists { cursor: pointer; border-radius: 100%; border: 2px solid var(--color-text-4); width: 9px; height: 9px; margin: 3px 0 0 0; display: inline-block; } .top-content .only_exists.state-1 { border-color: var(--color-mint-600); } .top-content .only_exists.state-2 { border-color: var(--color-mint-600); background: var(--color-mint-600); } .gif-player { cursor: pointer; display: block; position: relative; } .gif-player .icon { position: absolute; top: calc(50% - 38px); right: calc(50% - 38px); } .gif-player:not(.played) .icon { border-radius: 100%; background: rgba(0, 0, 0, 0.15); width: 75px; height: 75px; text-indent: 4px; color: #2594E0; font-size: 75px; line-height: 75px; } .gif-player.played .icon { width: auto; font-size: 20px; top: 5px; right: 5px; opacity: 0.5; } @media only screen and (max-width: 1140px) { .top-content img[class*=image] { height: auto; } } :root { --top-tabsView-top: var(--header-height) !important; } html body { --top-notice-top: var(--content-padding); --top-notice-right: var(--content-padding); } .top-hasTabsViewPageMod #top_panel, .top-hasTabsViewPageMod #content { background: var(--color-layout-middle); } .top-hasTabsViewPageMod .topTable.use_document_scroll { --top-table-behind-background-color: var(--color-layout-middle); } @media only screen and (max-width: 900px) { .top-hasTabsViewPageMod .top-tabsView_menu { background: var(--color-layout-front-1) } } .top-hasTabsViewPageMod body { font-size: var(--top-font-size); } .top_sorter_btn { --top-sorter-btn-margin: 8px; margin: var(--top-sorter-btn-margin); } .top_sorter_item { cursor: pointer; position: relative; } .top-button.top_sorter_btn:empty, .top-button.top_sorter_btn_save:empty { --top-icon-size: 16px; --top-icon-width: var(--top-icon-size); min-width: var(--top-icon-size); max-width: var(--top-icon-size); height: var(--top-icon-size); position: absolute; right: 0; } .top-button.top_sorter_btn_save:empty:hover { background: var(--color-layer-2); } .top_sorter_btn_save { position: absolute; top: 6px; z-index: 1; } .top-longlist{ --top-longlist-row-height: 38px; --top-longlist-padding-bottom: 0px; position: relative; display: flex; } .top-longlist longlist{ position: absolute; top: 0; right: 0; left: 0; } longlist{ box-sizing: border-box; min-height: 100%; padding: 0 0 var(--top-longlist-padding-bottom) 0; margin: 0; list-style: none; display: block; flex-shrink: 0; } longlist_row{ height: var(--top-longlist-row-height); display: flex; } longlist:not(.top_longlist_fixed_column){ flex-grow: 1; } longlist:not(.top_longlist_fixed_column) .top_longlist_fixed_column_cell{ display: none !important; flex-grow: 1; } longlist.top_longlist_fixed_column{ position: sticky !important; left: 0; z-index: 2; } longlist_cell{ max-height: 100%; }:root { --top-logo-dark: url("../images/sites/tv/common/logo-dark__q7b3059fea0.svg"); --top-logo-light: url("../images/sites/tv/common/logo-light__q7b3059fea0.svg"); --top-logo-text-dark-ru: url("../images/sites/tv/ru/logo-text-dark__q7b3059fea0.svg"); --top-logo-text-light-ru: url("../images/sites/tv/ru/logo-text-light__q7b3059fea0.svg"); --top-logo-text-dark-en: url("../images/sites/tv/en/logo-text-dark__q7b3059fea0.svg"); --top-logo-text-light-en: url("../images/sites/tv/en/logo-text-light__q7b3059fea0.svg"); --top-logo-width: 24px; --top-logo-height: 24px; --top-logo-text-width: 175px; --top-logo-text-height: 32px; --top-landing-background: var(--color-layout-front-3); } [data-has_secondmenu="1"]:not([data-mod="project"]).top-theme-regular, [data-has_secondmenu="1"][data-submod="settings"].top-theme-regular{ --content-padding-top: 12px; } .tab-content > .tab-pane{ padding: 0 var(--content-padding); position: relative; display: none; } .tab-content > .top-active{ display: block; } #secondmenu_content{ display: flex; } #secondmenu_content > div{ width: 100%; } #secondmenu_content .imbedded{ margin-right: calc(var(--content-padding) * -1); margin-bottom: calc(var(--content-padding-bottom) * -1); margin-left: -24px; } .top-input-align_right { text-align: right; } .top-input-align_right.top-formsCaptionWrapper > .top-formsCaption { right: 0; } .top-input-align_right { text-align: right; } .top-textarea { align-items: flex-start; } textarea.top-textarea, .top-textarea > textarea { width: 100%; height: 140px; margin: 0; padding-top: var(--top-forms-padding); padding-bottom: var(--top-forms-padding); resize: none; } [data-top-icon].top-textarea:before, [data-top-icon2].top-textarea:after, .top-textarea > .top-cleaner[data-top-icon] { height: calc(24px + var(--top-forms-padding)); margin-top: var(--top-forms-border-width); } .top-textarea > .top-formsCaption { display: none; } .top-input-withCleaner .top-input_input:not(:placeholder-shown) { --top-forms_clear-width: 24px; } .top-input-withCleaner > input:placeholder-shown ~ .top-cleaner { display: none; } html .top-radioGroup:has(.top-radio) { display: flex; overflow-x: auto; } .top-radioGroup .top-radio { cursor: pointer; box-sizing: border-box; box-shadow: none !important; outline-offset: -2px; border: none; height: 100%; margin: 0; align-items: center; justify-content: center; flex-grow: 1; } .top-radioGroup .top-radio:checked { background: var(--top-radio-background-color); } .top-radioGroup .top-radio_input { outline: none; } .top-radioGroup:not(.top-style_alt) .top-forms-optionLabel_title { justify-content: center; } .top-radioGroup:not(.top-style_alt) .top-radio.top-active { background: var(--top-radio-background-color-active); } .top-radioGroup:not(.top-style_alt) .top-radio_input { border: none; background: none !important; width: 0; box-shadow: none !important; position: absolute; } .top-radioGroup:not(.top-style_alt) .top-radio[data-top-icon]:before { content: attr(data-top-icon); } .top-radioGroup.top-style_alt { gap: 4px; } .top-radioGroup.top-style_alt .top-radio { border-radius: 8px; justify-content: flex-start; } .top-radioGroup.top-style_alt .top-radio_input { margin-left: auto; order: 10; } @media only screen and (min-width: 900px) { label:not(.top-el, .top-select):hover > .top-changer { width: auto; font-size: 14px; display: block; position: absolute; top: 8px; right: -20px; } label:not(.top-el, .top-select):hover > .top-changer:after { content: "("; font-family: "Topvisor"; } .top-changer { background-color: transparent; } } .top-selector { position: relative; flex-grow: 1; } .top-selector-multiselect { box-sizing: border-box; border-radius: var(--top-forms-radius); border: var(--top-forms-border-width) solid var(--top-forms-border-color); } .top-selector-multiselect > input { outline: none !important; border: none; width: 10%; } .top-selector_items { padding: 2px; order: -1; display: flex; flex-wrap: wrap; gap: 1px; } .top-selector_item { box-sizing: border-box; border-radius: 4px; border: 1px solid var(--color-line-warning-1); background: var(--color-layer-warning-1); padding: 3px 0 3px 3px; white-space: normal; word-break: break-word; display: flex; align-items: stretch; } .top-selector_itemDel[data-top-icon] { --top-icon-size: 14px; --top-icon-width: 16px; --top-icon-color: var(--color-text-warning); margin: -3px 0 -3px 3px; display: flex; align-items: center; justify-content: center; } .top-selector_itemDel[data-top-icon]:hover { background: var(--color-layer-warning-1); } .top-selector_results { width: 320px; min-width: 100%; max-height: 425px; background: var(--color-layout-front-1); padding: 10px 0; display: none; position: absolute; top: calc(100% + 5px); left: -1px; overflow-y: auto !important; z-index: 10; } .top-selector_results.top-popupPanel { display: none; } .top-selector_results-top { top: auto; bottom: calc(100% + 5px); } .top-selector_results > i, .top-selector_results > div { padding: 8px 12px; display: flex; flex-wrap: wrap; } .top-selector_results > i { cursor: pointer; } .top-selector_results > i:hover { background: var(--color-layer-1); } .top-selector_results > i.top-active { background: var(--color-layer-2); } .top-selector_results > i[data-value="null"] { color: var(--color-text-2); } .top-selector_results > i > i { overflow: hidden; text-overflow: ellipsis; } .modal-body .top-selector_results { max-width: 100%; } .modal-body .top-selector_results { max-height: calc(50vh - 70px); } .top-selectorProject > input { cursor: pointer; } .top-selectorProject_item-hidden { display: none !important; } .top-selectorGroup { } .top-selectorGroup > .top-selector { width: auto; flex-grow: 1; } .top-selectorGroup > .top-selector > .top-input_input:hover, .top-selectorGroup > .top-selector > .top-input_input:focus, .top-selectorGroup > .top-selector > .top-input_input.top-error { z-index: 2; } .top-selectorGroup > .top-selector > .top-input_input:focus-visible { outline: none; } .top-selectorGroup > .top-selector > [type="text"]:not(:focus) { cursor: pointer; } .top-selectorGroup > .top-selector-folder:not(:last-child) { margin-right: -1px; } .top-selectorGroup > .top-selector-folder:not(:last-child):after { content: ""; background: var(--color-line-2); width: 1px; position: absolute; top: 7px; right: 0; bottom: 7px; z-index: 1; } .top-selectorGroup > .top-selector-folder:not(:last-child) > .top-input_input:not(:hover):not(:focus) { border-right-color: transparent; } .top-selectorGroup > .top-selector-group:not(:first-child) > .top-input_input:not(:hover):not(:focus) { border-left-color: transparent; } .top-selectorGroup > .top-selector-folder:not(:last-child) > .top-input_input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .top-selectorGroup > .top-selector-group:not(:first-child) > .top-input_input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .top-selectorGroup .top-input_input::placeholder { color: var(--color-text-1); opacity: 1; } .top-selector_itemFolder { width: 100%; color: var(--color-text-4); font-size: 12px; line-height: 2em; } .selector_folder, .selector_group { width: 140px; } .top-dialog-native .top-selectorGroup, .ui-dialog .top-selectorGroup { display: flex; position: relative; } .top-dialog-native .selector_folder:before, .top-dialog-native .selector_group:before, .ui-dialog .selector_folder:before, .ui-dialog .selector_group:before { height: 16px; margin: 0 0 0 12px; color: var(--color-theme-125); font-family: Topvisor; } .top-dialog-native .selector_folder:before, .ui-dialog .selector_folder:before { content: "\2264"; } .top-dialog-native .selector_group:before, .ui-dialog .selector_group:before { content: "\e99e"; } .top-selector { cursor: pointer; border-radius: var(--top-forms-radius); line-height: 1; flex-wrap: wrap; display: inline-flex; align-items: center; } .top-selector:hover { background-color: var(--color-layer-1); --top-icon-color: var(--color-text-2) } .top-selector:active { background-color: var(--color-layer-2); --top-icon-color: var(--color-text-1) } .top-selector_value { min-width: 40px; margin: 3px; flex-grow: 1; order: 999; } .top-regionSelector { width: 320px; display: inline-flex; vertical-align: middle; } .top-regionSelector > .top-select { flex-grow: 1; } .top-regionSelector > .top-select:focus-within { z-index: 4; } .top-regionSelector > .top-select > .top-select_select:hover, .top-regionSelector > .top-select > .top-select_select.top-error { z-index: 1; } .top-regionSelector > .top-select-searcher_key:after, .top-regionSelector > .top-select-region:after { color: var(--color-theme-350); } .top-regionSelector > .top-select-searcher_key { width: 120px; max-width: 140px; margin-right: -1px; } .top-regionSelector > .top-select-region > select { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0 !important; } .top-regionSelector > .top-select-region[data-top-icon2] { --top-icon2-size: 16px; } .top-regionSelector > .top-select-region[data-top-icon] { --top-icon-size: 20px; } .top-regionSelector > .top-select-region[data-top-icon][data-top-icon2] { --top-icon2-width: 16px; } .top-regionSelector > .top-select-region[data-top-icon][data-top-icon2]:after { text-indent: -4px; } .top-regionSelector > .top-select-searcher_key[data-value="-1"] + .top-select-region, .top-regionSelector > .top-select-searcher_key:not([data-value="-1"]) ~ [name="compare"] { display: none; } .top-regionSelector > [name="compare"] { border-top-left-radius: 0; border-bottom-left-radius: 0; flex-grow: 1; } .top-regionSelector > [name="compare"]:after { content: "(" attr(data-g_compare_count) ")"; margin: 0 0 0 6px; } .top-regionSelector:not(.top-regionSelector-onlySearcher) > .top-select-searcher_key > select { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; } .top-regionSelector:not(.top-regionSelector-onlySearcher) > .top-select-searcher_key[data-value="-1"] > select { border-right: none; } .top-regionSelector-onlySearcher { width: 120px; } .top-regionSelector-onlySearcher > [name="compare"] { display: none; } .top-select-searcher_key[data-value="0"]:after, .top-select-searcher_key[data-value="20"]:after, .top-select-searcher_key[data-value="21"]:after { color: red; } .top-select-searcher_key[data-value="1"]:after { color: var(--color-bg-primary-1); } .top-select-searcher_key[data-value="2"]:after { color: #005FF9; } .top-select-searcher_key[data-value="3"]:after { color: #01509B; } .top-select-searcher_key[data-value="4"]:after { color: #FF0000; } .top-select-searcher_key[data-value="5"]:after { color: #008373; } .top-select-searcher_key[data-value="6"]:after { color: #4800B5; } .top-select-searcher_key[data-value="7"]:after { color: #CC0000; } .top-select-searcher_key[data-value="8"]:after { color: #1BADF8; } .top-select-searcher_key[data-value="9"]:after { color: #00CEFF; } :root { --top-unwrap-x: 0px; --top-unwrap-y: 0px; } :root{ --top-logo: var(--top-logo-dark); --top-logo-text: var(--top-logo-text-dark); } .top-theme-dark { --top-logo: var(--top-logo-light); --top-logo-text: var(--top-logo-text-light); } [lang="ru"] { --top-logo-text-dark: var(--top-logo-text-dark-ru); --top-logo-text-light: var(--top-logo-text-light-ru); } [lang="en"] { --top-logo-text-dark: var(--top-logo-text-dark-en); --top-logo-text-light: var(--top-logo-text-light-en); } .top-logo { background: var(--top-logo) no-repeat center left; background-size: contain; width: var(--top-logo-width); height: var(--top-logo-height); display: block; } .top-logo-text { background-image: var(--top-logo-text); width: var(--top-logo-text-width); height: var(--top-logo-text-height); } [data-top-badge="0"]:after { display: none; } .top-unwrap-x { padding-right: var(--top-unwrap-x); padding-left: var(--top-unwrap-x); margin-right: calc(0px - var(--top-unwrap-x)); margin-left: calc(0px - var(--top-unwrap-x)); } .top-unwrap-y { padding-top: var(--top-unwrap-y); padding-bottom: var(--top-unwrap-y); margin-top: calc(0px - var(--top-unwrap-y)); margin-bottom: calc(0px - var(--top-unwrap-y)); } .top-island { --top-island-background-color: var(--color-layout-front-1); --top-island-padding: 8px; --top-island-radius: calc(var(--top-island-padding) * 1.5); --top-island-gap: var(--top-island-padding); --top-island-shadow: var(--top-shadow-s); --top-unwrap-x: var(--top-island-padding); --top-unwrap-y: var(--top-island-padding); border-radius: var(--top-island-radius); background: var(--top-island-background-color); padding: var(--top-island-padding); box-shadow: var(--top-island-shadow); display: flex; align-items: center; flex-wrap: wrap; gap: var(--top-island-gap); } .top-delimiter { content: ""; background: var(--color-line-1-opacity); width: 1px; margin: calc(var(--top-island-padding) / 2); align-self: stretch; } .top-delimiter-left { margin-left: auto; } .top-delimiter-right { margin-right: auto; } @media only screen and (max-width: 900px) { .top-delimiter { width: 100%; height: 1px; } } .top-delimiter-v { width: 1px; margin: calc(var(--top-island-padding) / 2); } .top-delimiter-h { width: 100%; height: 1px; } .top-column > [class*="top-"] { width: 100%; margin-right: 0; flex-shrink: 0; } .top-column > .top-selectorGroup { text-align: left; } .top-column > .top-regionSelector, .top-column > .top-selectorGroup { flex-wrap: wrap; } .top-column > .top-regionSelector > .top-select > .top-select_select, .top-column > .top-selectorGroup > .top-selector-folder > .top-input_input, .top-column > .top-selectorGroup > .top-selector-group > .top-input_input { border-radius: var(--g_border-radius-s); } .top-column > .top-regionSelector > .top-select, .top-column > .top-selectorGroup > label.top-selector { flex-grow: 1; margin-right: 0; } .top-column > .top-selectorGroup > label.top-selector:after { opacity: 0; } .modal-body .top-column { display: flex; flex-wrap: wrap; } sup.top-delta { margin: -0.5em 0 0 0; font-size: 0.7em; position: absolute; } .top-delta-up { color: var(--color-text-positive); } .top-delta-down { color: var(--color-text-negative); } .top-delta-up.top-delta-reverse { color: var(--color-text-negative); } .top-delta-down.top-delta-reverse { color: var(--color-text-positive); } .top-delta-up:before { content: "+"; } .top-delta-down:before { content: "−"; } .top-shadow { box-shadow: var(--top-shadow); border-radius: var(--g_border-radius); } @media only screen and (min-width: 900px) { .top-shadow_pc { box-shadow: var(--top-shadow); border-radius: var(--g_border-radius); } } @media only screen and (max-width: 900px) { .top-shadow { border-radius: var(--g_border-radius-s); } .top-shadow_m { box-shadow: var(--top-shadow); border-radius: var(--g_border-radius); } }