/*=========== Appended from: css/Widget.css===========*/ /* CSS Document */ html { min-height: 100%; } body { margin: 0; padding: 0; font-size: 11px; font-family: LatoWeb, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; color: #FFFFFF; } td { font-size: 11px; color: #000; } /***********************************************/ /* Demographics widget */ /* These elements exist in Reporting.css also. */ /***********************************************/ .columnTopGroupLabel { white-space: nowrap; padding: 0 6px 3px; background: hsl(0,0%,80%); border: 1px solid hsl(0,0%,67%); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-left: 10px; margin-right: 10px; } .xS .columnTopGroupLabel { padding: 0 6px 3px; } .xM .columnTopGroupLabel { padding: 0 8px 4px; } .xL .columnTopGroupLabel { padding: 0 10px 5px; } .darkTheme .columnTopGroupLabel, .darkBlueTheme .columnTopGroupLabel { background: hsla( 0, 0%, 100%,.125 ); border: 1px solid hsla( 0, 0%, 100%, .1); } /** badly named but is the heading inside the block, eg. "Maestro Server" */ .ResultsHead4 { height: 1.3em; font-size: 11px; line-hieght: 1.3em; color: black; font-weight: bold; } .xS .ResultsHead4 { font-size: 11px; } .xM .ResultsHead4 { font-size: 13px; } .xL .ResultsHead4 { font-size: 16px; } .darkTheme .ResultsHead4, .darkBlueTheme .ResultsHead4 { color: hsl(0,0%,61%); } .columnGroupLabel { white-space:nowrap; padding: 0 10px; } .columnGroupLabel div { white-space:nowrap; border-bottom: solid 1px #bababa; } .columnLabel { height: 1.3em; line-height: 1.3em; text-align: right; color: hsl(0,0%,40%); /** #A6A6A6; */ vertical-align: top; padding-left: 10px; padding-right: 3px; } .xS .columnLabel { font-size: 11px; padding-left: 10px; padding-right: 3px; } .xLM .columnLabel { font-size: 13px; padding-left: 12px; padding-right: 5px; } .xL .columnLabel { font-size: 16px; padding-left: 14px; padding-right: 7px; } .darkTheme .columnLabel, .darkBlueTheme .columnLabel { color: hsl(0,0%,60%); } .columnValue { height: 1.3em; line-height: 1.3em; color: black; padding-right: 10px; vertical-align: bottom; } .xS .columnValue { font-size: 11px; padding-right: 10px; } .xM .columnValue { font-size: 13px; padding-right: 12px; } .xL .columnValue { font-size: 16px; padding-right: 14px; } .darkTheme .columnValue, .darkBlueTheme .columnValue { color: hsl(0,0%,85%); } /* Begin Images and Coordinates from imageMasterWidgets.png */ /* Begin Map Widget Images */ img.mapButton_panUp {width: 22px; height: 22px; background-position:0px 0px;} img.mapButton_panLeft {width: 22px; height: 22px; background-position:-27px 0px;} img.mapButton_panRight {width: 22px; height: 22px; background-position:-54px 0px;} img.mapButton_panCenter {width: 22px; height: 22px; background-position:-81px 0px;} img.mapButton_panDown {width: 22px; height: 22px; background-position:-108px 0px;} img.mapButton_zoomIn {width: 22px; height: 22px; background-position:-135px 0px;} img.mapButton_zoomOut {width: 22px; height: 22px; background-position:-162px 0px;} img.mapButton_panUp_over {width: 22px; height: 22px; background-position:0px -30px;} img.mapButton_panLeft_over {width: 22px; height: 22px; background-position:-27px -30px;} img.mapButton_panRight_over {width: 22px; height: 22px; background-position:-54px -30px;} img.mapButton_panCenter_over {width: 22px; height: 22px; background-position:-81px -30px;} img.mapButton_panDown_over {width: 22px; height: 22px; background-position:-108px -30px;} img.mapButton_zoomIn_over {width: 22px; height: 22px; background-position:-135px -30px;} img.mapButton_zoomOut_over {width: 22px; height: 22px; background-position:-162px -30px;} img.mapButton_panUp_down {width: 22px; height: 22px; background-position:0px -120px;} img.mapButton_panLeft_down {width: 22px; height: 22px; background-position:-27px -120px;} img.mapButton_panRight_down {width: 22px; height: 22px; background-position:-54px -120px;} img.mapButton_panCenter_down {width: 22px; height: 22px; background-position:-81px -120px;} img.mapButton_panDown_down {width: 22px; height: 22px; background-position:-108px -120px;} img.mapButton_zoomIn_down {width: 22px; height: 22px; background-position:-135px -120px;} img.mapButton_zoomOut_down {width: 22px; height: 22px; background-position:-162px -120px;} img.mapButton_map {width: 70px; height: 22px; background-position:-189px 0px;} img.mapButton_satellite {width: 70px; height: 22px; background-position:-265px 0px;} img.mapButton_hybrid {width: 70px; height: 22px; background-position:-343px 0px;} img.mapButton_terrain {width: 70px; height: 22px; background-position:-420px 0px;} img.mapButton_map_over {width: 70px; height: 22px; background-position:-189px -30px;} img.mapButton_satellite_over {width: 70px; height: 22px; background-position:-265px -30px;} img.mapButton_hybrid_over {width: 70px; height: 22px; background-position:-343px -30px;} img.mapButton_terrain_over {width: 70px; height: 22px; background-position:-420px -30px;} img.mapButton_map_sel {width: 70px; height: 22px; background-position:-189px -60px;} img.mapButton_satellite_sel {width: 70px; height: 22px; background-position:-265px -60px;} img.mapButton_hybrid_sel {width: 70px; height: 22px; background-position:-343px -60px;} img.mapButton_terrain_sel {width: 70px; height: 22px; background-position:-420px -60px;} img.mapButton_map_sel_over {width: 70px; height: 22px; background-position:-189px -90px;} img.mapButton_satellite_sel_over {width: 70px; height: 22px; background-position:-265px -90px;} img.mapButton_hybrid_sel_over {width: 70px; height: 22px; background-position:-343px -90px;} img.mapButton_terrain_sel_over {width: 70px; height: 22px; background-position:-420px -90px;} img.mapButton_map_down {width: 70px; height: 22px; background-position:-189px -120px;} img.mapButton_satellite_down {width: 70px; height: 22px; background-position:-265px -120px;} img.mapButton_hybrid_down {width: 70px; height: 22px; background-position:-343px -120px;} img.mapButton_terrain_down {width: 70px; height: 22px; background-position:-420px -120px;} img.mapMarker_grid {width: 24px; height: 46px; background-position:0px -180px;} img.mapMarker_gridError {width: 24px; height: 46px; background-position:-35px -180px;} img.mapMarker_gridWarning {width: 24px; height: 46px; background-position:-70px -180px;} img.mapMarker_gridRunning {width: 24px; height: 46px; background-position:-105px -180px;} img.mapMarker_gridActive {width: 24px; height: 46px; background-position:-140px -180px;} img.mapMarker_target {width: 24px; height: 46px; background-position:-175px -180px;} img.mapMarker_targetError {width: 24px; height: 46px; background-position:-210px -180px;} img.mapMarker_targetWarning {width: 24px; height: 46px; background-position:-245px -180px;} img.mapMarker_targetRunning {width: 24px; height: 46px; background-position:-280px -180px;} img.mapMarker_targetActive {width: 24px; height: 46px; background-position:-305px -180px;} img.analyticsMarker_blue_1digit {width: 44px; height: 44px; background-position:-420px -180px;} img.analyticsMarker_blue_2digit {width: 50px; height: 50px; background-position:-464px -180px;} img.analyticsMarker_blue_3digit {width: 58px; height: 58px; background-position:-514px -180px;} img.analyticsMarker_blue_4digit {width: 68px; height: 68px; background-position:-572px -180px;} img.analyticsMarker_blue_5digit {width: 76px; height: 76px; background-position:-640px -180px;} img.analyticsMarker_blue_1digit_expanded {width: 80px; height: 80px; background-position:-880px -180px;} img.analyticsMarker_blue_2digit_expanded {width: 86px; height: 86px; background-position:-960px -180px;} img.analyticsMarker_blue_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -180px;} img.analyticsMarker_blue_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -180px;} img.analyticsMarker_blue_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -180px;} img.analyticsMarker_green_1digit {width: 44px; height: 44px; background-position:-420px -320px;} img.analyticsMarker_green_2digit {width: 50px; height: 50px; background-position:-464px -320px;} img.analyticsMarker_green_3digit {width: 58px; height: 58px; background-position:-514px -320px;} img.analyticsMarker_green_4digit {width: 68px; height: 68px; background-position:-572px -320px;} img.analyticsMarker_green_5digit {width: 76px; height: 76px; background-position:-640px -320px;} img.analyticsMarker_green_1digit_expanded {width: 80px; height: 80px; background-position:-880px -320px;} img.analyticsMarker_green_2digit_expanded {width: 86px; height: 86px; background-position:-960px -320px;} img.analyticsMarker_green_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -320px;} img.analyticsMarker_green_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -320px;} img.analyticsMarker_green_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -320px;} img.analyticsMarker_orange_0digit {width: 32px; height: 32px; background-position:-380px -460px;} img.analyticsMarker_orange_1digit {width: 44px; height: 44px; background-position:-420px -460px;} img.analyticsMarker_orange_2digit {width: 50px; height: 50px; background-position:-464px -460px;} img.analyticsMarker_orange_3digit {width: 58px; height: 58px; background-position:-514px -460px;} img.analyticsMarker_orange_4digit {width: 68px; height: 68px; background-position:-572px -460px;} img.analyticsMarker_orange_5digit {width: 76px; height: 76px; background-position:-640px -460px;} img.analyticsMarker_orange_1digit_expanded {width: 80px; height: 80px; background-position:-880px -460px;} img.analyticsMarker_orange_2digit_expanded {width: 86px; height: 86px; background-position:-960px -460px;} img.analyticsMarker_orange_3digit_expanded {width: 94px; height: 94px; background-position:-1046px -460px;} img.analyticsMarker_orange_4digit_expanded {width: 104px; height: 104px; background-position:-1140px -460px;} img.analyticsMarker_orange_5digit_expanded {width: 112px; height: 112px; background-position:-1244px -460px;} img.mapInfoWindowTitlebar_left {width: 23px; height: 23px; background-position:0px -240px;} img.mapInfoWindowTitlebar_right {width: 32px; height: 23px; background-position:-24px -240px;} img.mapInfoWindowTitlebar_left_running {width: 23px; height: 23px; background-position:-56px -240px;} img.mapInfoWindowTitlebar_right_running {width: 32px; height: 23px; background-position:-80px -240px;} img.mapInfoWindowTitlebar_left_error {width: 23px; height: 23px; background-position:-112px -240px;} img.mapInfoWindowTitlebar_right_error {width: 32px; height: 23px; background-position:-136px -240px;} img.mapInfoWindowTitlebar_left_warning {width: 23px; height: 23px; background-position:-168px -240px;} img.mapInfoWindowTitlebar_right_warning {width: 32px; height: 23px; background-position:-192px -240px;} img.mapInfoWindowTitlebar_left_active {width: 23px; height: 23px; background-position:-224px -240px;} img.mapInfoWindowTitlebar_right_active {width: 32px; height: 23px; background-position:-248px -240px;} img.mapInfoWindowBottomTrim_left {width: 23px; height: 44px; background-position:0px -270px;} img.mapInfoWindowBottomTrim_right {width: 32px; height: 44px; background-position:-24px -270px;} img.mapInfoPointer_left {width: 23px; height: 36px; background-position:-56px -270px;} img.mapInfoPointer_right {width: 32px; height: 36px; background-position:-80px -270px;} img.mapInfoPointer_bottom {width: 36px; height: 44px; background-position:-112px -270px;} img.analyticsTitleBG_left {width: 17px; height: 94px; background-position:-10px -320px;} img.analyticsTitleBG_right {width: 82px; height: 94px; background-position:-30px -320px;} /* End Map Widget Images */ /* Begin Other Widget Images */ img.fundamentalsWidgetDivider {width: 1px; height: 100px; background-position:-0px -320px;} /* End Other Widget Images */ /* End Images and Coordinates from imageMasterWidgets.png */ /* Begin Images and Coordinates from imageMasterWidgets_repeatX.png */ /* Begin Map Widget Images */ .mapInfoWindowTitlebar_fill {height: 23px; background-position:0px 0px;} .mapInfoWindowTitlebar_running_fill {height: 23px; background-position:0px -24px;} .mapInfoWindowTitlebar_error_fill {height: 23px; background-position:0px -48px;} .mapInfoWindowTitlebar_warning_fill {height: 23px; background-position:0px -72px;} .mapInfoWindowBottomTrim_fill {height: 44px; background-position:0px -96px;} /* End Map Widget Images */ /* Begin Waterfall Widget Images */ .widgetGradient.waterfallBar_fill_gray {height: 12px; background-position:0px -421px;} .widgetGradient.waterfallBar_fill_green {height: 12px; background-position:0px -434px;} .widgetGradient.waterfallBar_fill_aqua {height: 12px; background-position:0px -447px;} .widgetGradient.waterfallBar_fill_blue {height: 12px; background-position:0px -460px;} .widgetGradient.waterfallBar_fill_purple {height: 12px; background-position:0px -473px;} .widgetGradient.waterfallBar_fill_pink {height: 12px; background-position:0px -486px;} .widgetGradient.waterfallBar_fill_orange {height: 12px; background-position:0px -499px;} .widgetGradient.waterfallBar_fill_yellow {height: 12px; background-position:0px -512px;} .darkTheme .widgetGradient.waterfallBar_fill_gray, .darkBlueTheme .widgetGradient.waterfallBar_fill_gray { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%); background: -moz-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%); background: -ms-linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%); background: linear-gradient(bottom, hsl(180, 1%, 38%) 0%, hsl(180, 3%, 72%) 100%); background-position: 0px 0px; } .darkTheme .widgetGradient.waterfallBar_fill_yellow, .darkBlueTheme .widgetGradient.waterfallBar_fill_yellow { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%); background: -moz-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%); background: -ms-linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%); background: linear-gradient(bottom, hsl(55, 60%, 28%) 0%, hsl(55, 60%, 62%) 100%); background-position: 0px 0px; } .darkTheme .widgetGradient.waterfallBar_fill_green, .darkBlueTheme .widgetGradient.waterfallBar_fill_green { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%); background: -moz-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%); background: -ms-linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%); background: linear-gradient(bottom, hsl(120, 40%, 28%) 0%, hsl(120, 40%, 62%) 100%); background-position: 0px 0px; } .darkTheme .widgetGradient.waterfallBar_fill_purple, .darkBlueTheme .widgetGradient.waterfallBar_fill_purple { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%); background: -moz-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%); background: -ms-linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%); background: linear-gradient(bottom, hsl(300, 40%, 28%) 0%, hsl(300, 40%, 62%) 100%); background-position: 0px 0px; } .darkTheme .widgetGradient.waterfallBar_fill_blue, .darkBlueTheme .widgetGradient.waterfallBar_fill_blue { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%); background: -moz-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%); background: -ms-linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%); background: linear-gradient(bottom, hsl(213, 40%, 28%) 0%, hsl(213, 30%, 62%) 100%); background-position: 0px 0px; } .darkTheme .widgetGradient.waterfallBar_fill_orange, .darkBlueTheme .widgetGradient.waterfallBar_fill_orange { background-color: transparent !important; background: -webkit-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%); background: -moz-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%); background: -ms-linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%); background: linear-gradient(bottom, hsl(30, 60%, 28%) 0%, hsl(30, 60%, 62%) 100%); background-position: 0px 0px; } /* End Waterfall Widget Images */ /* Begin RastaBar Widget Images */ .hBarTextOverlay { position: absolute; z-index: 1; left: 0; width: 100%; color: white; text-align: center; margin-top: -2px; text-shadow: 0 0 3px rgba(0,0,0,1.0); } .hBarContainer { height: 20px; } .xS .hBarContainer { height: 18px; } .xM .hBarContainer { height: 24px; } .xL .hBarContainer { height: 44px; } .hBarTD { border: 0px; padding-left: 0px; padding-right: 0px; } .hBar_red { height: 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYzNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2MzZDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTI5YTlhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #cc3d3d 0%, #cc3d3d 0.24%, #e29a9a 100%); /* gradient overlay */ } .darkTheme .hBar_red, .darkBlueTheme .hBar_red { background-image: -webkit-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%); background-image: -moz-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%); background-image: -ms-linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%); background-image: linear-gradient(bottom, hsl(0,60%,30%) 0%, hsl(5,60%,50%) 100%); } .hBar_yellow { height: 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY5IDY5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkYmNhMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJjYTE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRlZWE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2OSIgaGVpZ2h0PSI2OSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #dbca15 0%, #dbca15 0.24%, #f4eea6 100%); /* gradient overlay */ } .darkTheme .hBar_yellow, .darkBlueTheme .hBar_yellow { background-image: -webkit-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%); background-image: -moz-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%); background-image: -ms-linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%); background-image: linear-gradient(bottom, hsl(50,100%,20%) 0%, hsl(60,100%,45%) 100%); } .hBar_green { height: 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY5IDY5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YTliNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGE5YjQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTVlMjhlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2OSIgaGVpZ2h0PSI2OSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #4a9b42 0%, #4a9b42 0.24%, #95e28e 100%); /* gradient overlay */ } .darkTheme .hBar_green, .darkBlueTheme .hBar_green { background-image: -webkit-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%); background-image: -moz-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%); background-image: -ms-linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%); background-image: linear-gradient(bottom, hsl(125,60%,15%) 0%, hsl(110,60%,45%) 100%); } .xS .hBar_red, .xS .hBar_yellow, .xS .hBar_green { height: 18px; } .xM .hBar_red, .xM .hBar_yellow, .xM .hBar_green { height: 24px; } .xL .hBar_red, .xL .hBar_yellow, .xL .hBar_green { height: 44px; } .hBarInnerShadow { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .rastabar-key-div-arrow-border { border-color: hsl(0, 0%, 50%) transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-20px; left:65px; } .rastabar-key-div-arrow { border-color: #EDEDED transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-19px; left:65px; } .domain_details_content .loading_indicator{ padding: 10px 10px 10px 23px; font-size: 6px; overflow: hidden; background-color: hsl(0, 0%, 95%); } .domain-details-key-div-arrow, .domain-details-key-div-arrow-border { border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:20px } .domain-details-key-div-arrow-border { border-color: transparent hsl(0, 0%, 0%) transparent transparent; left:-21px; } .domain-details-key-div-arrow { border-color: transparent #EDEDED transparent transparent; left:-20px; } .waterfall_key_div_dark .rastabar-key-div-arrow, .waterfall_key_div_dark .domain-details-key-div-arrow { border-color: hsl(0, 0%, 14%) transparent transparent transparent; } /* End RastaBar Widget Images */ /* Begin Other Widget Images */ .resultDetailsBG_fillx { background-position:0px -165px !important; } /* I removed the height so that it's only hardcoded in one place ($iFlowPortionHeight)*/ .analyticsTitleBG_fill {height: 94px; background-position:0px -525px;} /* End Other Widget Images */ /* End Images and Coordinates from imageMasterWidgets_repeatX.png */ /* Begin Images and Coordinates from imageMasterWidgets_repeatY.png */ /* Begin Map Widget Images */ .mapInfoWindowLeftTrim_fill {width: 23px; background-position:0px 0px;} .mapInfoWindowRightTrim_fill {width: 32px; background-position:-24px 0px;} /* End Map Widget Images */ /* ---- Start Map Widget InfoWindow CSS ----- */ .ctMapWidgetInfoWindowContainer { position:absolute; } .ctMapWidgetInfoWindow { position:absolute; } .ctMapWidgetInfoWindowTitlebar { position: absolute; top: 0px; left: 23px; right: 32px; height: 23px; } .ctMapWidgetInfoWindowTitlebar .textWhite { color: #fff; font-size: 12px; font-weight: bold; line-height: 21px; margin: 2px 0px 0px 4px; float: left; } .ctMapWidgetInfoWindowTitlebar .textBlack { color: #000; font-size: 12px; font-weight: bold; line-height: 21px; margin: 2px 0px 0px 4px; float: left; } .ctMapWidgetInfoWindowTitlebar .iconMarkerType { margin-top: 4px; float: left; } .ctMapWidgetInfoWindowTitlebar .iconClose { margin-top: 4px; float: right; } .ctMapWidgetInfoWindowTitlebar .cornerLeft { width: 23px; height: 23px; float: left; margin-left: -23px; } .ctMapWidgetInfoWindowTitlebar .cornerRight { width: 32px; height: 23px; float: right; margin-right: -32px; } .ctMapWidgetInfoWindowBottomTrim { position: absolute; bottom: 0px; left: 23px; right: 32px; height: 44px; } .ctMapWidgetInfoWindowBottomTrim .cornerLeft { width: 23px; height: 44px; float: left; margin-left: -23px; } .ctMapWidgetInfoWindowBottomTrim .pointer { width: 36px; height: 44px; float: left; } .ctMapWidgetInfoWindowBottomTrim .cornerRight { width: 32px; height: 44px; float: right; margin-right: -32px; } .ctMapWidgetInfoWindowLeftTrim { position: absolute; top: 23px; left: 0px; bottom: 44px; width: 23px; } .ctMapWidgetInfoWindowLeftTrim .pointer { width: 23px; height: 36px; float: left; } .ctMapWidgetInfoWindowRightTrim { position: absolute; top: 23px; right: 0px; bottom: 44px; width: 32px; } .ctMapWidgetInfoWindowRightTrim .pointer { width: 32px; height: 36px; float: left; } .ctMapWidgetInfoWindowContent { background-color: hsl(0,0%,95%); margin: 23px 32px 44px 23px; } /* ---- Start Map WIdget InfoWindow CSS ----- */ /* End Images and Coordinates from imageMasterWidgets_repeatY.png */ .widget_no_data_div { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center; margin: auto; z-index: 2; height: 3em; } .widget_no_data_div > div { display: inline-block; color: hsl(0, 0%, 100%); font-size: 16px; font-weight: 400; background: hsl(195, 100%, 40%); box-shadow: 0px 2px 6px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px; opacity: .95; } .widget_no_data_div .svgContainer { position: relative; width: 18px; padding-right: 5px; float: left; } .widget_no_data_div span { float: right; } .xS .widget_no_data_div { font-size: 14px; } .xM .widget_no_data_div { font-size: 17px; } .xL .widget_no_data_div { font-size: 26px; } .waterfall_table_header { width:100%; table-layout:fixed; } .waterfall_table_main { width:100%; table-layout:fixed; } .waterfall_table_main td { padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid hsl(0, 0%, 74%); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .darkTheme .waterfall_table_main td, .darkBlueTheme .waterfall_table_main td { border-bottom-color: hsl(0, 0%, 24%); } .waterfall_data_method { color:#808080; } .waterfall_data_total_time { color:#808080; } .waterfall_bar_table td { padding:0px; border:none; } .waterfall_key_div { min-width: 80px; position: absolute; z-index: 100; padding: 10px; border-radius: 5px; background-color: hsl(0, 0%, 95%); border: 1px solid hsl(0, 0%, 50%); -webkit-box-shadow: 0 0 35px hsla(213, 30%, 20%,.3), 2px 7px 2px hsla(213, 30%, 20%,.3); x-moz-box-shadow: 0px 5px 12px 0px hsl(0, 0%, 20%); x-ms-box-shadow: 0px 5px 12px 0px hsl(0, 0%, 20%); xbox-shadow: 0px 5px 12px 0px hsl(0, 0%, 20%); } .waterfall_key_div_closeicon { font-family: 'CloudTestGlyphsRegular'; position:absolute; right:4px; top:4px; cursor:pointer; font-size:14px; min-width:9px; } .waterfall_key_div_dark, .darkTheme .waterfall_key_div { color: hsl(213, 0%, 61%); border-color: hsl(0, 0%, 48%); background-color: hsl(0, 0%, 14%); -webkit-box-shadow: 0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6); -moz-box-shadow: 0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6); -ms-box-shadow: 0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6); box-shadow: 0 0 8px hsla(213, 100%, 60%,.4),0 0 35px hsla(213, 50%, 50%,.6); } .darkBlueTheme .waterfall_key_div { color: hsl(200, 0%, 61%); border-color: hsl(0, 0%, 48%); background-color: hsl(0, 0%, 14%); -webkit-box-shadow: 0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6); -moz-box-shadow: 0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6); -ms-box-shadow: 0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6); box-shadow: 0 0 8px hsla(200, 100%, 60%,.4),0 0 35px hsla(200, 50%, 50%,.6); } .waterfall_key_div_dark td { color: hsl(213, 0%, 61%); } .waterfall_key_div tr td { padding-bottom: 3px; } .table_base_widget { width: 100%; } .xS .table_base_widget.title tr th, .xS .table_base_widget.cellRows td { font-size: 10px; } .xM .table_base_widget.title tr th, .xM .table_base_widget.cellRows td { font-size: 12px; line-height: 24px; } .xL .table_base_widget.title tr th, .xL .table_base_widget.cellRows td { font-size: 24px; line-height: 47px; } .darkTheme .table_base_widget.title tr th { color: hsl(213, 5%, 60%) !important; background: hsl(213, 5%, 16%) !important; border-bottom: 1px solid hsl(213, 5%, 27%); border-right: 1px solid hsl(213, 5%, 27%); } .darkBlueTheme .table_base_widget.title tr th { color: hsl(200, 30%, 70%) !important; background: hsl(200, 75%, 20%) !important; border-bottom: 1px solid hsl(200, 50%, 34%); border-right: 1px solid hsl(200, 50%, 34%); } .table_base_widget.title tr th:last-child { border-right:none; } .darkTheme .table_base_widget.title tr th:last-child { border-right:none; } .darkBlueTheme .table_base_widget.title tr th:last-child { border-right:none; } .table_base_widget th { text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background: #f2f5f7; border-bottom: 1px solid hsl(213, 7%, 89%); border-right: 1px solid hsl(213, 7%, 89%); height: 25px; word-wrap: break-word; } .table_base_widget tr:last th { cursor: pointer; } .table_base_widget th .cellContentWrapper{ padding-left: 10px; padding-right: 10px; } .table_base_widget th:last-child { border-right:none; } .darkTheme .table_base_widget th:last-child { border-right:none; } .darkBlueTheme .table_base_widget th:last-child { border-right:none; } .table_base_widget th.blank_cell { background: none; border-bottom: none; cursor: auto; } .table_base_widget tr { line-height:24px; } .xS .table_base_widget tr { height: 18px; } .xM .table_base_widget tr { height: 24px; } .xL .table_base_widget tr { height: 44px; } .table_base_widget.cellRowsx { overflow: hidden !important; } .table_base_widget.cellRows td { border-bottom: 1px solid hsl(213,7%,89%); border-right: 1px solid hsl(213,7%,89%); box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .darkTheme .table_base_widget.cellRows td { color: hsl(213, 10%, 75%) !important; border-bottom: 1px solid hsl(213, 5%, 27%); border-right: 1px solid hsl(213, 5%, 27%); } .darkBlueTheme .table_base_widget.cellRows td { color: hsl(200, 50%, 80%) !important; border-bottom: 1px solid hsl(200, 50%, 30%); border-right: 1px solid hsl(200, 50%, 30%); } /* === Last TD in Table Rows, should have no right hand border === */ .table_base_widget td:last-child { border-right: none; } .darkTheme .table_base_widget td:last-child { border-right: none; } .darkBlueTheme .table_base_widget td:last-child { border-right: none; } .table_base_widget.cellRows td .cellContentWrapper { padding-left: 10px; padding-right: 10px; } .table_base_widget.cellRows td.deep_tree_flusher .cellContentWrapper { padding-left: 22px; } .table_base_widget.cellRows tr[state=collapsed] + tr[parent_rowid] td { border-bottom-width: 0px; } .table_base_widget.cellRows a:link {color: hsl(213, 89%, 55%); user-select:none} .table_base_widget.cellRows a:visited {color: hsl(213, 89%, 55%)} .table_base_widget.cellRows a:hover {color: hsl(213, 89%, 45%); text-decoration: underline;} .table_base_widget.cellRows a:active {color: hsl(213, 89%, 55%)} .darkTheme .table_base_widget.cellRows a:link {color: hsl(213, 100%, 60%)} .darkTheme .table_base_widget.cellRows a:visited {color: hsl(213, 100%, 60%)} .darkTheme .table_base_widget.cellRows a:hover {color: hsl(213, 100%, 70%); text-decoration: underline;} .darkTheme .table_base_widget.cellRows a:active {color: hsl(213, 100%, 60%)} .darkBlueTheme .table_base_widget.cellRows a:link {color: hsl(200, 100%, 60%)} .darkBlueTheme .table_base_widget.cellRows a:visited {color: hsl(200, 100%, 60%)} .darkBlueTheme .table_base_widget.cellRows a:hover {color: hsl(200, 100%, 70%); text-decoration: underline;} .darkBlueTheme .table_base_widget.cellRows a:active {color: hsl(200, 100%, 60%)} .mpulse_map_legend { border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,.5); background-color: rgba(255,255,255,.7); width: 210px; height: 61px; bottom: 20px; position: absolute; left: 50%; margin-left: -100px; font-size: 10px; } .xS .mpulse_map_legend { width: 210px; height: 61px; bottom: 20px; font-size: 10px; box-shadow: 0 0 6px rgba(0,0,0,.5); } .xM .mpulse_map_legend { width: 218px; height: 62px; bottom: 22px; font-size: 11px; box-shadow: 0 0 6px rgba(0,0,0,.5); } .xL .mpulse_map_legend { width: 225px; height: 65px; bottom: 24px; font-size: 12px; box-shadow: 0 0 6px hsla(213, 75%, 2%, .5); } .darkTheme .mpulse_map_legend { box-shadow: 0 0 6px hsla(213, 5%, 3%, .5); background-color: hsla(213, 5%, 14%, .8); border: 1px solid hsla(213, 5%, 100%, .1); color: hsl(213, 5%, 65%); } .darkBlueTheme .mpulse_map_legend { box-shadow: 0 0 6px hsla(200, 50%, 2%, .5); background-color: hsla(200, 50%, 22%, .6); border: 1px solid hsla(200, 50%, 60%, .4); color: hsl(200, 30%, 75%); } .mpulse_map_legend_gradient { height: 12px; margin-left: 15px; margin-right: 15px; margin-top: 10px; } .mpulse_map_legend_axis { margin-left: 15px; margin-right: 15px; } .mpulse_map_legend_tick_table { width: 100%; table-layout: fixed; } .mpulse_map_legend_tick_table thead td { height: 4px; border-right: 1px solid hsl(213, 3%, 60%); } .darkTheme .mpulse_map_legend_tick_table thead td { border-color: hsl(213, 10%, 50%); } .darkBlueTheme .mpulse_map_legend_tick_table thead td { border-color: hsl(200, 50%, 50%); } .mpulse_map_legend_tick_table thead td:first-child, .mpulse_map_legend_tick_table thead td:last-child { height: 6px; } .mpulse_map_legend_tick_table thead td:first-child { border-left: 1px solid hsl(213, 3%, 60%); } .darkTheme .mpulse_map_legend_tick_table thead td:first-child { border-left: 1px solid hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_map_legend_tick_table thead td:first-child { border-left: 1px solid hsl(200, 50%, 60%); } .darkTheme .mpulse_map_legend_tick_table thead td:last-child { border-color: hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_map_legend_tick_table thead td:last-child { border-color: hsl(200, 50%, 60%); } .mpulse_map_legend_tick_table tbody td { position:relative; } .mpulse_map_legend_tick_table tbody td span, .mpulse_map_legend_tick_table tbody td div { font-size: 8px; position: relative; left: -2px; } .xS .mpulse_map_legend_tick_table tbody td span { font-size: 8px; left: -2px; } .xM .mpulse_map_legend_tick_table tbody td span { font-size: 10px; left: -3px; } .xL .mpulse_map_legend_tick_table tbody td span { font-size: 12px; left: -4px; } .darkTheme .mpulse_map_legend_tick_table tbody td span, .darkTheme .mpulse_map_legend_tick_table tbody td div { color: hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_map_legend_tick_table tbody td span, .darkBlueTheme .mpulse_map_legend_tick_table tbody td div { color: hsl(200, 50%, 70%); } .xM .mpulse_map_legend_tick_table tbody td div { font-size: 8px !important; left: 4px; } .xM .mpulse_map_legend_tick_table tbody td div { font-size: 10px !important; left: 5px; } .xL .mpulse_map_legend_tick_table tbody td div { font-size: 12px !important; left: 5px; } /* =========== mPulse Percentile & Comparison ============== */ .mpulse_percentile { height: 72px; align: bottom; font-size: 60px; margin-bottom: 5px; text-align: center; color: hsl(213, 2%, 40%); } .darkTheme .mpulse_percentile { color: hsl(213, 10%, 95%); } .darkBlueTheme .mpulse_percentile { color: hsl(200, 50%, 95%); } .mpulse_percentile_suffix { font-size: 24px; color: hsl(213, 2%, 40%); } .darkTheme .mpulse_percentile_suffix { color: hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_percentile_suffix { color: hsl(213, 50%, 70%); } .mpulse_comparision { float: right; text-align: right; margin-right: 5px } .mpulse_comparision_title { margin: bottom; font-size: 12px; color: hsl(213, 2%, 40%); } .darkTheme .mpulse_comparision_title { color: hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_comparision_title { color: hsl(200, 50%, 70%); } .mpulse_comparision_value { font-size: 12px; color: hsl(213, 2%, 40%); } .darkTheme .mpulse_comparision_value { color: hsl(213, 10%, 60%); } .darkBlueTheme .mpulse_comparision_value { color: hsl(200, 50%, 60%); } /* =========== mPulse Traffic ============== */ .mpulse_navTiming_container { margin-top: 2px; padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .mpulse_navTiming_sparkline { } .mpulse_navTiming_label { color: hsl(0,0%,40%); font-size: 10px; margin-bottom: 5px; text-align: center; height: 35px; } .xM .mpulse_navTiming_label { font-size: 11px; } .xL .mpulse_navTiming_label { font-size: 12px; } .darkTheme .mpulse_navTiming_label, .darkBlueTheme .mpulse_navTiming_label { color: hsl(0,0%,50%); } .mpulse_navTiming_value { color: hsl(0,0%,40%); font-size: 32px; margin-left: 10px; font-weight: 500; text-align: center; margin-bottom: 5px; } .darkTheme .mpulse_navTiming_value, .darkBlueTheme .mpulse_navTiming_value { color: hsl(0,0%,100%); } .mpulse_navTiming_value_prefix { } .mpulse_navTiming_value_suffix { font-size: 14px; padding-left: 1px; } .darkTheme .mpulse_navTiming_value_suffix { color: hsl(213,2%,60%); } .darkBlueTheme .mpulse_navTiming_value_suffix { color: hsl(200,2%,60%); } .mpulse_summary_big_text { width: 100%; margin: auto; border-spacing: 0; padding: 0px; margin-bottom: 0px; } .mpulse_summary_big_text .rowLabelStyle { width: auto; color: hsl(0,0%,40%); font-size: 11px; line-height: 23px; text-align: left; background: #f2f5f7; border-top: 1px solid hsl(213,7%,89%); border-left: 1px solid hsl(213,7%,89%); padding-right: 10px; padding-left: 10px; white-space: nowrap; } .xS .mpulse_summary_big_text .rowLabelStyle, .xS .mpulse_summary_big_text .rowValueStyle { font-size: 10px; } .xM .mpulse_summary_big_text .rowLabelStyle, .xM .mpulse_summary_big_text .rowValueStyle { font-size: 11px; } .xL .mpulse_summary_big_text .rowLabelStyle, .xL .mpulse_summary_big_text .rowValueStyle { font-size: 12px; } .mpulse_summary_big_text .rowValueStyle { font-size: 11px; line-height: 23px; color: hsl(0,0%,40%); text-align: right; border-top: 1px solid hsl(213,7%,89%); border-left: 1px solid hsl(213,7%,89%); padding-left: 10px; padding-right: 10px; white-space: nowrap } .darkTheme .mpulse_summary_big_text .rowLabelStyle { color: hsl(213, 5%, 60%); background: hsl(213, 5%, 16%); border-top: 1px solid hsl(213, 5%, 27%); border-left: 0px solid hsl(213, 5%, 27%); } .darkBlueTheme .mpulse_summary_big_text .rowLabelStyle { color: hsl(200, 30%, 70%); background: hsl(200, 75%, 20%); border-top: 1px solid hsl(200, 50%, 38%); border-left: 0px solid hsl(200, 50%, 38%); } .darkTheme .mpulse_summary_big_text .rowValueStyle { color: hsl(213, 50%, 95%); border-top: 1px solid hsl(213, 5%, 27%); border-left: 1px solid hsl(213, 5%, 27%); } .darkBlueTheme .mpulse_summary_big_text .rowValueStyle { color: hsl(200, 100%, 95%); border-top: 1px solid hsl(200, 50%, 34%); border-left: 1px solid hsl(200, 50%, 34%); } .geo_widget_colors_div { margin:10px; padding:10px; border:1px solid #cccccc; border-radius:5px; background-color:white; } .widgetSplitter { position: relative; float: left; width: 1px; margin-left: -1px; height: 108px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgOTgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9Ijk4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #fff 0%, #cdcdcd 30%, #cdcdcd 100%); /* gradient overlay */ } .darkTheme .widgetSplitter, .darkBlueTheme .widgetSplitter { position: relative; float: left; width: 1px; margin-left: -1px; height: 108px; } .darkTheme .widgetSplitter { background-image: -webkit-linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%); /* Webkit */ background-image: -moz-linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%); /* Firefox */ background-image: linear-gradient(bottom, hsl(213,5%,23%) 0%, hsl(213,5%,23%) 100%); } .darkBlueTheme .widgetSplitter { background-image: -webkit-linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%); /* Webkit */ background-image: -moz-linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%); /* Firefox */ background-image: linear-gradient(bottom, hsl(200, 5%, 23%) 0%, hsl(200, 5%, 23%) 100%); } /* CSS Map Marker Start */ .mapMarkerContainer { position: relative; width: 60px; height: 54px; } .mapMarkerBase { position: relative; height: 34px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5); /* drop shadow */ -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5); /* drop shadow */ box-shadow: 0 3px 7px rgba(0,0,0,.5); /* drop shadow */ } .mapMarkerHeader { height: 15px; color: white; font-size: 10px; text-align: center; line-height: 15px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; /* border radius */ -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #156bcd; /* layer fill content + color overlay */ } .xS .mapMarkerHeader { height: 15px; font-size: 10px; line-height: 15px; } .xM .mapMarkerHeader { height: 16px; font-size: 11px; line-height: 16px; } .xL .mapMarkerHeader { height: 18px; font-size: 12px; line-height: 18px; } .mapMarkerValue { position: absolute; bottom: 0px; width: 100%; height: 19px; color: #666666; font-size: 12px; text-align: center; line-height: 19px; } .xS .mapMarkerValue { height: 19px; font-size: 12px; line-height: 19px; bottom: 0px; } .xM .mapMarkerValue { height: 23px; font-size: 13px; line-height: 23px; bottom: -3px; } .xL .mapMarkerValue { height: 26px; font-size: 14px; line-height: 26px; bottom: -5px; } .mapMarkerArrowContainer { width: 20px; height: 20px; overflow: hidden; position: absolute; left: 50%; margin-left: -10px; bottom: 0px; } .mapMarkerArrow { position: absolute; left: 5px; top: -5px; background: #fff; width: 10px; height: 10px; -moz-box-shadow: 0 0px 7px rgba(0,0,0,.5); /* drop shadow */ -webkit-box-shadow: 0 0px 7px rgba(0,0,0,.5); /* drop shadow */ box-shadow: 0 0px 7px rgba(0,0,0,.5); /* drop shadow */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .mapMarkerClassStart { opacity:0; transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -ms-transition: all .7s ease-out; -moz-transition: all .7s ease-out; } /* CSS Map Marker End */ /* CSS Milestone Marker Start */ .milestoneMarkerContainer { position: absolute; display: inline-block; height: 27px; cursor:default; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .milestoneMarkerBase { position: relative; display: inline-block; height: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* border radius */ -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */ -moz-box-shadow: 0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */ box-shadow: 0 1px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); /* drop shadow and outer glow */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDczIDE1IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlMWUzZTciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjczIiBoZWlnaHQ9IjE1IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #e1e3e7 0%, #fff 100%); /* gradient overlay */ } .xS .milestoneMarkerBase { height: 15px; } .xM .milestoneMarkerBase { height: 16px; } .xL .milestoneMarkerBase { height: 17px; } .darkTheme .milestoneMarkerBase { -moz-box-shadow: 0 6px 16px hsla(213, 50%, 3%, .8); -webkit-box-shadow: 0 6px 16px hsla(213, 50%, 3%, .8); box-shadow: 0 6px 16px hsla(213, 50%, 3%, .8); } .darkBlueTheme .milestoneMarkerBase { -moz-box-shadow: 0 6px 16px hsla(200, 75%, 3%, .8); -webkit-box-shadow: 0 6px 16px hsla(200, 75%, 3%, .8); box-shadow: 0 6px 16px hsla(200, 75%, 3%, .8); } .darkTheme .milestoneMarkerBase { border-width: 0px; background: hsl(213, 20%, 32%); } .darkBlueTheme .milestoneMarkerBase { border-width: 0px; background: hsl(200, 75%, 36%); } .milestoneMarkerValue { bottom: 0px; width: 100%; color: hsl(213, 14%, 35%); font-size: 11px; line-height: 15px; white-space: nowrap; margin: 0 8px; } .xS .milestoneMarkerValue { font-size: 11px; line-height: 15px; margin: 0 8px; } .xM .milestoneMarkerValue { font-size: 12px; line-height: 16px; margin: 0 9px; } .xL .milestoneMarkerValue { font-size: 13px; line-height: 17px; margin: 0 10px; } .darkTheme .milestoneMarkerValue { color: hsl(213, 20%, 75%); } .darkBlueTheme .milestoneMarkerValue { color: hsl(200, 50%, 80%); } .milestoneMarkerArrowContainer { width: 12px; height: 12px; overflow: hidden; position: absolute; left: 50%; margin-left: -6px; bottom: 0px; } .xS .milestoneMarkerArrowContainer { margin-left: -6px; bottom: 0px; } .xM .milestoneMarkerArrowContainer { margin-left: -7px; bottom: -2px; } .xL .milestoneMarkerArrowContainer { margin-left: -8px; bottom: -3px; } .milestoneMarkerArrow { position: absolute; left: 3px; top: -3px; background: #e2e5e8; width: 6px; height: 6px; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); -moz-box-shadow: 0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); box-shadow: 0 0px 4px rgba(0,0,0,.75), 0 0 0 1px rgba(124,138,156,.5); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .darkTheme .milestoneMarkerArrow { background: hsl(213, 2%, 8%); -webkit-box-shadow: 0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%); -moz-box-shadow: 0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%); box-shadow: 0 0px 4px rgba(213, 2%, 0%,.75), 0 0 0 1px hsl(213, 7%, 68%); } .darkBlueTheme .milestoneMarkerArrow { background: hsl(200, 2%, 8%); -webkit-box-shadow: 0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%); -moz-box-shadow: 0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%); box-shadow: 0 0px 4px rgba(200, 2%, 0%,.75), 0 0 0 1px hsl(200, 7%, 68%); } /* C3 SVG-based Milestone Marker */ .medianMilestoneMarker polygon { stroke: gray; } .medianMilestoneText { text-anchor: middle; } /* CSS Milestone Marker End */ div[wt_classname="DashboardContainer"] { background: transparent !important; } /* ================= Multi-Histogram =================== */ .e-metric-td { border-bottom: 1px solid hsl(213,7%,85%);; } .darkTheme .e-metric-td, .darkBlueTheme .e-metric-td { border-bottom: 1px solid hsl(205,10%,27%); } .e-chart-td { border-bottom: 1px solid hsl(213,7%,85%);; } .darkTheme .e-chart-td, .darkBlueTheme .e-chart-td { border-bottom: 1px solid hsl(205,10%,27%); } /* =========== Multi-Histogram Widget ========= */ .darkTheme div[wt_classname=MpulseMultiHistogramWidgetLogic] div[id^=soasta_result_chart_canvas_] > table, .darkBlueTheme div[wt_classname=MpulseMultiHistogramWidgetLogic] div[id^=soasta_result_chart_canvas_] > table { height: 100%; overflow-x: hidden; overflow-y: auto; display: block; } /* ==================================== FUNDAMENTALS WIDGET ========================================== */ td.fundamentals_divider { width: 1px; height: 100%; background-image: -webkit-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: -moz-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: -ms-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); } div[wt_classname=Fundamentals] td { color: hsl(0,0%,10%); } [id^=fund_data_elapsed_time_], [id^=fund_data_request_message_count_], [id^=fund_data_composition_status_], [id^=fund_data_result_name_], [id^=fund_data_composition_name_], [id^=fund_data_start_time_], .fund_data_avg_response_time, .fund_data_EFFECTIVE_MESSAGE_THROUGHPUT { color: hsl(0,0%,0%); } .fundamentals_darkText { color: hsl(0,0%,50%); } /* ================= Multi-Chart Widget =================== */ div.chart_container { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; display: inline-block; position: relative; padding-bottom: 10px; } div.chart_container > div:first-child { padding: 5pt 0 0 20pt; font-size: 10pt; } div.chart_container.borderRight:not(:last-child) { background-image: -webkit-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: -moz-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: -ms-linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-image: linear-gradient(top, hsl(213,7%,79%) 0%, hsla(213,7%,79%,.5) 75%, hsla(213,7%,79%,0) 100%); background-position: 100% 0; background-repeat: no-repeat; } .darkTheme div.chart_container.borderRight:not(:last-child) { background-image: -webkit-linear-gradient(top, hsl(213, 7%, 28%) 0%, hsla(213, 7%, 28%, .5) 75%, hsla(213, 7%, 28%, 0) 100%); background-image: -moz-linear-gradient(top, hsl(213, 7%, 28%) 0%, hsla(213, 7%, 28%, .5) 75%, hsla(213, 7%, 28%, 0) 100%); background-image: -ms-linear-gradient(top, hsl(213, 7%, 28%) 0%, hsla(213, 7%, 28%, .5) 75%, hsla(213, 7%, 28%, 0) 100%); background-image: linear-gradient(top, hsl(213, 7%, 28%) 0%, hsla(213, 7%, 28%, .5) 75%, hsla(213, 7%, 28%, 0) 100%); background-position: 100% 0; background-repeat: no-repeat; } .darkBlueTheme div.chart_container.borderRight:not(:last-child) { background-image: -webkit-linear-gradient(top, hsl(200, 7%, 28%) 0%, hsla(200, 7%, 28%, .5) 75%, hsla(200, 7%, 28%, 0) 100%); background-image: -moz-linear-gradient(top, hsl(200, 7%, 28%) 0%, hsla(200, 7%, 28%, .5) 75%, hsla(200, 7%, 28%, 0) 100%); background-image: -ms-linear-gradient(top, hsl(200, 7%, 28%) 0%, hsla(200, 7%, 28%, .5) 75%, hsla(200, 7%, 28%, 0) 100%); background-image: linear-gradient(top, hsl(200, 7%, 28%) 0%, hsla(200, 7%, 28%, .5) 75%, hsla(200, 7%, 28%, 0) 100%); background-position: 100% 0; background-repeat: no-repeat; } div.chart_container > div:first-child > span { position: absolute; left: 5px; } div.chart_container > div:first-child > div { display: inline-block; } /* ================= Multi-Cell Widget =================== */ div.cell_container { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; float: left; position: relative; overflow: hidden; } div.cell_container .mpulse_main_cell_title_cell { margin-top: 2px; color: hsl(213, 0%, 10%); white-space: nowrap; text-align: center; height: 25px; } .darkTheme div.cell_container .mpulse_main_cell_title_cell { color: hsl(213, 10%, 65%); } .darkBlueTheme div.cell_container .mpulse_main_cell_title_cell { color: hsl(200, 30%, 65%); } div.cell_container .mpulse_main_cell_title_cell.mpulse_main_cell_title_cell_leftalign { text-align: left; margin-left: 7px; } .xS div.cell_container > div:first-child { margin-top: 5px; font-size: 16px; } .xM div.cell_container > div:first-child { margin-top: 6px; font-size: 18px; } .xL div.cell_container > div:first-child { margin-top: 9px; font-size: 28px; } .darkTheme div.cell_container > div:first-child, .darkBlueTheme div.cell_container > div:first-child { color: hsl(0,0%,100%); } div.sub_row_container { margin-top: 3px; } div.cell_container.borderRight:not(:last-child), div.sub_row_container .sub_row_2col > div:not(:last-child), div.sub_row_container .sub_row_3col > div:not(:last-child) { border-right-style: solid; border-right-color: #e1e3e5; } .darkTheme div.cell_container.borderRight:not(:last-child), .darkTheme div.sub_row_container .sub_row_2col > div:not(:last-child), .darkTheme div.sub_row_container .sub_row_3col > div:not(:last-child) { border-right-style: solid; border-right-color: hsl(213, 5%, 23%); } .darkBlueTheme div.cell_container.borderRight:not(:last-child), .darkBlueTheme div.sub_row_container .sub_row_2col > div:not(:last-child), .darkBlueTheme div.sub_row_container .sub_row_3col > div:not(:last-child) { border-right-style: solid; border-right-color: hsl(200, 50%, 30%); } div.sub_row_container { border-top-style: solid; border-top-color: #e1e3e5; } .darkTheme div.sub_row_container { border-top-style: solid; border-top-color: hsl(213, 5%, 23%); } .darkBlueTheme div.sub_row_container { border-top-style: solid; border-top-color: hsl(200, 50%, 28%); } div.sub_row_container .sub_row_sparkline { padding: 5px 5px 0 5px; cursor: default; } .xS div.sub_row_container .sub_row_sparkline { padding: 4px 4px 0 4px; } .xM div.sub_row_container .sub_row_sparkline { padding: 7px 7px 0 7px; } .xL div.sub_row_container .sub_row_sparkline { padding: 10px 10px 0 10px; } div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { height: 100%; color: hsl(0,0%,40%); font-size: 14px; } .xS div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { font-size: 12px; } .xM div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { font-size: 16px; } .xL div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { font-size: 28px; } .darkTheme div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col, .darkBlueTheme div.sub_row_container .sub_row_2col, div.sub_row_container .sub_row_3col { color: hsl(0, 0%, 100%); } div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { height: 100%; float: left; padding-top: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; } .xS div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { padding-top: 4px; } .xM div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { padding-top: 5px; } .xL div.sub_row_container .sub_row_2col > div, div.sub_row_container .sub_row_3col > div { padding-top: 10px; } div.sub_row_container .sub_row_2col > div.left_tab { text-align: left; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xS div.sub_row_container .sub_row_2col > div.left_tab { padding-left: 6px; } .xM div.sub_row_container .sub_row_2col > div.left_tab { padding-left: 8px; } .xL div.sub_row_container .sub_row_2col > div.left_tab { padding-left: 16px; } .darkTheme div.sub_row_container .sub_row_2col > div.left_tab, .darkBlueTheme div.sub_row_container .sub_row_2col > div.left_tab { color: hsl(0, 0%, 100%); } div.sub_row_container .sub_row_2col > div.right_tab { text-align: right; padding-right: 15px; } .xS div.sub_row_container .sub_row_2col > div.right_tab { padding-right: 12px; } .xM div.sub_row_container .sub_row_2col > div.right_tab { padding-right: 15px; } .xL div.sub_row_container .sub_row_2col > div.right_tab { padding-right: 30px; } div.sub_row_container .sub_row_2col .data_suffix { font-size: 10px; } .xS div.sub_row_container .sub_row_2col .data_suffix { font-size: 8px; } .xM div.sub_row_container .sub_row_2col .data_suffix { font-size: 10px; } .xL div.sub_row_container .sub_row_2col .data_suffix { font-size: 20px; } .darkTheme div.sub_row_container .sub_row_2col .data_suffix, .darkTheme div.cell_container .mpulse_main_cell_value_suffix, .darkBlueTheme div.sub_row_container .sub_row_2col .data_suffix, .darkBlueTheme div.cell_container .mpulse_main_cell_value_suffix { color: hsl(0, 0%, 100%); } div.sub_row_container .sub_row_3col .red { color: #E62525; } div.sub_row_container .sub_row_3col .yellow { color: #FFBC4F; } div.sub_row_container .sub_row_3col .green { color: #50DE21; } div.sub_row_container .sub_row_2col > div { width: 50%; } div.sub_row_container .sub_row_3col > div { width: 33.3333%; } div.cell_container > div:first-child > span { position: absolute; left: 5px; } div.cell_container .mpulse_main_cell_data { color: hsl(0,0%,40%); line-height: 55px; text-align: center; height: 60px; } .xS div.cell_container .mpulse_main_cell_data { font-size: 47px; height: 54px; } .xM div.cell_container .mpulse_main_cell_data { font-size: 52px; height: 60px; } .xL div.cell_container .mpulse_main_cell_data { font-size: 104px; height: 120px; } .darkTheme div.cell_container .mpulse_main_cell_data, .darkBlueTheme div.cell_container .mpulse_main_cell_data { color: hsl(0,0%,100%); } div.cell_container .mpulse_main_cell_additional_data { color: hsl(213,10%,60%); font-size: 1.1rem; margin-left: 12px; display: none; } div.cell_container .mpulse_main_cell_top_color_bar { display: none; height: 4px; } .darkTheme div.cell_container .mpulse_main_cell_additional_data, .darkBlueTheme div.cell_container .mpulse_main_cell_additional_data { color: hsl(0,0%,100%); } div.cell_container .mpulse_main_cell_value_prefix { padding-right: .1em; bottom: .1em; } div.cell_container .mpulse_main_cell_value_suffix { padding-left: .0em; } .mpulse_black_text *{ color: black !important; } .mpulse_white_text *{ color: white !important; } /* ================================ Table Widget Logic Tables =================================== */ .tableNormalCell { color: #4e5c67; white-space: nowrap; overflow: hidden; } .tableHighlightCell { color: rgba(0, 0, 0, 1); text-shadow: 0px 0px 1px rgb(66, 161, 255); } .darkTheme .tableHighlightCell, .darkBlueTheme .tableHighlightCell { text-shadow: 0px 0px 1px rgb(0, 0, 255); } .standard_table_header_cell, .alerts_history_base_table.title .navToolbar, .group_table_header_cell { color: hsl(216, 11%, 36%); font-weight: normal; text-align: left; white-space: nowrap; overflow: hidden; height: 18px; } th[class*="standard_table_header_cell"][sortable="true"], .alerts_history_base_table.title .navToolbar { cursor: pointer; } .standard_table_header_cell { cursor: default; } .alerts_history_base_table.title .navToolbar { font-weight: 500; line-height: 18px; color: #525a66; } .alerts_history_base_table.title .navToolbar div.list_col_resizer { margin: 0; } .alerts_history_base_table .tableNormalCell { color: #525a66; white-space: nowrap; overflow: hidden; } .alerts_history_base_table tr { font-weight: 500; line-height: 21px; } .alerts_history_base_table td .cellContentWrapper { padding-left: 14px; padding-right: 14px; } /* ================================ Table Widget Logic Custom DataService Summary header =================================== */ .dataServiceSummaryHeader { width: 100%; } .dataServiceSummaryHeader table { padding: 10px 0; } .dataServiceSummaryHeader table td { padding: 5px 0 5px 20px; font-size: 16px; } .dataServiceSummaryHeader table td > span { font-weight: 300; } /* LIGHT THEME ROWS */ .alertsHistoryRow.odd, .alertsHistoryDetailsCell.odd { background: hsl(219, 89%, 96%); } .alertsHistoryRow.even, .alertsHistoryDetailsCell.even { background: hsl(219, 89%, 100%); } /* DARK THEME CELLS */ .darkTheme .alertsHistoryRow.odd, .darkTheme .alertsHistoryDetailsCell.odd, .darkBlueTheme .alertsHistoryRow.odd, .darkBlueTheme .alertsHistoryDetailsCell.odd { background: hsl(200, 5%, 11%); } .darkTheme .alertsHistoryRow.even, .darkTheme .alertsHistoryDetailsCell.even, .darkBlueTheme .alertsHistoryRow.even, .darkBlueTheme .alertsHistoryDetailsCell.even { background: hsl(180, 3%, 8%); } .alerts_history_details_table tr { line-height: 21px !important; } .alerts_history_details_label { color: #999; vertical-align: top; text-align: right; } .alerts_history_details_cell { white-space: pre; } .alert_history_dashboard_image { cursor: pointer; height: 200px; } .alert_history_dashboard_link { text-decoration: underline; color: #507acf; cursor: pointer; } .flusher_table_detailRowsTbl tr:last-child > td, .darkTheme .flusher_table_detailRowsTbl tr:last-child > td, .darkBlueTheme .flusher_table_detailRowsTbl tr:last-child > td { border-bottom: 0; } /* ============================ Collection Baseline Comparison Widget ============================== */ .collection_baseline_comparison_widget_settings_container { padding: 10px 0 0 10px; height: 270px; } .collection_baseline_comparison_widget_settings_container .collectionStatusSettings > table { height: auto; margin-bottom: 5px; } .collection_baseline_comparison_widget_settings_container table { border-collapse: collapse; height: 100% } .collection_baseline_comparison_widget_settings_container .metrics_list { list-style-type: none; padding: 0; margin: 0; background-color: hsla(213,0%,100%,1); border: 1px solid hsl(213,5%,81%); border-radius: 5px; height: 100%; min-width: 150px; } .collection_baseline_comparison_widget_settings_container .metrics_list li { padding: 2px 0 0 2px; cursor: pointer; } .collection_baseline_comparison_widget_settings_container .metrics_list li:hover { background-color: #EEEFF0; } .collection_baseline_comparison_widget_settings_container .metrics_list li.selected { background-color: #bbd8ff; } .collection_baseline_comparison_widget_settings_container .metrics_list li label{ padding-left: 2px; } .collection_baseline_comparison_widget_settings_container .metric_settings { padding-left: 10px; display: none; } .collection_baseline_comparison_widget_settings_container .metric_settings.active { display: block; -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .collection_baseline_comparison_widget_settings_container .metric_settings_item { padding: 4px 0 0 4px; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl { margin: 10px 0 0 40px; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl td { padding: 3px; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl input[type="text"] { width: 53px; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .green_limit_box, .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .yellow_limit_box, .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .red_limit_box { width: 18px; height: 18px; border: 1px solid hsl(213,5%,81%); border-radius: 3px; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .green_limit_box { background-color: #71d466; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .yellow_limit_box { background-color: #ffd723; } .collection_baseline_comparison_widget_settings_container .metric_settings_legend_tbl .red_limit_box { background-color: #cf0808; } /*=================== - styles for jquery.table-columns-resizable ====================*/ .table-columns-resizable-drag-proxy { } .table-columns-resizable-drag-proxy-dragging { position: absolute; visibility: visible; background: linear-gradient( to right, transparent 1px, transparent 5px, hsla(213,70%,50%,.7) 6px, transparent 6px ); width: 12px; height: 100%; top: 0; margin-left:2px; z-index: 10; cursor: col-resize; } .table-columns-resizable-drag-handle { cursor: col-resize; position: relative; /*background: linear-gradient( to right, transparent 1px, transparent 5px, rgba(120,120,120,0.3) 6px, transparent 6px );*/ float: right; left: 13px; width: 12px; height: 18px; margin: 3px 0; } .table_base_widget th::selection { background: transparent; } /*==================== - RESPONSIVE STYLES - ======================*/ .hint-table-hidden .ejsc-hint-table-container { display:none !important; } .ejsc-pie-chart-hint-tooltip dt { font-weight: bold; } .ejsc-pie-chart-hint-tooltip .ejsc-pie-hint-square { float: left; margin-top: 2px; } .ejsc-hint-table-container { padding-left: 0px !important; } @media only screen and (max-width : 1250px) { .ejsc-legend-tree-items { margin-left: 8px !important; } /* .tileMode .table_base_widget tr > * { padding: 0 5px 0 2px !important; } */ .tileMode .table_base_widget tr > *:nth-child(2) { text-align: left !important; } .tileMode .table_base_widget tr > th { font-size: 10px; text-align: right !important; } .tileMode .table_base_widget tr > td { font-size: 10px; } .tileMode .ejsc-hint-table-container { margin-top:20px !important; } } @media only screen and (max-width : 680px) { .tileMode .widgetTitleText { font-size: 13px; margin: 4px 0 0 -17px; } /* style the td wrapping the widget title */ .tileMode .widgetTitleContainer td:nth-child(2) { width: 1px !important; overflow: visible !important; } /* style the td wrapping the widget buttons */ .tileMode .widgetTitleContainer td:nth-child(3) { width: auto !important; padding-right: 4px !important; } /* this styles the container for the buttons on the top right of every widget*/ .tileMode .widgetTitleContainer td:nth-child(3) div { position: relative; width: auto !important; max-width: 130px !important; } .tileMode .table_base_widget tr > * { /*padding: 0 5px 0 2px !important;*/ } .tileMode .table_base_widget tr > th { font-size: 10px; /*text-align: right !important;*/ } .tileMode .table_base_widget tr > td { font-size: 8px; } .tileMode .mpulse_percentile { padding: 12px 0 8px; height: 52px; } .tileMode .mpulse_percentile span { font-size: 42px !important; } .tileMode .mpulse_percentile, .tileMode .mpulse_navTiming_label, .tileMode .mpulse_navTiming_value, .tileMode .mpulse_navTiming_container { white-space: nowrap; } .tileMode .mpulse_navTiming_container { padding: 5px !important; } .tileMode .mpulse_navTiming_label { overflow: hidden; text-overflow: ellipsis; height: 18px; } .tileMode .mpulse_navTiming_value { font-size: 18px !important; margin-left: 0px; } .tileMode .mpulse_navTiming_value_suffix { font-size: 9px !important; margin-left: 0px; } .tileMode div[wt_classname="NavigationTiming"] { overflow:hidden; height: 90px !important; } .tileMode .ejsc-hint-table-container { overflow-x: hidden !important; width: auto !important; padding: 0 5px !important; left: 0px !important; height: 170px !important; width: 100% !important; margin: 0 !important; } .tileMode div.chart_container > div:first-child { text-align: center !important; margin: 10px 10px 0 !important; overflow:hidden; height: 30pt; font-size: 12px; } .tileMode .ejsc-hint-table-container > table { margin: 0 auto; } /* legend square bullet */ .tileMode .ejsc-hint-table-container tr:first-child { max-width: 10%; } .tileMode .ejsc-hint-table-description { position: relative; float: left; max-width: 45%; } .tileMode .ejsc-hint-description-text { text-overflow: ellipsis; overflow: hidden; width: 99.99%; display: inline-block; line-height: 18px; } .tileMode .ejsc-hint-table-value { float: right; max-width: 40%; margin-right:5%; line-height: 18px; } .tileMode .ejsc-hint-table-percent { display: none !important; } } .mobileMonitorLabel{ overflow: visible !important; margin-left: 5px !important; } .beacon_stream_item { font-size:12px; line-height: 20px; height:18px; padding:2px; } .beacon_stream_item span { display:inline-block; width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .beacon_stream_item span:nth-child(1) { width:155px; } .beacon_stream_item span:nth-child(2) { width:85px; } .beacon_stream_item span:nth-child(3) { width:75px; } .beacon_stream_item span:nth-child(4) { width:75px; } .beacon_stream_item span:nth-child(5) { width:90px; } .beacon_stream_details { white-space:pre; font-family: monospace; font-size:12px; max-height:200px; overflow:auto; background-color:white; line-height:normal; color:black; margin:10px; } .beacon_stream_header { z-index:10; background-color:white; border-bottom:1px solid #ACACAC; position:relative; } .beacon_scroller { z-index:5; cursor:pointer; } /* --------------------------------- Simple Multi Combo Box --------------------------------- */ .widget_filter_toolbar .simpleMultiComboBox-container ul li input{ margin-left: 0.8em; } .widget_filter_toolbar .simpleMultiComboBox-container ul #simpleMultiComboBox_firstColumn_searchBox input{ margin-left: 0em; } /* --------------------------------- Flat Toggle Switch --------------------------------- */ .autoAnnotationSwitch { width: 36px; border-radius: 5px; height: 11px; background-color: #dddbdb; position: relative; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .autoAnnotationSwitch:after { box-shadow: 0 0 1px rgba(0,0,0,.5); border-radius: 100%; background-color: #f9f7f7; position: absolute; left: 0; top: -2px; width: 15px; height: 15px; content: ''; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translateX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .autoAnnotationSwitch > span { margin-left: 45px; position: relative; top: -2px; color: #f9f7f7; white-space: nowrap; display: block; cursor: pointer; } .autoAnnotationSwitch:hover { cursor: pointer; } .autoAnnotationSwitch:hover span { color: black; cursor: pointer; } .autoAnnotationSwitch.on { background-color: #00BD68; transform: translate3d(0,0,0); } #autoAnnotationSwitch_Custom.on:hover span { color: #FCAE5B; cursor: pointer; } #autoAnnotationSwitch_Custom.on:after { -webkit-transform: translate(21px); -ms-transform: translate(21px); transform: translateX(21px); } #autoAnnotationSwitch_Custom.on > span { color: #FCAE5B; } #autoAnnotationSwitch_System.on:hover span { color: #546E7A; cursor: pointer; } #autoAnnotationSwitch_System.on:after { -webkit-transform: translate(21px); -ms-transform: translate(21px); transform: translateX(21px); } #autoAnnotationSwitch_System.on > span { color: #546E7A; } /* Annotation*/ /* Time pointer*/ .timePointer { margin-top: 2px !important; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; cursor: pointer; content:'+'; position: absolute; } .mixedTimePointer { margin-top: 2px !important; display: inline-block; cursor: pointer; content:'+'; position: absolute; } .mixedTimePointer:before { content: " "; position: absolute; left: -8px; border-style: solid; border-width: 8px 8px 0 0; border-color: transparent #B0BEC5 transparent transparent; } .darkTheme .mixedTimePointer:before { border-color: transparent hsl(213,32%,40%) transparent transparent; } .darkBlueTheme .mixedTimePointer:before { border-color: transparent hsl(200,60%,33%) transparent transparent; } .mixedTimePointer:after { content: " "; position: absolute; left: 0px; border-style: solid; border-width: 8px 0px 0px 8px; border-color: transparent transparent transparent #FCAE5B; } .darkTheme .mixedTimePointer:after { border-color: transparent transparent transparent hsl(195,98%,35%); } .darkBlueTheme .mixedTimePointer:after { border-color: transparent transparent transparent hsl(195,98%,35%); } .timeRange { margin-top: 2px !important; display: inline-block; width: 100px; height: 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; cursor: pointer; position: absolute; } .stay{ -moz-border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; opacity: 1; } .expanded{ -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; opacity: 1; } .collapsed, .hidden{ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; opacity: 1; } .annotationNoteBar { margin-top: 1px !important; height: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; cursor: pointer; background: #CFD8DC; position: absolute; z-index: 1; } .darkTheme .annotationNoteBar { background: hsl(213,32%,40%); } .darkBlueTheme .annotationNoteBar { background: hsl(200,60%,33%); } .annotationNoteSpan { display: block; vertical-align: middle; text-align: center; } .annotationNoteIcon { margin-right: 6px; top: 3px; position: relative; } .annotationNoteText { color: hsl(0, 21%, 97%); height: 100%; line-height: 15px; font-weight: bold; } .timeContainer { white-space: nowrap; width: 100%; position: absolute; z-index: 2; } .pinnedMarkerLayerWrapper { -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; height: 0; position: absolute; border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; opacity: 0; cursor: default; } .markerLayerWrapper { -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; height: 0; position: absolute; width: 100%; } .noteBookWrapper { cursor: default; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; background: #FFFFFF; border: 1px solid #d4cfcf; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 100%; position: absolute; height: 0; opacity: 0; bottom: 0; overflow: hidden; z-index: 99999999; } .darkTheme .noteBookWrapper { border: 1px solid #000; background: hsl(215,19%,27%); } .darkBlueTheme .noteBookWrapper { border: 1px solid hsl(200, 20%, 61%); background: hsl(200,53%,20%); } .noteTitleBar{ margin-left: 15px; margin-right: 15px; margin-top: 6px; margin-bottom: 6px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #d4cfcf; padding-bottom: 3px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/ white-space: pre-wrap; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .darkTheme .noteTitleBar { border-bottom: 1px solid #2d2b2b; } .darkBlueTheme .noteTitleBar { border-bottom: 1px solid hsl(200, 16%, 36%); } .noteDuration{ margin: 0px; color: rgb(46, 46, 45); } .darkTheme .noteDuration { color: white; } .darkBlueTheme .noteDuration { color: rgb(227, 230, 232); } .noteDeleteButton{ float: right; right: 11px; top: 5px; position: absolute; cursor: pointer !important; opacity: 0.5; } .noteMaximizeButton{ float: right; right: 35px; top: 6px; position: absolute; cursor: pointer !important; opacity: 0.5; } .noteMinimizeButton{ float: right; right: 35px; top: 6px; position: absolute; cursor: pointer !important; opacity: 0.5; display: none; } .noteContent { margin-left: 15px; margin-right: 15px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/ white-space: pre-wrap; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; position: relative; height: 94%; overflow-x: hidden; overflow-y: auto; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; } .systemAnnotationContent { margin-right: 5px; font-size: 12px; } .customAnnotationContent { margin-right: 5px; margin-top: 7px; font-size: 12px; } .systemAnnotationIcon { float: left; margin-top: 4px !important; display: block; width: 0; height: 0; cursor: pointer; margin-right: 6px; } .customAnnotationIcon { float: left; margin-top: 4px !important; display: block; width: 0; height: 0; cursor: pointer; margin-right: 6px; } .customAnnotationTitle_off { color: #FCAE5B; font-weight: 600; } .darkTheme .customAnnotationTitle_off { color: hsl(195,74%,50%); } .darkBlueTheme .customAnnotationTitle_off { color: hsl(195,79%,52%); } .systemAnnotationTitle_off { color: rgb(67, 104, 121); font-weight: 600; } .darkTheme .systemAnnotationTitle_off { color: hsl(213,41%,66%); } .darkBlueTheme .systemAnnotationTitle_off { color: hsl(200,29%,57%); } .annotationNoteItemPinIcon { float: left; margin-top: 2px !important; display: block; width: 0; height: 0; cursor: pointer; margin-right: 12px; visibility: hidden; } .systemAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid rgb(67, 104, 121); } .darkTheme .systemAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid hsl(213,41%,66%); } .darkBlueTheme .systemAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid hsl(200,29%,57%); } .systemAnnotationTitle_on { color: rgb(67, 104, 121); border-bottom: 1px solid #d4cfcf; font-weight: 600; } .darkTheme .systemAnnotationTitle_on { border-bottom: 1px solid #2d2b2b; color: hsl(213,41%,66%); } .darkBlueTheme .systemAnnotationTitle_on { border-bottom: 1px solid hsl(200, 16%, 36%); color: hsl(200,29%,57%); } .customAnnotationTitle_on { color: #FCAE5B; border-bottom: 1px solid #d4cfcf; font-weight: 600; } .darkTheme .customAnnotationTitle_on { border-bottom: 1px solid #2d2b2b; color: hsl(195,74%,50%); } .darkBlueTheme .customAnnotationTitle_on { border-bottom: 1px solid hsl(200, 16%, 36%); color: hsl(195,79%,52%); } .systemAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid rgb(67, 104, 121); } .darkTheme .systemAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid hsl(213,41%,66%); } .darkBlueTheme .systemAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid hsl(200,29%,57%); } .customAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid #FCAE5B; } .darkTheme .customAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid hsl(195,74%,50%); } .darkBlueTheme .customAnnotationIcon_off { border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 7px solid hsl(195,79%,52%); } .customAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid #FCAE5B; } .darkTheme .customAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid hsl(195,74%,50%); } .darkBlueTheme .customAnnotationIcon_on { border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 7px solid hsl(195,79%,52%); } .systemAnnotationNotes_hide, .customAnnotationNotes_hide { -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; list-style-type: none; position: absolute; width: 100%; margin-left: -27px; margin-top: 6px; opacity: 0; } .systemAnnotationNotes_hide { visibility: hidden; } .customAnnotationNotes_hide { visibility: hidden; } .systemAnnotationNotes_show, .customAnnotationNotes_show { -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; list-style-type: none; width: 100%; margin-top: 6px; margin-left: -27px; opacity: 1; overflow-x: hidden; overflow-y: auto; visibility: visible; } .systemAnnotationNotes_show { position: relative; display: block; } .annotationNoteItemTitleBar{ font-size: 11px; font-weight: 500; } .annotationNoteItemDuration{ float: left; margin-right: 10px; } .blink { animation: blinker 2s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .systemAnnotationNoteItemTitleBar{ color: rgb(42, 74, 88); } .darkTheme .systemAnnotationNoteItemTitleBar { color: hsl(213,41%,66%); } .darkBlueTheme .systemAnnotationNoteItemTitleBar { color: hsl(200,29%,57%); } .systemAnnotationNoteItemContent{ color: rgb(42, 74, 88); } .darkTheme .systemAnnotationNoteItemContent { color: white; } .darkBlueTheme .systemAnnotationNoteItemContent { color: white; } .customAnnotationNoteItemTitleBar{ color: #FCAE5B; } .darkTheme .customAnnotationNoteItemTitleBar { color: hsl(195,74%,50%); } .darkBlueTheme .customAnnotationNoteItemTitleBar { color: hsl(195,79%,52%); } .customAnnotationNoteItemContent{ color: #FCAE5B; } .darkTheme .customAnnotationNoteItemContent { color: white; } .darkBlueTheme .customAnnotationNoteItemContent { color: white; } .pinedAnnotationPreview{ position: absolute !important; z-index: 1; opacity: 0; bottom: auto !important; } .pinnedMarkerLayer { width: 100%; height: 100%; -moz-border-radius: 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; opacity: 0; } .markerLayer { width: 100%; height: 100%; -moz-border-radius: 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; opacity: 0.8; } .annotationPreview { background: hsla(213, 33%, 98%, 1); -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; width: 156px; bottom: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; white-space: initial; height: auto; box-shadow: 0 0 6px rgba(0,0,0,.5); overflow: auto; position: relative; display: none; z-index: 1; } .darkTheme .annotationPreview { background: hsl(213,32%,40%); } .darkBlueTheme .annotationPreview { background: hsl(200,60%,33%); } .annotationPreview a{ cursor: pointer !important; } .annotationNote { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; color: hsl(0,0%,40%); font-size: 11px; } .darkTheme .annotationNote { color: white; } .darkBlueTheme .annotationNote { color: hsl(200, 30%, 85%); } .annotationTitleBar{ cursor: move; font-size: 12px; font-weight: bold; display: inline-block; width: 100%; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/ white-space: pre-wrap; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .annotationDuration{ margin: 0px; color: #fff; padding-left: 8px; float: left; /* use all space save left padding (8) and button container (32) */ width: calc(100% - 40px); } .noteButtonContainer { float: right; height: 16px; } .deleteButton{ float: right; cursor: pointer !important; width: 16px; height: 16px; } .editAnnotationButton { float: right; cursor: pointer; padding: 2px 3px 4px 3px; } .deleteButton:hover, .editAnnotationButton:hover { opacity: 0.8; } .deleteButtonImg{ padding-top: 3px; width: 100%; height: 100%; } .contentDiv{ padding: 3px 3px 3px 8px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* to fix horizontal bar in ie 11, it is required to work with word-wrap: break-word*/ white-space: pre-wrap; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; cursor: auto !important; background: white; } .darkTheme .contentDiv { background: hsl(215,19%,27%); } .darkBlueTheme .contentDiv { background: hsl(200,53%,20%); } .annotationUserEmail{ margin-top: 7px; font-size: 9px; } .annotationTitle{ margin-left: 4px; font-weight: bold; margin-top: 2px; display: table; width: 100%; } .annotationContent{ margin-left: 4px; margin-top: 2px; padding-bottom: 8px; height: 100%; } .timePointerPlus{ padding-left: 4px; font-weight: bold; top: -5px; content: "+"; position: absolute; cursor: default; } .moreAnnotationIndication{ color: hsl(199,18%,40%); white-space: normal; background: hsl(213,5%,95%); padding: 6px; text-align: center; cursor: text; } .darkTheme .moreAnnotationIndication { background: hsl(215, 17%, 34%); color: white; } .darkBlueTheme .moreAnnotationIndication { background: hsl(200, 46%, 26%); color: white; } .moreAnnotationIndication{ color: hsl(199,18%,40%); white-space: normal; background: hsl(213,5%,95%); padding: 6px; text-align: center; cursor: text; } .widgetLoadingOverlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; background-color: #FFFFFF; transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -webkit-transition: opacity .5s ease-in; } .darkTheme .widgetLoadingOverlay { background-color: hsla(213, 5%, 12%, .95); } .darkBlueTheme .widgetLoadingOverlay { background-color: hsla(200, 75%, 18%, .95); } .svgContainer { height: 50%; width: 30%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } div.IESpinnerContainer { width: 100%; height: 100%; position: relative; } img.IESpinner{ top: 2px; left: 0; position: absolute; } .darkTheme #dashboard_comparison_header { background: hsl(213, 2%, 15%); border-color: hsla(200, 100%, 1%, .2); } .darkBlueTheme #dashboard_comparison_header { background: hsl(200, 75%, 25%); border-color: hsla(200, 100%, 1%, .2); } #dashboard_comparison_title { font-size: 18px; color: hsla(210, 82%, 49%, 1); display: inline-block; } .darkTheme #dashboard_comparison_title { color: rgb(165, 166, 167); } .darkBlueTheme #dashboard_comparison_title { color: rgb(167, 199, 215); } #dashboard_comparison_header > div { margin: 8px 8px 8px 16px; } /* right side */ #dashboard_comparison_header:last-child { position: absolute; right: 0px; } #dashboard_comparison_body { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; height: calc(100vh - 75px); } .compareTo_uiBtn { cursor: pointer; display: inline-block; font-size: 14px; background: #3B9FFF; color: #fff; padding: 5px 10px 5px 10px; border-radius: 5px; margin-left: 10px; } .darkTheme .compareTo_uiBtn { background: hsl(213, 3%, 30%); } .darkBlueTheme .compareTo_uiBtn { background: hsl(200, 100%, 40%); } .compareTo_cellRow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; flex-direction: row; width: 100%; margin-top: 5px; margin-bottom: 5px; } .compareTo_dropCell { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; transition: all 0.5s ease; transform: translateZ(0); margin-left: 5px; margin-right: 5px; border-radius: 10px; background-color: rgba(0,0,0,.2); }