.ui-jqchart {
    position: relative; 
}

.ui-jqchart .ui-jqchart-toolbar {
    position: absolute; 
    margin: 0; 
    padding: 2px; 
    list-style-type: none; 
    white-space: nowrap;
}

.ui-jqchart .ui-jqchart-toolbar li { 
    display: inline; 
    margin: 0 2px; 
    padding: 2px 0; 
    cursor: pointer; 
    float: left;
}

.ui-jqchart .ui-jqchart-toolbar span.ui-icon { 
    float: left;
    margin: 0 2px; 
}

.ui-jqchart .ui-jqchart-toolbar-separator { 
    height: 16px; 
    width: 1px; 
}

.ui-jqchart .ui-jqchart-tooltip {
    position: absolute;
    white-space: nowrap;
    padding: .2em .4em;
    z-index: 9999;
    border: 1px solid #cbcbcb;
    border-color: var(--border-color-subdued);
    color: #333333;
    color: var(--text-color);
    background: #fff;
    background: var(--section-background-color);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -o-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

* html .ui-jqchart .ui-jqchart-tooltip {
    background-image: none; 

}

body .ui-jqchart .ui-jqchart-tooltip {
    border-width: 2px; 
    margin-left: 60px; 
    margin-right: 60px;
}


    
.ui-jqrangeslider { position: relative; }

.ui-jqrangeslider .ui-jqrangeslider-arrow-left { position: absolute; width: 18px; cursor: pointer; vertical-align: middle; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-right { position: absolute; width: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-right { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-left { position: absolute; width: 12px; cursor: ew-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-right { position: absolute; width: 12px; cursor: ew-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-right { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-slider-horizontal { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; }
.ui-jqrangeslider .ui-jqrangeslider-slider-horizontal-dragging { cursor: -moz-grabbing; cursor: grabbing; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right { position: absolute; }

.ui-jqrangeslider .ui-jqrangeslider-arrow-bottom { position: absolute; height: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-top { position: absolute; height: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-top { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-bottom { position: absolute; height: 12px; cursor: ns-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-top { position: absolute; height: 12px; cursor: ns-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-top { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-slider-vertical { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; }
.ui-jqrangeslider .ui-jqrangeslider-slider-vertical-dragging { cursor: -moz-grabbing; cursor: grabbing; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical-top { position: absolute; }

.ui-jqlineargauge { position: relative; }

.ui-jqlineargauge .ui-jqlineargauge-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

* html .ui-jqlineargauge .ui-jqlineargauge-tooltip { background-image: none; }
body .ui-jqlineargauge .ui-jqlineargauge-tooltip { border-width: 2px; }


.ui-jqradialgauge { position: relative; }

.ui-jqradialgauge .ui-jqradialgauge-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

* html .ui-jqradialgauge .ui-jqradialgauge-tooltip { background-image: none; }
body .ui-jqradialgauge .ui-jqradialgauge-tooltip { border-width: 2px; }

.ui-jqbulletgraph { position: relative; }

.ui-jqbulletgraph .ui-jqbulletgraph-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

* html .ui-jqbulletgraph .ui-jqbulletgraph-tooltip { background-image: none; }
body .ui-jqbulletgraph .ui-jqbulletgraph-tooltip { border-width: 2px; }


/* jqChart zoom slider styling */
.ui-jqrangeslider {
	height: 10px !important;	
}

.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left,
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right {
	background: #e4e4e4;
	background: var(--main-background-color);
	opacity: 0.8;
}

.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left {
	border-right: none;
}

.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right {
	border-left: none;
}

.ui-jqrangeslider .ui-jqrangeslider-handle-left,
.ui-jqrangeslider .ui-jqrangeslider-handle-right {
	height: 22px !important;
	width: 14px;
	top: -6px !important;
	border: 1px solid #9fa0a4;
	border-color: var(--border-color);
	background: -webkit-linear-gradient(#f7f7f7,#e6e6e6);
	background: -webkit-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: -webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#e6e6e6));
	background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-subdued)),to(var(--button-color-strong)));
	background: -o-linear-gradient(#f7f7f7,#e6e6e6);
	background: -o-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: linear-gradient(#f7f7f7,#e6e6e6);
	background: linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f7f7f7",endColorStr="#e6e6e6");
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2);
	border-radius: 3px;
}

.ui-jqrangeslider .ui-jqrangeslider-handle-icon-left, 
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-right {
	top: 2px !important;
	left: -3px !important;
}


.ui-jqrangeslider .ui-jqrangeslider-arrow-left,
.ui-jqrangeslider .ui-jqrangeslider-arrow-right {
	width: 0px;
	border: none;
}

.ui-jqrangeslider .ui-jqrangeslider-arrow-left .ui-jqrangeslider-arrow-icon-left,
.ui-jqrangeslider .ui-jqrangeslider-arrow-right .ui-jqrangeslider-arrow-icon-right {
	width: 0px;
}

.ui-jqrangeslider .ui-jqrangeslider-slider-horizontal {
	background: #fff;
	background: var(--section-background-color);
	border-left: none;
	border-right: none;
}

.ui-jqrangeslider .ui-jqrangeslider-handle-left,
.ui-jqrangeslider .ui-jqrangeslider-handle-right {
	border-color: #9fa0a4;
	border-color: var(--border-color);
	background: -webkit-linear-gradient(#f7f7f7,#e6e6e6);
	background: -webkit-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: -webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#e6e6e6));
	background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-subdued)),to(var(--button-color-strong)));
	background: -o-linear-gradient(#f7f7f7,#e6e6e6);
	background: -o-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: linear-gradient(#f7f7f7,#e6e6e6);
	background: linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f7f7f7",endColorStr="#e6e6e6");
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2);
}


/* Chart Tooltip Styling */
.ui-jqchart .ui-jqchart-tooltip {
	border-color: transparent;    
}

.jq-ChartTooltip {
	font-size: 10px;
}

.jq-ChartTooltip .tooltipMarker {
	height: 12px;
	width: 12px;
	border-radius: 3px;
	float: left;
	margin: 0px 5px 0px 2px;
	border: solid 1px #000;
	border-color: var(--text-color-strong);
}

.jq-ChartTooltip .info {
	display: inline-block;
}

.jq-ChartTooltip .tooltipRow {
	width: 100%;
	margin-top: 2px;
}

/* Scrollbar Styling */
.jq-genericScrollbar .ui-jqrangeslider {
	height: 10px !important;
}

.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-slider-horizontal {
	height: 10px !important;
}


.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left,
.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right {
	background: #cbcbcb;
	background-color: var(--border-color-subdued);
	opacity: 0.2;
}

.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right {
	border-left: none;
}

.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-handle-left,
.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-handle-right {
	height: 22px !important;
	width: 14px;
	top: -6px !important;
	border: 1px solid #9fa0a4;
	border-color: var(--button-border-color);
	background: -webkit-linear-gradient(#f7f7f7,#e6e6e6);
	background: -webkit-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: -webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#e6e6e6));
	background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-subdued)),to(var(--button-color-strong)));
	background: -o-linear-gradient(#f7f7f7,#e6e6e6);
	background: -o-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	background: linear-gradient(#f7f7f7,#e6e6e6);
	background: linear-gradient(var(--button-color-subdued),var(--button-color-strong));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f7f7f7",endColorStr="#e6e6e6");
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 -1px 0 0 var(--toggle-background-color);
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px -1px 0px 0px var(--toggle-background-color);
	border-radius: 3px;
}

.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-handle-icon-left, 
.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-handle-icon-right {
	top: 2px !important;
	left: -3px !important;
}


.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-arrow-left,
.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-arrow-right {
	display: none;
}

.jq-genericScrollbar .ui-jqrangeslider .ui-jqrangeslider-slider-horizontal {
	background: transparent;
}

div.jq-zoom-reset {
	position: absolute;
	height: 20px;
	width: 20px;
	padding: 3px 3px;
	z-index: 1;
	margin: 0;

}

.jq-zoom-reset div {
	background: url('/SystemDataService/Content/Images/reset_32.png');
	background-size: 12px;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
body.highContrast .jq-zoom-reset div {
	background: url('/SystemDataService/Content/Images/HC/reset_32.png');
	background-size: 12px;
	background-repeat: no-repeat;
}