/* /css/mods/guest.css (2.85 KB) */
/* /js/include/highcharts/highcharts.helper.css (4.07 KB) */
/* /css/mods/project/dynamics.css (39.97 KB) */
/* /css/mods/project/settings.css (4.05 KB) */
/* /css/mods/project/settings.interval.css (4.28 KB) */
/* /css/mods/project/project.css (5.46 KB) */
 :root { --header-height: 64px; } html:not(.top-theme-regular):not([data-mod="tpvsr"]) #top_panel { background: none; } html:not(.top-theme-regular)[data-has-sticky-element="0"][data-scroll_state*="started"] #top_panel { box-shadow: var(--top-shadow); background: var(--color-layout-header); } .mod_guest_title { margin-right: auto !important; color: #FFF; font-size: 24px; } .mod_guest_title a { margin-left: 6px; color: #FFF !important; text-decoration: none; font-weight: 700; } .mod_guest_title a:hover { text-decoration: underline; } .mod_guest_brand { white-space: nowrap; display: flex; align-items: center; } .mod_guest_brand_name { margin-right: 10px; color: #FFF; font-size: 24px; } .mod_guest_brand_logo { height: 32px; } html:not(.top-theme-regular) { --header-height: 82px; } html:not(.top-theme-regular) #top_panel { font-weight: bold; } html:not(.top-theme-regular) .mod_guest_title { color: var(--color-text-3); } html:not(.top-theme-regular) .mod_guest_title a { color: var(--color-text-primary) !important; } html:not(.top-theme-regular) .mod_guest_brand_name { color: inherit; } html:not(.top-theme-regular) .mod_guest_brand_logo { height: 50px; } .no_common_view { display: none !important; } #secondmenu .pcmenu { top: 93px; } #secondmenu .pcmenu ul li:last-child { display: none; } #secondmenu .pcmenu .config { display: none; } #audit_start, #watcher_start, #indexing_start { display: none; } #audit .download, #audit_group_pages .export, #audit .download_btn, #audit .download_indexing, #audit .bar .comment { display: none; } #audit .bar .del_check { display: none; } #audit .page_filter { display: none; } #tpvsr .navbar, #tpvsr_links, #tpvsr_link .base_info .star, #tpvsr_link .base_info .del, #tpvsr_link .base_info .download, #tpvsr_link .base_info td.tags, #tpvsr_link .graphs .download { display: none !important; } #tpvsr_link .base_info { border-left: 1px solid var(--color-line-2) !important; } #tpvsr_link .base_info .title { cursor: default !important; } #tpvsr_link .base_info td.count { border-radius: 8px 0 0 0; } #tpvsr div.content { margin: 0 !important; } @media only screen and (max-width: 900px) { html:not(.top-theme-regular) { --header-height: 120px; } html:not(.top-theme-regular) #top_panel { padding: 16px; white-space: nowrap; flex-wrap: wrap; align-content: center; justify-content: center; } html:not(.top-theme-regular) .mod_guest_title { border-top: 1px solid var(--color-layout-front-4); width: 100%; padding-top: 10px; order: 3 !important; display: flex; justify-content: space-between; } html:not(.top-theme-regular) .mod_guest_title_period { display: none; } html:not(.top-theme-regular) .mod_guest_brand { width: 100%; justify-content: space-around; } html:not(.top-theme-regular) .mod_guest_brand_logo { max-width: 50%; } } .highcharts-tooltip .tooltip { font-size: 14px; padding: 10px; border-radius: 10px; box-shadow: 0 0 4px 0 rgba(52, 73, 94, 0.2); color: var(--color-blue-dd); } [id$=_summary_graphs] .legend { position: absolute; bottom: 15px; left: 10px; right: 55px; padding: 0 0 0 10px; } [id$=_summary_graphs] .legend > a { color: #fff !important; padding: 5px 10px; text-decoration: none; width: 40px; margin-right: 20px; display: inline-block; border-radius: 3px; text-align: center; } [id$=_summary_graphs] .legend > a:hover { opacity: 0.8; } [id$=_summary_graphs] .legend.competitors > a { width: 90px; margin-right: 4px; padding: 5px 6px; white-space: nowrap; position: relative; } [id$=_summary_graphs] .legend.competitors > a > i { box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 30px; height: 100%; padding: 0 3px; line-height: 28px; position: absolute; top: 0; right: 0; bottom: 0; } [id$=_summary_graphs] .legend.competitors > a:not(:hover) > i { display: none; } [id$=_summary_graphs] .legend.competitors select { height: 25px; line-height: 22px; vertical-align: top; margin: 0; border-radius: 4px; } [id$=_summary_graphs] .legend a.excluded { color: #3e5771; } [id$=_summary_graphs] .legend a:not(.top-active).excluded { color: #9ba7a7; } [id$=_summary_graphs] .legend a:not(.top-active):not(.excluded) { background: #9ba7a7 !important; color: #fff !important; } [id$=_summary_graphs] .legend a.popup { width: 85px; padding: 5px 0; margin: 0; text-align: left; font-size: 12.5px; float: right; } [id$=_summary_graphs] .legend a.popup [class*=icon] { margin-right: 4px; font-size: 12px; } [id$=_summary_graphs] .graph_container > .y_title { position: absolute; color: #bdc3c8; font-size: 12px; transition: top 0.55s; } [id$=_summary_graphs] .graph_container > .y_title_down { bottom: 49px; left: -50px; } [id$=_summary_graphs] .graph_container > .y_title_up { top: 13px; left: -60px; } [id$=_summary_graphs] .legend.y_down_disabled ~ .y_title_down, [id$=_summary_graphs] .legend.all_disabled ~ .y_title_up, [id$=_summary_graphs] .legend.all_disabled ~ .y_title_down, [id$=_summary_graphs] .legend.y_up_disabled ~ .y_title_up { display: none; } [id$=_summary_graphs] .legend.y_down_disabled ~ .y_title_up { top: 8px; } [id$=_summary_graphs] .tooltip td { padding-top: 4px; } [id$=_summary_graphs] .tooltip .header { margin-bottom: 4px; } [id$=_summary_graphs] .tooltip .header, [id$=_summary_graphs] .tooltip .value { text-align: center; } [id$=_summary_graphs] .tooltip .name { font-weight: 600; } [id$=_summary_graphs] .legend a[class^=number] { background: #ccc; } [id$=_summary_graphs] .legend a.number0 { background: #18a98b; } [id$=_summary_graphs] .legend a.number1 { background: #2e96dd; } [id$=_summary_graphs] .legend a.number2 { background: #006989; } [id$=_summary_graphs] .legend a.number3 { background: #913d7a; } [id$=_summary_graphs] .legend a.number4 { background: #c54278; } [id$=_summary_graphs] .legend a.number5 { background: #FBC02D; } [id$=_summary_graphs] .legend a.count1, [id$=_summary_graphs] .legend a.count2, [id$=_summary_graphs] .legend a.count3, [id$=_summary_graphs] .legend a.count4, [id$=_summary_graphs] .legend a.count5, [id$=_summary_graphs] .legend a.count6, [id$=_summary_graphs] .legend a.count7, [id$=_summary_graphs] .legend a.count8, [id$=_summary_graphs] .legend a.count9 { background: #2e96dd; } [id$=_summary_graphs] .legend a.count10 { background: #21936c; } [id$=_summary_graphs] .legend a.count20, [id$=_summary_graphs] .legend a.count30 { background: #1abc9c; } [id$=_summary_graphs] .legend a.count50 { background: #a2df9f; } [id$=_summary_graphs] .legend a.count100 { background: #b0c7c7; } [id$=_summary_graphs] .legend a.count10000 { background: #FBC02D; } #gr_switcher .top-popup { min-width: 100px; text-align: left; top: -90px !important; bottom: 0 !important; } #gr_switcher .top-popup a { padding: 5px; color: #9ba7a7 !important; } #big_graph [class*="highcharts-series-"], #big_graph .highcharts-point, .snapshots_graphs [class*="highcharts-series-"], .snapshots_graphs .highcharts-point, #stats_account .highcharts-point { fill: revert-layer; stroke: revert-layer; color: revert-layer; } #project_update .with_filter { margin-bottom: -10px; } #project_update .with_filter hr { margin-bottom: 10px; } #project_update .do_snapshots.select { width: 300px; } #bar { position: relative; z-index: 10; } #bar label { vertical-align: middle; } #bar .selector_folder a.empty { opacity: 0.5; } #bar .top-selector { } #bar .top-selector:first-child:not(:last-child) > input { border-right: none; } #bar .top-selector:last-child:not(:first-child) > input { border-left: none; } #bar label[data-name="dates"] { cursor: pointer; box-sizing: border-box; border-radius: var(--top-forms-radius); border: 1px solid var(--top-forms-border-color); width: 220px; height: var(--top-forms-base-height); padding: 0 var(--top-forms-padding); font-size: 13px; } #bar label[data-name="dates"]:hover, #bar label[data-name="dates"].top-active { border-color: var(--top-forms-border-color-hover); } #bar .top-regionSelector .top-select, #bar .top-selectorGroup .top-selector { margin-top: 0; margin-bottom: 0; } #bar .top-selectorGroup { max-width: 360px; min-width: 180px; } #bar .gray { background: var(--color-gray-l); color: #FFF; } #bar a.gray.active { background: #95A5A6; } #bar a.no_margin { margin: 0 -3px 0 0 !important; border-radius: 3px 0 0 3px; } #bar .label[class*=icon-] { color: #A0A2A3; font-size: 16px; width: auto; height: auto; } #bar .pin { cursor: pointer; position: absolute; top: 10px; right: 10px; color: var(--color-gray-l); } #bar .pin.active { color: inherit; } #popup_dynamics_export .top-popup { min-width: 186px; } #popup_dynamics_export .top-popup li i.a > i { font-size: 14px; } #bar .need_config_wrapper { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--top-gap-1); } #bar .need_config_wrapper > :last-child { margin-right: 0; } #bar .need_config_wrapper > .process { margin-right: 0; } #bar .popup_selectorPeriod_opener { --top-icon-size: 20px; cursor: pointer; box-sizing: border-box; border-radius: var(--top-forms-radius); border: 1px solid var(--top-forms-border-color); width: 235px; height: var(--top-forms-base-height); font-size: 13px; background-color: var(--top-forms-background-color); } #bar .need_config_text { background: rgba(240, 240, 240, 0.9) repeating-linear-gradient(45deg, #DCDFE0 0, #DCDFE0 1px, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 5px); padding: 0 0 0 14px; font-size: 14px; font-weight: 600; line-height: 32px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } #bar .need_config_text.right { text-align: right; } #bar .need_config_text [class*=icon] { margin: 0 6px; font-size: 16px; vertical-align: baseline; } #bar .need_config_text .arrow { width: 125px; height: 16px; color: var(--color-mint-600); text-align: left; vertical-align: middle; } #bar .need_config_text a { color: var(--color-mint-600); text-decoration: none; } #bar .need_config_text_keywords { display: none; } .filter_phrases { border: 1px solid var(--color-gray-l); border-bottom: none; background: #f7f7f7; height: 20px; padding: 3px 0 3px 10px; white-space: nowrap; } .filter_phrases * { white-space: initial; } .filter_phrases .select { border: none; background: #F7F7F7; width: 55px; height: 22px; text-align: right; font-size: 12px; line-height: 14px; } .filter_phrases .select span.text { top: 3px; right: 20px; } .filter_phrases .select .arrow { background: none; font-size: 12px; padding: 4px 0 0; right: 7px; } .filter_phrases select { height: 18px; font-size: 11px; } .filter_phrases .seperator { background: #D8D8D8; width: 2px; height: 16px; margin: 3px 16px -2px 0; display: inline-block; } .filter_phrases [class*=icon] { margin: 0 12px 0 0; color: #DADADA !important; font-size: 16px; vertical-align: baseline; } .filter_phrases [class*=icon].active, .filter_phrases [class*=icon].activated, .filter_phrases [class*=icon]:hover { color: #9DA7A7 !important; } .filter_phrases .select:hover, .filter_phrases span.arrow:hover { opacity: 0.7; } .filter_phrases li.traffic_sort { display: none; } .filter_phrases [data-top-popup="#popup_select_sort"] { margin-right: 4px; margin-left: 4px; } .filter_phrases [data-top-popup="#popup_select_sort"].activated { color: #2A3A4B; } .filter_phrases .top-tagSelector-filter { background-image: none; width: auto !important; min-width: 24px; height: 18px; padding: 4px; margin-right: 8px; vertical-align: baseline; } .filter_phrases .top-tagSelector-filter [data-tag_id="all"]:before { border-color: #F7F7F7; padding-left: 1px; } .filter_phrases .top-tagSelector-filter [data-tag_id]:after { content: none !important; } .filter_phrases [data-top-popup="#popup_only_exists_first_date"][data-value="1"].activated { color: var(--color-text-negative); } .filter_phrases [data-top-popup="#popup_only_exists_first_date"][data-value="2"].activated { color: var(--color-text-warning); } #popup_only_exists_first_date .top-popup { width: 290px; } .filter_phrases [data-top-popup="#popup_dynamics_view"].activated { color: var(--color-bg-primary-1); } .filter_phrases [data-top-popup="#popup_dynamics_painting"].activated { color: #9013FE; } .filter_phrases [data-top-popup="#popup_dynamics_show_groups_names"].activated { color: var(--color-mint-600); } #dynamics_table.state-compare #popup_select_sort [data-field-name="relevant_url"], #dynamics_table.state-compare #popup_select_sort [data-field-name="relevant_equal_target"] { display: none; } #dynamics_table.frequency_hide .filter_phrases [data-field-name="volume"], #dynamics_table.frequency_hide_always .filter_phrases [data-field-name="volume"], #dynamics_table.state-compare .filter_phrases [data-field-name="positions_delta()"] { display: none; } #dynamics_table.show_visitors_for_phrase li.traffic_sort { display: block; } #competitors { width: 100%; max-width: 1240px; } #competitors .btn { width: 125px; margin-right: 4px; margin-top: 4px; white-space: nowrap; } #competitors .btn[data-id="-1"] { width: auto; } #dynamics_summary_wrapper { margin-bottom: 10px; position: relative; overflow-x: auto; } #dynamics_summary_wrapper.no-data:after { content: ""; width: calc(100% - 1px); background: rgba(255, 255, 255, 0.8) left bottom; position: absolute; z-index: 5; top: 1px; right: 1px; bottom: 1px; left: 1px; } #dynamics_summary_wrapper .no-data_text { display: none; } #dynamics_summary_wrapper.no-data .no-data_text { display: block; text-align: center; font-size: 18px; z-index: 7; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); } #dynamics_summary_wrapper.no-data .no-data_text i { width: 60px; height: 60px; font-size: 60px; } #dynamics_summary { min-width: 1150px; white-space: nowrap; position: relative; z-index: 5; } #dynamics_summary .block { padding: 10px; padding-left: 0; } #dynamics_summary .block:first-child { padding-left: 10px; } #dynamics_summary .block.dynamics { width: 30%; } #dynamics_summary .block.avg_and_visibility { width: 18%; } #dynamics_summary .block.avg_and_visibility .el:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } #dynamics_summary .block.avg_and_visibility .el:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #dynamics_summary .block.tops { width: calc(52% - 36px); } #dynamics_summary .block.graph_opener { border: none; background: none; width: 36px; padding: 0; margin-right: 10px; } #dynamics_summary .block.graph_opener i { border-radius: 100%; width: 36px; height: 36px; padding: 0; } #dynamics_summary .block.graph_opener i:after { content: " "; border-top: 2px solid #FFF; border-right: 2px solid #FFF; width: 30%; height: 30%; margin: calc(35% + 2px) 0 0 calc(35% - 1px); display: block; transform: rotate(135deg); margin-top: 10px; } #dynamics_summary .block.graph_opener i.opened:after { transform: rotate(-45deg); margin-top: 15px; } #dynamics_summary .block > .h { font-size: 14px; font-weight: 600; position: absolute; top: 10px; left: 10px; } #dynamics_summary .el { background: #fff; border: 1px solid #BBB; height: 52px; padding: 10px; margin: 0 -1px 0 0; flex: 1 1 0; position: relative; } #dynamics_summary .el:first-child { border-radius: 4px 0 0 4px; } #dynamics_summary .el:last-child { border-radius: 0 4px 4px 0; } #dynamics_summary .el .h { margin: 0 0 8px 0; font-size: 14px; font-weight: 600; min-height: 18px; } #dynamics_summary .el .h .percent, #dynamics_summary .el .h .positions_delta { max-width: 40px; margin-left: 5px; min-height: 0; font-size: 13px; font-weight: 200; color: var(--color-gray-l); vertical-align: top; } #dynamics_summary .el .h .positions_delta { border-radius: 4px; border: 1px solid transparent; font-weight: 600; color: var(--color-blue-dd); padding: 3px; margin-top: -4px; float: right; } #dynamics_summary .el:not(:hover) .h .positions_delta:not(.active):not(:focus-within) { display: none; } #dynamics_summary .el .h .positions_delta:hover, #dynamics_summary .el .h .positions_delta:focus-within { border-color: var(--color-gray-l); } #dynamics_summary .el .h .positions_delta.active { background: var(--color-layout-front-4); } #dynamics_summary .el .h .positions_delta input { background: none; width: 10px; min-width: 10px; height: 16px; padding: 0; border: none; font-size: 13px; font-weight: 600; vertical-align: baseline; } #dynamics_summary .el .h .top-popup-wrapper { font-weight: normal; } #dynamics_summary .el .data { margin-right: -1px; font-size: 24px; font-weight: 600; line-height: 1; white-space: nowrap; position: relative; } #dynamics_summary .el .data i { display: inline-block; } #dynamics_summary .el .d { width: 12px; height: 12px; font-size: 14px; font-weight: normal; position: relative; top: -2px; } #dynamics_summary .el .d .icon { width: 16px; height: 16px; } #dynamics_summary .el .d.up { color: var(--color-bg-positive-1); } #dynamics_summary .el .d.stay { color: var(--color-gray-l); } #dynamics_summary .el .d.down { color: var(--color-bg-negative-1); } #dynamics_summary .with_filter .el { cursor: pointer; } #dynamics_summary .with_filter .el.blur { opacity: 0.5; } #dynamics_summary .with_filter .el:hover { border: 1px solid var(--color-blue-dd); z-index: 1; } #dynamics_summary .with_filter .el.blur:hover { opacity: 0.8; } #dynamics_summary .block.dynamics .el[data-dyn=">"] .icon { color: var(--color-bg-positive-1); } #dynamics_summary .block.dynamics .el[data-dyn="="] .icon { color: var(--color-gray-l); } #dynamics_summary .block.dynamics .el[data-dyn="<"] .icon { color: var(--color-bg-negative-1); } #dynamics_summary .block.tops .el .d, #dynamics_summary .block.tops .el .d .icon { color: var(--color-gray-l); } #dynamics_summary .block.tops .el .d.stay { display: none; } #dynamics_summary .el .data .small { font-size: 18px; } #dynamics_summary .el .warning { margin-left: 3px; min-height: 0; } #dynamics_summary .el .warning-1 { color: #ffa324; } #dynamics_summary .el .warning-2 { color: var(--color-bg-negative-1); } #dynamics_summary.small_font .tops { } #dynamics_summary.small_font .tops .h { margin-bottom: 3px; } #dynamics_summary.small_font .tops .data { font-size: 20px; } #dynamics_summary.small_font .tops .data > span:first-child { position: relative; top: -4px; } #dynamics_summary.small_font .tops .d { font-size: 12px; top: -5px; } #dynamics_summary.small_font .tops .d .icon { height: 14px; } #popup_volumes_alerts_0 .top-popup, #popup_volumes_alerts_1 .top-popup { min-width: 320px; } #dynamics_summary { border-radius: 4px; background: #D5DEE2; } #dynamics_summary.with_graph { border-radius: 0; border: 1px solid var(--color-gray-l); border-top: none; background: #ECF0F1; } #dynamics_summary_graphs { border: 1px solid #BDC3C7; background: #fff; min-width: 1150px; margin-bottom: 10px; position: relative; } #dynamics_summary_graphs .graphs { height: 350px; width: 100%; position: relative; } #dynamics_summary_graphs .small, #dynamics_summary_graphs .big { height: 100%; position: relative; } #dynamics_summary_graphs .small { width: 265px; padding-left: 10px; margin-right: 10px; float: left; } #dynamics_summary_graphs .small:after { content: " "; background: #ECF0F1; width: 1px; position: absolute; right: -10px; top: 20px; bottom: 20px; display: block; } #dynamics_summary_graphs .big { width: calc(100% - 265px - 10px - 10px - 2px); float: left; } #small_graph, #big_graph { width: 100%; } #big_graph svg:not(:root) { overflow: visible; } #big_graph .highcharts-menu [data-action="download_csv_avg"], #big_graph .highcharts-menu [data-action="download_csv_visibility"], #big_graph .highcharts-menu [data-action="download_csv_tops_count"] { cursor: pointer; padding: 0.5em 1em; background: none; color: rgb(51, 51, 51); font-size: 11px; transition: background 250ms ease 0s, color 250ms ease 0s; } #big_graph .highcharts-menu [data-action="download_csv_avg"]:hover, #big_graph .highcharts-menu [data-action="download_csv_visibility"]:hover, #big_graph .highcharts-menu [data-action="download_csv_tops_count"]:hover { background: rgb(236, 240, 241); } #dynamics_summary_graphs .dates_direction { cursor: pointer; color: #9DA7A7; position: absolute; right: 6px; bottom: 48px; opacity: 0.3; } #dynamics_summary_graphs .dates_direction:hover { opacity: 0.5; } #dynamics_summary_graphs .tabs { background: #ECF0F1; font-size: 13px; font-weight: 600; } #dynamics_summary_graphs .tabs ul { display: flex; margin: 0; } #dynamics_summary_graphs .tabs li { width: 25%; text-align: center; list-style: none; } #dynamics_summary_graphs .tabs li i.a { cursor: pointer; padding: 15px 0; display: block; } #dynamics_summary_graphs .tabs li i.a:hover { background: var(--color-bg-shading-2); } #dynamics_summary_graphs .tabs li i.a.active { background: #FFF; } #dynamics_summary_graphs .tabs li i.a i.icon-glasses { width: 18px; font-size: 16px; position: relative; top: -3px; } body.frequency_hide #dynamics_summary_graphs .tabs i[data-graph-type="visibility"] { display: none; } #volumes_alerts_1 .content, #volumes_alerts_2 .content { max-width: 100%; font-size: 12px; font-weight: normal; } #dynamics_summary_wrapper #dynamics_summary_graphs.with_summary { border-bottom: none; margin-bottom: 0; } #content { position: relative; } #dynamics_table_wrapper .loading { height: 40px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: none; background: #3E5771; background-size: 30px 30px; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); animation: barberpole 1s linear infinite; opacity: 0.4; } #dynamics_table { margin: 0; position: relative; z-index: 5; } #dynamics_table tr.even td { background: #FFF; } #del_history_trigger { min-height: 0; position: absolute; bottom: 41px; z-index: 5; } #del_history_trigger.top-active { background: rgba(204, 0, 0, 0.2); width: 78px; height: 40px; padding-right: 1px; bottom: 1px; } #del_history_trigger > a { box-shadow: #999 0 0 8px; background: #EC796D; width: calc(100% - 16px + 2px); padding: 6px 8px 5px 8px; margin: 0 0 0 -1px; color: #F7F7F7; text-align: center; text-decoration: none; white-space: nowrap; display: none; } #del_history_trigger > a:hover { background: var(--color-bg-negative-1); } #del_history_trigger > a [class*=icon] { pointer-events: none; font-size: 10px; width: 16px; height: 12px; } #popup_del_history .top-popup { width: 320px; } #dynamics_table .hcol { width: 344px; float: left; } #dynamics_table.show_visitors_for_phrase .hcol { width: 405px; } #dynamics_table .cols { float: left; } #dynamics_table .body .hcol { position: absolute; } #dynamics_table .body .cols { margin-left: 344px; position: absolute; } #dynamics_table.show_visitors_for_phrase .body .cols { margin-left: 405px; } #dynamics_table td { border: 1px solid var(--color-gray-l); background: #f7f7f7; min-width: 78px; height: 40px; padding: 0; font-size: 14px; } #dynamics_table:not(.new) .body tr:nth-child(2n+1) td { background: #FFF; } #dynamics_table table.x2 td { height: calc(41px + 41px - 1px); } #dynamics_table table.x3 td { height: calc(41px + 31px + 31px - 1px); } #dynamics_table td.cb { width: 40px; min-width: 40px; vertical-align: top; } #dynamics_table td.cb .target_status { width: 100%; height: 100%; line-height: 40px; justify-content: center; display: inline-flex; } #dynamics_table td.cb .target_status.active { background: #DBE5EA; opacity: 1 !important; } #dynamics_table .target_status[data-status="-2"] { color: #858688; opacity: 0.5; } #dynamics_table .target_status[data-status="-2"]:hover { opacity: 1; } #dynamics_table .target_status[data-status="-1"] { color: #F1BD6C; } #dynamics_table .target_status[data-status="0"] { color: var(--color-bg-negative-1); font-size: 20px; } #dynamics_table .target_status[data-status="1"] { color: var(--color-bg-positive-1); font-size: 20px; } #dynamics_table td.cb span.no_contextmenu { cursor: default; } #dynamics_table td.phrase { min-width: 230px; font-size: 12px; line-height: 12px; } #dynamics_table td.frequency { width: 70px; min-width: 70px; text-align: center; white-space: nowrap; } #dynamics_table td.visitors_for_phrase { width: 60px; min-width: 60px; text-align: center; display: none; } #dynamics_table.show_visitors_for_phrase td.visitors_for_phrase { display: table-cell; } #win_del_keyword .btns { text-align: right; } #win_del_keyword a { width: 50px; } #win_del_keyword a:first-child { margin-right: 5px; } #dynamics_table .body .hcol td.phrase div.div { position: relative; } #dynamics_table .body .hcol td.phrase div.middle { width: 200px; max-width: 217px; height: 40px; padding-right: 20px; padding-left: 11px; word-break: break-word; display: table-cell; vertical-align: middle; overflow: hidden; } _:-o-prefocus:fullscreen, #dynamics_table .body .hcol td.phrase div.middle { height: auto; min-height: 100%; display: block; } #dynamics_table.with_snippets .body .hcol td.phrase div.middle { height: 199px; } #dynamics_table td.phrase .top-tagSelector { width: 10px; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0.5; } #dynamics_table td.phrase .top-tagSelector:not(.top-active) [data-tag_id="1"]:first-child:last-child { display: none; } #dynamics_table td.phrase .top-tagSelector:hover, #dynamics_table td.phrase .top-tagSelector.top-active { cursor: pointer; opacity: 1; transition: 300ms; } #dynamics_table .body .hcol td.phrase div .del, #dynamics_table .body .hcol td.phrase div .recheck, #dynamics_table .body .hcol td.phrase div .to_snapshots { border-radius: 100%; width: 16px; height: 16px; min-width: 16px; text-align: center; font-size: 14px; position: absolute; top: 4px; right: 1px; opacity: 0; filter: none; transition: background 0.3s ease; } #dynamics_table .body .hcol td.phrase div .del:hover, #dynamics_table .body .hcol td.phrase div .recheck:hover, #dynamics_table .body .hcol td.phrase div .to_snapshots:hover, #dynamics_table .body .hcol td.phrase div .del.active, #dynamics_table .body .hcol td.phrase div .recheck.active, #dynamics_table .body .hcol td.phrase div .to_snapshots.active { opacity: 1 !important; } #dynamics_table .body .hcol td.phrase div .del { color: var(--color-bg-negative-1); } #dynamics_table .body .hcol td.phrase div .recheck { color: #27B99A; top: 22px; } #dynamics_table .body .hcol td.phrase div .to_snapshots { top: 22px; right: 20px; } #dynamics_table .body .hcol tr.hover td.phrase .top-tagSelector:empty, #dynamics_table .body .hcol tr:not(.hover) td.phrase .top-tagSelector.top-active:empty { background: var(--color-gray-l); } #dynamics_table .body .hcol tr.hover td.phrase .top-tagSelector [data-tag_id="1"]:first-child:last-child { display: block; } #dynamics_table .body .hcol tr.hover td.phrase div .del, #dynamics_table .body .hcol tr.hover td.phrase div .recheck, #dynamics_table .body .hcol tr.hover td.phrase div .to_snapshots { background: #DBE5EA; opacity: 0.8; } #dynamics_table .body .hcol tr.hover td.phrase div .del:hover, #dynamics_table .body .hcol td.phrase div .recheck:hover { opacity: 1; } #dynamics_table .body .hcol td.phrase div .recheck.rechecking { width: 14px; height: 14px; min-width: 0; color: #C7CCCF; display: block; right: 3px; opacity: 1; -webkit-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #dynamics_table .body .hcol td.phrase div .recheck .complite { border-radius: 8px; background: var(--color-blue-dd); width: 8px; height: 8px; padding: 2px; color: #FFF; font-size: 8px; position: absolute; top: -3px; right: -5px; } #dynamics_table .cols { overflow: hidden; position: relative; } #dynamics_table .cols table { max-width: none; position: relative; top: 0; left: 0; } #dynamics_table .scrollbar { border-right: 1px solid var(--color-gray-l); border-left: 1px solid var(--color-gray-l); } #dynamics_table .header { position: relative; z-index: 10; } #dynamics_table .header:after { content: ""; clear: both; display: block; } #dynamics_table .header td.cb { } #dynamics_table .header td.phrase { font-size: 16px; } #dynamics_table .header td.phrase div { padding-left: 10px; } #dynamics_table .header td.phrase div span.search_phrase_close { display: inline; font-weight: bold; } #dynamics_table .header td.phrase div span.search_phrase_open { display: none; margin-left: -3px; } #dynamics_table .header td.phrase div a.search_phrase { margin: 0 0 5px 5px; color: #9DA7A7; font-size: 12px; } #dynamics_table .header td.phrase div div { padding: 0; } #dynamics_table .header td.phrase div div [name=search_phrase_string] { width: calc(100% - 45px); } #dynamics_table .header td.phrase div div [name=search_phrase_string].with_total { width: calc(100% - 90px); } #dynamics_table .header td.frequency { font-size: 12px; } #dynamics_table .header td.frequency > a { color: var(--color-blue-dd) !important; text-decoration: none; } #dynamics_table .header .global_frequency { color: #9da7a7; margin-top: 7px; font-size: 14px; cursor: pointer; opacity: 0.4; } #dynamics_table .header .global_frequency.active { opacity: 1; } #dynamics_table .header .global_frequency:hover { opacity: 0.7; } #dynamics_table .header td.visitors_for_phrase { font-size: 12px; } #dynamics_table.several-projects .header .hcol td { height: calc(41px + 41px - 1px); } #dynamics_table.several-regions .header .hcol td { height: calc(31px + 31px + 41px - 1px); } #dynamics_table.several-projects.several-regions .header .hcol td { height: calc(41px + 31px + 31px + 41px - 1px); } #dynamics_table .header .cols { position: absolute; top: 0; left: 344px; } #dynamics_table .header .cols td .date { cursor: pointer; } #dynamics_table.show_visitors_for_phrase .header .cols { left: 405px; } #dynamics_table .header .cols td { text-align: center; } #dynamics_table .header .cols tr:last-child td { max-width: 78px; } #dynamics_table .header .cols td > i { max-height: 41px; display: block; } #dynamics_table .header .cols td .date.active { text-decoration: underline; } #dynamics_table .header .cols td [class*="icon-"] { color: #9DA7A7; } #dynamics_table .header .stat { display: inline-block; margin-top: -2px; } #dynamics_table .header .cols td .percent { pointer-events: none; position: relative; width: 40px; } #dynamics_table .header .cols td sup, #dynamics_table .header .cols td span.top { color: #9DA7A7; margin-left: 2px; } #dynamics_table .header .cols td span.top { font-size: 8px; min-width: 17px; white-space: nowrap; position: absolute; left: 14px; top: 12px; } #dynamics_table .header .cols td .icon-user + sup { border-radius: 3px; background: #f7f7f7; height: 18px; padding-right: 1px; margin: 0 0 0 -2px; position: absolute; z-index: 1; } #dynamics_table .header .cols td .icon-user + sup + .visitors { margin-left: 8px; } #dynamics_table .header .cols td:hover .icon-user + sup + .visitors, #dynamics_table .header .cols td .icon-user + sup + .visitors.desc, #dynamics_table .header .cols td .icon-user + sup + .visitors.asc { z-index: 1; } #dynamics_table .header .cols td.date .value { cursor: pointer; display: block; } #dynamics_table .header .cols td.date .value.active { text-decoration: underline; } #dynamics_table .header .cols td.date .value.asc { color: var(--color-bg-positive-1); } #dynamics_table .header .cols td.date .value.desc { color: var(--color-bg-negative-1); } #dynamics_table .header .cols td.searcher, #dynamics_table .header .cols td.region { height: 30px; } #dynamics_table .header .cols td.searcher { line-height: 14px; } #dynamics_table .header .cols td.regions span { max-width: 157px; max-height: 18px; line-height: 20px; display: inline-block; overflow: hidden; } #dynamics_table.one-date .header .cols td { max-width: 78px; } #dynamics_table.one-date .header .cols td.project i, #dynamics_table.one-date .header .cols td.region i:not(.top-langLabel) { width: 100%; max-height: 24px; font-size: 12px; line-height: 12px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; overflow: hidden; } #dynamics_table .header .cols td.region { position: relative; } #dynamics_table .header .cols td.region i[class*=icon], #dynamics_table .header .cols td.region i.top-langLabel { width: auto !important; font-size: 16px; position: absolute; top: 1px; left: 0; } #dynamics_table .header .cols td.region i.top-langLabel { font-size: 12px; right: 1px; left: auto; } #dynamics_table .header .cols td.searchers, #dynamics_table .header .cols td.regions { height: 30px; } #dynamics_table .header .cols td.searchers.min span, #dynamics_table .header .cols td.regions.min span, #dynamics_table .header .cols td.projects.min span { max-width: 75px; max-height: 24px; padding-top: 2px; font-size: 12px; line-height: 12px; } #dynamics_table .header .cols td.projects.min span { width: 68px; display: inline-block; } #dynamics_table .header .cols td.projects.min span {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word } #popup_snippet_preview { width: 26px !important; height: 10px !important; } #popup_snippet_preview .top-popup { min-height: 120px; } #dynamics_table .body .cols div { width: 68px; min-height: 40px; padding-left: 10px; line-height: 30px; position: relative; } _:-o-prefocus:fullscreen, #dynamics_table .body .cols div { min-height: 100%; } #dynamics_table .body .cols div { font-size: 18px; } #dynamics_table .body .cols div.not_found { font-size: 14px; } #dynamics_table .body .cols div a { color: var(--color-blue-dd); } #dynamics_table .body .cols div a:first-child { background: inherit; position: relative; } #dynamics_table .body .cols div a:first-child { padding: 1px; } #dynamics_table .body .cols div a i[data-top-popup="#popup_snippet_preview"] { background: inherit; padding: 0 10px 0 6px; color: var(--color-bg-primary-1); font-size: 14px; line-height: 1; position: absolute; top: -1px; right: -30px; z-index: 1; } #dynamics_table .body .cols div:hover i[data-top-popup="#popup_snippet_preview"] { transition: visibility 0.3s; } #dynamics_table .body .cols div a:not(:hover) i[data-top-popup="#popup_snippet_preview"]:not(.active) { visibility: hidden; } #dynamics_table .body .cols div .d { text-shadow: #FFF 1px 1px 3px; margin: -5px 0 0 2px; font-size: 10px; position: absolute; } #dynamics_table .body .cols div .d span { width: auto; height: auto; font-size: 8px; } #dynamics_table .body .cols div .p { margin-top: 0.5em; color: #9DA7A7; font-size: 10px; position: absolute; bottom: 0px; left: 37px; z-index: 1; } #dynamics_table .body .cols div .p [class^="icon-"] { font-size: 14px; margin-top: -2px; margin-right: 2px; } #dynamics_table .body .cols div .p .number { margin: -3px 0 0 -3px; position: absolute; } #dynamics_table .body .cols div .sl { color: #93A6A4; font-size: 12px; position: absolute; bottom: 7px; left: 38px; z-index: 1; display: none; } #dynamics_table .body .cols div .sl span { font-size: 10px; position: absolute; top: -4px; right: -14px; } #dynamics_table .body .cols div .sl i { font-size: 10px; position: absolute; top: -4px; right: -14px; } #dynamics_table .body .cols div .p + .sl { bottom: 24px; z-index: 0; } #dynamics_table .body .cols div .p + .sl i { display: none; } #dynamics_table .body .cols div:hover .sl { display: block; } #dynamics_table .body .cols div [data-action="open_win_target_and_relevants"] { cursor: pointer; border: 4px solid transparent; border-top-color: var(--color-blue-dd); border-right-color: var(--color-blue-dd); position: absolute; top: 0; right: 0; opacity: 0.5; transition: 0.1s; } #dynamics_table .body .cols div [data-action="open_win_target_and_relevants"]:hover { opacity: 1; } #dynamics_table .body tr.no_render td:not(:first-child) { display: none; } #dynamics_table .body tr.no_render td:first-child > div, #dynamics_table .body tr.no_render td:first-child > span { display: none; } #dynamics_table .body tr.no_render td.frequency, #dynamics_table .body tr.no_render td.visitors_for_phrase { display: none; } #dynamics_table.frequency_hide td.frequency, #dynamics_table.frequency_hide_always td.frequency { display: none; } #dynamics_table.frequency_hide td.phrase, #dynamics_table.frequency_hide_always td.phrase { min-width: 301px; } #dynamics_table .frequency .frequency1, #dynamics_table .frequency .frequency2, #dynamics_table .frequency .frequency3, #dynamics_table .frequency .frequency5, #dynamics_table .frequency .frequency6 { display: none; } #dynamics_table.frequency1_show .frequency .frequency1, #dynamics_table.frequency2_show .frequency .frequency2, #dynamics_table.frequency3_show .frequency .frequency3, #dynamics_table.frequency5_show .frequency .frequency5, #dynamics_table.frequency6_show .frequency .frequency6 { display: block; } #dynamics_table .frequency [class*=frequency][class$=_g] { display: none; color: var(--color-gray-l); font-size: 12px; line-height: 1.5; } #dynamics_table.frequency1_g_show .frequency .frequency1_g, #dynamics_table.frequency2_g_show .frequency .frequency2_g, #dynamics_table.frequency3_g_show .frequency .frequency3_g, #dynamics_table.frequency5_g_show .frequency .frequency5_g, #dynamics_table.frequency6_g_show .frequency .frequency6_g { display: block; } #dynamics_table .body .cols div { background: #fff; } #dynamics_table .cols div.down { background: #fff4f3; } #dynamics_table .cols div.up { background: #edf9f3; } #dynamics_table .cols div.down10 { background: #fbe1df; } #dynamics_table .cols div.up10 { background: #def6e9; } #dynamics_table .cols div.top1 { background: #a3d1ee; } #dynamics_table .cols div.top2 { background: #b4d9f1; } #dynamics_table .cols div.top3 { background: #b4d9f1; } #dynamics_table .cols div.top4 { background: #8fe2b3; } #dynamics_table .cols div.top5 { background: #99e4b9; } #dynamics_table .cols div.top6 { background: #a1e8c0; } #dynamics_table .cols div.top7 { background: #aceac6; } #dynamics_table .cols div.top8 { background: #b5eccd; } #dynamics_table .cols div.top9 { background: #beeed3; } #dynamics_table .cols div.top10 { background: #c8f0da; } #dynamics_table .cols div.move10 { background: #84DFAB; } #dynamics_table .cols div.move9 { background: #8fe2b3; } #dynamics_table .cols div.move8 { background: #99e4b9; } #dynamics_table .cols div.move7 { background: #a1e8c0; } #dynamics_table .cols div.move6 { background: #aceac6; } #dynamics_table .cols div.move5 { background: #b5eccd; } #dynamics_table .cols div.move4 { background: #beeed3; } #dynamics_table .cols div.move3 { background: #c8f0da; } #dynamics_table .cols div.move2 { background: #DEF5E9; } #dynamics_table .cols div.move1 { background: #ECF9F2; } #dynamics_table .cols div.move0 { background: #FCFEFD; } #dynamics_table .cols div.move-1 { background: #FFF9F9; } #dynamics_table .cols div.move-2 { background: #FEF2F1; } #dynamics_table .cols div.move-3 { background: #FDEBEA; } #dynamics_table .cols div.move-4 { background: #FDEBEA; } #dynamics_table .cols div.move-5 { background: #FBE1DF; } #dynamics_table .cols div.move-6 { background: #FBE1DF; } #dynamics_table .cols div.move-7 { background: #FBE1DF; } #dynamics_table .cols div.move-8 { background: #FBE1DF; } #dynamics_table .cols div.move-9 { background: #FBE1DF; } #dynamics_table .cols div.move-10 { background: #FBE1DF; } #dynamics_table .cols div.not_found { background: #F6E9C5; } #dynamics_table .cols div.empty { box-shadow: inset #CCC 0 0 1px; background: #F7F7F7; } #dynamics_table .body .hcol tr td.cb { transition: background 0.5s ease; } #dynamics_table .body .hcol tr td.phrase { transition: background 0.3s ease; } #dynamics_table .body .hcol tr.hover td.cb, #dynamics_table .body .hcol tr.hover td.phrase { background: #DBE5EA; } #dynamics_table[data-show_groups_names="1"] .cb > .group { border-bottom: 1px dashed #999; width: 14px; margin: calc(18px / 2 - 20px / 2) 0 0 -15px; position: absolute; display: block; } #dynamics_table[data-show_groups_names="1"] .cb > .group .name_wrapper { transform: rotate(-90deg); display: block; } #dynamics_table[data-show_groups_names="1"] .cb > .group .name_wrapper .name { background: #dbe5ea; padding-right: 4px; color: #999; font-size: 11px; line-height: 14px; white-space: nowrap; position: absolute; top: -7px; right: 8px; } #dynamics_table[data-show_groups_names="2"] .hcol tr.with_group_name { background: #DBE5EA; } #dynamics_table[data-show_groups_names="2"] tr.with_group_name td { padding-top: 24px; } #dynamics_table[data-show_groups_names="2"] tr.with_group_name .group { border-bottom: 1px solid var(--color-gray-l); background: #DBE5EA; min-width: calc(100% - 42px); height: 23px; min-height: 23px; padding: 0 0 0 42px; margin: -24px 0 0 -1px; text-align: left; line-height: 23px; white-space: nowrap; position: absolute; } #dynamics_table[data-show_groups_names="2"] .hcol tr.with_group_name .group { z-index: 1; } #dynamics_table[data-show_groups_names="2"].with_snippets tr.with_group_name td { height: 200px } #popup_dynamics_config .top-popup { min-width: 180px; } .with_snippets .body .cols tr, .with_snippets .body .hcol tr { height: 200px; } .with_snippets .cols td { max-width: 30em !important; min-width: 30em !important; vertical-align: top; } .with_snippets .cols td div:first-child { border-bottom: 1px solid #BDC3C7; border-right: 1px solid #BDC3C7; } .with_snippets .cols td .top-snippet { max-height: calc(200px - 40px - 2px - 5px); margin-top: 5px; overflow-y: auto; } .with_snippets .cols td .top-snippet, .with_snippets .cols td .top-snippet div { width: auto !important; background: inherit !important; font-size: 14px !important; line-height: 20px !important; } .with_snippets .cols td .top-snippet { padding-right: 10px; } .with_snippets .cols td .top-snippet a { text-decoration: none; color: #1a0dab; } .with_snippets .cols td .top-snippet a:hover { text-decoration: underline; } .with_snippets .cols td .top-snippet a:visited { color: #609; } .with_snippets .cols td .top-snippet div { padding: 5px 0 0 0 !important; } .with_snippets .cols td .top-snippet div span { color: #BDC3C7; font-style: italic; } .with_snippets .cols td .top-snippet div i { font-weight: 600; } .with_snippets .cols td .top-snippet img { height: 100px; margin: 0 0 4px 0; } .with_snippets .cols td [data-top-popup="#popup_select_snippet_tag"] { margin: -30px 0 0 calc(420px - 16px - 2px - 10px); position: absolute; } .with_snippets .cols td [data-top-popup="#popup_select_snippet_tag"]:after { content: " "; border-radius: 100%; border: 1px solid transparent; width: 16px; height: 16px; font-family: "Topvisor"; font-size: 16px; display: block; } .with_snippets .cols td [data-top-popup="#popup_select_snippet_tag"][data-selected_tag_id="1"]:after { border-color: var(--color-gray-l); } .with_snippets .cols td [data-top-popup="#popup_select_snippet_tag"][data-selected_tag_id="2"]:after { content: ""; color: var(--color-bg-negative-1); } .with_snippets .cols td [data-top-popup="#popup_select_snippet_tag"][data-selected_tag_id="7"]:after { content: ""; color: var(--color-bg-positive-1); } #popup_select_snippet_tag { } #popup_select_snippet_tag .top-popup { min-width: 0; } #popup_select_snippet_tag .top-popup [class*=icon] { color: #BEC4C8 !important; font-size: 16px; } #popup_select_snippet_tag .top-popup [class*=icon][data-tag_id="2"] { color: var(--color-bg-negative-1) !important; } #popup_select_snippet_tag .top-popup [class*=icon][data-tag_id="7"] { color: var(--color-bg-positive-1) !important; } #search_form { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); border: 1px solid var(--color-gray-l); border-top: none; background: #ECF0F1; padding: 12px; position: fixed; top: -62px; right: 62px; z-index: 120; display: flex; align-items: center; } #search_form .loading { width: 0; margin-right: 10px; display: none; } #search_form .loading.is_loading { display: inline-block; } #search_form .input { border-radius: 0; width: 180px; position: relative; } #search_form .input input { outline: none; border: 1px solid #c6c6c6; width: calc(100% - 54px); height: 30px; padding: 0px 50px 0px 4px; } #search_form .input .counter { background: #FFF; padding: 7px 10px 0 5px; color: var(--color-gray-l); display: none; position: absolute; top: 1px; right: 1px; } #search_form [class*=btn] { border-radius: 0; border-left: none !important; width: 30px; height: 30px; text-align: center; line-height: 30px; } #search_form .close { width: 20px; height: 32px; margin-left: 5px; text-align: center; color: var(--color-gray-l); font-size: 22px; line-height: 32px; } #group_sort_menu_dyn .sorter:before, #group_sort_menu_dyn .sorter:after { content: ""; } #dynamics_table .body .hcol tr.searched td.phrase { background: #E3F1DD; } #dynamics_table .body .hcol tr.searched-active td.phrase { background: #C6E2BA; animation: searched-active 0.4s ease-in; } .dialog_guestLinkSettings_body { display: flex; flex-direction: column; } @keyframes searched-active { 0% { outline: 8px solid rgba(198, 226, 186, 0.7); } 100% { outline: 0 solid rgba(69, 160, 22, 0); } } @media only screen and (min-width: 1300px) and (max-width: 1710px) { .popup_selectorPeriod { margin-left: 160px; transform: translateX(60px); } } html[data-mod="project"][data-submod="settings" ] { --body-background-color: var(--color-layout-front-1); } body #second_panel > div { width: 1055px; } body #second_panel h1 { } #project_edit { max-width: 1000px; } #project_edit > i { margin: 0 15px; } #project_edit .form { } #project_edit ol { color: #666; font-weight: bold; } #project_edit ol > li { padding-bottom: 20px; } #project_edit ol ol { color: #888; font-style: italic; font-weight: normal; } #project_edit ol p { color: #888; font-weight: normal; } #project_edit ol ol > li { padding: 5px 0; } #project_edit textarea { width: 455px; resize: vertical; } #project_edit .schedule .settings { white-space: normal !important; } #project_edit .schedule .report_settings .settings [name*="format[]"]:checked:nth-child(2) ~ .pdf_settings { display: block; } #project_config .projectsSearcherApp { max-width: 600px; } #project_edit #project_tpa_broker, #project_edit #project_tpa_search { max-width: 900px; padding-bottom: var(--top-padding-5); } [aria-describedby="win_project_competitors"].top-dialog-native.me-tightly, [aria-describedby="win_project_competitors"].ui-dialog.me-tightly { border-radius: 0; top: 0 !important; bottom: 0 !important; overflow-y: auto; } #project_competitors { } #project_competitors table { width: 100%; border-collapse: separate; } #project_competitors table tbody { border: none !important; } #project_competitors table td { border: 1px solid #D1D6D8; border-top: none; width: inherit; position: relative; } #project_competitors table thead td { height: 30px; } #project_competitors table thead tr:first-child td { border-top: 1px solid #D1D6D8; } #project_competitors table tbody td { vertical-align: middle; word-break: break-all; height: 42px; } #project_competitors table .icon-trash { color: #3E5771; position: absolute; left: 10px; top: 14px; opacity: 0.8; } #project_competitors table .icon-trash:hover { opacity: 1; } #project_competitors .price { margin-left: 10px; font-weight: bold; display: none; } #project_competitors .price .icon-warning { color: var(--color-text-4); margin-right: 5px; } #project_competitors tr .site { margin: 5px 0 0 25px; } #project_competitors tr .site a { font-size: 13px; color: var(--color-text-3); text-decoration: none; } #project_competitors tr .name { cursor: pointer; height: 18px; padding: 2px 0 0 25px; } #project_competitors tr .name span { font-size: 14px; } #project_competitors tr .name-edit { display: none; height: 18px; padding: 3px; margin: -3px -3px -3px calc(25px - 3px - 1px); width: 86%; } #project_competitors tr .top-checkboxSwitcher { padding: 0; position: absolute; right: 10px; top: 10px; } #project_competitors tr .top-checkboxSwitcher_input:checked { background-color: var(--color-mint-600); } #project_competitors tr.disabled { opacity: 0.5; } #project_competitors .ui-sortable-placeholder { height: 37px; visibility: visible !important; border: 1px solid #D1D6D8;} #project_competitors .ui-sortable-placeholder td { background: #C7D7DE !important; } #add_competitor_wrapper { margin: 0 0 16px 0; height: 32px; position: relative; z-index: 1; } #add_competitor { width: 100%; position: absolute; } #add_competitor textarea { width: calc(100% - 20px - 2px); height: 20px; line-height: 20px; resize: none; } #add_competitor .go { border-radius: 0 3px 3px 0; position: absolute; bottom: 0; right: 0; } #add_competitor .open_file_wrapper { min-width: 0; position: absolute; top: 1px; right: 35px; opacity: 0.8; } #add_competitor .open_file_wrapper:hover { opacity: 1; } #add_competitor .open_file_wrapper .filename { display: none; } #add_competitor .open_file_wrapper { top: auto; bottom: 1px; } #add_competitor .open_file_wrapper .browse { width: 35px; overflow: hidden; } #add_competitor .open_file_wrapper .drag_over_block { right: -20px; } #settings_searchers_advanced > i { margin: 0 0 12px 0; } #settings_searchers_advanced > i .top-select { width: 70%; } #project_interval_volumes{ } #project_interval_volumes .searchers{ } #project_interval_volumes .searcher{ } #project_interval_volumes .searcher .header{ font-weight: 600; } #project_interval_volumes .searcher .header i{ margin-left: 10px; font-weight: normal; float: right; } #project_interval_volumes .searcher .types{ margin: 14px 0; display: flex; white-space: nowrap; } #project_interval_volumes .searcher .types > i{ cursor: pointer; border: 1px solid #DBE6EE; width: 20%; margin-right: -1px; text-align: center; line-height: 30px; } #project_interval_volumes .searcher .types > i:hover{ background: #D5F1FC; } #project_interval_volumes .searcher .types > i.active{ background: var(--color-cyan); border-color: transparent; color: #FFF; position: relative; } #project_interval_volumes .searcher .types > i:first-child{ border-radius: 16px 0 0 16px; } #project_interval_volumes .searcher .types > i:last-child{ border-radius: 0 16px 16px 0; } #project_interval_volumes .searcher .regions{ border: 1px solid var(--color-line-2); border-right: none; border-left: none; background: #F9FAFA; padding: 0 10px; margin: 14px -16px; } #project_interval_volumes .searcher .regions .region{ border-bottom: 1px solid #E2E7EB; padding: 6px 3px; display: flex; } #project_interval_volumes .searcher .regions .region:last-child{ border-bottom: none; } #project_interval_volumes .searcher .regions .region .flag{ width: 21px; height: 14px; margin: 0 10px 0 5px; } #project_interval_volumes .searcher .regions .region .name{ width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #project_interval_volumes .searcher .regions .region .top-checkboxSwitcher{ padding: 0; margin-left: auto; } #project_interval_urls_updater{ } #project_interval_urls_updater .settings{ } #project_interval_urls_updater .setting{ cursor: pointer; margin-bottom: 20px; position: relative; } #project_interval_urls_updater .setting:last-child{ margin-bottom: 0; } #project_interval_urls_updater .setting .title{ margin-bottom: 10px; } #project_interval_urls_updater .setting [class*=icon]{ margin: 0 3px 0 0; vertical-align: baseline; } #project_interval_urls_updater .link_sitemap_xml{ position: relative; } #project_interval_urls_updater .link_sitemap_xml input{ height: 30px; } #project_interval_urls_updater .link_sitemap_xml input[name="link_sitemap_xml"]{ width: 100%; padding-right: 130px; } #project_interval_urls_updater .link_sitemap_xml.focused input[name="link_sitemap_xml"]{ border: 1px solid var(--color-mint-600); } #project_interval_urls_updater .link_sitemap_xml input[name="max_urls_count"]{ border-radius: 0; border: none; border-left: 1px dashed #CCC; background: transparent; width: 93px; padding: 6px 10px 5px 40px; font-size: 12px; font-weight: 600; position: absolute; top: 0; right: 30px; } #project_interval_urls_updater .link_sitemap_xml:before{ pointer-events: none; content: 'MAX'; font-size: 12px; display: block; position: absolute; top: 9px; right: 90px; z-index: 1; } #project_interval_urls_updater .regexp{ cursor: text; border-radius: 5px; border: 1px solid #CCC; padding: 5px 10px; margin: 10px 0 0 0; color: #555; line-height: 20px; word-break: break-all; display: none; position: relative; } #project_interval_urls_updater .regexp:not(:empty){ padding-right: 42px; } #project_interval_urls_updater .regexp:focus{ border-radius: 5px 0 0 5px; border-color: var(--color-mint-600); margin-right: 32px; } #project_interval_urls_updater .top-checkbox.top-active + .regexp{ display: block; } #project_interval_urls_updater .link_sitemap_xml:after, #project_interval_urls_updater .regexp:after{ content: '\6f'; border-radius: 0 4px 4px 0; width: 31px; line-height: 32px; font-family: 'Topvisor'; text-align: center; display: none; position: absolute; top:0; right: 0; bottom: 0; } #project_interval_urls_updater .link_sitemap_xml:not(.empty):after, #project_interval_urls_updater .regexp:not(:empty):after{ color: var(--color-mint-600); display: block; } #project_interval_urls_updater .link_sitemap_xml.focused:after, #project_interval_urls_updater .regexp:focus:after{ cursor: pointer; background: var(--color-mint-600); color: #fff; display: block; } #project_interval_urls_updater .regexp:focus:after{ pointer-events: none; top: -1px; right: -32px; bottom: -1px; }#project_menu { } #project_menu .site { margin-right: 20px; line-height: 30px; } #project_menu a.active { cursor: none; } h1 [class^="icon-"], h1 [class*=" icon-"] { margin: -3px 0 0 5px; font-size: 16px; transition: none; } h1 .icon-back-arrow { margin-top: -10px; color: var(--color-mint-550); font-size: 20px; transition: none; } h1 .icon-back-arrow:hover { color: var(--color-mint-650); } #bar { box-shadow: #BAC5C9 0 0 8px; border-bottom: 1px solid var(--color-text-4); background: #ECF0F1; margin-bottom: 0; } #bar.dynamics_bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--top-gap-1); } html[data-mod="project"][data-submod="dynamics"] #bar.dynamics_bar { flex-direction: column; align-items: flex-start; } #bar label.select, #bar div.select, #bar a.btn { min-height: 0; margin-bottom: 0; } #bar .process { min-width: 32px; height: 32px; color: #FFF; text-align: center; position: relative; z-index: 1; display: inline-block; float: left; } #bar .process .project_update_ok { background: url('../controller/file/index__q89f4d37347.png') center no-repeat; background-size: 32px 32px; width: 100%; height: 100%; display: none; z-index: 1000; position: absolute; } #bar .process .project_update_wait { background: url('../controller/file/index__q62551e15c6.png') center no-repeat; background-size: 32px 32px; width: 100%; height: 100%; display: none; position: absolute; z-index: 2; } #bar .process .project_update_process { background: url('../controller/file/index__q8203c19421.gif') center no-repeat; background-size: 32px 32px; width: 100%; height: 100%; line-height: 32px; display: none; } #bar .process .project_update_go { background: url('../controller/file/index__q97aac53813.png') center no-repeat; background-size: 32px 32px; width: 100%; height: 100%; padding: 0; display: block; } #bar .process .project_update_go.status1, #bar .process .project_update_go.status2, #bar:not(.dynamics_bar_audit) .process .project_update_go.status3 { display: none; } #bar .process .topProjectsCheckButton-color_green { --top-button-background-color: var(--color-mint-600); border-radius: 4px; width: 32px; min-width: auto; } #bar .topProjectsCheckButton-color_green .top-only-mobile { display: none; } #bar .process .topProjectsCheckButton .top-ellipsis { overflow: visible; } #second_panel { border-bottom: 1px solid var(--color-text-4); margin-bottom: -1px; } #second_panel table { width: 100%; } #second_panel td { vertical-align: top; } #second_panel td { padding: 0; } #second_panel h1 { padding: 0 10px; font-size: 24px; font-weight: normal; line-height: 57px; white-space: nowrap; } #second_panel .menu { border-left: 1px solid #ECF0F1; margin: 0; font-size: 16px; font-weight: 600; list-style: none; position: relative; } #second_panel .menu li { border-right: 1px solid #ECF0F1; display: block; float: left; } #second_panel .menu a { padding: 18px 14px 15px 14px; color: #94A5A6; line-height: 24px; text-decoration: none; display: block; } #second_panel .menu li:hover a, #second_panel .menu li.active a { color: #364B5F; } #second_panel .menu li.active a { border-top: 4px solid var(--color-mint-600); padding-top: 14px; } #second_panel .menu li [class*=icon] { font-size: 14px; margin-top: -3px; margin-right: 6px; } #second_panel .menu li:hover [class*=icon], #second_panel .menu li.active [class*=icon] { color: var(--color-mint-600); } #second_panel .submenu { border-top: 1px solid var(--color-text-4); background: var(--color-cyan-ll); height: 32px; font-size: 13px; position: relative; } #second_panel .submenu .el { display: none; } #second_panel .submenu .el.active { display: block; } #second_panel .submenu a { padding: 10px 10px 8px 10px; color: var(--color-blue-dd); line-height: 14px; text-decoration: none; display: inline-block; } #second_panel .submenu a:first-child { padding-left: 14px; } #second_panel .submenu a:hover, #second_panel .submenu a.active { color: var(--color-mint-600); } #second_panel .submenu a.active { border-bottom: 2px solid var(--color-mint-600); padding-bottom: 6px; } #popup_keywords_target .top-popup, #popup_view_group_target .top-popup { width: 500px; text-align: left; } #popup_keywords_target .relevant_url { position: relative; } #popup_keywords_target .use_relevant { cursor: pointer; background: #FFF; color: var(--color-cyan); position: absolute; top: 24px; right: 8px; display: none; opacity: 0; } #popup_keywords_target .top-input-relevant_url:hover + .use_relevant, #popup_keywords_target .use_relevant:hover { opacity: 1; } #popup_keywords_target [data-action="open_win_target_and_relevants"] { font-size: 12px; text-align: right; display: block; } #win_target_and_relevants { min-width: 600px; } #win_target_and_relevants .modal-body { flex-grow: 1; } #win_target_and_relevants [data-for_status] { color: var(--color-text-3); } #win_target_and_relevants [data-for_status] [class*="icon"] { margin: 0 6px 0 0; } #win_target_and_relevants [data-for_status="0"] [class*="icon"] { color: var(--color-bg-negative-1); } #win_target_and_relevants [data-for_status="1"] [class*="icon"] { color: var(--color-cyan); } #table_relevants { height: calc(100% - 124px + 10px);margin-bottom: -10px; } #table_relevants .selecter_dates { margin: 0 0 0 auto; } @media only screen and (min-width: 900px) { #win_target_and_relevants { height: 600px !important; } }