:root { --blueColor: #3DB4D3; --foregroundColor: #34373A; --foregroundColorLight: #FFFFFF; --foregroundColorDark: #34373A; } .highcharts-scrolling .ps__rail-x { bottom: 0px !important; } .hiddenTabWrongParent { display: none !important; } .hiddenTabScroll { width: 0px !important; padding: 0 !important; margin: 0 !important; visibility: hidden; transition: width 0.2s,padding 0.2s,margin 0.2s; } .hiddenTabScroll_temp { visibility: hidden !important; } .DashboardBoxes { text-align: center; list-style-type: none; margin: 0; padding: 0; display: none; margin-top: 50px !important; display: flex; flex-wrap: wrap; max-width: 1620px; } .views_wrapper { overflow: hidden; border-radius: 3px; } .load_cover { height: 100%; width: 100%; background-color: #fff; } .DashboardArea { height: 100%; /*font-family: "Open Sans",Arial;*/ position: relative; font-size: 14px; text-align: center; color: var(--foregroundColor); background-color: var(--bcolor); } .DashboardTitle { padding: 14px 0px; color: #fff; font-size: 14px; background-repeat: no-repeat !important; } .DashboardTitle2 { font-size: 18px } .DashboardDeviceNameTitle { color: #363636; padding: 10px 0; position: relative; z-index: 3 } .DashboardArea.button_popup { height: 150px } .DashboardArea.button_popup .DashboardItemNameTitle { display: none } .DashboardArea.button_popup .DashboardTitle { height: 50px } /*.DashboardArea.button_popup .DashboardModified { top: 80% }*/ /*.DashboardArea.button_popup .DashboardModified { top: 80% }*/ .ui-dialog.btn_node_popup { width: 550px !important } #btn_node_popup { display: none /*must hide otherwise when enlarging widget downward it gets stuck*/ } [data-itemType="Slider"] .DashboardDeviceNameTitle, [data-itemType="Scheduler"] .DashboardDeviceNameTitle, [data-itemType="Cartesian Chart"] .DashboardDeviceNameTitle { border-bottom: 1px solid #d4d6da; font-size: 14px; margin-left: 0; height: 35px; } /*[data-itemType="Pie Chart"] .pie_title { padding-top: 10px; font-size: 16px; font-weight: 600; padding-bottom: 5px; }*/ [data-itemType="Slider"] .DashboardItemNameTitle, [data-itemType="Images"] .DashboardItemNameTitle, /*[data-itemType="Multi Choice"] .DashboardItemNameTitle { font-size: 16px; margin-left: 0; color: #949494; padding: 8px 0; }*/ /*[data-itemType="Data entry"] .DashboardItemNameTitle { font-size: 16px; margin-left: 0; color: #484848; padding: 0; height: 14px; background-color: #1aafd0; line-height: 38px; color: white; line-height: 14px; padding-top: 8px; padding-bottom: 8px; margin-top: 1px; }*/ [data-itemType="Gauge"] .highcharts-label { margin-top: 7px; } /*[data-itemType="Level"] .DashboardItemNameTitle { padding-bottom: 5px; }*/ [data-itemType="Level"] .highcharts-label { margin-top: 7px; } [data-itemType="Slider"] .DashboardModified { position: absolute; top: 78%; left: 50%; width: 100%; transform: translateX(-50%); color: #949494 } /*[data-itemType="Button"] .DashboardModified { position: absolute; left: 50%; width: 100%; transform: translateX(-50%); color: #949494; bottom: 0; margin-bottom: 15px; }*/ .longView .DashboardTitleLongView { color: black; font-size: 18px; background-repeat: no-repeat !important; float: left; width: 84%; padding: 10px; } [data-itemType="Slider"].longView .DashboardTitleLongView { width: 100%; position: relative; } /*[data-itemType="Button"].longView .DashboardTitleLongView { width: 100% }*/ [data-itemtype="Diagram Code"] h4 { font-size: unset; } .xDashboardStatus0, .DashboardStatus0 { background: #cccccc !important; } .xDashboardStatus1 { background: #33cc99; } .xDashboardStatus2 { background: #ffb900; } .xDashboardStatus3 { background: #fb3667; } .color_entire_widget, .color_entire_widget .DashboardDeviceNameTitle { color: white; } .DashboardDanger, .DashboardStatus3 { background: #fb3667 url('/dashboard/images/danger_tran.png') center left no-repeat; } .DashboardGood, .DashboardStatus1 { background: #33cc99 url('/dashboard/images/good_tran.png') center left no-repeat; } .longView .DashboardStatus1, .longView .DashboardStatus0, .longView .DashboardStatus2, .longView .DashboardStatus3 { height: 100%; width: 57px; background-position: 3px; float: right } .DashboardWarning, .DashboardStatus2 { background: #ffb900 url('/dashboard/images/warning_tran.png') center left no-repeat; } .monitorLongViewValue { float: right; font-size: 30px; } .DashboardValue { font-size: 31px; padding: 13px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .DashboardContent { position: absolute; left: 0; right: 0; top: 50% } /*.DashboardModified { }*/ .DashboardHighlight { border: 2px solid #d7d8dc; background-color: #f7f8fc; float: left; list-style-type: none; height: 160px; } [data-groupType="4"].DashboardArea, [data-groupType="5"].DashboardArea { /*height: 55px !important;*/ } /*[data-groupType="4"].DashboardArea .DashboardValue, [data-groupType="5"].DashboardArea .DashboardValue { display: none; }*/ #dialog, #bufferedZoneValueDialog, #fenceZoneValueDialog, #timeFrameDefinitionDialog, #fenceNameDialog { display: none; } .ui-dialog { top: 70px; padding: unset } .ui-dialog .ui-dialog-titlebar { padding: 0 -1em; font-size: 20px; font-weight: normal; color: #313133 } .chartSaveDialog .ui-dialog-content { font-size: 20px; } .ui-dialog.timeFrameDefinition { top: 155px !important; } /*[data-itemType="Button"] .DashboardTitle { background-color: #1aafd0; width: 90%; margin: auto; border-radius: 8px; cursor: pointer; padding: initial; margin-top: 10px; height: 151px; justify-content: center; display: flex; align-items: center; }*/ /*[data-itemType="Button"] .longViewDashboardTitle { background-color: #1aafd0; height: 36px; width: 145px; border-radius: 8px; cursor: pointer; float: right; margin-top: 5px; margin-right: 13px; color: white; padding: 5px; }*/ [data-itemType="Value"] .DashboardTitle, [data-itemType="Scheduler"] .DashboardTitle { color: #363636; height: 100%; padding-top: 23px; width: 100%; position: absolute; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); border-radius: 5px; cursor: pointer; } .DashboardSlider { width: 94%; position: absolute !important; right: 50%; top: 56%; transform: translateX(50%); background-color: #4c5560; height: 8px; } .longView .DashboardSlider { float: right; margin-top: 6px; top: 117%; } /*.DashboardSlider span, .ui-slider-handle { height: 30px !important; width: 30px !important; border-radius: 19px; background: #4c5560 !important; position: absolute; border: none !important; top: 50% !important; transform: translateX(-50%) translateY(-50%) !important; outline-color: transparent !important; }*/ .ui-slider-range { background: #4c5560; } /*[data-itemType="Map"] .DashboardTitle,*/ [data-itemType="Image Overlay"] .DashboardTitle, [data-itemType="Live Stream"] .DashboardTitle, [data-itemType="ML Chart"] .DashboardTitle, [data-itemType="Group Map"] .DashboardTitle, [data-itemType="Tabular Data"] .DashboardTitle { color: #363636; padding-top: 9px; } [data-itemType="Map"] .DashboardTitle, [data-itemType="Image Overlay"] .DashboardTitle, [data-itemType="Tabular Data"] .DashboardTitle { position: relative; } .editFenceOptions, .alert_more_options { position: absolute; background-color: white; opacity: 0.95; padding: 10px; text-align: left; display: none; border-radius: 3px; border: 2px solid #d1cfcf; border-radius: 5px; right: 0; } .editFenceOptions { margin-right: 90px; } .alert_more_options { margin-right: 70px; } /*.longView .editFenceOptions { border: 2px solid #d1cfcf; border-radius: 5px;}*/ .editFenceOptionsOnFullSize { position: absolute; background-color: white; opacity: 0.95; padding: 10px; text-align: left; display: none; border-radius: 3px; right: 0; margin-right: 41px; border: 2px solid #d1cfcf; border-radius: 5px; } .editFenceOption { padding: 10px; cursor: pointer; } .bufferZoneOnFullSize, .timeFrameOnFullSize, .removeLastFenceOnFullSize, .editFenceOnFullSize, .bufferZone, .removeLastFence, .editFence, .timeFrame { /*border-bottom: 1px solid grey;*/ } .bottomborder { border-bottom: 1px solid grey; } .editFenceOption .editFenceOptionHoverable:hover { color: #1aafd0 } .editFenceOption .addFence { float: left; } .editFenceOption .addFence:hover, .alert_more_options .alert_option:hover { color: #1aafd0 } .alert_more_options .alert_option { cursor: pointer } /*[data-itemType="Gauge"].longView .DashboardTitle { background-image: url(/images/longVieGaugeIcon.png); height: 100%; float: right; width: 51px; background-position-y: 17px; padding-top: 10px; }*/ /*[data-itemType="Level"].longView .DashboardTitle { background-image: url(/images/longVieGaugeIcon.png); height: 100%; float: right; width: 51px; background-position-y: 17px; padding-top: 10px; }*/ [data-itemType="Slider"] .DashboardTitle { padding-top: 1px; color: #363636; font-size: 16px; } [data-itemType="Scheduler"] .DashboardTitle span { color: #4c5560; } /*[data-itemType="Raw Data"] .DashboardTitle { background-color: #38424E; color: white; height: 35px; padding-top: 9px; }*/ /*[data-itemType="Tabular Data"] .DashboardTitle {background-color: #38424E;color: white;overflow: hidden;height: 35px;padding-top: 9px;}*/ [data-itemType="Raw Data"] .DashboardTitle .a, [data-itemType="Tabular Data"] .DashboardTitle .a, [data-itemType="Custom Table"] .DashboardTitle .a { float: left; margin-left: 15px; } [data-itemType="Raw Data"] .DashboardTitle .b, [data-itemType="Tabular Data"] .DashboardTitle .b, [data-itemType="Custom Table"] .DashboardTitle .b { float: right; font-size: 14px; padding-top: 1px; } [data-itemType="Raw Data"] .DashboardTitle .b input, [data-itemType="Tabular Data"] .DashboardTitle .b input, [data-itemType="Custom Table"] .DashboardTitle .b input { float: right; margin-right: 13px; font-size: 14px; border-radius: 3px; border: 1px solid; color: #4c5560; margin-left: 5px; margin-top: -4px; } [data-itemType="Raw Data"] .DashboardTitle .c { position: absolute; width: 50px !important; float: right !important; margin-right: 44px; right: 1px; margin-top: 4px !important; padding-bottom: 4px; width: 8px; /* z-index: 9999999; */ display: inline; display: inline; display: inline; } [data-itemType="Tabular Data"] .DashboardTitle .c { float: right; margin-right: 4px; right: 1px; margin-top: 4px !important; padding-bottom: 4px; width: 48px; } #digit_triangle { position: absolute; left: 50% } #slider_digit { width: 3.7em; height: 2.5em; /* top: -25%; */ margin-top: -0.7em; text-align: center; line-height: 2.3em; /* color: #4c5560; */ border-radius: 20px; background: #1aafd0; color: white; font-weight: normal; } .longView #slider_digit { width: 40px; height: 25px; margin-top: -0.3em; text-align: center; border-radius: 16px; background: #1aafd0; color: white; font-weight: normal; font-size: 16px; line-height: 1.5; } .preview-textfield { margin-top: -7px; margin-bottom: 17px; font-size: 16px; } .longView .preview-textfield { margin: 0; } .ui-widget-overlay { opacity: .8; background: #333333; } .ui-widget-header { background: #4c5560; border-color: #4c5560 } .ui-icon, .ui-widget-content .ui-icon { background: url(/js/jquery-ui/images/ui-icons_222222_256x240.png); background-position: -96px -128px; } /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #f6f6f6 url(/js/jquery-ui/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #4c5560; }*/ .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover { cursor: pointer; } #msgToClient { margin-left: 50px; color: #51575f; top: 125px; left: 0px; height: 0px; overflow-y: visible; } .DashboardArea .fa-arrows-alt, .DashboardArea .fa-ellipsis-h { font-size: 1.5em; float: right; padding-right: 15px; margin-top: 7px; z-index: 20; } .DashboardArea .value_info .fa-arrows-alt { font-size: unset; margin: unset; padding: unset; } [data-itemType="Button"] .fa, [data-itemType="Monitor"] .fa { color: white; } [data-itemType="Monitor"].longView .fa { color: #4c5560; } .itemEditMenuButton { float: right; height: 2em; width: 2.5em; cursor: pointer; } .DashboardArea .dropdown { height: 2em; width: 2.5em; float: right; z-index: 0; } .DashboardArea .dropdown-menu { padding: 6px; } .DashboardArea .dropdown-menu li { padding: 5px; cursor: pointer; } .DashboardArea .dropdown-menu li:hover { color: white; background-color: #4c5560; } .ui-dialog.fullSizeMap { width: 80% !important } .grid-stack > .grid-stack-item > .grid-stack-item-content { overflow: hidden; } .itemOverlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #51575f; opacity: 0; } /*.itemOverlay:hover { opacity: 0.8; transition: all 0.2s; }*/ [data-itemType="Map"] .itemOverlay, [data-itemType="Group Map"] .itemOverlay { padding: 6px; height: inherit } /*[data-itemType="Map"] .itemOverlay:hover, [data-itemType="Group Map"] .itemOverlay:hover { opacity: 1; }*/ [data-itemType="Scheduler"] .DashboardTitle .itemOverlay:hover, [data-itemType="Raw Data"] .DashboardTitle .itemOverlay:hover, [data-itemType="Tabular Data"] .DashboardTitle .itemOverlay:hover { opacity: 0; } .resizeItem { margin-right: 5px; width: 32px; height: 19px; float: right; cursor: pointer; } [data-itemType="Tabular Data"] .resizeItem { margin-right: 12px; margin-top: 2px; } .toLongView { background-image: url(/images/resizeItemIcon.png); } [data-itemType="Map"] .toLongView { background-image: url(/images/resizeItemIcon_large.png); } .toCompactView { background-image: url(/images/resizeItemIcon_compact.png); } .viewDetails { width: 17px; height: 17px; background-image: url(/images/new_design/expand.svg); opacity: 0; cursor: pointer; margin-right: 5px; } #RHS.EditWidgetPopupHidden .viewDetails { /* right: 10px;*/ } /*.viewDetails:hover { opacity: 1; }*/ .leftSide, .rightSide { width: 50%; float: left; height: 100% } .leftSide { padding: 10px; text-align: left; padding-left: 20px; position: relative } .monitorLongViewModified { font-size: 13px; color: #949494 } .monitorLongViewDeviceName { font-size: 18px; } [data-groupType="6"].DashboardArea { overflow: hidden !important; } [data-itemtype="Map"] .fa-arrows-alt, [data-itemtype="Map"] .fa-undo, [data-itemtype="Map"] .fa-ellipsis-h, [data-itemtype="Alert"] .fa-ellipsis-h, [data-itemtype="Group Map"] .fa-ellipsis-h { margin: 0; color: white; font-size: 21px; cursor: pointer; } [data-itemType="Raw Data"].compactView iframe, [data-itemType="Tabular Data"] iframe { /*margin-top: 20px*/ } /*[data-itemType="Link To"].DashboardArea { background-color: #1aafd0; }*/ .ui-widget-header .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png); } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png); } .ui-datepicker .ui-datepicker-next span { background-position: -33px -15px; } .ui-datepicker .ui-datepicker-prev span { background-position: -96px -15px } #ui-datepicker-div * { /*font-family: 'Open Sans',Arial*/ } #ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus, #ui-datepicker-div .ui-button:hover, #ui-datepicker-div .ui-button:focus { border: none; background: white; font-weight: normal; color: white; } #ui-datepicker-div th, #ui-datepicker-div td { width: 36px; height: 36px; } #ui-datepicker-div th a, #ui-datepicker-div td a, #ui-datepicker-div th a:hover, #ui-datepicker-div td a:hover { background-color: transparent; border: none; } #ui-datepicker-div td.ui-datepicker-current-day { border-radius: 18px; border-color: var(--c0); background-color: var(--c0); } #ui-datepicker-div td.ui-datepicker-current-day a { color: white; } #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default, #ui-datepicker-div .ui-button, html .ui-button.ui-state-disabled:hover, #ui-datepicker-div html .ui-button.ui-state-disabled:active { border: none; background: transparent; font-weight: normal; color: #2b2b2b; padding-right: 8px; } #ui-datepicker-div.custom-style-date-picker-only-time .btn-group.bootstrap-select { padding-right: 0; } #ui-datepicker-div .ui-widget-header { font-weight: normal; font-size: 15px; border-bottom: none; } #ui-datepicker-div.ui-datepicker th { font-weight: normal; color: #B5B5B5; } #ui-datepicker-div .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333 !important; } /*[data-itemtype="Alert"] .DashboardModified { margin-top: 10px }*/ [data-itemtype="Percentage"] .percentageValue { background-color: #7bc2d2; } [data-itemtype="Percentage"].wsizey1 .DashboardItemNameTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 15px; padding: 4px 5px 0px 5px; } /*[data-itemtype="Percentage"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Percentage"].wsizey3 .DashboardItemNameTitle { font: normal normal 14px/19px Open Sans; padding: 18px 5px 0px 5px; }*/ /*START title_indicator styles*/ .DashboardTitle { padding-left: 18px; } [data-itemtype="Map"] .DashboardTitle, [data-itemtype="Group Map"] .DashboardTitle { padding-left: 10px; padding-right: 10px; } .DashboardTitle .title_indicator { width: 28px; height: 35px; transition: 0.3s; position: absolute; color: white; top: 0px; left: 0px; font-size: 14px; line-height: 35px; text-align: left; padding-left: 8px; padding-right: 9px; overflow: hidden; text-align: center; } .DashboardTitle .title_indicator.c { background: #3f76ab; } .DashboardTitle .title_indicator.t { background: #5f97cb; } .DashboardTitle .title_indicator.r { background: #7eb6ea; } .DashboardTitle .title_indicator span:nth-child(2) { display: none } /*.DashboardTitle .title_indicator:hover span:nth-child(2) { display: inline } .DashboardTitle .title_indicator:hover span:nth-child(1) { display: none } [data-itemType="Custom Table"] .DashboardTitle .title_indicator:hover { width: 107px } [data-itemType="Tabular Data"] .DashboardTitle .title_indicator:hover { width: 103px } [data-itemType="Raw Data"] .DashboardTitle .title_indicator:hover { width: 80px }*/ /*END title_indicator styles*/ [data-itemType="Button"].wsizex1.wsizey1 .current_value { opacity: 0; } [data-itemType="Button"].wsizex1.wsizey1 .current_value1 { opacity: 0; } .DashboardArea.switchButton { position: relative } .DashboardButtonNode { height: 45px; width: 164px; } .DashboardButtonNode.switch { color: #FFFFFF; border-radius: 23px; top: 50%; transform: translate(0,-50%); position: relative; padding: 0; text-align: center; display: inline-block; width: 90%; } .DashboardButtonNode.button { color: #FFFFFF; border-radius: 5px; top: 50%; transform: translate(0,-50%); position: relative; padding: 0; text-align: center; display: inline-block; width: 90%; } /*control widgets*/ [data-itemType="Button"].wsizey1 .DashboardButtonNode, [data-itemType="Button"].wsizey2 .DashboardButtonNode { height: 35px; } /*[data-itemType="Button"].wsizey1 { padding-top: 7px; }*/ /*[data-itemType="Button"].wsizey1 .DashboardTitle { margin-top: 0px; }*/ /*[data-itemType="Button"].wsizey2 .DashboardDeviceNameTitle { display: none }*/ /*[data-itemType="Button"].wsizey2 .DashboardModified { display: none }*/ /*[data-itemType="Button"] .DashboardTitle.switch .switch_toggle.onValue {right:9%; } [data-itemType="Button"] .DashboardTitle.switch .switch_toggle.offValue {left:9%; }*/ [data-itemType="Button"] .DashboardButtonNode.switch .current_value { position: absolute; font-size: 31px; } [data-itemType="Button"] .DashboardButtonNode.switch .current_value1 { position: absolute; font-size: 31px; } /*[data-itemType="Button"] .DashboardTitle.switch .current_value.currOn { left:9%} [data-itemType="Button"] .DashboardTitle.switch .current_value.currOff { right:9%;} [data-itemType="Button"] .DashboardTitle.switchVertical .current_value.currOn { bottom:9%;left:initial} [data-itemType="Button"] .DashboardTitle.switchVertical .current_value.currOff { top:9%;right:initial} [data-itemType="Button"] .DashboardTitle.switchVertical .switch_toggle.onValue {top:9%; right:initial } [data-itemType="Button"] .DashboardTitle.switchVertical .switch_toggle.offValue {bottom:9%; left:initial}*/ /*[data-itemType="Images"] .DashboardItemNameTitle { background-color: #1aafd0; color: white;}*/ /*New design*/ [data-itemtype="HTML"] .DashboardContent { line-height: normal; top: auto; position: relative; text-align: -webkit-auto; height: 100%; } [data-itemtype="HTML"] .DashboardValue { color: #34373A; } div.DashboardArea[data-itemType="Value"], div.DashboardArea[data-itemType="Monitor"], div.DashboardArea[data-itemType="Alert"], div.DashboardArea[data-itemType="Link To"] { display: flex; flex-direction: row; border-radius: 3px; } [data-itemtype="Value"] .DashboardContent, [data-itemtype="Monitor"] .DashboardContent, [data-itemtype="Percentage"] .DashboardContent, [data-itemtype="Gauge"] .DashboardContent, [data-itemtype="Level"] .DashboardContent[data-itemtype="Level"] .DashboardContent, [data-itemtype="Alert"] .DashboardContent, [data-itemtype="Button"] .DashboardContent, [data-itemtype="Link To"] .DashboardContent, [data-itemtype="Data entry"] .DashboardContent, [data-itemtype="Live Stream"] .DashboardContent, [data-itemtype="Images"] .DashboardContent, [data-itemtype="ML Chart"] .DashboardContent, [data-itemtype="Multi Value"] .DashboardContent, [data-itemtype="Level"] .DashboardContent, [data-itemtype="AI Chatbot"] .DashboardContent { position: relative; left: 0; right: 0; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; top: 0; } [data-itemtype="Multi Choice"] .DashboardContent { position: relative; left: 0; right: 0; flex-grow: 1; top: 0; } .content-wrapper { height: 100%; flex-grow: 1; display: flex; flex-direction: column; min-width: 0; } [data-itemtype="HTML"] .DashboardValue { font-size: 14px; padding: 0; } [data-itemtype="HTML"] .DashboardValue p { margin: 0; } [data-itemtype="Value"] .DashboardValue, [data-itemtype="Monitor"] .DashboardValue, [data-itemtype="Multi Value"] .DashboardValue [data-itemtype="Multi Choice"] .DashboardValue { position: absolute; font-size: 30px; padding: 0px; color: var(--foregroundColor); top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100% } [data-itemtype="ML Chart"] .DashboardValue { position: absolute; top: 50%; transform: translate(0,-50%); width: 100%; height: 100%; padding: 7px 0 13px 0; } [data-itemtype="Live Stream"] .DashboardValue, [data-itemtype="AI Chatbot"] .DashboardValue { display: contents; } [data-itemtype="Live Stream"].wsizey2 .DashboardValue, [data-itemtype="ML Chart"].wsizey2 .DashboardValue { padding: 13px 0; } [data-itemtype="Alert"] .DashboardValue { position: absolute; font-size: 30px; padding: 0; color: var(--foregroundColor); top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100% } [data-itemtype="Alert"].wsizey1 .DashboardValue { font-size: 16px; padding-top: 3px; white-space: nowrap; text-overflow: ellipsis; } [data-itemtype="Alert"].wsizey2 .DashboardValue { font-size: 24px; white-space: nowrap; text-overflow: ellipsis; } [data-itemtype="Data entry"] .DashboardValue { position: absolute; padding: 0px; top: 50%; transform: translate(0,-50%); width: 100% } [data-itemtype="Monitor"] .DashboardModified, [data-itemtype="Percentage"] .DashboardModified, [data-itemtype="Gauge"] .DashboardModified, [data-itemtype="Level"] .DashboardModified, [data-itemtype="Alert"] .DashboardModified, [data-itemtype="Button"] .DashboardModified, [data-itemtype="Data entry"] .DashboardModified, [data-itemtype="Multi Value"] .DashboardModified { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: 13px; color: var(--foregroundColor); position: relative; text-align: center; width: 100%; margin-bottom: 10px; } [data-itemtype="Value"] .DashboardModified { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: 14px; color: var(--foregroundColor); position: relative; text-align: center; width: 100%; margin-bottom: 10px; } [data-itemtype="Images"] .DashboardModified { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: 14px; color: var(--foregroundColor); position: absolute; bottom: 0; text-align: center; width: 100%; margin-bottom: 10px; } .DashboardItemNameSubTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 17px; color: var(--foregroundColor); margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px 5px; } [data-itemtype="Gauge"] .DashboardItemNameSubTitlel, [data-itemtype="ML Chart"] .DashboardItemNameSubTitle { margin-top: 4px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 17px; color: var(--foregroundColor); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px 3px 5px; } [data-itemtype="Value"] .DashboardTrend, [data-itemtype="Monitor"] .DashboardTrend, [data-itemtype="Alert"] .DashboardTrend { position: absolute; display: none; width: 12px; height: 12px; background-repeat: no-repeat; right: -18px; top: 11px; } [data-itemtype="Scheduler"] .DashboardItemNameSubTitle { line-height: 30px; } /*Monitor*/ [data-itemtype="Monitor"] .DashboardShowLinkTo { top: 50% !important; position: absolute; transform: translateY(-50%); right: 0; height: unset; z-index: 1; } [data-itemtype="Monitor"] .icon-display { position: absolute; z-index: 200; } [data-itemtype="Monitor"] .icon-portraitMode { position: relative; font-size: 111px; padding: 0px; color: var(--foregroundColorLight); text-align: center; width: 100%; display: block; margin: 17px 0px 0px; } [data-itemtype="Monitor"].wsizey4 .icon-portraitMode { font-size: 50px; } [data-itemtype="Monitor"].wsizey5 .icon-portraitMode { font-size: 65px; } [data-itemtype="Monitor"].wsizey1 .viewDetails { margin-top: 2px; } [data-itemtype="Monitor"].wsizey1 .itemOverlay { height: 23px; } [data-itemtype="Monitor"].wsizex1.wsizey1 { background-image: none } [data-itemtype="Monitor"] .DashboardText { position: relative; bottom: 0; font-size: 21px; width: 100%; transform: translate(0,0); line-height: 22px; text-align: right; padding: 0px 9px 5px 9px; height: 30%; } [data-itemtype="Monitor"] .DashboardText span { height: 100%; display: block; } [data-itemtype="Monitor"].wsizey4 .DashboardText { font-size: 16px; } [data-itemtype="Monitor"].wsizey5 .DashboardText { font-size: 18px; margin-bottom: 5px; } .monitorLengthwise { font-size: 50px !important; } [data-itemtype="Monitor"].wsizey4 .monitorLengthwise { font-size: 30px !important; } .monitorLengthwise .valueWrapper { max-width: calc(100% - 17px) !important; } [data-itemtype="Images"] .image-eye { float: left; width: 18px; } /*[data-itemtype="Images"] .DashboardShowLinkTo { position: absolute; right: 0; } */ [data-itemtype="Live Stream"] iframe { width: 100% !important; } [data-itemtype="AI Chatbot"] iframe { height: 100% !important; width: 100% !important; } .gridster li .dot { height: 4px; width: 4px; background-color: #b5b5b5; border-radius: 50%; } .dot { height: 4px; width: 4px; background-color: #b5b5b5; border-radius: 50%; display: inline-block; margin-right: 1px; } .DashboardDeviceNameTitleHov { font-size: 10px; height: 16px; position: absolute; background: #EFEEEE 0% 0% no-repeat padding-box; border-radius: 3px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: 13px; color: #AFAFAF; margin: 2px 0px 0px 2px; padding: 0px 2px; opacity: 0; text-align: left; z-index: 200; float: left; white-space: nowrap; } .DeviceNameHov { width: 19px; height: 16px; z-index: 202; position: absolute; } .chartOptions { position: absolute; z-index: 1; top: 5px; display: flex; flex-direction: row-reverse; gap: 5px; right: 6px; align-items: center; } .images_wrapper .top_right_options { display: flex; flex-direction: row-reverse; margin-right: 5px; position: absolute; top: 7px; right: 0px; } #DashboardEyeWidgetPopUp { opacity: 0; cursor: pointer; z-index: 21; width: 18px; margin-right: 7px; } #RHS.EditWidgetPopupHidden #DashboardEyeWidgetPopUp { right: 4px; } .chartOptions #DashboardEditWidgetPopUp { position: static; } #DashboardEditWidgetPopUp { display: flex; align-items: center; gap: 3.5px; opacity: 0; cursor: pointer; z-index: 21; height: 20px; position: absolute; right: 0; } body.permission_level_400 #DashboardEditWidgetPopUp { display: none; } .chartOptions:hover > div, .chartOptions:hover > #DashboardEditWidgetPopUp, #DashboardEditWidgetPopUp:hover, #DashboardEyeWidgetPopUp:hover, #optionsWrapper:hover > div, .DeviceNameHov:hover + .DashboardDeviceNameTitleHov { opacity: 1 } #DashboardEditWidgetPopUp.cannot_edit_three_dots { display: none } /*[data-itemtype="Value"].wsizey1, [data-itemtype="Value"].wsizex2 { background-color: #fff; border-radius: 3px; }*/ [data-itemType="Alert"] #DashboardEditWidgetPopUp, [data-itemType="Cartesian Chart"] #DashboardEditWidgetPopUp, [data-itemType="Category Bar Chart"] #DashboardEditWidgetPopUp, [data-itemType="Gauge"] #DashboardEditWidgetPopUp, [data-itemType="HTML"] #DashboardEditWidgetPopUp, [data-itemType="Level"] #DashboardEditWidgetPopUp, [data-itemType="Link To"] #DashboardEditWidgetPopUp, [data-itemType="Monitor"] #DashboardEditWidgetPopUp, [data-itemType="Multi Value"] #DashboardEditWidgetPopUp, [data-itemType="Pareto Chart"] #DashboardEditWidgetPopUp, [data-itemType="Percentage"] #DashboardEditWidgetPopUp, [data-itemType="Polar Chart"] #DashboardEditWidgetPopUp, [data-itemType="Value"] #DashboardEditWidgetPopUp, [data-itemType="Waterfall Chart"] #DashboardEditWidgetPopUp { margin-right: 8px; } [data-itemType="Images"] #DashboardEditWidgetPopUp { position:static;right: auto} /*For controllers display upper then other widgets*/ [data-itemType="Multi Choice"] #DashboardEditWidgetPopUp, [data-itemType="Data entry"] #DashboardEditWidgetPopUp, [data-itemType="Button"] #DashboardEditWidgetPopUp { position: absolute; top: 1px; right: 6px; opacity: 0; cursor: pointer; z-index: 21; } [data-itemType="Multi Axes Chart"] #DashboardEditWidgetPopUp { opacity: 0; cursor: pointer; z-index: 21; } [data-itemType="Multi Choice"] #DashboardEditWidgetPopUp:hover, [data-itemType="Data entry"] #DashboardEditWidgetPopUp:hover, [data-itemType="Button"] #DashboardEditWidgetPopUp:hover { opacity: 1 } /*------------------------------*/ .DashboardItemNameTitle { width: 100%; margin: 0 auto; background-color: transparent; color: var(--foregroundColor); /* If color changed here then change below too */ white-space: nowrap; border-radius: 3px; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; font-style: normal; font-variant: normal; font-size: 16px; line-height: 22px; padding: 18px 5px 0px 5px; } [data-itemType="Value"] .DashboardItemNameTitle, [data-itemType="Monitor"] .DashboardItemNameTitle, [data-itemType="Percentage"] .DashboardItemNameTitle, [data-itemType="Level"] .DashboardItemNameTitle, [data-itemType="Alert"] .DashboardItemNameTitle, [data-itemType="Button"] .DashboardItemNameTitle, [data-itemType="Multi Choice"] .DashboardItemNameTitle, [data-itemType="Data entry"] .DashboardItemNameTitle, [data-itemType="Link To"] .DashboardItemNameTitle, [data-itemType="Live Stream"] .DashboardItemNameTitle, [data-itemType="ML Chart"] .DashboardItemNameTitle, [data-itemType="Line Chart"] .DashboardItemNameTitle, [data-itemType="Bar Chart"] .DashboardItemNameTitle, [data-itemType="Heat Map Chart"] .DashboardItemNameTitle, [data-itemType="Pie Chart"] .DashboardItemNameTitle, [data-itemType="Pareto Chart"] .DashboardItemNameTitle, [data-itemType="Cartesian Chart"] .DashboardItemNameTitle, [data-itemType="Multi Axes Chart"] .DashboardItemNameTitle, [data-itemType="Polar Chart"] .DashboardItemNameTitle, [data-itemType="Category Bar Chart"] .DashboardItemNameTitle, [data-itemType="Multi Value"] .DashboardItemNameTitle, [data-itemType="Map"] .DashboardTitle, [data-itemType="Weather Chart"] .DashboardItemNameTitle, [data-itemType="Timeline Chart"] .DashboardItemNameTitle, [data-itemType="HTML"] .DashboardItemNameTitle, [data-itemType="Diagram Code"] .DashboardItemNameTitle, [data-itemType="Heat Map Chart"] .DashboardItemNameTitle, [data-itemType="Waterfall Chart"] .DashboardItemNameTitle, [data-itemType="Sankey Chart"] .DashboardItemNameTitle, [data-itemtype="Form Builder"] .DashboardItemNameTitle { background-color: transparent; color: var(--foregroundColor); /* If color changed here then change below too */ white-space: nowrap; border-radius: 3px; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; font-style: normal; font-variant: normal; font-size: 16px; line-height: 22px; padding: 18px 5px 0px 5px; } [data-itemType="Monitor"] #monitor-hide-value .DashboardItemNameTitle { padding-top: 0px; } [data-itemType="Images"] .DashboardItemNameTitle { padding-top: 0px; } [data-itemType="Gauge"] .DashboardItemNameTitle { background-color: transparent; color: var(--foregroundColor); /* If color changed here then change below too */ white-space: nowrap; border-radius: 3px; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 22px; padding: 12px 5px 5px 5px; } /*[data-itemType="HTML"] .DashboardItemNameTitle { overflow: unset; }*/ [data-itemType="HTML"] .DashboardItemNameTitle { height: 50px; } [data-itemtype="Value"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Monitor"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Level"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Alert"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Button"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Multi Choice"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Link To"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Live Stream"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Multi Value"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Multi Value"].wsizey1 .DashboardItemNameTitle, [data-itemtype="ML Chart"].wsizey1 .DashboardItemNameTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 13px; padding: 8px 5px 2px; } [data-itemtype="Value"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Monitor"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Percentage"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Alert"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Button"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Multi Choice"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Data entry"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Link To"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Live Stream"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Multi Value"].wsizey2 .DashboardItemNameTitle, [data-itemtype="ML Chart"].wsizey2 .DashboardItemNameTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 19px; padding: 18px 5px 0px 5px; } [data-itemtype="Value"].wsizey3 .DashboardItemNameTitle, [data-itemtype="Monitor"].wsizey3 .DashboardItemNameTitle, [data-itemtype="Alert"].wsizey3 .DashboardItemNameTitle, [data-itemtype="Live Stream"].wsizey3 .DashboardItemNameTitle, [data-itemtype="Multi Value"].wsizey3 .DashboardItemNameTitle, [data-itemtype="Map"].wsizey3 .DashboardTitle, [data-itemtype="ML Chart"].wsizey3 .DashboardItemNameTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 22px; padding: 18px 5px 0px 5px; } [data-itemtype="Multi Value"] .DashboardItemNameTitle { min-height: 40px; padding-bottom: 17.5px !important; } [data-itemtype="Multi Value"] .DashboardItemNameTitle.withSubtitle { min-height: 33px; padding-top: 12px; padding-bottom: 0 !important; } [data-itemtype="Multi Value"] .DashboardItemNameSubTitle { margin: 0px; padding-bottom: 6.5px; } [data-itemtype="Level"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Level"].wsizey3 .DashboardItemNameTitle { font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 18px; padding: 9px 5px 0px 5px; } [data-itemtype="Value"].wsizey1 .DashboardValue, [data-itemtype="Monitor"].wsizey1 .DashboardValue { font-size: 16px; padding-top: 3px; color: var(--foregroundColor); white-space: nowrap; text-overflow: ellipsis; } [data-itemtype="Value"].wsizey2 .DashboardValue, [data-itemtype="Monitor"].wsizey2 .DashboardValue { font-size: 24px; padding-top: 3px; color: var(--foregroundColor); white-space: nowrap; text-overflow: ellipsis; } .valueDisplay { overflow: hidden; text-overflow: ellipsis; padding-bottom: 3px; } [data-itemtype="Value"].wsizey1 .valueDisplay, [data-itemtype="Monitor"].wsizey1 .valueDisplay, [data-itemtype="Link To"].wsizey1 .valueDisplay { overflow: hidden; text-overflow: ellipsis; } [data-itemtype="Value"].wsizex1 .DashboardTrend, [data-itemtype="Monitor"].wsizex1 .DashboardTrend { display: none !important; } [data-itemtype="Value"].wsizey1 .DashboardTrend, [data-itemtype="Monitor"].wsizey1 .DashboardTrend { top: 2px; } [data-itemtype="Value"].wsizey2 .DashboardTrend, [data-itemtype="Monitor"].wsizey2 .DashboardTrend { top: 10.5px; } /*.DashboardShowLinkTo { width: 5px; height: 55px; position: absolute; right: 0; background: #00000080; border-radius: 0px 3px 0px 0px; display: none; }*/ /*[data-itemtype="Value"].wsizey1 .DashboardShowLinkTo, [data-itemtype="Monitor"].wsizey1 .DashboardShowLinkTo { border-radius: 0px 3px 3px 0px; }*/ [data-itemtype="Value"] .valueWrapper, [data-itemtype="Monitor"] .valueWrapper, [data-itemtype="Alert"] .valueWrapper { max-width: calc(100% - 55px); display: inline-block; letter-spacing: 0px; text-overflow: ellipsis; position: relative; line-height: normal; } [data-itemtype="Button"] .valueWrapper { max-width: calc(100% - 85px); display: inline-block; letter-spacing: 0px; text-overflow: ellipsis; position: relative; padding-top: 4px; } [data-itemtype="Button"].wsizex1.wsizey1 .valueWrapper, [data-itemtype="Button"].wsizex1 .valueWrapper { display: none; } [data-itemtype="Button"] .valueWrapper.offValue { float: left; left: 3px; max-width: calc(50% - 35px); } [data-itemtype="Button"].wsizey1 .valueWrapper.offValue, [data-itemtype="Button"].wsizey1 .valueWrapper.onValue, [data-itemtype="Button"].wsizey2 .valueWrapper.offValue, [data-itemtype="Button"].wsizey2 .valueWrapper.onValue { max-width: 33%; } [data-itemtype="Button"] .valueWrapper.onValue { float: right; right: 3px; max-width: calc(50% - 35px); } [data-itemtype="Button"] .DashboardValue { position: absolute; font-size: 21px; line-height: normal; padding: 0px; color: #fff; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100% } [data-itemtype="Button"].wsizey1 .DashboardValue { font-size: 16px; line-height: normal; } [data-itemtype="Button"].wsizey2 .DashboardValue { font-size: 18px; line-height: normal; } [data-itemType="Button"] .switch_toggle { position: absolute; border-radius: 50%; top: 3px; height: 39px; width: 39px; background-color: #fff; } [data-itemtype="Button"].wsizey1 .switch_toggle, [data-itemtype="Button"].wsizey2 .switch_toggle { height: 31px; width: 31px; top: 2px; } [data-itemtype="Button"] .switch_toggle.offValue { left: 3px; } [data-itemtype="Button"].wsizey1 .switch_toggle.offValue, [data-itemtype="Button"].wsizey2 .switch_toggle.offValue { left: 2px; } [data-itemtype="Button"] .switch_toggle.onValue { right: 3px; } [data-itemtype="Button"].wsizey1 .switch_toggle.onValue, [data-itemtype="Button"].wsizey2 .switch_toggle.onValue { right: 2px; } [data-itemtype="Button"] .switch_toggle.onOffValue { top: 50%; transform: translate(0,-50%); text-align: center; position: relative; left: calc(50% - 39px/2); } [data-itemtype="Button"].wsizey1 .switch_toggle.onOffValue, [data-itemtype="Button"].wsizey2 .switch_toggle.onOffValue { left: calc(50% - 19px/2); } /*IMAGE OVERLAY*/ .gridster ul:not(.gs-resize-disabled) .gs-w .image_overlay_markers_div { cursor: default } [data-itemtype="Image Overlay"] .DashboardContent { top: auto; } [data-itemtype="Image Overlay"] b { color: var(--foregroundColor); } /*Following are on purpose not starting with [data-itemtype="Image Overlay"] since they are also used in a popup*/ .image_overlay_markers_div { display: inline-block; position: relative; } .image_overlay_markers_div img { vertical-align: middle; } .image_overlay_markers_div .io_marker { position: absolute; background: #000000; display: flex; flex-direction: column; } .image_overlay_markers_div .io_marker .io_lbl_name { overflow: hidden; line-height: normal; } .image_overlay_markers_div .io_marker .io_lbl_value { flex-grow: 1; } image_overlay_markers_div image { opacity: var(--bopac); } .image_overlay_markers_div .io_marker ul.io_lbl_value { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0 } .image_overlay_markers_div .io_marker .io_lbl_value li { display: flex; justify-content: center; align-content: center; flex-direction: column; text-align: center; margin: 0; padding: 0; width: 100%; } .image_overlay_markers_div .io_marker p { margin: 0; padding: 0; white-space: normal; } #image_overlay_dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000003b; border-radius: 5px; z-index: 101; padding: 0; display: none; } #image_overlay_dialog .close { position: absolute; right: 20px; top: 16px; z-index: 1; user-select: none; color: #606060; background: url(../my_images/cancel.svg) no-repeat; width: 19px; height: 100%; } /*#image_overlay_dialog .footer_io { text-align: right; padding-right: 10px; padding-bottom: 5px; }*/ #image_overlay_dialog .ui-dialog-buttonset { height: 75px; padding-right: 30px; } #image_overlay_dialog .title_bar { font-size: 20px; height: auto; padding: .4em 1em; overflow: hidden; background: #ECECEC 0% 0% no-repeat padding-box; color: black; } #image_overlay_dialog .title_bar span { font-weight: bold; float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } /*IMAGE OVERLAY END*/ [data-itemtype="Link To"] .DashboardValue .clickableWidget:hover { text-decoration: underline; } [data-itemtype="Link To"] .DashboardValue { position: absolute; font-size: 30px; line-height: normal; padding: 0px; color: var(--foregroundColor); top: calc(50% - 12px); transform: translate(-50%,-50%); text-align: center; width: 100% } [data-itemtype="Link To"].wsizey1 .DashboardValue { font-size: 16px; top: 50%; } [data-itemtype="Link To"].wsizey2 .DashboardValue { font-size: 24px; top: 27px; } [data-itemtype="Value"] .DashboardValue .clickableWidget:hover, [data-itemtype="Monitor"] .DashboardValue .clickableWidget:hover, [data-itemtype="Multi Value"] .DashboardValue .clickableWidget:hover { text-decoration: underline; } .DashboardItemNameTitle, .DashboardItemNameSubTitle { justify-content: var(--headerAlignment); } [data-itemtype="Value"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Value"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Monitor"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Monitor"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Percentage"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Percentage"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Level"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Level"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Alert"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Alert"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Button"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Button"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Button"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Data entry"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Data entry"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Multi Choice"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Multi Choice"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Multi Choice"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Data entry"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Link To"].wsizey1 .DashboardItemNameTitle, [data-itemtype="Live Stream"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Live Stream"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Live Stream"].wsizey2 .DashboardItemNameTitle, [data-itemtype="ML Chart"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="ML Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="ML Chart"].wsizey2 .DashboardItemNameTitle, [data-itemtype="Line Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Line Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Bar Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Bar Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Heat Map Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Heat Map Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Pie Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Pie Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Pareto Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Pareto Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Cartesian Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Cartesian Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Multi Axes Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Multi Axes Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Polar Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Polar Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Category Bar Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Category Bar Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Timeline Chart"].wsizey3 .DashboardItemNameSubTitle, [data-itemtype="Timeline Chart"].wsizey4 .DashboardItemNameSubTitle, [data-itemtype="Multi Value"].wsizey1 .DashboardItemNameSubTitle, [data-itemtype="Multi Value"].wsizey2 .DashboardItemNameSubTitle, [data-itemtype="Multi Value"].wsizey3 .DashboardItemNameSubTitle { display: none } [data-itemtype="Value"].wsizey3 .DashboardItemNameSubTitle { display: block } [data-itemtype="Value"].wsizey1 .DashboardModified, [data-itemtype="Value"].wsizex1 .DashboardModified, [data-itemtype="Monitor"].wsizey1 .DashboardModified, [data-itemtype="Monitor"].wsizex1 .DashboardModified, [data-itemtype="Percentage"].wsizey1 .DashboardModified, [data-itemtype="Percentage"].wsizex1 .DashboardModified, [data-itemtype="Button"].wsizey1 .DashboardModified, [data-itemtype="Data entry"].wsizey1 .DashboardModified, [data-itemtype="Value"].wsizex1 .DashboardTrend, [data-itemtype="Monitor"].wsizex1 .DashboardTrend { display: none; margin-bottom: 4px; } [data-itemtype="Monitor"].wsizex4.wsizey3 .DashboardItemNameSubTitle { max-width: 52%; align-self: center; } [data-itemtype="Value"].wsizey2 .DashboardModified, [data-itemtype="Monitor"].wsizey2 .DashboardModified, [data-itemtype="Percentage"].wsizey2 .DashboardModified, [data-itemtype="Data entry"].wsizey2 .DashboardModified, [data-itemtype="Alert"].wsizey2 .DashboardModified, [data-itemtype="Button"].wsizey2 .DashboardModified { display: none } .DashboardLineChart, .DashboardBarChart, .DashboardMultiAxesChart, .DashboardCategoryBarChart, DashboardTimelineChart, .DashboardWaterfallChart { position: absolute; bottom: 15px; } /*-----------New value edit widget dialog-----------*/ #nodeEditDialog { width: 528px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000003b; border-radius: 5px; z-index: 101; padding: 0; display: none; } [data-node-type="Percentage"]#nodeEditDialog, [data-node-type="Gauge"]#nodeEditDialog, [data-node-type="Level"]#nodeEditDialog { width: 654px; display: none; } [data-node-type="Monitor"]#nodeEditDialog { width: 720px; display: none; } [data-node-type="Multi Value"]#nodeEditDialog { width: 760px; display: none; } [data-node-type="Multi Axes Chart"]#nodeEditDialog, [data-node-type="Weather Chart"]#nodeEditDialog { width: 1495px; } [data-node-type="Cartesian Chart"]#nodeEditDialog { width: 793px; } [data-node-type="Category Bar Chart"]#nodeEditDialog { width: 780px; } [data-node-type="Heat Map Chart"]#nodeEditDialog { width: 556px; display: none; } [data-node-type="Raw Data"]#nodeEditDialog { width: 1820px; } [data-node-type="Tabular Data"]#nodeEditDialog { width: 1805px; } [data-node-type="Pie Chart"]#nodeEditDialog { width: 520px; } [data-node-type="Polar Chart"]#nodeEditDialog { width: 666px; } [data-node-type="Cartesian Chart"]#nodeEditDialog .before_trigger_line, [data-node-type="Category Bar Chart"]#nodeEditDialog li, [data-node-type="Sankey Chart"]#nodeEditDialog li, [data-node-type="Pie Chart"]#nodeEditDialog li, [data-node-type="Polar Chart"]#nodeEditDialog li { background-color: white; border: none; margin-top: 19px; } #overlay { position: fixed; opacity: 0; transition: 200ms ease-in-out; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); pointer-events: none; z-index: 100; } #overlay.active { opacity: 1; pointer-events: all; } .ui-widget-header { height: 80px; background: #ECECEC 0% 0% no-repeat padding-box; border-radius: 5px 5px 0px 0px; text-align: left; vertical-align: middle; overflow: hidden; } #nodeEditDialog .ui-dialog-titlebar { height: 80px; background: #ECECEC 0% 0% no-repeat padding-box; border-radius: 5px 5px 0px 0px; text-align: center; vertical-align: middle; overflow: hidden; } #nodeEditDialog span.ui-dialog-title { text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 32px; line-height: 41px; letter-spacing: -0.38px; color: #313133; display: inline-block; margin: 10px 10px 0 0; padding: 5px 10px; display: block; width: 100%; height: 100%; } .ui-button-close-new { position: absolute; top: 14px; right: 0; border: none; width: 19px; height: 19px; padding: 0; margin: 18.5px 20px 0 0; background: url(../my_images/cancel.svg) no-repeat; } .ui-dialog-content-edit { position: relative; height: auto; padding-bottom: 35px; min-height: 21px; max-height: 680px; width: auto; display: block; } .coll { margin: 32px 0 0 87px; position: relative; width: 353px; height: 44px; } [data-node-type="Percentage"]#nodeEditDialog .coll, [data-node-type="Gauge"]#nodeEditDialog .coll, [data-node-type="Level"]#nodeEditDialog .coll, [data-node-type="Multi Value"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 545px; } [data-node-type="Monitor"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 593px; } [data-node-type="Multi Axes Chart"]#nodeEditDialog .coll, [data-node-type="Weather Chart"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 1300px } [data-node-type="Raw Data"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 1523px } [data-node-type="Tabular Data"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 1290px } [data-node-type="Cartesian Chart"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 682px } [data-node-type="Category Bar Chart"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 669px } [data-node-type="Pie Chart"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 410px } [data-node-type="Polar Chart"]#nodeEditDialog .coll { margin: 32px 0 0 57px; width: 523px } [data-node-type="Level"]#nodeEditDialog .coll { width: 540px } [data-node-type="Percentage"]#nodeEditDialog .coll { width: 540px } [data-node-type="Gauge"]#nodeEditDialog .coll { width: 540px } [data-node-type="Heat Map Chart"]#nodeEditDialog .coll { width: 382px } [data-node-type="Multi Value"]#nodeEditDialog .coll { width: auto; margin: 32px 42px 0 57px; } .coll label { font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; pointer-events: none; } .coll input[type="text"], .coll input[type="number"] { width: 100%; height: 100%; border: 1px solid #B5B5B5; border-radius: 3px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; text-indent: 16.2px; } #nodeEditDialog .coll { height: unset; clear: both } #nodeEditDialog .coll input[type="text"], #nodeEditDialog .coll input[type="number"], #nodeEditDialog .coll .select { height: 44px } #nodeEditDialog .coll.ranges input[type="text"]:first-child { margin-left: -1px; } #nodeEditDialog .coll.ranges input[type="text"], #nodeEditDialog .coll.ranges .select, #nodeEditDialog .coll.ranges input[type="number"] { height: 44px; margin-right: 0; margin-left: 11px; } #nodeEditDialog .coll.ranges button { height: 44px; margin-right: 0; } .coll.ranges { height: auto; } .icon-select { height: 85px; } .icon-select label { display: block; } .hexColorLabel { height: 25px; width: 25px; position: absolute; } [data-node-type="Cartesian Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Category Bar Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Pie Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Sankey Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Polar Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Multi Axes Chart"]#nodeEditDialog .hexColorLabel, [data-node-type="Monitor"]#nodeEditDialog .hexColorLabel, [data-node-type="Level"]#nodeEditDialog .hexColorLabel, [data-node-type="Weather Chart"]#nodeEditDialog .hexColorLabel { height: 25px; } input.val2.color-picker, [data-node-type="Cartesian Chart"]#nodeEditDialog input.val1.color-picker, [data-node-type="Multi Axes Chart"]#nodeEditDialog input.val6.color-picker, [data-node-type="Monitor"]#nodeEditDialog input.val3.color-picker, [data-node-type="Level"]#nodeEditDialog input.val3.color-picker, [data-node-type="Gauge"]#nodeEditDialog input.val3.color-picker, [data-node-type="Percentage"]#nodeEditDialog input.val3.color-picker, .color_for_multi_value { opacity: 0; height: 41px; width: 85px; position: absolute; cursor: pointer; top: 0; margin-left: -5px; } .s_removeHexColor { right: 60px; background: url(../my_images/cancel-internal.svg) no-repeat; width: 16px; height: 16px; position: absolute; cursor: pointer; font-size: 22px; margin-top: 12px; } /*[data-node-type="Line Chart"]#nodeEditDialog input.val2.color-picker { height: 44px; opacity: 1; float: right; width: 50px; position: unset; }*/ .ui-dialog-buttonset { /*margin: 0 87px;*/ position: relative; /* width: 507px;*/ height: 96px; } #nodeEditDialog .ui-dialog-buttonset { margin: 0 87px; position: relative; width: 353px; height: 96px; margin-top: 11px; } [data-node-type="Monitor"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Percentage"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Gauge"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Level"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Multi Value"]#nodeEditDialog .ui-dialog-buttonset { margin: 0 57px; margin-top: 11px; position: relative; height: 96px; } /*#nodeEditDialog .ui-dialog-buttonset button { width: 161px; height: 51px; border-radius: 3px; }*/ .ui-dialog-buttonset button { min-width: 161px; height: 51px; border-radius: 3px; float: right; margin-left: 15px; } [data-node-type="Cartesian Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Multi Axes Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Polar Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Pie Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Category Bar Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Weather Chart"]#nodeEditDialog .ui-dialog-buttonset { margin: 0 57px; margin-top: 11px; } [data-node-type="Timeline Chart"]#nodeEditDialog .ui-dialog-buttonset { width: calc(100% - 188px); } [data-node-type="Multi Axes Chart"]#nodeEditDialog .ui-dialog-buttonset, [data-node-type="Weather Chart"]#nodeEditDialog .ui-dialog-buttonset { width: 1300px } [data-node-type="Level"]#nodeEditDialog .ui-dialog-buttonset { width: 549px; margin: 0 71px } [data-node-type="Value"]#nodeEditDialog .ui-dialog-buttonset { width: 358px } [data-node-type="Gauge"]#nodeEditDialog .ui-dialog-buttonset { width: 541px } [data-node-type="Cartesian Chart"]#nodeEditDialog .ui-dialog-buttonset { width: 682px; } [data-node-type="Percentage"]#nodeEditDialog .ui-dialog-buttonset { width: 541px; } [data-node-type="Polar Chart"]#nodeEditDialog .ui-dialog-buttonset { width: 523px; } [data-node-type="Category Bar Chart"]#nodeEditDialog .ui-dialog-buttonset { width: 670px } [data-node-type="Pie Chart"]#nodeEditDialog .ui-dialog-buttonset { width: 411px } [data-node-type="Multi Value"]#nodeEditDialog .ui-dialog-buttonset { width: 505px } [data-node-type="Raw Data"]#nodeEditDialog .ui-dialog-buttonset { width: 1735px } [data-node-type="Tabular Data"]#nodeEditDialog .ui-dialog-buttonset { width: 1735px } #saveChartsChosenData:hover, #exportFenceButtonOnFullSizeNode:hover, #closeDialog:hover, #save_MapOptions:hover { background-color: #34373A !important; color: white !important; } #saveChartsChosenData, #exportFenceButtonOnFullSizeNode, #closeDialog, #save_MapOptions { border: 1px solid #34373A; background: white; font-weight: normal; color: #34373A; border-radius: 4px; margin-left: 16px } #saveChartsChosenData .ui-button-text, #exportFenceButtonOnFullSizeNode .ui-button-text, #closeDialog .ui-button-text { padding: 0; } .chartSaveDialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover { background-color: #34373A !important; color: white !important; } .chartSaveDialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { border: 1px solid #34373A; background: white; font-weight: normal; color: #34373A; border-radius: 4px; margin-left: 16px } .chartSaveDialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only .ui-button-text { padding: 0; } .ui-widget-content { color: #707070; } .textInputLabel::before { content: attr(title); position: absolute; top: 14px; left: 16.2px; transition: 300ms all; letter-spacing: 0px; } .coll input[type="text"]:focus, .coll input[type="number"]:focus { outline: 0; border: 1px solid var(--c1); border-radius: 3px; border-color: var(--c1) !important; } .label-before { line-height: 20px; font-size: 12px; top: -10px; background: #fff; padding: 0 6px; left: 9px; } input[type="text"]:valid + .textInputLabel::before, input[type="text"]:focus + .textInputLabel::before, input[type="number"]:valid + .textInputLabel::before, input[type="number"]:focus + .textInputLabel::before { line-height: 20px; font-size: 12px; top: -10px; background: #fff; padding: 0 6px; left: 20px; content: attr(title); } .checkboxWrapper { padding-top: 17px; display: inline; } .editCheckbox { width: 25px; height: 33px; } .radioSwitch { width: 103px; height: 27px; border: 1px solid #B5B5B5; border-radius: 17px; float: right; margin-top: 10px; } .radioSwitch.larger { width: 140px; } .labelDisplayMiddle { padding-top: 14px; } .radioSwitch input { width: 50%; height: 100%; -webkit-appearance: none; outline: none; cursor: pointer; border-radius: 2px; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 20px; letter-spacing: 0px; color: #9B9B9B; transition: all 100ms linear; margin-top: 0; padding: 2px 8px; } .radioSwitch input:checked { background: var(--c0) 0% 0% no-repeat padding-box; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #FFFFFF; width: 50%; } .radioShow:checked { border-radius: 17px 0px 0px 17px; } .radioHide:checked { border-radius: 0px 17px 17px 0px; } .radioSwitch input::before { content: attr(label); display: inline-block; text-align: center; width: 100%; } .icon-display { color: var(--c0); display: none; font-size: 85px; height: 100%; align-items: center; justify-content: center; margin-left: 5%; } .wsizey1 .icon-display { font-size: 34px; } .wsizey2 .icon-display { font-size: 43px; } .icon-display-multi-val { display: flex; float: left; font-size: 40px; color: var(--c0); height: 100%; align-items: center; justify-content: center; margin-left: 4%; margin-right: 5px; width: 50px; } .DashboardShowLinkTo { display: none; font-size: 27px; width: 13.5px; height: calc(100% - 66px); color: var(--foregroundColor); margin-right: 3%; top: 41px; position: relative; } .wsizey1 .DashboardShowLinkTo, [data-itemtype="Link To"].wsizey1 .DashboardShowLinkTo { /*width: 9px;*/ top: 0; height: 100%; } .wsizey2 .DashboardShowLinkTo { height: calc(100% - 59px); top: 37px; } .DashboardShowLinkTo i { top: 50%; left: 2px; background: url(/images/twoarrows_dark.svg) no-repeat; height: 10px; width: 11px; position: absolute; transform: translateY(-50%) } body.dashboard_light_foreground .DashboardShowLinkTo i { background: url(/images/twoarrows.svg) no-repeat; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(112,112,112, 0.2); border-right: 1.1em solid rgba(112,112,112, 0.2); border-bottom: 1.1em solid rgba(112,112,112, 0.2); border-left: 1.1em solid #707070; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wsizey1 .DashboardShowLinkTo i { font-size: 18px; } .wsizey2 .DashboardShowLinkTo i { font-size: 21px; } [data-itemtype="Link To"] .DashboardShowLinkTo { top: 40px; height: calc(100% - 59px); } [data-itemtype="Link To"].wsizey2 .DashboardShowLinkTo { height: calc(100% - 63px); } .colorHexInput::placeholder, #nodeEditDialog input[type="text"]::placeholder, #nodeEditDialog input[type="number"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9B9B9B; opacity: 0.5; } .colorHexInput:-ms-input-placeholder, #nodeEditDialog input[type="text"]:-ms-input-placeholder, #nodeEditDialog input[type="number"]:-ms-input-placeholder { /* Internet Explorer 10-11, Microsoft Edge */ color: #9B9B9B; opacity: 0.5; } /*================================================================================================================*/ /*.DashboardLevel { display: inline-block; top: 48%; transform: translate(-60%,-50%); text-align: center; position: absolute; }*/ /*For 'Case' / 'multichoice' node*/ #sortable, .specialField { margin: 0; padding: 0; } #tabular_condition { margin: 0; padding-left: 15px; } .ui-dialog-content-editr #sortable li, .popup_container .specialField li { list-style-type: none; margin: 0 3px 3px 0; position: relative; } .ui-dialog-content-edit #tabular_condition li { list-style-type: none; margin: 0 3px 3px 0; position: relative; } .ui-dialog-content-edit.multi_choice .s_add_sub_rule { margin-left: 10px; border: none; padding: 6px; border-radius: 5px; color: white; cursor: pointer; background-color: #1aafd0; font-size: 12px; vertical-align: text-bottom; } .ui-dialog-content-edit.multi_choice .child_node_content { display: none } .ui-dialog-content-edit #sortable .s_handle { position: absolute; cursor: pointer; padding: 16px 0 0 7px; color: #b5b5b5 } .ui-dialog-content-edit #sortable .s_remove { position: absolute; cursor: pointer; font-size: 22px; margin-top: 12px; } .ui-dialog-content-edit .multi_value_section #sortable .s_handle { padding: 27px 0 0 8px; left: 89px; top: -11px; padding-right: 13px; z-index: 1000; } .ui-dialog-content-edit .multi_value_section #sortable .row1 { /*border: 1px solid #B5B5B5; border-radius: 3px; background: #F1F1F1; padding: 10px 0;*/ } .ui-dialog-content-edit .multi_value_section #sortable .row1 .val1 { /*margin-left: 19px*/; } .ui-dialog-content-edit .multi_value_section #sortable .row1 .val2 { width: 93px; } .ui-dialog-content-edit .multi_value_section #sortable .row1 .val3 { width: 125px; } .ui-dialog-content-edit .multi_value_section #sortable .row1 .bootstrap-select.val7 { width: 160px; margin-left: 11px; } .ui-dialog-content-edit .s_add_rule { margin-top: 21px; } .ui-dialog-content-edit #s_add_rule { border: 0px none; background-color: transparent; background-repeat: no-repeat; height: 48px; padding-left: 55px; background-image: url(../my_images/add.svg); font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; line-height: 44px; } .ui-dialog-content-edit .row1 .x1 { display: block; float: left; width: 92px; height: 44px; border: 1px solid #B5B5B5; border-radius: 3px; background: #F1F1F1; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; letter-spacing: 0px; color: #9B9B9B; padding: 11px 0 0 16px; } .ui-dialog-content-edit .monitor_section .row1 .x1 { height: 44px; } .ui-dialog-content-edit .percentage_section .row1 .x1 { height: 44px; margin-top: 0 } .ui-dialog-content-edit .categorybar_section .row1 .x1 { width: 120px; height: 44px; } .ui-dialog-content-edit .row1 .x1.child_row { background-color: #f0f3f6; width: 101px; cursor: pointer } .ui-dialog-content-edit .multichoice_section #sortable li { padding-top: 18px; } .ui-dialog-content-edit .multiaxes_section .row1 .x1, .ui-dialog-content-edit .weatherChart_section .row1 .x1 { width: 102px; } .ui-dialog-content-edit .icons_section .value { width: 300px; } .ui-dialog-content-edit .icons_section #sortable li { padding-top: 19px; } .ui-dialog-content-edit .tabular_condition_section #sortable li, .popup_container .tabular_condition_section .specialField li { padding-top: 19px; } .ui-dialog-content-edit .monitor_section #sortable li, .ui-dialog-content-edit .timeline_categories #sortable li, .ui-dialog-content-edit .multi_value_section #sortable li, .ui-dialog-content-edit .multiaxes_section #sortable li, .ui-dialog-content-edit .weatherChart_section #sortable li, [data-node-type="Heat Map Chart"]#nodeEditDialog .monitor_section .specialField li { margin-top: 19px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; background: #ffffff; border: none; } .ui-dialog-content-edit .multi_value_section #sortable .select-icon, .ui-dialog-content-edit .multi_value_section #sortable .icon-none, .ui-dialog-content-edit .monitor_section #sortable .select-icon, .ui-dialog-content-edit .monitor_section #sortable .icon-none { margin-top: 0; /* background: #F1F1F1;*/ } .ui-dialog-content-edit .ranges .value { width: 109px; height: 44px; border: 1px solid #B5B5B5; border-radius: 0 3px 3px 0; margin-left: -2px; margin-right: 2px; } .ui-dialog-content-edit .ranges .clsColorPaletteMonitor, .ui-dialog-content-edit .ranges .clsColorPalettePercentage { width: 81px; height: 44px; margin-left: 10px; } .ui-dialog-content-edit .monitor_section .val1 { margin-left: 10px; width: 119px; height: 44px; } .ui-dialog-content-edit .monitor_section .val2 { width: 97px; height: 44px; margin-left: 2px; } .ui-dialog-content-edit .monitor_section .val4 { width: 97px; height: 44px; } .ui-dialog-content-edit .monitor_section #sortable .s_remove { right: -26px; background: url(../my_images/cancel-internal.svg) no-repeat; width: 16px; height: 16px; } .ui-dialog-content-edit .multi_value_section #sortable .s_remove { background: url(../my_images/cancel-internal.svg) no-repeat; width: 16px; height: 16px; margin-left: 10px; } .ui-dialog-content-edit .multi_value_section #sortable .row1 input { width: 158px; height: 44px; } .ui-dialog-content-edit .multi_value_section #sortable .children_wrapper input { width: 115px; height: 37px; vertical-align: bottom } .ui-dialog-content-edit .multi_value_section #sortable .children_wrapper .multi_value_numeric_child input { width: 95px; } .ui-dialog-content-edit .multi_value_section #sortable .children_wrapper .dhflkje_title { display: inline-block; height: 35px; border: 1px solid lightgray; border-radius: 3px; width: 83px; display: inline-flex; justify-content: left; align-items: center; padding-left: 10px; background-color: #f0f0f0; } .ui-dialog-content-edit .multi_value_section #sortable .children_wrapper { padding-left: 20px; } .ui-dialog-content-edit .multiaxes_section .val3, .ui-dialog-content-edit .multiaxes_section .val4, .ui-dialog-content-edit .multiaxes_section .val5, .ui-dialog-content-edit .multiaxes_section .val6, .ui-dialog-content-edit .multiaxes_section .val9, .ui-dialog-content-edit .weatherChart_section .val3, .ui-dialog-content-edit .weatherChart_section .val4, .ui-dialog-content-edit .weatherChart_section .val5, .ui-dialog-content-edit .weatherChart_section .val6, .ui-dialog-content-edit .weatherChart_section .val9 { height: 40px; width: 100px; text-indent: 11px; } .ui-dialog-content-edit .multiaxes_section .val15, .ui-dialog-content-edit .weatherChart_section .val15 { width: 100px !important; padding-bottom: 5px; } .ui-dialog-content-edit .weatherChart_section .val12 { width: 216px !important; } .ui-dialog-content-edit .weatherChart_section .link-to-ddl { margin-left: 11px !important; margin-top: -3px; } /*.ui-dialog-content-edit .multiaxes_section .link-to-ddl { margin-right: 11px; }*/ .ui-dialog-content-edit .multiaxes_section .val1, .ui-dialog-content-edit .weatherChart_section .val1 { height: 40px; width: 161px; text-indent: 11px; } .ui-dialog-content-edit .multiaxes_section .val8, .ui-dialog-content-edit .weatherChart_section .val8 { height: 40px; } .ui-dialog-content-edit .multiaxes_section .val2, .ui-dialog-content-edit .multiaxes_section .val3, .ui-dialog-content-edit .weatherChart_sectiont .val2, .ui-dialog-content-edit .weatherChart_section .val3 { text-indent: -4px } .ui-dialog-content-edit .multiaxes_section .val3, .ui-dialog-content-edit .weatherChart_section .val3 { width: 141px; } .ui-dialog-content-edit .multiaxes_section .val4, .ui-dialog-content-edit .multiaxes_section .val5, .ui-dialog-content-edit .weatherChart_section .val4, .ui-dialog-content-edit .weatherChart_section .val5 { width: 110px; } .ui-dialog-content-edit .multiaxes_section .val9, .ui-dialog-content-edit .multiaxes_section .val8, .ui-dialog-content-edit .weatherChart_section .val9, .ui-dialog-content-edit .weatherChart_section .val8 { width: 162px; } .ui-dialog-content-edit .multiaxes_section .value, .ui-dialog-content-edit .multiaxes_section .val2, .ui-dialog-content-edit .multiaxes_section .val3, .ui-dialog-content-edit .weatherChart_section .value, .ui-dialog-content-edit .weatherChart_section .val2, .ui-dialog-content-edit .weatherChart_section .val3 { display: none !important; } .ui-dialog-content-edit .weatherChart_section label.td-label-link-to { left: 572px; } .ui-dialog-content-edit .rawdata_section .val1, .ui-dialog-content-edit .rawdata_section .val3, .ui-dialog-content-edit .rawdata_section .val7, .ui-dialog-content-edit .rawdata_section .val11, .ui-dialog-content-edit .rawdata_section .val14 { height: 40px; width: 196px; text-indent: 11px; } .ui-dialog-content-edit .rawdata_section .link-to-ddl { width: 196px !important; margin-left: 11px !important; padding-bottom: 5px; } .ui-dialog-content-edit .rawdata_section .link-to-ddl button { height: 44px !important; border-radius: 3px; } .ui-dialog-content-edit .rawdata_section .thousands-sep { width: 140px !important; margin-left: 11px !important; padding-bottom: 5px; } .ui-dialog-content-edit .rawdata_section .thousands-sep button { height: 44px !important; border-radius: 3px; } .ui-dialog-content-edit .rawdata_section label.td-label-link-to { left: 1207px; } .ui-dialog-content-edit .rawdata_section label.td-label-thousands-sep { left: 1050px; } .ui-dialog-content-edit .rawdata_section label.label-ranges { left: 1412px; } .ui-dialog-content-edit .rawdata_section .val6 { height: 40px; margin-top: -8px; text-indent: 11px; margin-left: 11px !important; } .ui-dialog-content-edit .rawdata_section .row1 .x1 { height: 44px; padding: 10px 0 0 9px; width: 106px; padding-left: 16px; } .ui-dialog-content-edit .tabulardata_section .val1, .ui-dialog-content-edit .tabulardata_section .val3, .ui-dialog-content-edit .tabulardata_section .val7, .ui-dialog-content-edit .tabulardata_section .val9, .ui-dialog-content-edit .tabulardata_section .val14 { height: 40px; width: 196px; text-indent: 11px; } .ui-dialog-content-edit .tabulardata_section .link-to-ddl { width: 196px !important; margin-left: 11px !important; padding-bottom: 5px; } .ui-dialog-content-edit .tabulardata_section .link-to-ddl button { height: 44px !important; border-radius: 3px; } .ui-dialog-content-edit .tabulardata_section .thousands-sep { width: 140px !important; margin-left: 11px !important; padding-bottom: 5px; } .ui-dialog-content-edit .tabulardata_section .thousands-sep button { height: 44px !important; border-radius: 3px; } .ui-dialog-content-edit .tabulardata_section label.td-label-link-to { left: 1205px; } .ui-dialog-content-edit .tabulardata_section label.td-label-thousands-sep { left: 1049px; } .ui-dialog-content-edit .tabulardata_section .row1 .x1 { height: 44px; padding: 10px 0 0 9px; width: 106px; padding-left: 16px; } .ui-dialog-content-edit .tabulardata_section label.label-ranges { left: 1412px; } .ui-dialog-content-edit .tabulardata_section .val6 { height: 40px; margin-top: -8px; text-indent: 11px; margin-left: 11px !important; } .ui-dialog-content-edit .multiaxes_section label.td-label-link-to { left: 575px; } .ui-dialog-content-edit .cartesian_section .val2, .ui-dialog-content-edit .cartesian_section .val3, .ui-dialog-content-edit .cartesian_section .colorHexInput, .ui-dialog-content-edit .categorybar_section .colorHexInput, .ui-dialog-content-edit .categorybar_section .val1, .ui-dialog-content-edit .categorybar_section .val9, .ui-dialog-content-edit .piechart_section .colorHexInput, .ui-dialog-content-edit .piechart_section .value, .ui-dialog-content-edit .polar_section .value, .ui-dialog-content-edit .polar_section .val1, .ui-dialog-content-edit .polar_section .colorHexInput, .ui-dialog-content-edit .multiaxes_section .colorHexInput, .ui-dialog-content-edit .weatherChart_section .colorHexInput { height: 40px; width: 100px; text-indent: 11px; } .ui-dialog-content-edit .cartesian_section .row1 .x1, .ui-dialog-content-edit .piechart_section .row1 .x1, .ui-dialog-content-edit .polar_section .row1 .x1 { height: 44px; padding: 10px 0 0 9px; } .ui-dialog-content-edit .cartesian_section .val2 { width: 130px; } /*.ui-dialog-content-edit .cartesian_section .sp-replacer { height: 40px; }*/ .ui-dialog-content-edit .cartesian_section .colorHexInput, .ui-dialog-content-edit .categorybar_section .colorHexInput, .ui-dialog-content-edit .piechart_section .colorHexInput, .ui-dialog-content-edit .polar_section .colorHexInput, .ui-dialog-content-edit .multiaxes_section .colorHexInput { margin-left: 3px; width: 100px !important; } .ui-dialog-content-edit .cartesian_section .value { height: 40px; width: 100px; } [data-node-type="Cartesian Chart"]#nodeEditDialog .upload_image_line { background: transparent; list-style-type: none; border: none; } [data-node-type="Cartesian Chart"]#nodeEditDialog .picker_and_uploader_wrapper { clear: none; display: inline-block; vertical-align: middle; } [data-node-type="Cartesian Chart"]#nodeEditDialog .cartesian_image_preview { height: 40px; width: 40px; float: left; border: 1px solid #c5c5c5; margin-right: 10px; border-radius: 5px; cursor: pointer; } [data-node-type="Cartesian Chart"]#nodeEditDialog i.fal.fa-image-polaroid { padding-left: 5px; padding-top: 4px; font-size: 32px; color: #B5B5B5; border: none; background: transparent; } [data-node-type="Cartesian Chart"]#nodeEditDialog .file_uploader { margin-top: 0; } [data-node-type="Cartesian Chart"]#nodeEditDialog .upload_image_file_wrapper .icon-none { position: absolute; display: inline-block; overflow: unset; border: none; margin: 0 3px 3px 0; } [data-node-type="Cartesian Chart"]#nodeEditDialog .upload_image_file_wrapper .remove-icon { position: absolute; background-image: url(/my_images/icon_remove.svg); height: 16px; width: 16px; background-repeat: no-repeat; background-size: contain; top: -6px; right: 3px; } [data-node-type="Cartesian Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Category Bar Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Pie Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Sankey Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Polar Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Multi Axes Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Level"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Weather Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Monitor"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Percentage"]#nodeEditDialog .sp-replacer.sp-light.hexColor, [data-node-type="Gauge"]#nodeEditDialog .sp-replacer.sp-light.hexColor { position: relative; height: 44px; } [data-node-type="Pie Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor { margin-top: -5px; } [data-node-type="Sankey Chart"]#nodeEditDialog .sp-replacer.sp-light.hexColor { margin-top: -5px; } [data-node-type="Multi Value"]#nodeEditDialog .sp-replacer.sp-light.hexColor { position: relative; height: 37px; } .ui-dialog-content-edit .categorybar_section .val1, .ui-dialog-content-edit .categorybar_section .val9 { height: 40px; width: 158px; text-indent: 11px; } .ui-dialog-content-edit .categorybar_section .val9 { width: 158px; } /*================================================================================================================*/ .popup_edit_save_btn { background: #34373A 0% 0% no-repeat padding-box; float: right; } .ui-button-text { font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: 27px; } /*#nodeEditDialog .ui-button-text { font: normal normal normal 20px/27px Open Sans; }*/ .popup_edit_save_btn .ui-button-text { color: #FFFFFF; } .popup_edit_cancel_btn { border: 1px solid #34373A; background-color: #fff; } .popup_edit_cancel_btn .ui-button-text { color: #34373A; } .coll select { width: 100%; height: 100%; background: url(../my_images/arrow-dropdown.svg) no-repeat; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; background-position: right; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; border: 1px solid #B5B5B5; border-radius: 3px; padding-left: 16.2px; line-height: 20px; } #nodeEditDialog .coll select option:hover { background-color: green !important } /*========================================================================================================*/ [data-itemtype="Percentage"].wsizey1 .percentageValue { height: 24px; } [data-itemtype="Percentage"].wsizey2 .DashboardModified, [data-itemtype="Percentage"].wsizey1 .DashboardModified { display: none } [data-itemtype="Percentage"] .percentageNumericValue { margin-top: 5px; float: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #34373A; } [data-itemtype="Percentage"].wsizey1 .percentageNumericValue { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 17px; margin-top: 1px; } [data-itemtype="Percentage"].wsizey2 .percentageNumericValue { ffont-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 19px; margin-top: 5px; } [data-itemtype="Percentage"] .percentageBar { height: 12px; position: absolute; top: 40%; transform: translate(6%,-60%); text-align: center; background-color: #E4E4E4; } [data-itemtype="Percentage"] .percentageValue { height: 12px; } [data-itemtype="Percentage"].wsizey1 .percentageDeviceNameForThinLayout { margin-top: 5px; float: right; } [data-itemtype="Percentage"].wsizey1 .percentageBar, [data-itemtype="Percentage"].wsizey1 .percentageValue { height: 8px; top: 30%; } [data-itemtype="Percentage"].wsizey2 .percentageDeviceNameForThinLayout { display: none } [data-itemtype="Percentage"].wsizey2 .DashboardDeviceNameTitle { padding: 6px 0; } [data-itemtype="Percentage"].wsizey1 .percentageBar { width: 27px; } /*[data-itemtype="Images"] .DashboardContent { top: unset; margin: 5px; border-radius: 7px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }*/ [data-itemtype="Images"] .fa-ellipsis-h { color: white } [data-itemtype="Images"] .imagesFilesList { display: none; background-color: #ddd; position: absolute; top: 26px; right: 12px; padding: 10px; border-radius: 5px; text-align: left; font-size: 13px; z-index: 1; } [data-itemtype="Images"] .imagesFilesList .imageFileItem { padding-top: 4px; padding-bottom: 2px; cursor: pointer } [data-itemtype="Images"] .imagesFilesList .imageFileItem:hover { color: whitesmoke } [data-itemtype="Images"].wsizey1 { background-color: #1aafd0; } [data-itemType="Images"] .showExpand { /*float: right; padding-right: 15px;*/ margin-top: 4px; margin-right: -12px; z-index: 20; width: 18px; height: 20px; background-repeat: no-repeat; background-image: url(/images/new_design/expand.svg); } [data-itemType="Images"] .DashboardContent img { opacity: var(--bopac); } [data-itemType="Images"] .DashboardContent img { opacity: var(--bopac); } { /*float: right; padding-right: 15px;*/ margin-top: 4px; margin-right: -12px; z-index: 20; width: 18px; height: 20px; background-repeat: no-repeat; background-image: url(/images/new_design/expand.svg); } /*[data-itemtype="Multi Value"].wsizey3 .DashboardModified, [data-itemtype="Multi Value"].wsizey2 .DashboardModified { display: none }*/ [data-itemtype="Multi Value"].wsizey2 .DashboardDeviceNameTitle { display: none; } [data-itemtype="Pie Chart"] .highcharts-title { font-size: 18px; /*font-family: 'Open Sans',Arial*/ } [data-itemtype="Pie Chart"].wsizey2 .highcharts-title { font-size: 13px; } /*[data-itemtype="Pie Chart"].wsizey2 .DashboardDeviceNameTitle { display: none }*/ /*[data-itemtype="Pie Chart"].wsizey2 .DashboardItemNameTitle { font-size: 14px; }*/ [data-itemtype="Pie Chart"].wsizex2 .highcharts-title { font-size: 14px; } [data-itemtype="Pie Chart"].wsizex1 .highcharts-title { font-size: 14px; } /*[data-itemtype="Map"].wsizex2 .DashboardTitle, [data-itemtype="Group Map"].wsizex2 .DashboardTitle { font-size: 13px; }*/ [data-itemtype="Map"] .DashboardTitle { padding-bottom: 10px; padding-top: 9px; } [data-itemtype="Map"] .no_title_map_moving_handle { height: 40px; position: absolute; top: 0; left: 182px; width: 80% } .no_title_moving_handle { height: 40px; position: absolute; top: 0; width: 100%; z-index: 21; } [data-itemtype="Scheduler"] .no_title_moving_handle { width: -webkit-fill-available; margin-left: 145px; margin-right: 190px; } [data-itemtype="AI Chatbot"] .no_title_moving_handle { width: 82%; right: 0; } [data-itemtype="Multi Value"] .values_info_wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); grid-auto-rows: 58px; border: 1px solid #F1F1F1; grid-gap: 1px; background-color: transparent; border-style: solid none; } /*[data-itemtype="Multi Value"] .DashboardValue { height: 100%; }*/ /*[data-itemtype="Multi Value"] .DashboardContent { height: calc(100% - 70px); top: initial; }*/ [data-itemtype="Multi Value"] .value_info { float: left; padding: 5px; text-align: left; background-color: transparent; } [data-itemtype="Multi Value"] .multivaluecell { /*padding-left: 12px;*/ padding-top: 6px; /*margin: 2px;*/ top: 50%; transform: translate(0,0); text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } [data-itemtype="Multi Value"].wsizex2 .multivaluecell { padding: 8px; margin: 10px 2px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 33%; } [data-itemtype="Multi Value"].wsizex3 .value_info { justify-content: space-between; } [data-itemtype="Multi Value"].wsizex3 .multivaluecell { padding: 8px; margin: 10px 2px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 50%; } [data-itemtype="Multi Value"] .multivaluevalue { font-weight: bold; font-size: 16px; line-height: 19px; color: #34373A; padding-top: 0; } [data-itemtype="Multi Value"].wsizex2 .multivaluevalue, [data-itemtype="Multi Value"].wsizex3 .multivaluevalue { float: right; } [data-itemtype="Multi Value"] .multivaluetitle { font-size: 13px; color: #34373ACC; line-height: 17px; } [data-itemtype="Multi Value"] .DashboardValue { padding: 0; } [data-itemtype="Multi Value"] .indicatorNotAllValues { display: none; position: absolute; width: 20px; height: 20px; bottom: 14px; right: 0; box-shadow: 0px 3px 6px #00000029; border: 1px solid #F1F1F1; border-radius: 50%; margin: 7px 11px; } [data-itemtype="Multi Value"] .indicatorNotAllValues > i { color: #B5B5B5; padding-top: 3px; } .borderNotAllValues { display: none; position: absolute; bottom: 0; right: 0; background-color: var(--c0) !important; border-radius: 10px; } .borderRightMulti { height: 20px; width: 2px; } .borderBottomMulti { height: 2px; width: 20px; } /*[data-itemtype="Multi Value"] .DashboardModified { position: absolute; bottom: 0; padding-bottom: 7px; width: 100% }*/ [data-itemtype="Multi Choice"] { --btn_bg: gainsboro; --btn_bg_hover: #F5F5F5 } [data-itemtype="Multi Choice"] .multi_choice_menu { position: absolute; text-align: left; top: calc(50% - 34.5px); text-align: center; width: 100%; } [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu { top: calc(50% - 17.5px); } [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu { top: calc(50% - 29.5px); } [data-itemtype="Multi Choice"] .multi_choice_menu > a { width: 90%; height: 45px; display: block; background: url(../my_images/arrow-dropdown-white.svg) no-repeat; background-position: right; color: white; margin: auto; border-radius: 3px; font-size: 21px; line-height: 30px; background-color: var(--c0); } [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu > a { height: 35px; font-size: 16px; line-height: normal; } [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu > a { height: 35px; font-size: 18px; line-height: normal; } .multi_choice_p { text-align: start; padding: 6.5px 0 0 10px; margin: 0; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul { display: none; list-style: none; padding: 0; margin: auto; width: 90%; box-shadow: 0px 3px 12px #00000029; border-radius: 0px 0px 3px 3px; background-color: #fff; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li { display: block; position: relative; width: 100%; height: 45px; border-radius: inherit; } [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu .ul .li, [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu .ul .li { height: 35px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 19px; } /*[data-itemtype="Multi Choice"] .multi_choice_menu .ul .pressable { cursor: context-menu !important }*/ [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li a { display: block; padding: 8px 0 0 8px; font-size: 21px; line-height: 29px; text-decoration: none; white-space: nowrap; color: var(--foregroundColor); text-align: left; } [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu .ul .li a { font-size: 16px; line-height: 19px; } [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu .ul .li a { font-size: 18px; line-height: 19px; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li a i { display: none; float: right; line-height: 28px; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li a i.far.fa-chevron-right { display: block !important; float: right; line-height: 28px; color: var(--c0); padding-right: 10px; } [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu .ul .li a i.far.fa-chevron-right, [data-itemtype="Multi Choice"].wsizey1 .multi_choice_menu .ul .li a i, [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu .ul .li a i.far.fa-chevron-right, [data-itemtype="Multi Choice"].wsizey2 .multi_choice_menu .ul .li a i { line-height: 23px; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li:hover { background-color: var(--btn_bg_hover); border: inherit; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li:hover > a i { /*display: inline;*/ float: right; } [data-itemtype="Multi Choice"] .multi_choice_menu .ul .li .ul { position: absolute; left: 100%; top: 0; /*background-color: gainsboro; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/ } /*[data-itemtype="Multi Choice"] .multi_choice_menu .ul .li .ul a { color: white }*/ /*[data-itemtype="Multi Choice"] .multi_choice_menu .ul .li .ul a:hover { background-color: #3b8ba7 }*/ [data-itemtype="Multi Choice"] .multi_choice_menu .li:hover > .ul { display: block; } /*[data-itemtype="Multi Choice"] .multi_choice_menu li:hover > ul { display: block; position: absolute; } [data-itemtype="Multi Choice"] .multi_choice_menu li:hover li { float: none; } [data-itemtype="Multi Choice"] .multi_choice_menu li:hover a { background: #1bc2a2; } [data-itemtype="Multi Choice"] .multi_choice_menu li:hover li a:hover { background: #2c3e50; }*/ .date_range { border-width: 1px; padding: 6px; border-radius: 4px } #btn_node_popup_iframe { border: 0; width: 100%; height: 500px } .tabs_wrapper { width: 100%; background-color: white; z-index: 97; width: 100%; position: fixed; } .rhs_wrapper { text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 10px; background-image: var(--br); background-repeat: var(--brepeat); background-size: 100% auto; min-width: calc(100% - 77px); background-color: var(--gbcolor); min-height: calc( 100% - 60px ); position: absolute; transition: none; margin-left: 77px; transition: all 0.2s linear; } body.single_global_tab .rhs_wrapper { margin-left: 0; width: 100%; } .rhs_wrapper.rhs_wrapper_report { width: 1180px !important; min-width: unset; } body.embedded .rhs_wrapper { min-height: 100%; } body.embedded .tabs_wrapper { padding-top: 0px } body.embedded .wrapper { margin-top: 0px } body.embedded #datesForPageFiltering { position: absolute } body.embedded #main-content { padding-top: 0px } body.embedded .header { height: 0px; overflow: hidden; } body.embedded #inner_header_start_container, body.embedded #inner_header_end_container { display: none; } body.global_tabs_expanded .rhs_wrapper { margin-left: 260px; transition: all 0.2s linear } body.assume_mobile .rhs_wrapper { margin-top: 80px; } body.global_tabs_expanded .rhs_wrapper { min-width: calc(100% - 260px); } body.global_tabs_expanded .filtered_tabs_menu_visible .rhs_wrapper, body.global_tabs_expanded .show-historic-date-selection .rhs_wrapper { min-height: calc(100% - 40px); } .rhs_wrapper.show_grid { background: url("/dashboard/gridster/bkg_live_rayven_grid.gif") repeat; background-position-x: 20px; background-position-y: 5px; } .rhs_wrapper.rhs_wrapper_report.show_grid { background: url("/dashboard/gridster/template_bkg_green.gif") repeat; width: 1180px; min-width: unset; } .rhs_wrapper.rhs_wrapper_report.show_grid.landscape { background: url("/dashboard/gridster/template_bkg_landscape_2.gif") repeat; width: 1500px; min-width: unset; } .filtered_tabs_menu_visible .rhs_wrapper, .show-historic-date-selection .rhs_wrapper { margin-top: 40px; } .permanent_view_tab:after { display: block; content: attr(data-title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .permanent_view_tab.with_icon:after { padding-left: 18px; } .permanent_view_tab:hover { color: var(--c0); background-color: transparent; transition: all 0.2s; } .permanent_view_tab.selected_tab, .permanent_view_tab.current_parent_tab { color: #000000; font-weight: bold; transition: all 0.2s; } .permanent_view_tab { cursor: pointer; color: #34485A; font-size: 16px; white-space: nowrap; padding-left: 15px; height: 46px; line-height: 22px; font-weight: bold; width: 50px; overflow: hidden; height: 46px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px; display: flex; align-items: center; } body.global_tabs_expanded .permanent_view_tab { width: 260px; padding-top: 12px; padding-bottom: 12px; display: flex; align-items: center; height: 46px; margin-bottom: 8px;/* color: var(--Dark-Gray-Dark, #34485A);*/ font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } body.global_tabs_expanded .permanent_view_tab:hover { color: var(--c0); transition: all 0.2s; background-color: #F5F5F5; } .permanent_view_tab:not(.with_icon) div > i { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; } .permanent_view_tab:not(.with_icon) div > i::before { content: "\f111"; font-weight: 400; } .permanent_view_tab div { padding-left: 8px; } .global_tabs_menu.current_parent_tab { color: var(--c0); font-weight: bold; transition: all 0.2s; background-color: #F1F1F1; height: 50px; margin-top: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .global_tabs_menu:after { padding-left: 18px; } body.global_tabs_expanded .global_tabs_menu { color: #000000; font-weight: bold; transition: all 0.2s; } /*.view_tab:first-of-type { margin-left: 15px; }*/ .non_view_tab.selected_tab, .global_tabs_menu.selected_tab, .global_tabs_menu.current_parent_tab { color: var(--c0); font-weight: bold; transition: all 0.2s; border-top-left-radius: 5px; border-top-right-radius: 5px; } /*#global_tabs_manager_menu .non_view_tab.selected_tab { color: #2455CB }*/ .global_tabs_menu.selected_tab_menu i.global_tabs_menu_icon, .global_tabs_control:hover .global_tabs_menu.selected_tab_menu i.global_tabs_menu_icon { background-color: var(--c0); } /*#global_tabs_manager_menu.global_tabs_menu.selected_tab_menu i.global_tabs_menu_icon, #global_tabs_manager_menu .global_tabs_control:hover .global_tabs_menu.selected_tab_menu i.global_tabs_menu_icon { background-color: #2455CB }*/ .non_view_tab.selected_tab:hover, .global_tabs_menu.selected_tab:hover, .global_tabs_menu.current_parent_tab:hover { color: var(--c0); font-weight: bold; transition: all 0.2s; border-top-left-radius: 5px; border-top-right-radius: 5px; } .global_tabs_menu.selected_tab span, .global_tabs_menu.current_parent_tab span { text-decoration: underline; } .global_tabs_menu { cursor: pointer; color: #34373A98; font-size: 14px; white-space: nowrap; padding-left: 18px; line-height: 25px; font-weight: bold; position: relative; width: 50px; overflow-x: hidden; min-height: 33px; overflow-y: visible; } body.global_tabs_expanded .global_tabs_menu { width: 260px; } .global_tabs_menu div { padding-left: 8px; } .global_tabs_menu i { font-size: 17px; } .global_tabs_control .global_tabs_menu span { display: none; } .global_tabs_menu span { white-space: nowrap; margin-left: 15px; text-overflow: ellipsis; overflow: hidden; max-width: 185px; vertical-align: top; } body.global_tabs_expanded .global_tabs_control .global_tabs_menu span { display: inline-block; } .global_tabs_menu .list-indicator { display: none; position: absolute; left: 170px; top: 9px; } .global_tabs_control .global_tabs_menu.open-menu .show-open-list.list-indicator { display: inline-block; } .global_tabs_control .global_tabs_menu.open-menu .show-closed-list.list-indicator { display: none; } .global_tabs_control .global_tabs_menu .show-closed-list.list-indicator { display: inline-block; } .global_tabs_menu_content { display: none; } .global_tabs_menu.open-menu .global_tabs_menu_content { display: block; } .close { opacity: 1; } .close:hover { opacity: 1; } non_view_tab:after { display: block; content: attr(data-title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } non_view_tab.with_icon:after { padding-left: 18px; } non_view_tab:hover { color: #000000; font-weight: bold; transition: all 0.2s; } /*.view_tab:first-of-type { margin-left: 15px; }*/ .non_view_tab { cursor: pointer; margin-right: 24px; margin-left: 5px; color: #34373A98; font-size: 14px; white-space: nowrap; transition: width 0.2s,padding 0.2s,margin 0.2s; padding-right: 20px; padding-left: 20px; height: 33px; line-height: 25px; font-weight: bold; position: relative; line-height: 25px; } .non_view_tab .close i { font-size: 10px; } .non_view_tab:hover .close { display: block; color: #B5B5B5; } .non_view_tab:hover { color: black; } .non_view_tab .close { display: none; position: absolute; right: 6px; font-size: 10px; top: 8px; } .non_view_tab .close:hover { color: #B5B5B5; } .filtered_view_tab { cursor: pointer; color: #B5B5B5; font-size: 14px; height: 39px; padding-left: 10px; padding-right: 30px; position: relative; transition: width 0.2s,padding 0.2s,margin 0.2s; line-height: 39px; font-weight: 600; display: flex; align-items: center; } .filtered_view_tab span { display: block } .filtered_view_tab::before { content: " "; box-shadow: #B5B5B5 1px 0px 0px 0px; height: 60%; display: inline-block; width: 1px; position: absolute; top: 20%; } .filtered_view_tab.firstVisible::before { content: none; } .filtered_view_tab.with_icon:not(:first-child)::before { left: -3px; } .filtered_view_tab.with_icon { padding-left: 5px; } .filtered_view_tab.with_icon i { padding-right: 5px; } .filtered_view_tab:hover { color: black; transition: all 0.2s; } /*.view_tab:first-of-type { margin-left: 15px; }*/ .filtered_view_tab.selected_tab { color: var(--c0); transition: all 0.2s; } .filtered_view_tab.selected_tab:last-child { margin-right: 0px; } .filtered_view_tab.selected_tab:hover { transition: all 0.2s; } .filtered_view_tab .close i { font-size: 10px; line-height: 11px; } /*.filtered_view_tab .close i:hover { color: #B5B5B5; }*/ .view_tab .close { position: absolute; top: 15px; right: 6px; font-size: 10px; color: unset; } .trailInfo { float: left; margin-right: 30px; margin-top: 13px; } #trailInfo_wrapper hidden, #trailInfo_wrapper\ hidden { overflow: hidden } #trailMarkersAmount { margin-left: 15px; margin-right: 15px; color: var(--c1); font-weight: normal } #trailMarkers_vl { float: left; color: var(--c1); margin-top: 12px; margin-right: 10px; display: none } #timeOfSimulation { color: var(--c1); font-weight: normal } .editFenceOptionsOnFullSize .fa-chevron-right { font-size: 11px; margin-top: -15px; margin-left: 44px; } .editFenceOptions .fa-chevron-right { font-size: 11px; margin-top: 4px; margin-left: 44px; } .drawingOptions { /*position: absolute; left: 66%; background-color: white; top: 25%;*/ margin-left: 129px; margin-top: -26px; display: none } .editFenceOptionsOnFullSize .drawingOptions { margin-left: 128px; margin-top: -24px; display: none; } .drawingOption, .drawingOptionOnFullSize { padding: 5px; cursor: pointer } .drawingOption:hover, .drawingOptionOnFullSize:hover, .timeFrameOnFullSize:hover, .bufferZoneOnFullSize:hover, .removeLastFenceOnFullSize:hover, .editFenceOnFullSize:hover, .drawingOption:hover, .drawingOption:hover, .timeFrame:hover, .bufferZone:hover, .removeLastFence:hover, .editFence:hover { color: #1aafd0 } .mapDropDownDays .ui-widget.ui-widget-content.date_range_slider { height: 3px; background-color: #d6d7d8; border-color: #d6d7d8; } .mapDropDownDays .ui-slider-range { height: 4px; top: -1px; background-color: var(--c0); border-color: var(--c0); } .mapDropDownDays .ui-slider-handle { border-color: var(--c0); border-radius: 10px; top: -8px } .mapDropDownDays .ui-slider-handle.ui-state-active { background: var(--c0); border-color: var(--c0); } .timeFrameOnFullSize, .bufferZoneOnFullSize, .removeLastFenceOnFullSize, /*.editFenceOnFullSize,*/ .timeFrame, .bufferZone, .removeLastFence /*, .editFence*/ { display: none } .date_oprions_wrapper .selectDateForChart { margin-top: 6px; color: #7d7c7b; padding: 7px; width: 200px; border-radius: 4px; } .date_oprions_wrapper .selectDateForMap { margin-top: 6px; color: #7d7c7b; padding: 7px; width: 200px; border-radius: 4px; } .date_oprions_wrapper .go_btn { transition: all 0.2s; display: inline; margin-left: 10px; line-height: 30px; margin-right: 30px; border: 2px solid #1aafd0; border-radius: 3px; float: right; cursor: pointer; background-color: white; padding-left: 14px; padding-right: 14px; color: #1aafd0; margin-top: 6px; width: 96px; text-align: center; } .date_oprions_wrapper .go_btn:hover { color: white; background-color: #1aafd0; } #editFenceButtonOnFullSizeMap { height: 40px; width: 121px; cursor: pointer; padding-top: 6px; padding-left: 41px; font-size: 17px; position: absolute; top: 18px; background: white; font-weight: normal; color: #34373A; border-radius: 3px; right: 236px; box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.2); } /*#editFenceButtonOnFullSizeMap:hover { color: white; background-color: #34373A }*/ /*#exportFenceButtonOnFullSizeNode, #exportFenceRawButtonOnFullSizeNode, #exportFenceCustomButtonOnFullSizeNode, #exportFenceTabularButtonOnFullSizeNode, #expandFenceRawButtonOnFullSizeNode, #expandFenceCustomButtonOnFullSizeNode, #expandFenceTabularButtonOnFullSizeNode,*/ .btnExportCustomTable, .btnExportLiveStream { transition: all 0.2s; height: 30px; margin-right: 30px; border: 2px solid lightskyblue; border-color: steelblue !important; border-radius: 3px; width: 60px; float: right; cursor: pointer; background-color: white; padding-top: 3px; padding-left: 14px; color: #1aafd0; font-size: 14px; } /*#exportFenceButtonOnFullSizeNode:hover, #exportFenceRawButtonOnFullSizeNode:hover, #exportFenceCustomButtonOnFullSizeNode:hover, #exportFenceTabularButtonOnFullSizeNode:hover, #expandFenceRawButtonOnFullSizeNode:hover, #expandFenceCustomButtonOnFullSizeNode:hover, #expandFenceTabularButtonOnFullSizeNode:hover,*/ .btnExportCustomTable:hover, .btnExportLiveStream:hover { color: white; background-color: lightskyblue; } .ui-widget-header { background-color: white; border: 0px none; font-size: 20px; border-bottom: 1px solid #ddd; color: #585858; border-radius: 0px; } .ui-button.ui-dialog-titlebar-close .ui-icon-closethick { background: url(../my_images/cancel.svg) no-repeat; } /*.ui-button.ui-dialog-titlebar-close .ui-icon-closethick:hover { background-image: none }*/ .ui-widget-header .ui-dialog-titlebar-close { border: 0px none; background-color: white } .ui-widget-header .ui-dialog-titlebar-close.ui-state-active { background-color: #ddd; border: 0px none } .btn_node_popup .ui-button.ui-dialog-titlebar-close { border: none; background-color: white; } .bzValue { height: 210px !important; width: 320px !important; } #createBufferedZone, #createFenceZone, #addFenceName { height: 30px; border: 2px solid #1aafd0; border-radius: 3px; width: 120px; cursor: pointer; background-color: white; padding-top: 3px; padding-left: 14px; color: #1aafd0; margin-top: 13px; width: 174px; } #addFenceName { padding-left: 23px; } #createBufferedZone:hover, #createFenceZone:hover, #addFenceName:hover { background-color: #1aafd0; color: white; font-weight: bold } .timeFrameDefinition { width: 550px !important; box-shadow: 2px 2px 10px #888888; } .timeFrameDefinition .ui-dialog-titlebar { background: white; border: none; border-bottom: 1px solid #dddddd; padding-left: 24px; padding-top: 10px; padding-bottom: 10px; font-size: 20px; color: #585858; } .timeFrameDefinition .ui-button.ui-dialog-titlebar-close { border: none; background-color: white; color: green; } .timeFrameDefinition .ui-button.ui-dialog-titlebar-close .ui-icon-closethick { background-image: url(/images/xxx.png) !important; } .singleTimeFrame { padding-top: 15px; padding-bottom: 15px; padding-right: 25px; padding-left: 25px; border: 1px solid #d4d6da; border-radius: 5px; position: relative; margin-bottom: 10px; } .singleTimeFrame .closeXbtn { position: absolute; height: 20px; width: 20px; background-color: #d6d6d7; color: white; font-weight: bold; cursor: pointer; top: -9px; left: 98%; text-align: center; border-radius: 100% } .singleTimeFrame .closeXbtn:hover { background-color: #c5c5c6; } #timeFrameDefinitionDialog { padding: 25px; /*font-family: "Open Sans",Arial*/ } #timeFrameDefinitionDialog .section { width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dadbdd } #timeFrameDefinitionDialog .section.syncsection { border-bottom: none } #timeFrameDefinitionDialog .section .title { width: 80px; color: #757575 } #timeFrameDefinitionDialog .checkbox { height: 16px; width: 16px; border: 1px solid #c5c5c6; } #timeFrameDefinitionDialog .section input[type=text] { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; width: 150px; color: #a09f9f; border: 1px solid #c5c5c6; border-radius: 4px; } #timeFrameDefinitionDialog .section .startTime, #timeFrameDefinitionDialog .section .endTime { padding-left: 5px !important; } #timeFrameDefinitionDialog .section .repeatOptions, #timeFrameDefinitionDialog .section .monthsOptions { width: 303px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; color: #a09f9f; border: 1px solid #c5c5c6; border-radius: 4px; } #timeFrameDefinitionDialog .section .repeatOptions .option { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; } #timeFrameDefinitionDialog .section .time { width: 80px !important; } #timeFrameDefinitionDialog .section .at { width: 23px; margin-left: 10px; color: #757575 } #timeFrameDefinitionDialog .section .on, #timeFrameDefinitionDialog .section .until { color: #757575; width: 36px; } #timeFrameDefinitionDialog .section .sync { text-align: center; background-color: #EDF5F8; padding: 3px; color: #757575 } #timeFrameDefinitionDialog .section input[type=checkbox] { height: 15px; width: 15px; margin-right: 3px; color: #1aafd0; background-color: white } #addAnotherTimeFramebtn { width: 100%; height: 30px; } #timeFrameDefinitionDialog #addPlusbtn { height: 25px; width: 25px; border: 1px solid #c5c5c6; color: #949494; border-radius: 100%; text-align: center; float: left; font-weight: bold; margin-right: 10px; cursor: pointer; font-size: 17px; } #timeFrameDefinitionDialog #addPlusbtn:hover { background-color: #d4d6da } #timeFrameDefinitionDialog .section .additionalData { margin-top: 25px; } #timeFrameDefinitionDialog .section .everyDaysAmount { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; color: #a09f9f; border: 1px solid #c5c5c6; border-radius: 4px; width: 80px; margin-right: 10px; } #timeFrameDefinitionDialog .section .endRepetitionDate { width: 142px !important; float: left; padding-left: 5px !important; } #timeFrameDefinitionDialog .additionalData { display: none } #timeFrameDefinitionDialog .dayOfTheWeek { margin-left: 6px; } .wickedpicker { z-index: 1001; } .wickedpicker__controls { padding-top: 0; color: #757575; } .styledCheckbox_wrapper { position: relative; width: 46px } #TabularDataDialog { } /*.TabularDataDialog { height: 430px }*/ #TabularDataDialog #TabularDataDialogIframe { border: 0; width: 100%; height: 100%; } .checkboxInput { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 4px; left: 0; background: white; border: 1px solid #ddd; border-radius: 3px; } .checkboxInput:after { opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 6px; left: 5px; border: 3px solid #1aafd0; border-top: none; border-right: none; transform: rotate(-45deg); } .styledCheckbox_wrapper { float: left; position: relative; } .styledCheckbox_wrapper input[type=checkbox]:checked + .checkboxInput { border: 1px solid #1aafd0; } .styledCheckbox_wrapper input[type=checkbox]:checked + .checkboxInput:after { opacity: 1; } .lb_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; font-size: 16px; } .search_wrapper { float: right; margin-right: 10px; } .search_value { padding: 5px; font-size: 12px; height: 25px; border-radius: 3px; border: 1px solid lightgray; /*top: 4px; position: absolute; right: 63px;*/ } .sub_header { display: none } .resize_overlay_helper { position: absolute; height: 10000px; width: 10000px; display: none } .linkto_whensmall { display: none; font-size: 40px; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; } .linkto_whensmall.rd { color: #80B7E8 } .linkto_whensmall.ct { color: #4176A9 } .linkto_whensmall.td { color: #6198C9 } #overlay_widget { z-index: 4; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; background-color: #e7e7e7; width: 100%; height: 100%; } #overlay_widget i { transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; color: black; font-size: 22px /*scale(-1, 1) flips is fa-flip-horizontal*/ } .no_data_chart_cover, .no_data_widget_cover { z-index: 1; transform: translateX(-50%); position: absolute; left: 50%; width: 100%; opacity: 0.8 } .no_data_text { transform: translateX(-50%); position: absolute; bottom: 2px; left: 50%; color: rgb(72, 72, 72); font-size: 9px; width: 100%; } @media (min-width:1850px) { .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 20%; } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 20%; } .grid-stack > .grid-stack-item[data-gs-width="2"] { width: 40%; } .grid-stack > .grid-stack-item[data-gs-x="2"] { left: 40%; } .grid-stack > .grid-stack-item[data-gs-width="3"] { width: 60%; } .grid-stack > .grid-stack-item[data-gs-x="3"] { left: 60%; } .grid-stack > .grid-stack-item[data-gs-width="4"] { width: 80%; } .grid-stack > .grid-stack-item[data-gs-x="4"] { left: 80%; } } @media (min-width:1480px) and (max-width:1849px) { .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 25%; } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 25%; } .grid-stack > .grid-stack-item[data-gs-width="2"] { width: 50%; } .grid-stack > .grid-stack-item[data-gs-x="2"] { left: 50%; } .grid-stack > .grid-stack-item[data-gs-width="3"] { width: 75%; } .grid-stack > .grid-stack-item[data-gs-x="3"] { left: 75%; } } @media (min-width:1110px) and (max-width:1479px) { .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 33.333%; } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 33.333%; } .grid-stack > .grid-stack-item[data-gs-width="2"] { width: 66.666%; } .grid-stack > .grid-stack-item[data-gs-x="2"] { left: 66.666%; } } @media (min-width:740px)and ( max-width:1109px) { .grid-stack > .grid-stack-item[data-gs-width="1"] { width: 50%; } .grid-stack > .grid-stack-item[data-gs-x="1"] { left: 50%; } } @media(max-width:413px) { [data-itemtype="Multi Value"] .values_info_wrapper { grid-template-columns: repeat(auto-fit, minmax(154px, 1fr)); grid-auto-rows: 56px; } [data-itemtype="Multi Value"] .multivaluecell { padding-top: 1px; } } @media(max-width:390px) { [data-itemtype="Multi Value"] .values_info_wrapper { grid-auto-rows: 52px; } } @media(max-width:375px) { [data-itemtype="Multi Value"] .values_info_wrapper { grid-auto-rows: 49px; } } /*.DashboardPieChart { max-width: 350px; margin: 0 auto; max-height:180px;} .highcharts-credits { display:none;}*/ .primary-chart-title { color: black; font: bold; } .hamb_menu { display: none; } .tabs_wrapper_inner { display: block; background-color: #F1F1F1; padding-left: 0px; letter-spacing: 0.5px; } /*#main-content.show-historic-date-selection .global_tabs_control, #main-content.filtered_tabs_menu_visible .global_tabs_control { top: 120px; }*/ .global_tabs { flex-direction: column; background-color: #ffffff !important; height: fit-content; padding-top: 5px; } .permanent_view_tab i { font-size: 24px; } .permanent_view_tab.selected_tab, .permanent_view_tab.current_parent_tab, .selected_tab_menu .global_tabs_menu_header { color: var(--c0); } /*#global_tabs_manager_menu.selected_tab_menu .global_tabs_menu_header { color: #2455CB }*/ .permanent_view_tab.selected_tab span, .non_view_tab.current_parent_tab span, .non_view_tab.selected_tab span, .permanent_view_tab.current_parent_tab span, .selected_tab_menu .global_tabs_menu_header span { /*text-decoration: underline; */} .global_tabs_menu_header { padding-top: 3px; } div.shrink_tab { margin: 0; width: 0; padding: 0; transition: all 0.07s !important; overflow: hidden; } div.moving_left { justify-content: flex-end; } .filtered_tabs { max-width: calc(100% - 210px); display: flex; line-height: 60px; flex-wrap: nowrap; max-height: 60px; padding-left: 5px; padding-right: 25px; } #reference_filtered_tabs { width: calc(100% - 240px); height: 0px; padding: 0; margin: 0; display: block; } body.global_tabs_expanded #reference_filtered_tabs { width: calc(100% - 430px); } #main-content.show-historic-date-selection #reference_filtered_tabs { width: calc(100% - 590px); } body.global_tabs_expanded #main-content.show-historic-date-selection #reference_filtered_tabs { width: calc(100% - 760px); } .filtered_tabs_control { width: 100%; display: none; border-bottom: 1px #c2c2c2 solid; background-color: #FFFFFF; } #main-content.filtered_tabs_menu_visible .filtered_tabs_control, #main-content.show-historic-date-selection .filtered_tabs_control { display: flex; height: 40px; padding-left: 77px; transition: all 0.2s linear; } body.global_tabs_expanded #main-content.filtered_tabs_menu_visible .filtered_tabs_control, body.global_tabs_expanded #main-content.show-historic-date-selection .filtered_tabs_control {; transition: all 0.2s linear; padding-left: 260px; } .global_tabs_control { width: 77px; background-color: #ffffff !important; position: fixed; height: calc(100% - 60px); top: 60px; z-index: +10; transition: all 0.2s linear; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1px 0px; overflow: auto; overflow-x: hidden; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .global_tabs_control::-webkit-scrollbar { display: none; } body.global_tabs_expanded .global_tabs_control { width: 260px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } body.global_tabs_expanded.single_global_tab .global_tabs_control, body.single_global_tab .global_tabs_control { width: 0; } .global_tabs_seperator { width: 80%; border: 1px solid rgba(0,0,0,0.1); left: 10%; position: relative; transition: all 0.2s linear; margin-bottom: 5px; } body.global_tabs_expanded .global_tabs_control .global_tabs_seperator { left: 26px; width: 208px; } .global_tabs_control.ps--active-y .ps__rail-y { display: none; } body.global_tabs_expanded .global_tabs_control.ps--active-y:hover .ps__rail-y { display: block; } #main-content.show-historic-date-selection .global_tabs { max-width: calc(100% - 479px); } .view_tab span { white-space: nowrap; margin-left: 15px; text-overflow: ellipsis; overflow: hidden; max-width: 185px; vertical-align: top; } .global_tabs .view_tab span { display: inline-block; opacity: 0; transition: all 0.2s linear; } body.global_tabs_expanded .global_tabs_control .view_tab span { display: inline-block; opacity: 100%; transition: all 0.2s linear; } .hamb_menu_logout { display: none } .filtered_tabs_close { display: flex; align-self: flex-end; opacity: 1; color: #B5B5B5; font-size: 13px; line-height: 38px; position: absolute; right: 60px; } .filtered_tabs_close .fa.fa-times { line-height: 37px; margin-right: 2px; font-size: 10px; margin-top: 1px; } #main-content.show-historic-date-selection .filtered_tabs_close { right: 425px; } .scroll_left { width: 30px; /*background-color: white;*/ color: #B5B5B5; height: 39px; line-height: 39px; font-size: 23px; padding-left: 8px; cursor: pointer; } .scroll_right { width: 30px; color: #B5B5B5; height: 39px; line-height: 39px; font-size: 23px; padding-left: 7px; cursor: pointer; right: 123px; position: absolute; } .scroll_left:hover, .scroll_right:hover { color: black; } #main-content.show-historic-date-selection .scroll_right { right: 500px; } .global_tabs_expand { width: 71px; height: 60px; cursor: pointer; position: fixed; top: 0px; transition: all 0.2s linear; color: #34373A98; font-size: 30px; padding-top: 7px; padding-left: 20px; background-color: white } /*body.global_tabs_expanded .global_tabs_expand { width: 260px }*/ .header_background_1 .global_tabs_expand { color: white; background-color: #34373A; } body.global_tabs_expanded i.show-when-expanded, i.show-when-retracted { display: inline-block; } body.global_tabs_expanded i.show-when-retracted, i.show-when-expanded { display: none; } body.global_tabs_expanded.embedded .global_tabs_expand { width: 260px; } .global_tabs_expand i.fal:hover { color: black; } .header_background_1 .global_tabs_expand i.fal:hover { color: white; } .global_tabs_expand i.fal { text-rendering: optimizelegibility; } @media (width:640px) { #RHS > ul { margin-left: 2px; } } /*@media (max-width:600px) and (orientation: portrait) { .rhs_wrapper { width:100%;padding-left:20px;} .tabs_wrapper { width: 90% !important;padding-top:10px;position:absolute;top:0; border-bottom-right-radius:7px;} .tabs_wrapper_inner { display: none; } .view_tab { width: 90%; } .hamb_menu { display: table; width: 90%; padding-left: 15px; color: dimgrey; } .menu_bars { cursor: pointer; font-size: 28px; } .current_tab_name { display: table-cell; vertical-align: middle; width:100%; font-size:18px;padding-left:14px; font-weight:bold} .header { display:none} .hamb_menu_logout { display:block; color:black;padding-top:15px;padding-bottom:15px;padding-left:17px;cursor:pointer; width:90%;clear:both; display:none;} .bkg_wrapper { height:100%; width:100%;position:absolute;top:0;left:0; background-color:black; opacity:0.6;display:none;z-index:10} .bkg_white_wrapper { width:100%; position:absolute;top:0;left:0;height:50px;z-index:11;background-color:white} .hamb_logout { color: lightgrey; font-size: 33px; } .hamb_logout_text {display: table-cell; vertical-align: middle; font-size:18px;padding-left:10px;} .padding_div { width:90%; background-color:white; height:10px;display:none;} .profile_data { font-size:52px; color:lightgrey;width:90%;display:none;; padding-left:15px;} .hamb_user_name { font-size:20px;vertical-align:middle;padding-left:10px;} }*/ div .DashboardArea[data-itemType="Data entry"] { box-sizing: content-box; } div.DashboardArea.clickableWidget[data-itemType="Link To"]:hover, div.DashboardArea.clickableWidget[data-itemType="Value"]:hover, div.DashboardArea.clickableWidget[data-itemType="Monitor"]:hover, div.DashboardArea.clickableWidget[data-itemType="Multi Value"]:hover { opacity: 0.75; } /*div.DashboardArea[data-itemType="Data entry"] * { box-sizing: content-box; }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DashboardValue:not(.edit) div.DataEntryEdit { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DashboardValue:not(.edit) div.DataEntryDisplay { display: inline-block; }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DashboardValue.edit div.DataEntryDisplay { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DashboardValue.edit div.DataEntryEdit { display: inline-block; }*/ div.DashboardArea[data-itemType="Data entry"] div.DashboardValue a { display: inline-block; margin-left: -1px; width: 90px; height: 45px; color: white; float: left; background: var(--c0); opacity: 0.75; border-radius: 3px; font-size: 21px; line-height: 45px; } div.DashboardArea[data-itemType="Data entry"].wsizey1 div.DashboardValue a { height: 35px; width: 75px; font-size: 16px; line-height: 35px; } div.DashboardArea[data-itemType="Data entry"].wsizey2 div.DashboardValue a { height: 35px; width: 75px; font-size: 18px; line-height: 35px; } /*div.DashboardArea[data-itemType="Data entry"].savemode div.DashboardValue a { background-color: #1aafd0; }*/ div.DashboardArea[data-itemType="Data entry"] .DashboardTitle { padding-left: 0; padding-right: 0; } /*div.DashboardArea[data-itemType="Data entry"].wsizey1 .DashboardTitle { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey2 .DashboardDeviceNameTitle { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey2 .DashboardValuePlaceHolder { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey1 .DashboardValuePlaceHolder { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"] .DashboardValuePlaceHolder { height: calc(50% - 80px); display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey1 .DashboardContent { top: 0px; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey2 .DashboardModified { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey1 .DashboardModified { display: none; }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizex2 .DashboardModified { font-size: 12px }*/ /*div.DashboardArea[data-itemType="Data entry"] .DataEntryDisplay { display: inline-block; width: calc(100% - 96px); }*/ /*div.DashboardArea[data-itemType="Data entry"] .DataEntryDisplay { font-size: 20px; line-height: 30px; }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DataEntryDisplay, div.DashboardArea[data-itemType="Data entry"] div.DataEntryEdit { line-height: 30px; overflow-x: hidden; text-overflow: ellipsis; height: 40px; }*/ div.DashboardArea[data-itemType="Data entry"] div.DashboardValue.edit input { width: 99%; font-size: 20px; padding: 0; } div.DashboardArea[data-itemType="Data entry"] div.DashboardValue.edit .DataEntryEdit { width: calc(100% - 96px); } /*div.DashboardArea[data-itemType="Data entry"] div.DashboardValue { height: 35px; padding-top: 10px; padding-bottom: 0px; position: relative; top: calc(50% - 75px); }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey2 div.DashboardValue { top: calc(50% - 46px); }*/ /*div.DashboardArea[data-itemType="Data entry"].wsizey1 div.DashboardValue { top: calc(50% - 30px); }*/ /*div.DashboardArea[data-itemType="Data entry"] div.DashboardModified { padding-top: 0px; top: calc(50% - 70px); position: relative; }*/ /*div.DashboardArea[data-itemType="Data entry"] .DashboardValue div.valuehoder { max-width: calc( 100% - 120px); left: 10px; min-width: 90px; height: 40px; border: 1px solid #e7e8ea; position: absolute; vertical-align: middle; display: inline-block; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/ /*div.DashboardArea[data-itemType="Data entry"].savemode .DashboardValue div.valuehoder { display: none; }*/ div.DashboardArea[data-itemType="Data entry"] .DashboardValue input[type=text] { max-width: calc( 90% - 90px); height: 45px; border: 1px solid #e7e8ea; border-radius: 3px 0 0 3px; border-right: none; width: calc( 90% - 90px); display: inline-block; box-sizing: border-box; font-size: 30px; color: #B5B5B5; float: left; margin-left: 5%; text-align: center; } div.DashboardArea[data-itemType="Data entry"].wsizey1 .DashboardValue input[type=text] { max-width: calc( 90% - 75px); width: calc( 90% - 75px); height: 35px; font-size: 16px; } div.DashboardArea[data-itemType="Data entry"].wsizey2 .DashboardValue input[type=text] { max-width: calc( 90% - 75px); width: calc( 90% - 75px); height: 35px; font-size: 24px; } div.DashboardArea[data-itemType="Data entry"] .DashboardValue input[type=text]:focus + .deSaveBtn { background: var(--c0); } /*div.DashboardArea[data-itemType="Data entry"].savemode .DashboardValue input[type=text] { border: 1px solid #B5B5B5; width: calc( 100% - 120px); left: 10px; display: inline-block; box-sizing: border-box; color: #9B9B9B; font: normal normal normal 16px/16px Open Sans; border-radius: 3px; }*/ /*div.DashboardArea[data-itemType="Data entry"].savemode .DashboardValue input[type=text]:focus { border: 1px solid #B5B5B5; width: calc( 100% - 120px); left: 10px; display: inline-block; box-sizing: border-box; color: #9B9B9B; font: normal normal normal 16px/16px Open Sans; border-radius: 3px; }*/ div.DashboardArea[data-itemType="Cartesian Chart"] .viewDetails { display: none; } div.DashboardArea[data-itemType="Map"] { overflow: hidden; } div.DashboardArea[data-itemType="Control Chart"] div.ichart { height: calc(50% - 55px); } div.DashboardArea[data-itemType="Control Chart"] div.mrchart { height: calc(50% + 40px); } #myChart_ichart { height: 200px; margin-top: 40px; } #myChart_mrchart { height: 200px; } .verticalAlign { /*display: flex; justify-content: center; align-items: center*/ position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; margin-left: 0 !important } .highcharts-no-data { /*font-family: "Open Sans",Arial;*/ } .g_value_wrapper { position: absolute; right: 50%; transform: translateX(50%) } @keyframes delayedShow { to { visibility: visible; } } .highcharts-stack-labels { visibility: hidden; animation: 0s linear 1s forwards delayedShow; } /*file dialog start*/ .custom-file-dialog { font-size: 16px; } .custom-file-dialog .ui-dialog-titlebar { font-size: 16px; margin: 0; padding: 15px; height: 40px; border: none; background-color: #fff; text-align: left; font-style: normal; font-size: 16px; line-height: 19px; letter-spacing: 0px; color: black; font-weight: 500; } .custom-file-dialog .download-file-wrapper { width: 100%; height: 45px; } .custom-file-dialog .download-file-wrapper .download-file { width: 149px; height: 44px; border: 1px solid #000000; border-radius: 3px; padding-top: 10px; font-size: 19px; float: right; margin-top: 15px; } .custom-file-dialog .download-file-wrapper .download-file .download-file_content { margin: 0 auto; position: relative; width: 122px; } .custom-file-dialog .download-file-wrapper .download-file .download-file_content span { float: left; } .custom-file-dialog .download-file-wrapper .download-file .download-file_content span:first-of-type { margin-right: 8px; } .custom-file-dialog .annotation-text { color: #9B9B9B; } .dropdown-wrapper { display: flex; } .dropdown-wrapper .dropdown-label { color: #9B9B9B; height: 44px; font-weight: normal; border: 2px solid lightgrey; padding: 10px 5px; border-radius: 4px; background-color: #F1F1F1; width: 85px; float: left; } .dropdown-wrapper .dropdown-select { color: #9B9B9B; position: relative; background-color: white; color: black; cursor: pointer; icon: inherit; padding: 2px; border: 2px solid lightgray !important; border-color: lightgray; float: left; height: 44px; margin-left: -4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; flex-grow: 1; color: #9B9B9B; } .custom-file-dialog .ui-dialog-buttonset { width: 100%; padding: 0 0 0 8px; height: auto; } .custom-file-dialog .ui-dialog-buttonset button { height: 33px; } .custom-file-dialog .custom-file-btn-cancel { float: right; border: none; background: none; margin: 0; padding: 0; width: auto; min-width: 70px; } .custom-file-dialog .custom-file-btn-cancel.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover { background: none !important; color: black !important; } .custom-file-dialog .custom-file-btn-cancel .ui-button-text { padding: 0; font-size: 13px; } .custom-file-dialog .custom-file-btn-apply { float: right; margin-right: 0 !important; background: none; color: var(--c0); border-color: var(--c0); height: 33px; min-width: 70px; } .custom-file-dialog .custom-file-btn-apply .ui-button-text { font-size: 13px; padding: 0; } .custom-file-dialog .ui-dialog-buttonpane { border: none; margin-top: 0; } /*file dialog end*/ .indicatorWidjetFinishLoading { } .hc-label { background-color: white !important; color: black; font-Size: 11px; /*border: 1px solid grey;*/ height: 35px; width: 35px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 20px; font-size: 11px; font-weight: 600; /*font-family: 'Open Sans';*/ box-shadow: 2px 2px 6px #00000050; } .hc-tooltip { background-color: rgba(255,255,255,0.8); color: black; border: 1px solid; align-items: center; padding: 10px; border-radius: 3px; } .gridster li .hc-tooltip { background-color: rgba(255,255,255,0.8); } /*#point-tags { width: 100%; height: 25px; }*/ #point-anotation { width: 100%; height: 200px; border-color: #9B9B9B; } /*#rd-point-tags { width: 100%; height: 25px; }*/ #rd-point-anotation { width: 100%; height: 200px; } .file-dialog audio { width: 100%; } .file-dialog video { width: 100%; } .file-dialog img { max-height: 300px; max-width: 100%; display: block; margin: 0 auto; } /*.download-file { margin-top: 5px; float: right; color: blue !important; }*/ .gridster li .hide-notrightforhist-inner { position: absolute; width: 100%; height: calc(100% - 1px); top: 0px; z-index: 500; background-color: #E7E7E7; text-align: center; color: black; line-height: 20px; display: flex; justify-content: center; align-content: center; flex-direction: column; padding-left: 10px; padding-right: 10px; } .gridster li.tabular_data_wrapper .hide-notrightforhist-inner { position: absolute; width: 100%; height: calc(100% - 1px); top: 0px; z-index: 500; background-color: #E7E7E7; text-align: center; } .gridster li.tabular_data_wrapper .hide-notrightforhist-inner span { text-align: center; } .dynamic_tab .hide-notrightforhist-inner { position: absolute; width: 100%; height: calc(100% - 1px); top: 0px; z-index: 500; background-color: #E7E7E7; text-align: center; color: black; line-height: 20px; display: flex; justify-content: center; align-content: center; flex-direction: column; padding-left: 10px; padding-right: 10px; } .labelForSelectTypeProp { position: absolute; position: absolute; font-size: 12.5px !important; background-color: white; left: 21px; top: -9px; padding-left: 5px; padding-right: 6px; } .chartcolorpickerimg { display: block; float: right; margin-left: 5px; background-color: white; height: 44px; } [data-node-type="Line Chart"]#nodeEditDialog .color-val { width: 299px; } #nodeEditDialog .coll .options_wrapper { position: absolute; background-color: white; width: 100%; z-index: 100000; overflow: auto; box-shadow: 1px 9px 16px 0px rgba(0,0,0,0.2); border: 1px solid lightgray; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } #nodeEditDialog .coll .options_wrapper.options_wrapper_level { width: 119px; left: 333px; } #nodeEditDialog .coll .options_wrapper.options_wrapper_cartesian { width: 119px; left: 244px; } #nodeEditDialog .coll .options_wrapper .option { height: 40px; padding-left: 15px; color: #9B9B9B; display: block; line-height: 38px; } #nodeEditDialog .coll .options_wrapper .option:hover { background-color: #3db4d3; color: white; } .arrowDownForDropdownEditWidgetPopup { font-size: 15px; position: absolute; top: 14px; right: 20px; cursor: pointer; } #nodeEditDialog .coll .options_wrapper .option.selected { color: white; background-color: #3db4d3; } .coll input[type="text"].selectedValueWorningLevel, .coll input[type="number"].selectedValueWorningLevel { width: 119px; } .arrowDownForDropdownEditWidgetPopupMultiRow { position: absolute; top: 4px; right: 15px; } .cartesian_section .arrowDownForDropdownEditWidgetPopupMultiRow { position: absolute; top: 3px; right: 20px; } .selectedValueWorningLevel { margin-left: 7px; } #nodeEditDialog .desigenCheckboxForEditPopup { background-image: url("../images/ms_unselect_t.svg"); height: 22px; width: 22px; display: inline-block; border-radius: 2px; cursor: pointer; margin-left: 29px; margin-bottom: -5px; } #nodeEditDialog .desigenCheckboxForEditPopup_checked { -webkit-mask-image: url("../images/ms_select_t.svg"); background-color: var(--c0); } [data-node-type="Alert"]#nodeEditDialog #icon-picker-wrap0 { margin-bottom: 40px; } /************fixing the issue with edit popup height stop show only full sides fields**************/ [data-node-type="Raw Data"]#nodeEditDialog .ui-dialog-content-edit { padding-bottom: 0px; margin-bottom: 30px; } [data-node-type="Tabular Data"]#nodeEditDialog .ui-dialog-content-edit { padding-bottom: 0px; margin-bottom: 30px; } [data-node-type="Multi Axes Chart"]#nodeEditDialog .ui-dialog-content-edit, [data-node-type="Weather Chart"]#nodeEditDialog .ui-dialog-content-edit { height: 605px; } [data-node-type="Level"]#nodeEditDialog .ui-dialog-content-edit { height: 542px } [data-node-type="Percentage"]#nodeEditDialog .ui-dialog-content-edit { height: 439px } [data-node-type="Polar Chart"]#nodeEditDialog .ui-dialog-content-edit { max-height: 385px } [data-node-type="Category Bar Chart"]#nodeEditDialog .ui-dialog-content-edit { max-height: 551px; } [data-node-type="Monitor"]#nodeEditDialog .ui-dialog-content-edit { height: 622px !important; } [data-node-type="Pie Chart"]#nodeEditDialog .ui-dialog-content-edit { height: 460px } [data-node-type="Sankey Chart"]#nodeEditDialog .ui-dialog-content-edit { height: 460px } [data-node-type="Bar Chart"]#nodeEditDialog .ui-dialog-content-edit, [data-node-type="Line Chart"]#nodeEditDialog .ui-dialog-content-edit { height: 475px !important; } [data-node-type="Pareto Chart"]#nodeEditDialog .ui-dialog-content-edit { } [data-node-type="Link To"]#nodeEditDialog .ui-dialog-content-edit { } [data-node-type="Button"]#nodeEditDialog .ui-dialog-content-edit { } [data-node-type="Percentage"]#nodeEditDialog .ui-dialog-content-edit { } [data-node-type="Alert"]#nodeEditDialog .ui-dialog-content-edit { } [data-node-type="Cartesian Chart"]#nodeEditDialog .ui-dialog-content-edit { height: 528px; } .ui-widget { /*font-family: "Open Sans"*/ } .arrowDownForDropdownEditWidgetPopupMultiRow.arrowDownForDropdownEditWidgetPopupMultiRow_monitorwarninglevel { width: 10px; } .arrowDownForDropdownEditWidgetPopupMultiRow.arrowDownForDropdownEditWidgetPopupMultiRow_monitorwarninglevel.alphanumeric { left: 95px; top: 4px; } #nodeEditDialog .coll .options_wrapper.options_wrapper_level.alphanumeric { left: 211px; z-index: 100000 } .textInputLabel.textInputLabel_forDropdown { font-size: 12px; background-color: white; padding-left: 6px; padding-right: 6px; position: absolute; left: 22px; top: -10px; } .selectedValueName { cursor: pointer; } #nodeEditDialog .coll input[type="text"].notEmptyField, #nodeEditDialog .coll input[type="number"].notEmptyField, .sp-replacer.sp-light.hexColor.notEmptyField { border: 1px solid var(--c1) } #nodeEditDialog .multiRowTitle { position: absolute; font-size: 12px; top: -11px; left: 16px; padding-left: 5px; padding-right: 5px; color: #9B9B9B } #nodeEditDialog .multiRowFieldTitle { position: absolute; font-size: 12px; background-color: white; top: -21px; left: 20px; padding-left: 5px; padding-right: 5px; color: #9B9B9B; z-index: 3 } #nodeEditDialog .input_title_child_wrapper .multiRowFieldTitle { /* top: -12px;*/ } #nodeEditDialog .multiRowFieldTitle.rangeto { left: 10px } #nodeEditDialog .whiteline { background-color: white; height: 3px; width: 48px; display: block; position: absolute; top: -1px; } [data-node-type="Category Bar Chart"]#nodeEditDialog .whiteline { width: 61px } #nodeEditDialog .input_title_wrapper, #nodeEditDialog .input_title_child_wrapper { position: relative; } .ui-dialog-content-edit .multi_value_section #sortable .icon-none i.removeIconMultiValue, .ui-dialog-content-edit .monitor_section #sortable .icon-none i.removeIconMultiValue { background: url(../my_images/cancel.svg) no-repeat; height: 15px; width: 15px; cursor: pointer; position: absolute; top: -19px; } #nodeEditDialog .coll.ranges input[type="text"].colorHexInput_range { margin-left: 5px; } .multi_value_alphanumeric_child .dhflkje_title { position: relative; } #nodeEditDialog .multi_value_alphanumeric_child .multiRowTitle { top: -15px; left: 5px; } [data-node-type="Raw Data"]#nodeEditDialog .multiRowTitle { position: absolute; font-size: 12px; top: -11px; left: 10px; padding-left: 5px; padding-right: 5px; color: #9B9B9B } [data-node-type="Raw Data"]#nodeEditDialog .whiteline { background-color: white; height: 10px; width: 52px; display: block; position: absolute; top: -7px; } [data-node-type="Raw Data"]#nodeEditDialog li { background-color: #fff; border: none; margin-bottom: 17px; position: relative; } /*[data-node-type="Raw Data"]#nodeEditDialog .val12 button { width: 140px; margin-left: 10px; }*/ [data-node-type="Tabular Data"]#nodeEditDialog .multiRowTitle { position: absolute; font-size: 12px; top: -11px; left: 10px; padding-left: 5px; padding-right: 5px; color: #9B9B9B } [data-node-type="Tabular Data"]#nodeEditDialog .whiteline { background-color: white; height: 10px; width: 52px; display: block; position: absolute; top: -7px; } [data-node-type="Tabular Data"]#nodeEditDialog li { background-color: #fff; border: none; margin-bottom: 17px; position: relative } /*[data-node-type="Tabular Data"]#nodeEditDialog .val12 button { width: 140px; margin-left: 10px; }*/ #dashboard_confirmation_dialog_content { width: 380px; height: 290px; position: absolute; top: 175px; left: calc(50% - 190px); background: white; color: black; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*font-family: "Open Sans";*/ opacity: 1; } #dashboard_confirmation_dialog { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 57400000000; background-color: transparent; border: none; } #dashboard_confirmation_dialog .title-content-holder { font-size: 16px; line-height: 16px; height: 50px; padding-top: 17px; padding-left: 19px; border-bottom: 1px solid #DDD; } #dashboard_confirmation_dialog .text-content-holder { font-size: 12px; padding-left: 19px; padding-right: 5px; height: 180px; } #dashboard_confirmation_dialog .buttons-content-holder { direction: rtl; padding-right: 20px; } #dashboard_confirmation_dialog .buttons-content-holder button { margin-right: 10px; height: 32px; width: 68px; border: none; font-size: 13px; color: black; border-radius: 3px; background-color: transparent; } #dashboard_confirmation_dialog .buttons-content-holder button.delete_button, #dashboard_confirmation_dialog .buttons-content-holder button.refresh_map_button { color: #FB6262; border: 1px solid #FB6262; } #dashboard_confirmation_dialog .buttons-content-holder button.delete_button, #dashboard_confirmation_dialog .buttons-content-holder button.allOptionLabel, #dashboard_confirmation_dialog .buttons-content-holder button.delete_button, #dashboard_confirmation_dialog .buttons-content-holder button.singleOptionLabel { width: 160px; border: 1px solid black } #dashboard_confirmation_dialog .buttons-content-holder button.delete_button, #dashboard_confirmation_dialog .buttons-content-holder button.allOptionLabel { margin-right: 0 } #dashboard_confirmation_dialog .header_close_button { position: absolute; top: 20px; right: 20px; border: none; background-color: transparent; width: 16px; height: 16px; padding: 0px; background: url(../my_images/cancel.svg) no-repeat; background-size: 70%; } .btn.dropdown-toggle { line-height: 100%; } #datePickerCustomDateFromAnchor, #datePickerCustomDateToAnchor { width: 0; padding: 0; margin: 0; border: 0; } .custom-file-dialog .ui-dialog-titlebar-close { height: 50px !important; padding-right: 45px !important; } [data-node-type="Gauge"]#nodeEditDialog .multiRowTitle { left: 119px } [data-node-type="Percentage"]#nodeEditDialog .multiRowTitle, [data-node-type="Level"]#nodeEditDialog .multiRowTitle, [data-node-type="Monitor"]#nodeEditDialog .multiRowTitle { left: 117px } [data-node-type="Tabular Data"]#nodeEditDialog .multiRowTitle, [data-node-type="Raw Data"]#nodeEditDialog .multiRowTitle { left: 109px; } [data-node-type="Multi Axes Chart"]#nodeEditDialog .multiRowTitle, [data-node-type="Weather Chart"]#nodeEditDialog .multiRowTitle { left: 114px; } [data-node-type="Gauge"]#nodeEditDialog .multi_row.monitor_section, [data-node-type="Monitor"]#nodeEditDialog .multi_row.monitor_section, [data-node-type="Level"]#nodeEditDialog .multi_row.monitor_section, [data-node-type="Multi Axes Chart"]#nodeEditDialog .multi_row.multiaxes_section, [data-node-type="Weather Chart"]#nodeEditDialog .multi_row.weatherChart_section, [data-node-type="Multi Value"]#nodeEditDialog .multi_row.multi_value_section, [data-node-type="Percentage"]#nodeEditDialog .multi_row.monitor_section, [data-node-type="Tabular Data"]#nodeEditDialog .multi_row.tabulardata_section, [data-node-type="Raw Data"]#nodeEditDialog .multi_row.rawdata_section, [data-node-type="Weather Chart"]#nodeEditDialog .multi_row.weatherChart_section { width: 120%; } [data-node-type="Gauge"]#nodeEditDialog ul, [data-node-type="Tabular Data"]#nodeEditDialog ul, [data-node-type="Raw Data"]#nodeEditDialog ul, [data-node-type="Level"]#nodeEditDialog ul, [data-node-type="Multi Axes Chart"]#nodeEditDialog ul, [data-node-type="Weather Chart"]#nodeEditDialog ul, [data-node-type="Multi Value"]#nodeEditDialog ul#sortable, [data-node-type="Percentage"]#nodeEditDialog ul, [data-node-type="Timeline Chart"]#nodeEditDialog ul { width: 120%; margin-left: -100px } [data-node-type="Gauge"]#nodeEditDialog .ui-dialog-content-edit .monitor_section #sortable li, [data-node-type="Tabular Data"]#nodeEditDialog .ui-dialog-content-edit .tabulardata_section #sortable li, [data-node-type="Raw Data"]#nodeEditDialog .ui-dialog-content-edit .rawdata_section #sortable li, [data-node-type="Monitor"]#nodeEditDialog .ui-dialog-content-edit .monitor_section #sortable > li, [data-node-type="Level"]#nodeEditDialog .ui-dialog-content-edit .monitor_section #sortable li, .ui-dialog-content-edit .multiaxes_section #sortable li, .ui-dialog-content-edit .multi_value_section #sortable > li, .ui-dialog-content-edit .percentage_section #sortable li, .ui-dialog-content-edit .weatherChart_section #sortable li, .ui-dialog-content-edit .timeline_categories #sortable li { padding-left: 100px; background-color: transparent } [data-node-type="Monitor"]#nodeEditDialog ul#sortable { width: 120%; margin-left: -100px } .ui-dialog-content-edit .multiaxes_section .link-to-ddl { width: 215px !important; margin-left: 11px !important; padding-bottom: 5px; } .ui-dialog-content-edit .multiaxes_section .link-to-ddl button { height: 44px !important; border-radius: 3px; } .ui-dialog .ui-dialog-title { font-weight: bold } .ui-widget.ui-widget-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; max-width: none; width: fit-content; } .ui-widget.ui-widget-content.date_range_slider { position: relative; top: 45px; left: 20px; transform: unset; height: 0.8em; width: 600px; } .slider_date_range_values { position: absolute; bottom: 15px; left: 26px; } #nodeEditDialog label { z-index: 2; } #nodeEditDialog .btn.dropdown-toggle { height: 50px; } #nodeEditDialog .btn-default { background-color: #fff; border-color: #B5B5B5; /*color: #34373A; */ line-height: unset; color: #9B9B9B; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 19px; } #nodeEditDialog .notEmptyField .btn-default { border-color: var(--c1); } #nodeEditDialog .bootstrap-select :not(".link-to-ddl") { width: 100% !important } #nodeEditDialog .bootstrap-select.btn-group .dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; border: none; padding: 0px; } #nodeEditDialog .bootstrap-select.btn-group .dropdown-menu.inner { display: inline-block; max-height: 255px !important; } #nodeEditDialog .bootstrap-select .dropdown-toggle:focus { outline: none !important; } #nodeEditDialog .dropdown-menu > li > a:hover { background-color: #DCF8FF !important; color: #9B9B9B; } #nodeEditDialog .dropdown-menu > li > a:focus { background-color: #fff; color: #9B9B9B; } #nodeEditDialog .dropdown-menu li:hover { background-color: #DCF8FF; color: #9B9B9B; } /*#nodeEditDialog .dropdown-toggle.btn-default:hover { background-color: #fff; border-color: #DCF8FF; color: #000; }*/ #nodeEditDialog .open .dropdown-toggle.btn-default { background-color: #fff; border-color: var(--c1); color: #9B9B9B; } #nodeEditDialog .dropdown-menu > li > a { color: #9B9B9B !important; } #nodeEditDialog .short_prop { display: inline-block; vertical-align: middle; margin-left: 20px; } .labelDisplayMiddle.colorproplabel { min-width: 25%; } .dropdown-menu > li > a { color: #9B9B9B; } .dropdown-menu > li > a:focus { color: #9B9B9B !important; } .middleTitle { transform: translateY(-50%); top: 50%; position: absolute; text-align: center; width: 100%; } .middleTitle > div:first-child { cursor: pointer; color: white; } .middleTitle > div:first-child:hover { text-decoration: underline; } .middleTitle-no-subtitle { transform: translateY(-50%); top: 50%; position: absolute; text-align: center; width: 100%; z-index: 1; } .middleTitle-no-subtitle > div:first-child { cursor: pointer; color: white; } .middleTitle-no-subtitle > div:first-child:hover { text-decoration: underline; } .dateRangeLimitDialog { width: 1200px !important; height: 650px !important; font-size: 16px; color: black; } .dateRangeLimitDialog table { width: 100%; } .dateRangeLimitDialog table th { width: 50%; border-bottom: 1px solid lightgray; font-weight: 600; height: 40px; color: black; } .dateRangeLimitDialog table td { width: 50%; border-bottom: 1px solid lightgray; height: 40px; } .dateRangeLimitDialog table tr:last-child td { border-bottom: none; } .dateRangeLimitDialog table th:first-child { padding-left: 19px; } .dateRangeLimitDialog .ui-dialog-buttonpane { bottom: 0; position: absolute; width: 100%; } .limit-table-wrapper { border: 1px solid lightgray; margin: 40px 12px 0px 12px; } .limit-table-table { padding: 0 20px; } .mobile_top-switch-user, .mobile_tabs_wrapper, .mobile_tabs_drilldown_menu_button, .mobile_jdfjsdf, .mobile_multi_choice_menu, #mobile_dashboardDropDownDates { display: none } .mobile_tabs_wrapper { display: none; } .search_wrapper { position: absolute; top: 57px; right: 4px; color: gray; height: 42px; width: 152px; z-index: 1; } .rayven input.search_value { height: 27px; border-radius: 3px; border: 1px solid lightgray; width: 100%; opacity: 0.9; outline: none !important; color: #34373A; background-color: white !important; font-family: var(--font), FontAwesome; } .search_wrapper.search_value_notitle { top: 3px; right: 53px; } @media (max-width:900px) { #RHS > ul { margin: 0; } .rhs_wrapper { width: 100%; padding-left: 0px; padding-right: 0px; margin-left: -3px; } .tabs_wrapper { padding-top: 10px; position: absolute; top: 0; border-bottom-right-radius: 7px; } .tabs_wrapper_inner { display: none; } .view_tab { width: 90%; } .hamb_menu { display: table; width: 90%; padding-left: 15px; color: dimgrey; } .menu_bars { cursor: pointer; font-size: 28px; } .current_tab_name { display: table-cell; vertical-align: middle; width: 100%; font-size: 18px; padding-left: 14px; font-weight: bold } /*.header { display: none }*/ .hamb_menu_logout { display: block; color: black; padding-top: 15px; padding-bottom: 15px; padding-left: 17px; cursor: pointer; width: 90%; clear: both; display: none; } .bkg_wrapper { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: black; opacity: 0.6; display: none; z-index: 10 } .bkg_white_wrapper { width: 100%; position: absolute; top: 0; left: 0; height: 50px; z-index: 11; background-color: white } .hamb_logout { color: lightgrey; font-size: 33px; } .hamb_logout_text { display: table-cell; vertical-align: middle; font-size: 18px; padding-left: 10px; } .padding_div { width: 90%; background-color: white; height: 10px; display: none; } .profile_data { font-size: 52px; color: lightgrey; width: 90%; display: none;; padding-left: 15px; display: none } .hamb_user_name { font-size: 20px; vertical-align: middle; padding-left: 10px; } .itemOverlay { display: none } #inner_header_end_container { display: none } #inner_header_start_container { margin: unset; width: 100% } .pm_top_logo_area { right: 50%; position: absolute; transform: translateX(50%); } .mobile_top-switch-user { display: flex; align-items: center; justify-content: center; background-color: #34373A; color: white; height: 35px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 16px; letter-spacing: 0.65px; } #mobile_dropDownControlSwitchUser { display: flex; width: auto; float: unset; } #mobile_dbxswitchuser_display { display: flex; align-items: center; color: white; margin-right: 15px; width: auto; overflow: unset; } #mobile_dropdown-ctrl { display: flex; justify-content: center; width: unset; display: flex; } #mobile_dropdownContentForSwitchUser { display: block; max-height: unset !important;; border: unset; border-radius: unset; } #mobile_dropdownContentForSwitchUser.dropdown-content a { color: white; padding: unset; } .dropdown-content a.matched_users_set_select label.matched_users_set_default { padding-right: 35px; } .dropdown-content .matched_users_default label.matched_users_set_default { background-image: url(/images/user_default_mobile.svg); } .dropdown-content label.matched_users_set_default { background-image: url(/images/user_not_default_mobile.svg); } .wrapper { margin-top: 10px; background-color: white; } /*NOTE: IF YOU ADD !important to margin-top then reports won't work*/ #main-content.filtered_tabs_menu_hidden .rhs_wrapper { background-color: white; overflow: hidden; margin-top: 38px; } #main-content.filtered_tabs_menu_hidden .rhs_wrapper.hasDatepicker { margin-top: 90px; } .mobile_tabs_drilldown_menu_button { height: 52px; width: 50px; float: right; border: 1px solid lightgrey; cursor: pointer; display: inherit; position: absolute; right: 0 } .mobile_tabs_drilldown_menu_button i { font-size: 20px; color: black; padding: 15px; } .mobile_tabs_wrapper { display: inherit; } .mobile_tabs_wrapper.slick-slider { height: 52px; display: flex; justify-content: center; align-content: center; align-items: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0px; color: #34373A; float: left; position: absolute; left: 0; z-index: 1; } .mobile_jdfjsdf { display: flex; height: 52px; position: fixed; width: 100%; background-color: white; z-index: 9; } #DashboardEditWidgetPopUp { display: none; } .chartOptions { /*display: none*/ } [data-itemtype="Map"] .chartOptions { display: block } [data-itemtype="Map"] .chartOptions .minimizeMap, .minimizeChart { display: none; top: 43%; transform: translateY(50%); right: 18px; position: absolute; width: 17px; height: 17px; background-image: url(/images/collapse.svg); cursor: pointer } [data-itemtype="Map"] .chartOptions .viewDetails { opacity: 1; top: 43%; transform: translateY(50%); right: 18px; } [data-itemtype="Map"] .chartOptions .search_value { top: 14px; right: 44px; width: 105px; } [data-itemtype="Map"] .chartOptions .search_wrapper { opacity: 1 } [data-itemtype="Line Chart"] .chartOptions .viewDetails, [data-itemtype="Bar Chart"] .chartOptions .viewDetails, [data-itemtype="Multi Axes Chart"] .chartOptions .viewDetails, [data-itemtype="Weather Chart"] .chartOptions .viewDetails, [data-itemtype="Timeline Chart"] .chartOptions .viewDetails, [data-itemtype="Heat Map Chart"] .chartOptions .viewDetails { opacity: 1; top: 43%; transform: translateY(50%); right: 18px; } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu { position: absolute; top: calc(50% - 34.5px); text-align: center; width: 100%; display: block; } .multi_choice_menu { display: none } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu > a { width: 90%; height: 45px; display: block; background: url(../my_images/arrow-dropdown-white.svg) no-repeat; background-position: right; color: white; margin: auto; border-radius: 3px; font-size: 21px; line-height: 30px; background-color: #3DB4D3; } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul { display: none; padding: 0; margin: auto; width: 90%; box-shadow: 0px 3px 12px #00000029; border-radius: 0px 0px 3px 3px; background-color: #fff; } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li { display: block; position: relative; width: 100%; min-height: 45px; border-radius: inherit; cursor: pointer; z-index: 12 } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li:hover { background-color: #DDDEDE } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li .far.fa-chevron-right { display: none } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li a { display: block; padding: 8px 0 0 8px; font-size: 21px; line-height: 29px; text-decoration: none; white-space: nowrap; color: var(--foregroundColor); text-align: left; } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li .ul { width: 100%; box-shadow: 0px 0px 0px #00000029; background-color: #f5f5f5 } [data-itemtype="Multi Choice"] .mobile_multi_choice_menu .ul .li a i { display: none; float: right; line-height: 28px; } .div.custom_table_header a.custom_table_expand { display: none } .mobile_scrollable_menu { height: calc(100% - 70px); overflow-y: scroll; } .mobile_historical_dateRangeOptions_dropdown_ctrl { width: 100%; height: 40px; border-radius: 3px; border: 1px solid white; position: relative; display: flex; align-items: center; justify-content: end; padding-right: 11px; } .mobile_historical_dateRangeOptions_dropdown_ctrl .mobile_downArrowForDateRangeOption { cursor: pointer } .mobile_historical_dateRangeOptions_dropdown_wrapper { position: absolute; background-color: var(--c1); color: var(--foregroundColor); padding-left: 10px; border: 1px solid var(--foregroundColor); z-index: 10; border-radius: 3px; } .mobile_historical_dateRangeOptions_dropdown_wrapper .mobile_op { height: 30px; display: flex; align-items: center; font-size: 13px; color: var(--foregroundColor); cursor: pointer; } #mobile_dateRangeWrapper { position: fixed; width: 112%; top: 61px; z-index: 10001; margin-left: 10px; } #mobile_dateRangeOptions_ctrl { display: flex; align-items: center; height: 50px; width: 85%; background-color: white; border-left: 1px solid lightgray; border-left-color: lightgray; border-left-style: solid; border-left-width: 1px; border-top: none; border-bottom: none; box-shadow: 5px 1px 8px 2px rgba(0,0,0,0.2); border-radius: 3px; } #mobile_dateRangeOptions_ctrl label { font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 38px; color: #34373A; font-size: 13px; font-weight: bold; } #mobile_downArrowForDateRange { position: fixed; top: 78px; right: 8%; cursor: pointer; color: gray; } #mobile_dateRangeOptions { background-color: white; position: fixed; width: 95%; box-shadow: 1px 9px 16px 0px rgba(0,0,0,0.2); border: 1px solid lightgray; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-left: 20px; overflow-y: scroll } #mobile_dateRangeOptions label { color: #333333DE; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 38px; font-size: 13px; display: block } #mobile_dateRangeWrapper .mobile_dateRangeOptions_dropdown_ctrl { width: 90%; height: 40px; border-radius: 3px; border: 1px solid #B5B5B5; position: relative } #mobile_dateRangeWrapper .mobile_dateRangeOptions_dropdown_wrapper { width: 85.5%; position: absolute; } #mobile_dateRangeWrapper .mobile_dateRangeOptions_dropdown_ctrl .mobile_downArrowForDateRangeOption { position: absolute; top: 12px; right: 17px; color: grey; cursor: pointer } #mobile_dateRangeOptions .mobile_dateRangeOptions_dropdown_wrapper { position: absolute; background-color: white; color: gray; padding-left: 10px; border: 1px solid #B5B5B5; z-index: 10; border-radius: 3px; } .mobile_op { height: 30px; display: flex; align-items: center; font-size: 13px; color: #34373A; cursor: pointer; } #mobile_trailInfo_wrapper { position: fixed; width: 80%; background-color: white; height: 30px; bottom: 17px; z-index: 10002; left: 10px; color: #34373A; padding-left: 15px; padding-top: 5px; font-size: 12px; } #mobile_customoptions { margin-bottom: 6px; } #mobile_dateRangeOptions_custom_from { margin-right: 3%; } #mobile_customoptions .costom_option.date_range.dropdown-datecontrol.from-to-cutom-date-chart-popup { height: 40px; border-radius: 3px; border: 1px solid #B5B5B5 !important; width: 43%; font-size: 13px; position: unset; margin-left: 0 } .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.jojo { top: 225px !important; left: 150px !important; } .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.bubu { top: 225px !important; left: 190px !important; } .mobile_daterangeoptions_button { color: #3DB4D3; float: right; margin-right: 10px; cursor: pointer } #mobile_apply { border: 1px solid #3DB4D3; height: 28px; width: 90px; font-size: 13px; margin-left: 15px; display: flex; align-items: center; justify-content: center; border-radius: 3px; } .mobile_dateRangeOption_buttons_wrapper { height: 53px; display: flex; align-items: center; justify-content: center; margin-right: 25px; margin-top: 22px; border-top: 1px solid #F1F1F1; } .gm-style-mtc { display: none; } .mobile_chartadditionaloptions { cursor: pointer; padding-left: 10px; position: fixed; width: 112%; z-index: 10001; margin-left: 10px; height: 50px; color: #34373A; margin-left: 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 38px; font-weight: normal; font-size: 13px; font-weight: bold; display: flex; align-items: center; height: 50px; background-color: white; border-left: 1px solid lightgray; border-left-color: lightgray; border-left-style: solid; border-left-width: 1px; border-top: none; border-bottom: none; box-shadow: 5px 1px 8px 2px rgba(0,0,0,0.2); border-radius: 3px; } #mobile_intervaloptionsbutton { bottom: 10px; } #mobile_targetlineoptionsbutton { bottom: 75px; } .mobile_popup_background_cover { background: white; opacity: 0.8; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000 } .mobile_popup_content { z-index: 20001; padding: 10px; background-color: white; border-top: none; border-bottom: none; box-shadow: 1px 1px 24px 2px rgba(0,0,0,0.2); border-radius: 3px; position: fixed; top: 150px; left: 2.5%; width: 95%; height: 385px; } #mobile_intervalOptionspopup .mobile_popup_content { height: 310px } .mobile_popup_title { color: #34373A; font: 14px; height: 50px; border-bottom: 1px solid #F1F1F1; align-items: center; font-weight: bold; padding-bottom: 5px; padding-left: 5px; width: 100%; display: flex; margin-bottom: 15px; } .close_mobile_popup { position: absolute; right: 16px; font-size: 18px; cursor: pointer } .ewrewr_title { color: #333333DE; font-size: 13px; font-weight: bold; padding-left: 5px; margin-bottom: 6px; } .djhkjs, .mobile_targetlineoption_ctrl, .mobile_intervaloption_ctrl { width: 95%; height: 40px; border: 1px solid #D9D7D7; margin-bottom: 20px; color: grey; text-indent: 10px; border-radius: 5px; } .mobile_targetlineoption_ctrl, .mobile_intervaloption_ctrl { position: relative; display: flex; align-items: center; cursor: pointer } .trgetlinesdropdownarrow, .intervaldropdownarrow { position: absolute; top: 113px; right: 47px; color: gray; } .lineTypeOptionsWrapper, .intervalOptionsWrapper { position: absolute; background-color: white; width: 91%; color: grey; border: 1px solid #D9D7D7; top: 140px; border: 1px solid #D9D7D7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .mobile_linetypeoption, .mobile_intervaloption { height: 40px; display: flex; align-items: center; text-indent: 10px; cursor: pointer } .mobile_popup_buttons_wrapper { height: 50px; border-top: 1px solid #F1F1F1; display: flex; align-items: center; justify-content: right; width: 100% } .mobile_popup_button { color: #3DB4D3; font-size: 13px; width: 90px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer } #mobile_popup_button_apply, #mobile_popup_button_stinterval { border: 1px solid #3DB4D3; border-radius: 3px; margin-right: 20px; } #mobile_popup_button_stinterval { width: 124px; } #mobile_popup_button_restore { width: 200px; } #mobile_savechangespopup_icon { background-image: url(/images/dsave.svg); width: 48px; height: 48px; margin: 0 auto; margin-bottom: 15px; } #mobile_savechangespopup .mobile_popup_content { /*display: flex; justify-content: center; align-items: center;*/ } #ioregjm { position: absolute; top: 45%; transform: translateY(-50%) translateX(-50%); left: 50%; } #mobile_savechangespopup_text { width: 178px; font-size: 18px; color: #34373A; /*font-family: 'Open Sans', sans-serif;*/ text-align: center; margin: 0 auto } #mobile_savechangespopup .mobile_popup_buttons_wrapper { position: absolute; bottom: 0; justify-content: center; margin-left: -10px } #mobile_savechangespopup .mobile_popup_content { height: 257px; } #mobile_savechangespopup .mobile_popup_buttons_wrapper .mobile_popup_button { border: 1px solid #3DB4D3; width: 76px; border-radius: 5px; } .search_wrapper { position: absolute; top: 10px; top: 57px; right: -62px; height: 40px; width: 40%; } .search_value { height: 42px; border-radius: 4px; border: 1px solid lightgray; width: 100%; text-indent: 10px; outline: none !important; font-size: 17px; color: #34373A; } /*chart popup*/ .ui-dialog.ui-widget.ui-widget-content { height: 100% !important; width: 100% !important; left: 50% !important; } .ui-dialog.ui-widget.ui-widget-content #chartDropDownDays .dropdown-div { display: inline-block; width: unset; height: unset; margin-right: 5px; } .ui-dialog.ui-widget.ui-widget-content #chartDropDownDays .dropdown-label-dates { margin-left: unset; } .ui-dialog.ui-widget.ui-widget-content #chartDropDownDays .dropdown-ctrl { width: unset; } .ui-dialog.ui-widget.ui-widget-content #chartDropDownDays .dropdown-control-text { width: unset; } .ui-dialog.ui-widget.ui-widget-content #chartDropDownDays .dropdown-control { width: unset; } #mobile_targetlineoptionsbutton { width: 95% !important; } #mobile_intervaloptionsbutton { width: 95% !important; } #dialog { margin-top: 75px; min-height: 400px !important; } /**********mobile compatibility***************/ .mobile_tabs_wrapper, .mobile_drilldown_tab_wrapper { width: calc(100% - 50px) !important; color: #34373A; border: 1px solid lightgrey; } .mobile_drilldown_tab_wrapper { z-index: 2; background-color: white } .mobile_tabs_wrapper .permanent_view_tab { margin-top: 0; line-height: 15px; display: flex; justify-content: center } .slick-prev { left: 2%; z-index: 10 } .slick-next { right: 2%; } .mobile_view_tab { display: flex !important; justify-content: center; } /*.slick-slide { height: 50px; display: flex !important; justify-content: center; align-content: center; align-items: center; font: normal normal bold 13px/18px Open Sans; letter-spacing: 0px; color: #34373A; }*/ .mobile_tabs_drilldown_menu, #mobile_dropdownContentForSwitchUser, .dropdown-content.dashboard-date { width: 100%; min-height: 300px; /*height: 100vh; height: calc(var(--vh, 1vh) * 100);*/ height: 100%; background-color: var(--c0); color: white; position: fixed; z-index: 10; top: 0 } #mobile_dropdownContentForSwitchUser.dropdown-content a:first-of-type { margin-top: 45px; } #mobile_dropdownContentForSwitchUser.dropdown-content a { margin-right: 13%; } .mobile_tabs_drilldown_menu_bottom_buttons_wrapper { position: absolute; bottom: 0; width: 100%; display: flex; background-color: var(--c0); } .mobile_tabs_drilldown_menu_bottom_button { display: flex; text-align: center; height: 70px; justify-content: center; align-items: center; border: 0.5px solid var(--c0); width: 50%; font-size: 13px; cursor: pointer } .permanent_view_tab.drilldown_menu_item, .drilldown_menu_item, .drilldown_tab_children, #mobile_dropdownContentForSwitchUser.dropdown-content a { color: white; padding-left: unset; height: unset; width: unset; margin-left: 13%; margin-top: 20px; font-size: 18px; cursor: pointer; font-weight: 300; /*font-family: 'Open Sans', sans-serif;*/ } .drilldown_tab_children { margin-top: 0; } .drilldown_menu_item:hover { text-decoration: underline; color: white } /*.drilldown_menu_item.drilldown_menu_item_first { margin-top: 40px; }*/ .mobile_ieuiodhr:first-child { margin-top: 40px; } .drilldown_menu_close { color: white; /*height: 25px; width: 25px;*/ font-size: 24px; position: absolute; top: 20px; right: 10%; cursor: pointer } .timezoneicon { background: url(/images/timezoneicon.svg) no-repeat; height: 29px; width: 33px; margin-right: 5px; } .mobile_tabs_drilldown_menu_button_logout a { color: white; } .mobile_tabs_drilldown_menu_button_logout a:hover { text-decoration: none } .logouticon { background: url(/images/logouticon.svg) no-repeat; margin-right: 5px; width: 28px; height: 30px; } .mobile_timezone_menu { width: 100%; position: absolute; z-index: 11; top: 0; background-color: white; } .mobile_timezone_title { height: 60px; color: white; font-size: 16px; background-color: #34373A; display: flex; justify-content: center; align-items: center; } .mobile_timezone_title i { position: absolute; left: 16px; cursor: pointer } .mobile_timezone_subtitle { color: #34373A; font-size: 13px; font-weight: bold; width: 89% } .mobile_timezone_subsubtitle { width: 89%; font-size: 13px; color: #34373ACC; margin-top: 20px; margin-bottom: 5px; } .mobile_timezone_menu_content { position: absolute; top: 76px; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .mobile_timezone_menu #userSelectedTimeZone { margin-bottom: 20px; width: 89%; height: 44px; text-indent: 10px; border: 1px solid #B5B5B5; border-radius: 3px; color: #34373A; font-size: 13px; cursor: pointer } .mobile_timezone_menu #timeZoneOptionsWrapper { height: 255px; width: 89%; border-radius: 4px; overflow-y: scroll; background-color: white; border: 1px solid #B5B5B5; margin-top: -25px; } .mobile_timezone_menu #timeZoneOptionsWrapper .time_zone_option { height: 31px; text-indent: 10px; display: block; text-overflow: ellipsis; white-space: nowrap; width: 89%; overflow: hidden; padding-top: 10px; cursor: pointer; color: #34373A; font-size: 13px } .mobile_timezone_menu .fas.fa-chevron-down { position: absolute; font-size: 14px; top: 76px; right: 11%; color: #34373A; cursor: pointer } .save_timezone_button { color: white; background-color: #34373A; height: 50px; width: 160px; display: flex; justify-content: center; border-radius: 4px; align-items: center; cursor: pointer } .mobile_drilldown_tab_wrapper .mobile_view_tab { height: 50px; display: flex !important; justify-content: center; align-content: center; align-items: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0px; color: #34373A; width: 100%; } .drilldown_tab_children { margin-left: 19%; padding-right: 19%; position: relative } .mobile_child_tab { margin-top: 20px; position: relative; } .mobile_child_tab i { position: absolute; font-size: 24px; right: -20px; top: 4px } .mobile_child_tab span:hover { text-decoration: underline } #datepicker-limit-dialog { display: none } /*Dates Dropdown*/ #mobile_dashboardDropDownDates { display: none; align-items: center; min-height: 50px; width: 100%; z-index: 9; position: fixed; top: 147px; border-bottom: 1px solid lightgrey; background-color: white; } #mobile_dashboardDropDownDates .dropdown-content.dashboard-date { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: unset; border-radius: unset; } #mobile_dashboardDropDownDates .dropdown-div { width: 100%; display: flex; align-items: center; height: 100%; } #mobile_dashboard_filterbydaterange { width: 25%; display: flex; justify-content: center; margin: unset; color: var(--foregroundColorDark); } #mobile_dashboard_dates_dropdown .dropdown-ctrl { width: 72%; } #mobile_dashboard_dates_dropdown .dropdown-control { width: 100%; display: flex; align-items: center; height: 100%; border: 1px solid #B5B5B5; border-radius: 3px; min-height: 38px; } #mobile_dashboard_dates_dropdown .dropdown-control-text { width: 100%; color: var(--foregroundColorDark); } #mobile_dashboard_downArrowForDateRange { margin-right: 10px; color: black; font-size: 16px; } .mobile_dashboard-date-wrapper { display: block; width: 100%; height: 90%; padding: 43px 16px 0 16px; } .mobile_dashboard-date-wrapper select { background-color: var(--c0); padding-left: 15px; } .mobile_dateRangeSelect { width: 100%; border: 1px solid #FFFFFF; border-radius: 4px; min-height: 40px; } .mobile_dates_dropdown_btn { position: absolute; bottom: 0; width: 100%; display: flex; height: 10%; padding: 0 15px; } .dates_dropdown_btn { display: flex; width: 50%; align-items: center; border-top: 1px solid #FFFFFF; cursor: pointer } #mobile_setDashboardCustomDate { justify-content: flex-end; } #mobile_setDashboardCustomDate span { color: var(--c0); background-color: white; padding: 5px 28px; border-radius: 4px; cursor: pointer } .mobile_dashboard-date { margin: 10px 0; } .mobile_dashboard-date-custom .dropdown-datecontrol.hasDatepicker { margin: unset; width: 45%; height: 100%; } .mobile_dashboard-date-custom { display: flex; justify-content: space-between; } .ui-widget.ui-widget-content { top: 0 !important; left: 0 !important; width: 100%; min-height: 300px; height: 100%; transform: none; } } @media print { .mobile_jdfjsdf { display: none; } .tabs_wrapper { display: none; } } @font-face { font-family: 'extended-icons_mining-gold'; src: url('/fonts/extended-icons_mining-gold.ttf'); font-weight: 100; font-style: normal; font-display: block; } .extendedicon.mining-gold:before { font-family: 'extended-icons_mining-gold' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.mining-gold.bomb:before { content: "\e900"; } .extendedicon.mining-gold.breaker-machine:before { content: "\e901"; } .extendedicon.mining-gold.construction-barrier:before { content: "\e902"; } .extendedicon.mining-gold.cutter:before { content: "\e903"; } .extendedicon.mining-gold.dredge-machine:before { content: "\e904"; } .extendedicon.mining-gold.dynamite:before { content: "\e905"; } .extendedicon.mining-gold.factory:before { content: "\e906"; } .extendedicon.mining-gold.fire:before { content: "\e907"; } .extendedicon.mining-gold.gold:before { content: "\e908"; } .extendedicon.mining-gold.gold-bar:before { content: "\e909"; } .extendedicon.mining-gold.mine-generator:before { content: "\e90a"; } .extendedicon.mining-gold.miners:before { content: "\e90b"; } .extendedicon.mining-gold.mine-truck:before { content: "\e90c"; } .extendedicon.mining-gold.mining:before { content: "\e90d"; } .extendedicon.mining-gold.mining-cart:before { content: "\e90e"; } .extendedicon.mining-gold.mining-trolley:before { content: "\e90f"; } .extendedicon.mining-gold.pick-axe:before { content: "\e910"; } .extendedicon.mining-gold.pump-house:before { content: "\e911"; } .extendedicon.mining-gold.shovel-and-sand:before { content: "\e912"; } .extendedicon.mining-gold.stone-shredder:before { content: "\e913"; } @font-face { font-family: 'extended-icons_mining'; src: url('/fonts/extended-icons_mining.ttf'); } .extendedicon.mining:before { font-family: 'extended-icons_mining' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.mining.digging-for-gold:before { content: "\e900"; } .extendedicon.mining.dredge-car:before { content: "\e901"; } .extendedicon.mining.dynamite-mine:before { content: "\e902"; } .extendedicon.mining.fire:before { content: "\e903"; } .extendedicon.mining.gold-material:before { content: "\e904"; } .extendedicon.mining.golds:before { content: "\e905"; } .extendedicon.mining.hammer:before { content: "\e906"; } .extendedicon.mining.mine-bomb:before { content: "\e907"; } .extendedicon.mining.mine-cart:before { content: "\e908"; } .extendedicon.mining.mine-drilling:before { content: "\e909"; } .extendedicon.mining.mine-generator:before { content: "\e90a"; } .extendedicon.mining.mine-house:before { content: "\e90b"; } .extendedicon.mining.mine-processing-plant:before { content: "\e90c"; } .extendedicon.mining.miners:before { content: "\e90d"; } .extendedicon.mining.mine-sand:before { content: "\e90e"; } .extendedicon.mining.mine-truck:before { content: "\e90f"; } .extendedicon.mining.mining-door:before { content: "\e910"; } .extendedicon.mining.stone-breaking-machine:before { content: "\e911"; } .extendedicon.mining.stone-shredder:before { content: "\e912"; } @font-face { font-family: 'extended-icons_power_energy_3'; src: url('/fonts/extended-icons_power_energy_3.ttf'); } .extendedicon.pe3:before { font-family: 'extended-icons_power_energy_3' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.pe3.atom:before { content: "\e900"; } .extendedicon.pe3.battery:before { content: "\e901"; } .extendedicon.pe3.battery2:before { content: "\e902"; } .extendedicon.pe3.bulb:before { content: "\e903"; } .extendedicon.pe3.carbon:before { content: "\e904"; } .extendedicon.pe3.chemical:before { content: "\e905"; } .extendedicon.pe3.dashboard:before { content: "\e906"; } .extendedicon.pe3.ecology:before { content: "\e907"; } .extendedicon.pe3.electric:before { content: "\e908"; } .extendedicon.pe3.electric2:before { content: "\e909"; } .extendedicon.pe3.fire:before { content: "\e90a"; } .extendedicon.pe3.fuel:before { content: "\e90b"; } .extendedicon.pe3.graph:before { content: "\e90c"; } .extendedicon.pe3.mining:before { content: "\e90d"; } .extendedicon.pe3.nature:before { content: "\e90e"; } .extendedicon.pe3.oil:before { content: "\e90f"; } .extendedicon.pe3.petrol:before { content: "\e910"; } .extendedicon.pe3.pipeline:before { content: "\e911"; } .extendedicon.pe3.plug:before { content: "\e912"; } .extendedicon.pe3.plug2:before { content: "\e913"; } .extendedicon.pe3.power:before { content: "\e914"; } .extendedicon.pe3.power2:before { content: "\e915"; } .extendedicon.pe3.radiation:before { content: "\e916"; } .extendedicon.pe3.recyclebin:before { content: "\e917"; } .extendedicon.pe3.setting:before { content: "\e918"; } .extendedicon.pe3.solar:before { content: "\e919"; } .extendedicon.pe3.sun:before { content: "\e91a"; } .extendedicon.pe3.water:before { content: "\e91b"; } .extendedicon.pe3.windmill:before { content: "\e91c"; } .extendedicon.pe3.world:before { content: "\e91d"; } @font-face { font-family: 'extended-icons_power_energy_4'; src: url('/fonts/extended-icons_power_energy_4.ttf'); } .extendedicon.pe4:before { font-family: 'extended-icons_power_energy_4' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.pe4.atom:before { content: "\e900"; } .extendedicon.pe4.battery:before { content: "\e901"; } .extendedicon.pe4.battery-charging:before { content: "\e902"; } .extendedicon.pe4.bike:before { content: "\e903"; } .extendedicon.pe4.dam:before { content: "\e904"; } .extendedicon.pe4.electric-car:before { content: "\e905"; } .extendedicon.pe4.electric-tower:before { content: "\e906"; } .extendedicon.pe4.factory:before { content: "\e907"; } .extendedicon.pe4.gas-cylinder:before { content: "\e908"; } .extendedicon.pe4.gas-station:before { content: "\e909"; } .extendedicon.pe4.green-battery:before { content: "\e90a"; } .extendedicon.pe4.green-electricity:before { content: "\e90b"; } .extendedicon.pe4.industry:before { content: "\e90c"; } .extendedicon.pe4.led:before { content: "\e90d"; } .extendedicon.pe4.led2:before { content: "\e90e"; } .extendedicon.pe4.light:before { content: "\e90f"; } .extendedicon.pe4.light2:before { content: "\e910"; } .extendedicon.pe4.nuclear-sign:before { content: "\e911"; } .extendedicon.pe4.nuclear-tower:before { content: "\e912"; } .extendedicon.pe4.oil:before { content: "\e913"; } .extendedicon.pe4.oil-drop:before { content: "\e914"; } .extendedicon.pe4.oil-field:before { content: "\e915"; } .extendedicon.pe4.oil-leakage:before { content: "\e916"; } .extendedicon.pe4.oil-rig:before { content: "\e917"; } .extendedicon.pe4.oil-tanker:before { content: "\e918"; } .extendedicon.pe4.oil-tin:before { content: "\e919"; } .extendedicon.pe4.recycle:before { content: "\e91a"; } .extendedicon.pe4.recycle-bin:before { content: "\e91b"; } .extendedicon.pe4.recycle-water:before { content: "\e91c"; } .extendedicon.pe4.save-tree:before { content: "\e91d"; } .extendedicon.pe4.save-water:before { content: "\e91e"; } .extendedicon.pe4.save-world:before { content: "\e91f"; } .extendedicon.pe4.solar-energy:before { content: "\e920"; } .extendedicon.pe4.solar-panel:before { content: "\e921"; } .extendedicon.pe4.switch:before { content: "\e922"; } .extendedicon.pe4.tower:before { content: "\e923"; } .extendedicon.pe4.tree:before { content: "\e924"; } .extendedicon.pe4.water-turbine:before { content: "\e925"; } .extendedicon.pe4.windmill:before { content: "\e926"; } .extendedicon.pe4.windmill2:before { content: "\e927"; } @font-face { font-family: 'extended-icons_map'; src: url('/my_fonts/extended-icons_map.ttf'); } .extendedicon.map:before { font-family: 'extended-icons_map' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.map.m1:before { content: "\e900"; } .extendedicon.map.m2:before { content: "\e901"; } .extendedicon.map.m3:before { content: "\e902"; } .extendedicon.map.m4:before { content: "\e903"; } .extendedicon.map.m5:before { content: "\e904"; } .extendedicon.map.m6:before { content: "\e905"; } .extendedicon.map.m7:before { content: "\e906"; } .extendedicon.map.m8:before { content: "\e907"; } .extendedicon.map.m9:before { content: "\e908"; } .extendedicon.map.m10:before { content: "\e909"; } .extendedicon.map.m11:before { content: "\e90a"; } .extendedicon.map.m12:before { content: "\e90b"; } .extendedicon.map.m13:before { content: "\e90c"; } .extendedicon.map.m14:before { content: "\e90d"; } .extendedicon.map.m15:before { content: "\e90e"; } .extendedicon.map.m16:before { content: "\e90f"; } .extendedicon.map.m17:before { content: "\e910"; } .extendedicon.map.m18:before { content: "\e911"; } .extendedicon.map.m19:before { content: "\e912"; } .extendedicon.map.m20:before { content: "\e913"; } .extendedicon.map.m21:before { content: "\e914"; } .extendedicon.map.m22:before { content: "\e915"; } .extendedicon.map.m23:before { content: "\e916"; } @font-face { font-family: 'extended-icons_tab'; src: url('/my_fonts/extended-icons_tab.ttf'); } .extendedicon.icons-tab:before { font-family: 'extended-icons_tab' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .extendedicon.icons-tab.diagnostics:before { content: '\e800'; } .extendedicon.icons-tab.weather:before { content: '\e801'; } .extendedicon.icons-tab.site:before { content: '\e802'; } .extendedicon.icons-tab.settings:before { content: '\e803'; } .extendedicon.icons-tab.raw-data:before { content: '\e804'; } .extendedicon.icons-tab.mobile-dashboard:before { content: '\e805'; } .extendedicon.icons-tab.map:before { content: '\e806'; } .extendedicon.icons-tab.inventory:before { content: '\e807'; } .extendedicon.icons-tab.general-summary:before { content: '\e808'; } .extendedicon.icons-tab.fleet-health:before { content: '\e809'; } .extendedicon.icons-tab.fleet:before { content: '\e80a'; } .extendedicon.icons-tab.alarm:before { content: '\e80b'; } .extendedicon.icons-tab.device-health:before { content: '\e80c'; } .extendedicon.icons-tab.device:before { content: '\e80d'; } .extendedicon.icons-tab.custom-tables:before { content: '\e80e'; } .extendedicon.icons-tab.customer:before { content: '\e80f'; } .extendedicon.icons-tab.building:before { content: '\e810'; } div.chart-interval-alert { position: relative; z-index: 1; margin: 0 auto; width: max-content; } div.chart-interval-alert i { color: var(--c0); } i.chart-interval-alert { position: absolute; left: 16px; top: 20px; color: var(--c0); } #dialog .chart-interval-alert { position: absolute; z-index: 100; margin: 0 auto; width: max-content; top: 140px; left: 50%; transform: translate(-50%, -50%); } #dialog i.chart-interval-alert { top: 40px; left: 30px; } #dialog .chart-interval-alert button { margin-left: 5px; color: gray; font-size: 20px; } .global-chart-interval-alert, .global-no-permission-to-open-solution-alert { position: absolute; z-index: 100; margin: 0 auto; width: max-content; top: 140px; left: 50%; transform: translate(-50%, -50%); } .global-chart-interval-alert button, .global-no-permission-to-open-solution-alert button { margin-left: 5px; color: gray; } .DashboardWindRoseMap { background-color: #e3e3e3; opacity: var(--bopac); } /*Timeline Categories*/ [data-node-type="Timeline Chart"]#nodeEditDialog { width: 1075px; } #nodeEditDialog .label_items_wrapper { width: 730px; } #nodeEditDialog .timeline_categories .s_add_category { margin-left: 10px; cursor: pointer; width: 22px; height: 22px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-image: url('/my_images/add-button.svg'); margin-top: 6px; } #nodeEditDialog .timeline_categories .parent_node_content { display: none } #nodeEditDialog .timeline_categories .child_node_content { display: none } #nodeEditDialog .timeline_categories .row1 .x1 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .coll_a { width: 195px; } #nodeEditDialog .timeline_categories .value { width: 70px; float: left; } #nodeEditDialog .timeline_categories .val1 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val2 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val3 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val4 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val5 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val6 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .val7 { width: 49px; float: left; } #nodeEditDialog .timeline_categories .val8 { width: 110px; float: left; } #nodeEditDialog .timeline_categories .to-range { width: 30px; float: left; text-align: center; font-size: 16px; margin-top: 5px; } /*#nodeEditDialog .timeline_categories #sortable .s_handle { position: absolute; left: 1px; top: 28px; cursor: pointer; } #nodeEditDialog .timeline_categories #sortable .s_remove { position: absolute; right: 32px; top: 26px; cursor: pointer; font-size: 22px; color: #d4d5d9; } */ /*#nodeEditDialog .timeline_categories #sortable li, .popup_container .specialField li { margin-right: 0px; display: grid; }*/ #nodeEditDialog .timeline_categories .fill-type { margin-top: 20px; margin-left: 18px; } #nodeEditDialog .timeline_categories .fill-type span { margin: 0 5px; } #nodeEditDialog .timeline_categories .fill-type span input[name="fill"] { width: 30px; height: 17px; accent-color: dodgerblue; vertical-align: sub; } #nodeEditDialog .timeline_categories .fill-type span label { font-weight: unset; } #nodeEditDialog timeline_categories li.case_line[data_rbcondition="3"] select.val3 option.rb_oho_3 { display: none; } #nodeEditDialog timeline_categories li.case_line[data_rbcondition="5"] select.val3 option.rb_oho_5 { display: none; } #nodeEditDialog timeline_categories .rule_builder_js { margin: 20px; background-color: #f8f8f8; padding: 20px; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New; } .ui-dialog-content-edit .timeline_categories #sortable .s_remove { margin-top: 25px; } .ui-dialog-content-edit .timeline_categories #sortable .row1 input { width: 158px; height: 44px; } .ui-dialog-content-edit .timeline_categories #sortable .row1 button { height: 44px; } .ui-dialog-content-edit .timeline_categories .link-to-ddl { width: 277px !important; margin-left: 11px !important; } .ui-dialog-content-edit .timeline_categories #sortable .children_wrapper input { width: 115px; height: 37px; vertical-align: bottom } .ui-dialog-content-edit .timeline_categories #sortable .children_wrapper .timeline_catogory_child input:not(.colorHexInput,.color-picker) { width: 120px; } .ui-dialog-content-edit .timeline_categories #sortable .children_wrapper .dhflkje_title { display: inline-block; height: 35px; border: 1px solid lightgray; border-radius: 3px; width: 83px; display: inline-flex; justify-content: left; align-items: center; padding-left: 10px; background-color: #f0f0f0; } .ui-dialog-content-edit .timeline_categories #sortable .children_wrapper { padding-left: 20px; } .ui-dialog-content-edit .timeline_categories #sortable .s_handle { padding: 27px 0 0 8px; left: 89px; top: -11px; padding-right: 13px; z-index: 1000; } .ui-dialog-content-edit .timeline_categories #sortable .row1 { height: 50px; } .ui-dialog-content-edit .timeline_categories #sortable .row1 .val3 { width: 161px; } .ui-dialog-content-edit .timeline_categories #sortable .row1 .input_title_wrapper .multiRowFieldTitle { left: -140px; min-width: 90px; top: -19px; } .ui-dialog-content-edit .timeline_categories { width: 800px; } .ui-dialog-content-edit .timeline_categories label.td-label-link-to { left: 290px; } /*Google map replace default icons*/ .gm-style .controls { font-size: 28px; /* this adjusts the size of all the controls */ background-color: white; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; box-sizing: border-box; border-radius: 2px; cursor: pointer; font-weight: 300; height: 1em; margin: 6px; text-align: center; user-select: none; padding: 2px; width: 1em; } .gm-style .controls button { border: 0; background-color: white; color: rgba(0, 0, 0, 0.6); } .gm-style .controls button:hover { color: rgba(0, 0, 0, 0.9); } .gm-style .controls.zoom-control { display: flex; flex-direction: column; height: auto; } .gm-style .controls.zoom-control button { font: 0.85em Arial; margin: 1px; padding: 0; } .gm-style .controls.maptype-control { display: flex; flex-direction: row; width: auto; } .gm-style .controls.maptype-control button { display: inline-block; font-size: 0.5em; margin: 0 1px; padding: 0 6px; } .gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map { font-weight: 700; } .gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite { font-weight: 700; } .gm-style .controls.fullscreen-control button { display: block; font-size: 1em; height: 100%; width: 100%; } .gm-style .controls.fullscreen-control .fullscreen-control-icon { border-style: solid; height: 0.25em; position: absolute; width: 0.25em; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left { border-width: 2px 0 0 2px; left: 0.1em; top: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left { border-width: 0 2px 2px 0; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right { border-width: 2px 2px 0 0; right: 0.1em; top: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right { border-width: 0 0 2px 2px; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left { border-width: 0 0 2px 2px; left: 0.1em; bottom: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left { border-width: 2px 2px 0 0; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right { border-width: 0 2px 2px 0; right: 0.1em; bottom: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right { border-width: 2px 0 0 2px; } /*End Google map replace default icons*/ .rayven .alert-info { color: var(--c0); background-color: var(--c2); } .no_data_chart_cover { bottom: -2px; opacity: unset; } .no_data_text { background-color: white; opacity: 0.8 } #nodeEditDialog .rayven_in_props_page .inline_label_desc { display: none; } #nodeEditDialog .rayven_in_props_page .inline_label_desc._rayven_custom_title { display: block; } #nodeEditDialog ._rayven_color_and_transp_picker_container.rayven_in_props_page { width: 100%; display: inline-block; } #nodeEditDialog ._rayven_color_and_transp_picker_container.rayven_in_props_page ._rayven_transp_picker_container { width: calc(100% - 194px); } #nodeEditDialog ._rayven_color_and_transp_picker_container.rayven_in_props_page ._rayven_transp_picker_container .rayven-transparency-slider-container { width: calc(100% - 61px); } #nodeEditDialog ._rayven_color_and_transp_picker_container.rayven_in_props_page ._rayven_transp_picker_container .rayven-transparency-slider.ui-slider { width: calc(100% - 32px); } #nodeEditDialog ._rayven_color_picker_container { margin-left: 0 } #nodeEditDialog ._rayven_transp_picker_container .ui-widget.ui-widget-content { position: relative; top: 0; left: 0; transform: none; } #nodeEditDialog ._rayvenGuiLib_container input[type="text"] { text-indent: 0; padding-left: 5px; padding-right: 5px; } #nodeEditDialog ._rayvenGuiLib_container input.colorHexInput[type=text] { width: 120px; } .hiddeElement { display: none !important; } /*.ui-tooltip { white-space: nowrap !important; }*/ .global_tabs_menu_icon { background-color: #34373A98; -webkit-mask-repeat: no-repeat; -webkit-mask-position-x: 50%; background-image: none; -webkit-mask-origin: padding-box; width: 18px; height: 23px; display: inline-block; -webkit-mask-position-y: 3px; } .report_menu_icon { -webkit-mask-image: url("/images/reports.svg"); } .forms_menu_icon { -webkit-mask-image: url("/images/forms.svg"); } .admin_menu_icon { -webkit-mask-image: url("/images/admin_inverse.svg"); } .global_tabs_control .global_tabs_menu:hover .global_tabs_menu_icon { background-color: #000000; font-weight: bold; } .permanent_view_tab > div > i { width: 24px; text-align: center; } ._tabularData_code_class_multichoice .btn.dropdown-toggle .filter-option { text-overflow: ellipsis } a { color: var(--foregroundColor); } a:hover { color: var(--foregroundColor); text-decoration: underline; } /*Form bulder start*/ .my-form { overflow: auto; padding: 20px; line-height: normal; height: inherit; } .my-form .form-group { text-align: left; width: 100%; } .my-form input:not([type="radio"]) { width: 100%; border: 1px solid; height: 30px; border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; padding: 0 14px 0 14px; } .my-form input[type="radio"] { width: 100%; border: 1px solid; height: 30px; border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; } /*.my-form input[type="radio"] { margin-top:5px !important; width: 22px; height: 22px; accent-color: var(--c0); vertical-align: sub; border: 1px solid var(--c0); border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; text-indent: 14px; }*/ .my-form input[type="checkbox"] { margin-top: 5px !important; width: 22px; height: 22px; accent-color: var(--c0); vertical-align: sub; border: 1px solid var(--c0); border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; text-indent: 14px; } .my-form textarea { width: 100%; max-width: 100%; min-width: 100%; border: 1px solid var(--c0); border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; padding: 5px 14px 5px 14px; min-height: 50px; } .my-form select { width: 100%; border: 1px solid var(--c0); height: 30px; border-radius: 3px; font-variant: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #9B9B9B; text-indent: 14px; } /*.my-form .formbuilder-checkbox label { vertical-align: text-top; }*/ .my-form .formbuilder-radio label { vertical-align: super; } div[data-itemtype="Form Builder"] .form-buttons { width: 100%; padding: 20px 20px 20px 0; margin-top: auto; } div[data-itemtype="Form Builder"] .form-buttons .save_button { width: 100px; background-color: var(--c0); border-radius: 3px; border: 1px solid var(--c0); border-top-color: var(--c0); border-top-style: solid; border-top-width: 1px; border-right-color: var(--c0); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--c0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: var(--c0); border-left-style: solid; border-left-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: white; /*font-family: "Open Sans",Arial;*/ font-size: 13px; height: 28px; margin-top: 1px; float: right; } div[data-itemtype="Form Builder"] .form-buttons .latest_button { width: 100px; border-radius: 3px; border: 1px solid var(--c0); border-top-color: var(--c0); border-top-style: solid; border-top-width: 1px; border-right-color: var(--c0); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--c0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: var(--c0); border-left-style: solid; border-left-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: var(--c0); /*font-family: "Open Sans",Arial;*/ font-size: 13px; height: 28px; margin-top: 1px; float: right; margin-right: 10px; } div[data-itemtype="Form Builder"] .form-buttons .clear_button { width: 100px; border-radius: 3px; border: 1px solid var(--c0); border-top-color: var(--c0); border-top-style: solid; border-top-width: 1px; border-right-color: var(--c0); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--c0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: var(--c0); border-left-style: solid; border-left-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: var(--c0); /*font-family: "Open Sans",Arial;*/ font-size: 13px; height: 28px; margin-top: 1px; float: right; margin-right: 10px; } div[data-itemtype="Form Builder"] .form-buttons .new_button { width: 100px; border-radius: 3px; border: 1px solid var(--c0); border-top-color: var(--c0); border-top-style: solid; border-top-width: 1px; border-right-color: var(--c0); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--c0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: var(--c0); border-left-style: solid; border-left-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: var(--c0); /*font-family: "Open Sans",Arial;*/ font-size: 13px; height: 28px; margin-top: 1px; float: right; margin-right: 10px; } [data-itemtype="Form Builder"] .thank-you { margin-top: 20px; display: -webkit-box; /* Use the flexbox model */ -webkit-box-orient: vertical; /* Set the box orientation to vertical */ overflow: hidden; /* Hide overflow text */ text-overflow: ellipsis; /* Show ellipsis */ line-height: 1.5; /* Set line height */ } /*[data-itemtype="Form Builder"] .thank-you-container { height: calc(100% - 130px); } */ [data-itemtype="Form Builder"] .DashboardItemNameTitle { overflow: visible; } [data-itemtype="Form Builder"] .DashboardItemNameSubTitle { display: contents; } [data-itemtype="Form Builder"] .cover_all { background-color: #fbfbfb !important; } .form-builder-date-picker { transform: none !important; } .my-form .desigenCheckboxForEditPopup { background-image: url("../images/ms_unselect_t.svg"); height: 22px; width: 22px; display: inline-block; border-radius: 2px; cursor: pointer; margin-right: 5px; margin-bottom: -5px; } .my-form .desigenCheckboxForEditPopup_checked { -webkit-mask-image: url("../images/ms_select_t.svg"); background-color: var(--c0); } /*.my-form .formbuilder-checkbox { height: 30px; }*/ .my-form input[type='radio'] { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; outline: none; box-shadow: 0 0 0 0 gray; border-color: #c7cbd6; } .my-form input[type='radio']:checked { border-color: var(--c0); } /*.my-form input[type='radio']:before { content: ''; display: block; width: 11px; height: 11px; margin: 20% auto; border-radius: 50%; }*/ .my-form input[type='radio']:before { content: ''; display: block; width: 14px; height: 14px; margin: 3px 1px 2px 2.5px; border-radius: 50%; } .my-form input[type='radio']:checked:before { background: var(--c0); } .my-form .formbuilder-radio { height: 30px; } .my-form .notEmptyField { border-color: var(--c0); } .my-form .bootstrap-select { width: 100% !important; color: #9b9b9b; } .my-form .bootstrap-select button { color: #9b9b9b; } .my-form .bootstrap-select li { text-align: unset !important; } .my-form .bootstrap-select .filter-option { text-overflow: ellipsis; width: calc(100% - 10px) !important; } .my-form p { margin: 10px 0 10px 0 !important; text-align: left; } .my-form .ps__thumb-y { background-color: var(--c0) !important; } .my-form.ps { position: relative; } .my-form .ps__rail-y { background-color: transparent !important; } /*[data-itemtype="Form Builder"] .DashboardItemNameTitle { margin-top: 7px; }*/ /*Form bulder end*/ .my-form .btn-default:hover, .my-form .btn-default:focus, .my-form .btn-default:active, .my-form .btn-default.active, .my-form .open .my-form .dropdown-toggle.btn-default { background-color: transparent !important; border-color: #1aafd0 !important; /*color: #FFFFFF !important;*/ } .my-form label { display: inline-flex; } .my-form .other-val { margin-top: -5px; } .my-form .dropdown-menu { width: 100%; } .my-form .dropdown-menu span.text { width: calc(100% - 10px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .my-form .dropdown-menu.inner { overflow: hidden; overflow-y: hidden; overflow-x: hidden; } /*.my-form .custom-button { padding: 5px 10px; border: 1px solid #ccc; color: #333; background-color: #f9f9f9; font-family: Arial, sans-serif; font-size: 14px; border-radius: 4px; cursor: pointer; }*/ /*.my-form .custom-button:hover { background-color: #e9e9e9; }*/ .my-form .custom-file-name { font-style: italic; color: #555; font-family: Arial, sans-serif; font-size: 14px; } .my-form .custom-file-upload { display: flex; align-items: center; gap: 10px; border: 1px solid #9B9B9B; border-radius: 3px; } .my-form input[type="file"] { display: none; /* Hide the original file input */ } .my-form .clear-form { width: 100px; border-radius: 3px; border: 1px solid var(--c0); border-top-color: var(--c0); border-top-style: solid; border-top-width: 1px; border-right-color: var(--c0); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--c0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: var(--c0); border-left-style: solid; border-left-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: var(--c0); /* font-family: "Open Sans", Arial; */ font-size: 13px; height: 20px; margin-top: 5px; float: right; margin-right: 10px; padding-left: 13px; padding-top: 2px; margin-left: 4px; } #global_tabs_expand { display: none } .static_div_device_management, .static_div_user_management, .static_div_emailsms_log, .static_div_export_node { height: calc(100vh - 95px); }