/* * --------------------------------------------------------------------- * - VISUAL MAPS - * --------------------------------------------------------------------- */ div.external-visual-console-container { width: 100%; overflow-x: auto; overflow-y: hidden; } div#vc-controls { position: fixed; top: 30px; right: 20px; width: 350px; background-color: #ececec; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px; border-radius: 3px; } div#vc-controls div#menu_tab { margin: 0px; } div#vc-controls ul.white-box-content { background-color: #ececec; border: 0px; } div#vc-controls div.vc-title, div#vc-controls div.vc-refr { margin-top: 15px; margin-left: 3px; margin-right: 3px; } div#vc-controls div.vc-refr > div { display: inline; } div#vc-controls div.vc-title-meta, div#vc-controls div.vc-refr-meta { margin-top: 5px; margin-left: 3px; margin-right: 3px; } div#vc-controls div.vc-refr-meta > div { display: inline; } div#vc-controls img.vc-qr { margin-top: 12px; margin-left: 8px; margin-right: 8px; } #menu_tab_frame_view { margin-bottom: 0px; } #edit-vc { display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; } .visual-console-edit-controls { flex: 1; display: flex; justify-content: space-between; margin: 1em 0; } .visual-console-edit-controls > span { margin: 4px; } .visual-console-copy-delete { margin-right: 20px; display: flex; } #edit-vc label { flex: inherit; } input.vs_button_ghost { background-color: transparent; border: 1px solid #82b92e; color: #82b92e; text-align: center; padding: 4px 12px; font-weight: bold; } #toolbox #auto_save { padding-top: 5px; } #toolbox { margin-top: 13px; } div#editor div#toolbox input.visual_editor_button_toolbox, div#edit-controls input.visual_editor_button_toolbox, div#edit-controls > div.toolbox-buttons button, div#edit-controls > div.visual-console-copy-delete button { padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border: none; border-bottom: 3px solid transparent; padding-left: 20px; border-radius: initial; } div#edit-controls > div.toolbox-buttons button, div#edit-controls > div.visual-console-copy-delete button { margin-left: 2px; vertical-align: middle; } div#edit-controls button.sub:hover, div#edit-controls input.sub:hover { border: 0px; border-bottom: 3px solid #82b92e; } div#edit-controls button.sub[disabled], div#edit-controls input.sub[disabled] { border-color: transparent; } input.delete_min, button.delete_min { background: url(../../images/cross.png) no-repeat center; } input.delete_min[disabled], button.delete_min[disabled] { background: url(../../images/cross.disabled.png) no-repeat center; } input.delete_min_white, button.delete_min_white { background: url(../../images/cross.disabled.png) no-repeat center; } input.delete_min_white[disabled], button.delete_min_white[disabled] { background: url(../../images/cross.png) no-repeat center; } input.graph_min, button.graph_min { background: url(../../images/chart_curve.png) no-repeat center; } input.graph_min[disabled], button.graph_min[disabled] { background: url(../../images/chart_curve.disabled.png) no-repeat center; } input.graph_min_white, button.graph_min_white { background: url(../../images/chart_curve.disabled.png) no-repeat center; } input.graph_min_white[disabled], button.graph_min_white[disabled] { background: url(../../images/chart_curve.png) no-repeat center; } input.bars_graph_min, button.bars_graph_min { background: url(../../images/icono-barras-arriba.png) no-repeat center; } input.bars_graph_min[disabled], button.bars_graph_min[disabled] { background: url(../../images/icono-barras-arriba.disabled.png) no-repeat center; } input.bars_graph_min_white, button.bars_graph_min_white { background: url(../../images/icono-barras-arriba.disabled.png) no-repeat center; } input.bars_graph_min_white[disabled], button.bars_graph_min_white[disabled] { background: url(../../images/icono-barras-arriba.png) no-repeat center; } input.percentile_min, button.percentile_min { background: url(../../images/chart_bar.png) no-repeat center; } input.percentile_min[disabled], button.percentile_min[disabled] { background: url(../../images/chart_bar.disabled.png) no-repeat center; } input.percentile_min_white, button.percentile_min_white { background: url(../../images/chart_bar.disabled.png) no-repeat center; } input.percentile_min_white[disabled], button.percentile_min_white[disabled] { background: url(../../images/chart_bar.png) no-repeat center; } input.percentile_item_min, button.percentile_item_min { background: url(../../images/percentile_item.png) no-repeat center; } input.percentile_item_min[disabled], button.percentile_item_min[disabled] { background: url(../../images/percentile_item.disabled.png) no-repeat center; } input.percentile_item_min_white, button.percentile_item_min_white { background: url(../../images/percentile_item.disabled.png) no-repeat center; } input.percentile_item_min_white[disabled], button.percentile_item_min_white[disabled] { background: url(../../images/percentile_item.png) no-repeat center; } input.auto_sla_graph_min, button.auto_sla_graph_min { background: url(../../images/auto_sla_graph.png) no-repeat center; } input.auto_sla_graph_min[disabled], button.auto_sla_graph_min[disabled] { background: url(../../images/auto_sla_graph.disabled.png) no-repeat center; } input.auto_sla_graph_min_white, button.auto_sla_graph_min_white { background: url(../../images/auto_sla_graph.disabled.png) no-repeat center; } input.auto_sla_graph_min_white[disabled], button.auto_sla_graph_min_white[disabled] { background: url(../../images/auto_sla_graph.png) no-repeat center; } input.donut_graph_min, button.donut_graph_min { background: url(../../images/icono-quesito.png) no-repeat center; } input.donut_graph_min[disabled], button.donut_graph_min[disabled] { background: url(../../images/icono-quesito.disabled.png) no-repeat center; } input.donut_graph_min_white, button.donut_graph_min_white { background: url(../../images/icono-quesito.disabled.png) no-repeat center; } input.donut_graph_min_white[disabled], button.donut_graph_min_white[disabled] { background: url(../../images/icono-quesito.png) no-repeat center; } input.binary_min, button.binary_min { background: url(../../images/binary.png) no-repeat center; } input.binary_min[disabled], button.binary_min[disabled] { background: url(../../images/binary.disabled.png) no-repeat center; } input.binary_min_white, button.binary_min_white { background: url(../../images/binary.disabled.png) no-repeat center; } input.binary_min_white[disabled], button.binary_min_white[disabled] { background: url(../../images/binary.png) no-repeat center; } input.camera_min, button.camera_min { background: url(../../images/camera.png) no-repeat center; } input.camera_min[disabled], button.camera_min[disabled] { background: url(../../images/camera.disabled.png) no-repeat center; } input.camera_min_white, button.camera_min_white { background: url(../../images/camera.disabled.png) no-repeat center; } input.camera_min_white[disabled], button.camera_min_white[disabled] { background: url(../../images/camera.png) no-repeat center; } input.config_min, button.config_min { background: url(../../images/config.png) no-repeat center; } input.config_min[disabled], button.config_min[disabled] { background: url(../../images/config.disabled.png) no-repeat center; } input.config_min_white, button.config_min_white { background: url(../../images/config.disabled.png) no-repeat center; } input.config_min_white[disabled], button.config_min_white[disabled] { background: url(../../images/config.png) no-repeat center; } input.label_min, button.label_min { background: url(../../images/tag_red.png) no-repeat center; } input.label_min[disabled], button.label_min[disabled] { background: url(../../images/tag_red.disabled.png) no-repeat center; } input.label_min_white, button.label_min_white { background: url(../../images/tag_red.disabled.png) no-repeat center; } input.label_min_white[disabled], button.label_min_white[disabled] { background: url(../../images/tag_red.png) no-repeat center; } input.icon_min, button.icon_min { background: url(../../images/photo.png) no-repeat center; } input.icon_min[disabled], button.icon_min[disabled] { background: url(../../images/photo.disabled.png) no-repeat center; } input.icon_min_white, button.icon_min_white { background: url(../../images/photo.disabled.png) no-repeat center; } input.icon_min_white[disabled], button.icon_min_white[disabled] { background: url(../../images/photo.png) no-repeat center; } input.clock_min, button.clock_min { background: url(../../images/clock-tab.png) no-repeat center; } input.clock_min[disabled], button.clock_min[disabled] { background: url(../../images/clock-tab.disabled.png) no-repeat center; } input.clock_min_white, button.clock_min_white { background: url(../../images/clock-tab.disabled.png) no-repeat center; } input.clock_min_white[disabled], button.clock_min_white[disabled] { background: url(../../images/clock-tab.png) no-repeat center; } input.box_item, button.box_item { background: url(../../images/box_item.png) no-repeat center; } input.box_item[disabled], button.box_item[disabled] { background: url(../../images/box_item.disabled.png) no-repeat center; } input.box_item_white, button.box_item_white { background: url(../../images/box_item.disabled.png) no-repeat center; } input.box_item_white[disabled], button.box_item_white[disabled] { background: url(../../images/box_item.png) no-repeat center; } input.line_item, button.line_item { background: url(../../images/line_item.png) no-repeat center; } input.line_item[disabled], button.line_item[disabled] { background: url(../../images/line_item.disabled.png) no-repeat center; } input.line_item_white, button.line_item_white { background: url(../../images/line_item.disabled.png) no-repeat center; } input.line_item_white[disabled], button.line_item_white[disabled] { background: url(../../images/line_item.png) no-repeat center; } input.copy_item, button.copy_item { background: url(../../images/copy_visualmap.png) no-repeat center; } input.copy_item[disabled], button.copy_item[disabled] { background: url(../../images/copy_visualmap.disabled.png) no-repeat center; } input.copy_item_white, button.copy_item_white { background: url(../../images/copy_visualmap.disabled.png) no-repeat center; } input.copy_item_white[disabled], button.copy_item_white[disabled] { background: url(../../images/copy_visualmap.png) no-repeat center; } input.grid_min, button.grid_min { background: url(../../images/grid.png) no-repeat center; } input.grid_min[disabled], button.grid_min[disabled] { background: url(../../images/grid.disabled.png) no-repeat center; } input.grid_min_white, button.grid_min_white { background: url(../../images/grid.disabled.png) no-repeat center; } input.grid_min_white[disabled], button.grid_min_white[disabled] { background: url(../../images/grid.png) no-repeat center; } input.save_min, button.save_min { background: url(../../images/file.png) no-repeat center; } input.save_min[disabled], button.save_min[disabled] { background: url(../../images/file.disabled.png) no-repeat center; } input.save_min_white, button.save_min_white { background: url(../../images/file.disabled.png) no-repeat center; } input.save_min_white[disabled], button.save_min_white[disabled] { background: url(../../images/file.png) no-repeat center; } input.service_min, button.service_min { background: url(../../images/box.png) no-repeat center; } input.service_min[disabled], button.service_min[disabled] { background: url(../../images/box.disabled.png) no-repeat center; } input.service_min_white, button.service_min_white { background: url(../../images/box.disabled.png) no-repeat center; } input.service_min_white[disabled], button.service_min_white[disabled] { background: url(../../images/box.png) no-repeat center; } input.network_link_min, button.network_link_min { background: url(../../images/network_link_item.png) no-repeat center; } input.network_link_min[disabled], button.network_link_min[disabled] { background: url(../../images/network_link_item.disabled.png) no-repeat center; } input.network_link_min_white, button.network_link_min_white { background: url(../../images/network_link_item.disabled.png) no-repeat center; } input.network_link_min_white[disabled], button.network_link_min_white[disabled] { background: url(../../images/network_link_item.png) no-repeat center; } input.group_item_min, button.group_item_min { background: url(../../images/group_green.png) no-repeat center; } input.group_item_min[disabled], button.group_item_min[disabled] { background: url(../../images/group_green.disabled.png) no-repeat center; } input.group_item_min_white, button.group_item_min_white { background: url(../../images/group_green.disabled.png) no-repeat center; } input.group_item_min_white[disabled], button.group_item_min_white[disabled] { background: url(../../images/group_green.png) no-repeat center; } input.color_cloud_min, button.color_cloud_min { background: url(../../images/color_cloud_item.png) no-repeat center; } input.color_cloud_min[disabled], button.color_cloud_min[disabled] { background: url(../../images/color_cloud_item.disabled.png) no-repeat center; } input.color_cloud_min_white, button.color_cloud_min_white { background: url(../../images/color_cloud_item.disabled.png) no-repeat center; } input.color_cloud_min_white[disabled], button.color_cloud_min_white[disabled] { background: url(../../images/color_cloud_item.png) no-repeat center; } input.odometer_min, button.odometer_min { background: url(../../images/odometer.png) no-repeat center; } input.odometer_min[disabled], button.odometer_min[disabled] { background: url(../../images/odometer.disabled.png) no-repeat center; } input.odometer_min_white, button.odometer_min_white { background: url(../../images/odometer.disabled.png) no-repeat center; } input.odometer_min_white[disabled], button.odometer_min_white[disabled] { background: url(../../images/odometer.png) no-repeat center; } input.basic_chart_min, button.basic_chart_min { background: url(../../images/basic_chart.png) no-repeat center; } input.basic_chart_min[disabled], button.basic_chart_min[disabled] { background: url(../../images/basic_chart.disabled.png) no-repeat center; } input.basic_chart_min_white, button.basic_chart_min_white { background: url(../../images/basic_chart.disabled.png) no-repeat center; } input.basic_chart_min_white[disabled], button.basic_chart_min_white[disabled] { background: url(../../images/basic_chart.png) no-repeat center; } div#cont { position: fixed; max-height: 320px; overflow-y: auto; overflow-x: hidden; } div.label strong { color: inherit; } div.label strong span { color: inherit; } .zindex999 { z-index: 999; } .visual_font_size_4pt, .visual_font_size_4pt > em, .visual_font_size_4pt > strong, .visual_font_size_4pt > strong > span, .visual_font_size_4pt > span, .visual_font_size_4pt > strong > em, .visual_font_size_4pt > em > strong, .visual_font_size_4pt em span, .visual_font_size_4pt span em { font-size: 4pt; line-height: 4pt; } .visual_font_size_6pt, .visual_font_size_6pt > em, .visual_font_size_6pt > strong, .visual_font_size_6pt > strong > span, .visual_font_size_6pt > span, .visual_font_size_6pt > strong > em, .visual_font_size_6pt > em > strong, .visual_font_size_6pt em span, .visual_font_size_6pt span em { font-size: 6pt; line-height: 6pt; } .visual_font_size_8pt, .visual_font_size_8pt > em, .visual_font_size_8pt > strong, .visual_font_size_8pt > strong > span, .visual_font_size_8pt > span, .visual_font_size_8pt > strong > em, .visual_font_size_8pt > em > strong, .visual_font_size_8pt em span, .visual_font_size_8pt span em { font-size: 8pt; line-height: 8pt; } .visual_font_size_10pt, .visual_font_size_10pt > em, .visual_font_size_10pt > strong, .visual_font_size_10pt > strong > span, .visual_font_size_10pt > span, .visual_font_size_10pt > strong > em, .visual_font_size_10pt > em > strong, .visual_font_size_10pt em span, .visual_font_size_10pt span em { font-size: 10pt; line-height: 10pt; } .visual_font_size_12pt, .visual_font_size_12pt > em, .visual_font_size_12pt > strong, .visual_font_size_12pt > strong > span, .visual_font_size_12pt > span, .visual_font_size_12pt > strong > em, .visual_font_size_12pt > em > strong, .visual_font_size_12pt em span, .visual_font_size_12pt span em { font-size: 12pt; line-height: 12pt; } .visual_font_size_14pt, .visual_font_size_14pt > em, .visual_font_size_14pt > strong, .visual_font_size_14pt > strong > span, .visual_font_size_14pt > span, .visual_font_size_14pt > strong > em, .visual_font_size_14pt > em > strong, .visual_font_size_14pt em span, .visual_font_size_14pt span em { font-size: 14pt; line-height: 14pt; } .visual_font_size_18pt, .visual_font_size_18pt > em, .visual_font_size_18pt > strong, .visual_font_size_18pt > strong > span, .visual_font_size_18pt > span, .visual_font_size_18pt > strong > em, .visual_font_size_18pt > em > strong, .visual_font_size_18pt em span, .visual_font_size_18pt span em { font-size: 18pt; line-height: 18pt; } .visual_font_size_24pt, .visual_font_size_24pt > em, .visual_font_size_24pt > strong, .visual_font_size_24pt > strong > span, .visual_font_size_24pt > span, .visual_font_size_24pt > strong > em, .visual_font_size_24pt > em > strong, .visual_font_size_24pt em span, .visual_font_size_24pt span em { font-size: 24pt; line-height: 24pt; } .visual_font_size_28pt, .visual_font_size_28pt > em, .visual_font_size_28pt > strong, .visual_font_size_28pt > strong > span, .visual_font_size_28pt > span, .visual_font_size_28pt > strong > em, .visual_font_size_28pt > em > strong, .visual_font_size_28pt em span, .visual_font_size_28pt span em { font-size: 28pt; line-height: 28pt; } .visual_font_size_36pt, .visual_font_size_36pt > em, .visual_font_size_36pt > strong, .visual_font_size_36pt > strong > span, .visual_font_size_36pt > span, .visual_font_size_36pt > strong > em, .visual_font_size_36pt > em > strong, .visual_font_size_36pt em span, .visual_font_size_36pt span em { font-size: 36pt; line-height: 36pt; } .visual_font_size_48pt, .visual_font_size_48pt > em, .visual_font_size_48pt > strong, .visual_font_size_48pt > strong > span, .visual_font_size_48pt > span, .visual_font_size_48pt > strong > em, .visual_font_size_48pt > em > strong, .visual_font_size_48pt em span, .visual_font_size_48pt span em { font-size: 48pt; line-height: 48pt; } .visual_font_size_60pt, .visual_font_size_60pt > em, .visual_font_size_60pt > strong, .visual_font_size_60pt > strong > span, .visual_font_size_60pt > span, .visual_font_size_60pt > strong > em, .visual_font_size_60pt > em > strong, .visual_font_size_60pt em span, .visual_font_size_60pt span em { font-size: 60pt; line-height: 60pt; } .visual_font_size_72pt, .visual_font_size_72pt > em, .visual_font_size_72pt > strong, .visual_font_size_72pt > strong > span, .visual_font_size_72pt > span, .visual_font_size_72pt > strong > em, .visual_font_size_72pt > em > strong, .visual_font_size_72pt em span, .visual_font_size_72pt span em { font-size: 72pt; line-height: 72pt; } .visual_font_size_84pt, .visual_font_size_84pt > em, .visual_font_size_84pt > strong, .visual_font_size_84pt > strong > span, .visual_font_size_84pt > span, .visual_font_size_84pt > strong > em, .visual_font_size_84pt > em > strong, .visual_font_size_84pt em span, .visual_font_size_84pt span em { font-size: 84pt; line-height: 84pt; } .visual_font_size_96pt, .visual_font_size_96pt > em, .visual_font_size_96pt > strong, .visual_font_size_96pt > strong > span, .visual_font_size_96pt > span, .visual_font_size_96pt > strong > em, .visual_font_size_96pt > em > strong, .visual_font_size_96pt em span, .visual_font_size_96pt span em { font-size: 96pt; line-height: 96pt; } .visual_font_size_116pt, .visual_font_size_116pt > em, .visual_font_size_116pt > strong, .visual_font_size_116pt > strong > span, .visual_font_size_116pt > span, .visual_font_size_116pt > strong > em, .visual_font_size_116pt > em > strong, .visual_font_size_116pt em span, .visual_font_size_116pt span em { font-size: 116pt; line-height: 116pt; } .visual_font_size_128pt, .visual_font_size_128pt > em, .visual_font_size_128pt > strong, .visual_font_size_128pt > strong > span, .visual_font_size_128pt > span, .visual_font_size_128pt > strong > em, .visual_font_size_128pt > em > strong, .visual_font_size_128pt em span, .visual_font_size_128pt span em { font-size: 128pt; line-height: 128pt; } .visual_font_size_140pt, .visual_font_size_140pt > em, .visual_font_size_140pt > strong, .visual_font_size_140pt > strong > span, .visual_font_size_140pt > span, .visual_font_size_140pt > strong > em, .visual_font_size_140pt > em > strong, .visual_font_size_140pt em span, .visual_font_size_140pt span em { font-size: 140pt; line-height: 140pt; } .visual_font_size_154pt, .visual_font_size_154pt > em, .visual_font_size_154pt > strong, .visual_font_size_154pt > strong > span, .visual_font_size_154pt > span, .visual_font_size_154pt > strong > em, .visual_font_size_154pt > em > strong, .visual_font_size_154pt em span, .visual_font_size_154pt span em { font-size: 154pt; line-height: 154pt; } .visual_font_size_196pt, .visual_font_size_196pt > em, .visual_font_size_196pt > strong, .visual_font_size_196pt > strong > span, .visual_font_size_196pt > span, .visual_font_size_196pt > strong > em, .visual_font_size_196pt > em > strong, .visual_font_size_196pt em span, .visual_font_size_196pt span em { font-size: 196pt; line-height: 196pt; } .resize_visual_font_size_8pt, .resize_visual_font_size_8pt > em, .resize_visual_font_size_8pt > strong, .resize_visual_font_size_8pt > strong > span, .resize_visual_font_size_8pt > span, .resize_visual_font_size_8pt > strong > em, .resize_visual_font_size_8pt > em > strong, .visual_font_size_8pt em span, .visual_font_size_8pt span em { font-size: 4pt; line-height: 4pt; } .resize_visual_font_size_14pt, .resize_visual_font_size_14pt > em, .resize_visual_font_size_14pt > strong, .resize_visual_font_size_14pt > strong > span, .resize_visual_font_size_14pt > span, .resize_visual_font_size_14pt > strong > em, .resize_visual_font_size_14pt > em > strong, .visual_font_size_14pt em span, .visual_font_size_14pt span em { font-size: 7pt; line-height: 7pt; } .resize_visual_font_size_24pt, .resize_visual_font_size_24pt > em, .resize_visual_font_size_24pt > strong, .resize_visual_font_size_24pt > strong > span, .resize_visual_font_size_24pt > span, .resize_visual_font_size_24pt > strong > em, .resize_visual_font_size_24pt > em > strong, .visual_font_size_14pt em span, .visual_font_size_14pt span em { font-size: 12pt; line-height: 12pt; } .resize_visual_font_size_36pt, .resize_visual_font_size_36pt > em, .resize_visual_font_size_36pt > strong, .resize_visual_font_size_36pt > strong > span, .resize_visual_font_size_36pt > span, .resize_visual_font_size_36pt > strong > em, .resize_visual_font_size_36pt > em > strong, .visual_font_size_36pt em span, .visual_font_size_36pt span em { font-size: 18pt; line-height: 18pt; } .resize_visual_font_size_72pt, .resize_visual_font_size_72pt > em, .resize_visual_font_size_72pt > strong, .resize_visual_font_size_72pt > strong > span, .resize_visual_font_size_72pt > span, .resize_visual_font_size_72pt > strong > em, .resize_visual_font_size_72pt > em > strong, .visual_font_size_72pt em span, .visual_font_size_72pt span em { font-size: 36pt; line-height: 36pt; }