tsiclient
Version:
--- [//]: <> (This content is similar to https://github.com/MicrosoftDocs/azure-docs/edit/main/includes/tsi-retirement.md)
1,473 lines (1,394 loc) • 590 kB
CSS
div[class^='tsi-'] {
box-sizing: border-box;
font-family: "Segoe UI", sans-serif; }
.tsi-textWrap {
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
hyphens: auto;
overflow-wrap: break-word; }
.tsi-hidden {
display: none; }
@keyframes tsi-slideIn {
from {
transform: translateY(-10px);
opacity: 0; }
to {
transform: translateY(0px);
opacity: 1; } }
@keyframes tsi-slideRight {
from {
transform: translateX(-10px);
opacity: 0; }
to {
transform: translateX(0px);
opacity: 1; } }
.tsi-resizeGutter {
width: 6px;
cursor: e-resize;
padding: 2px;
background-position-y: 50%;
background-position-x: 0px;
background-repeat: no-repeat; }
.tsi-chartValueTextBox {
position: absolute;
white-space: nowrap;
font-size: 11px;
padding: 1px 4px;
border-width: 1px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
line-height: 16px; }
.tsi-baseContextMenu {
white-space: nowrap;
padding: 4px 0;
animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
border-width: 1px;
border-radius: 2px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
text-align: left; }
.tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
padding: 4px 8px;
font-size: 12px;
cursor: pointer;
height: 28px;
display: flex;
align-items: center;
overflow: hidden; }
.tsi-baseContextMenu .tsi-break {
height: 4px;
margin-top: 4px;
padding: 0 0 4px 0;
cursor: default; }
.tsi-baseContextMenu .tsi-break:last-of-type {
display: none; }
.tsi-primaryButton {
height: 36px;
border-radius: 4px;
border-width: 1px;
border-style: solid; }
.tsi-primaryButton.disabled {
cursor: default;
pointer-events: none;
opacity: .5; }
.tsi-chartControlsPanel {
height: 20px;
right: 0px;
width: 100px;
position: absolute;
z-index: 2;
pointer-events: none; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
pointer-events: all;
left: auto;
right: 20px;
top: 0px;
position: absolute; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
pointer-events: all; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
z-index: 2 !important; }
.tsi-chartControlsPanel .tsi-stackedButton {
pointer-events: all;
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 100%;
width: 20px;
cursor: pointer;
background-color: transparent;
border: none; }
.tsi-chartControlsPanel .tsi-scooterButton {
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 20px;
width: 20px; }
select::-ms-expand {
display: none; }
.tsi-select {
margin: 2px;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
padding: 6px;
padding-right: 28px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
white-space: nowrap;
overflow: hidden;
height: 32px;
background-position-y: 12px;
background-position-x: calc(100% - 4px); }
.tsi-select option {
padding: 6px; }
.tsi-warmRect {
fill: #FFA800;
stroke: #FFA800; }
.pika-single {
border-bottom: none;
border-left: none;
border-right: none; }
.pika-single .pika-lendar {
text-decoration: none;
width: 196px;
margin-left: 12px;
margin-right: 12px; }
.pika-single .pika-lendar abbr {
text-decoration: none; }
.pika-single .pika-lendar .pika-table .pika-row {
height: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td {
padding: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
background-color: #d5ebe9; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day:hover, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day {
width: 100%;
height: 28px;
width: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-button {
border-radius: 0px;
text-align: center; }
.tsi-search {
width: 100%;
height: 100%;
display: flex;
flex-shrink: 0;
align-items: center;
position: relative; }
.tsi-search .tsi-search-icon {
width: 21px;
height: 17px;
background-repeat: no-repeat;
margin-left: 8px;
background-size: 14px;
background-position-y: 2px; }
.tsi-search .tsi-searchInput {
position: absolute;
width: 100%;
height: 100%;
padding-left: 28px;
background: transparent;
outline: none;
text-overflow: ellipsis; }
.tsi-baseMono {
display: inline-block;
padding: 4px;
border-radius: 3px;
font-family: "Lucida Console", Monaco, monospace;
font-size: 85%;
line-height: 85%;
font-weight: 300; }
@charset "UTF-8";
/*!
* Pikaday
* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/
.pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
content: " ";
display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }
.pika-single.is-hidden {
display: none;
}
.pika-single.is-bound {
position: absolute;
box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}
.pika-lendar {
float: left;
width: 240px;
margin: 8px;
}
.pika-title {
position: relative;
text-align: center;
}
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff;
}
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0;
}
.pika-prev,
.pika-next {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px;
/* hide text using text-indent trick, using width value (it's enough) */
text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: .5;
*position: absolute;
*top: 0;
}
.pika-prev:hover,
.pika-next:hover {
opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
float: left;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
*left: 0;
}
.pika-next,
.is-rtl .pika-prev {
float: right;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
*right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: .2;
}
.pika-select {
display: inline-block;
*display: inline;
}
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.pika-table th,
.pika-table td {
width: 14.285714285714286%;
padding: 0;
}
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: bold;
text-align: center;
}
.pika-button {
cursor: pointer;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5;
}
.pika-week {
font-size: 11px;
color: #999;
}
.is-today .pika-button {
color: #33aaff;
font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px;
}
.has-event .pika-button {
background: #005da9;
box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
background: #D5E9F7;
}
.is-startrange .pika-button {
color: #fff;
background: #6CB31D;
box-shadow: none;
border-radius: 3px;
}
.is-endrange .pika-button {
color: #fff;
background: #33aaff;
box-shadow: none;
border-radius: 3px;
}
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
color: #999;
opacity: .3;
}
.is-outside-current-month .pika-button {
color: #999;
opacity: .3;
}
.is-selection-disabled {
pointer-events: none;
cursor: default;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
color: #fff;
background: #ff8000;
box-shadow: none;
border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
border-bottom: none;
cursor: help;
}
div[class^='tsi-'] {
box-sizing: border-box;
font-family: "Segoe UI", sans-serif; }
.tsi-textWrap {
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
hyphens: auto;
overflow-wrap: break-word; }
.tsi-hidden {
display: none; }
@keyframes tsi-slideIn {
from {
transform: translateY(-10px);
opacity: 0; }
to {
transform: translateY(0px);
opacity: 1; } }
@keyframes tsi-slideRight {
from {
transform: translateX(-10px);
opacity: 0; }
to {
transform: translateX(0px);
opacity: 1; } }
.tsi-resizeGutter {
width: 6px;
cursor: e-resize;
padding: 2px;
background-position-y: 50%;
background-position-x: 0px;
background-repeat: no-repeat; }
.tsi-chartValueTextBox {
position: absolute;
white-space: nowrap;
font-size: 11px;
padding: 1px 4px;
border-width: 1px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
line-height: 16px; }
.tsi-baseContextMenu {
white-space: nowrap;
padding: 4px 0;
animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
border-width: 1px;
border-radius: 2px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
text-align: left; }
.tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
padding: 4px 8px;
font-size: 12px;
cursor: pointer;
height: 28px;
display: flex;
align-items: center;
overflow: hidden; }
.tsi-baseContextMenu .tsi-break {
height: 4px;
margin-top: 4px;
padding: 0 0 4px 0;
cursor: default; }
.tsi-baseContextMenu .tsi-break:last-of-type {
display: none; }
.tsi-primaryButton {
height: 36px;
border-radius: 4px;
border-width: 1px;
border-style: solid; }
.tsi-primaryButton.disabled {
cursor: default;
pointer-events: none;
opacity: .5; }
.tsi-chartControlsPanel {
height: 20px;
right: 0px;
width: 100px;
position: absolute;
z-index: 2;
pointer-events: none; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
pointer-events: all;
left: auto;
right: 20px;
top: 0px;
position: absolute; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
pointer-events: all; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
z-index: 2 !important; }
.tsi-chartControlsPanel .tsi-stackedButton {
pointer-events: all;
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 100%;
width: 20px;
cursor: pointer;
background-color: transparent;
border: none; }
.tsi-chartControlsPanel .tsi-scooterButton {
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 20px;
width: 20px; }
select::-ms-expand {
display: none; }
.tsi-select {
margin: 2px;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
padding: 6px;
padding-right: 28px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
white-space: nowrap;
overflow: hidden;
height: 32px;
background-position-y: 12px;
background-position-x: calc(100% - 4px); }
.tsi-select option {
padding: 6px; }
.tsi-warmRect {
fill: #FFA800;
stroke: #FFA800; }
.pika-single {
border-bottom: none;
border-left: none;
border-right: none; }
.pika-single .pika-lendar {
text-decoration: none;
width: 196px;
margin-left: 12px;
margin-right: 12px; }
.pika-single .pika-lendar abbr {
text-decoration: none; }
.pika-single .pika-lendar .pika-table .pika-row {
height: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td {
padding: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
background-color: #d5ebe9; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day:hover, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day {
width: 100%;
height: 28px;
width: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-button {
border-radius: 0px;
text-align: center; }
.tsi-search {
width: 100%;
height: 100%;
display: flex;
flex-shrink: 0;
align-items: center;
position: relative; }
.tsi-search .tsi-search-icon {
width: 21px;
height: 17px;
background-repeat: no-repeat;
margin-left: 8px;
background-size: 14px;
background-position-y: 2px; }
.tsi-search .tsi-searchInput {
position: absolute;
width: 100%;
height: 100%;
padding-left: 28px;
background: transparent;
outline: none;
text-overflow: ellipsis; }
.tsi-baseMono {
display: inline-block;
padding: 4px;
border-radius: 3px;
font-family: "Lucida Console", Monaco, monospace;
font-size: 85%;
line-height: 85%;
font-weight: 300; }
.tsi-barChart {
display: flex;
position: relative; }
.tsi-barChart.tsi-dark {
color: #fff;
background: #0d0f0e; }
.tsi-barChart.tsi-dark text {
fill: #fff; }
.tsi-barChart.tsi-dark .tsi-barChartSVG .tsi-baseLine {
stroke: #fff; }
.tsi-barChart.tsi-dark .tsi-barChartSVG .tsi-focusLine {
stroke: #62666c; }
.tsi-barChart.tsi-dark .tsi-barChartSVG .aggregateLabelBox {
fill: #0d0f0e; }
.tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
stroke: #fff; }
.tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
fill: #fff; }
.tsi-barChart.tsi-dark .yAxis .tick line, .tsi-barChart.tsi-dark .xAxis .tick line {
stroke: #fff; }
@media screen and (-ms-high-contrast: white-on-black) {
.tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
stroke: #fff; }
.tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
fill: #fff !important; }
.tsi-barChart.tsi-dark .yAxis .tick line, .tsi-barChart.tsi-dark .xAxis .tick line {
stroke: #fff; } }
.tsi-barChart.tsi-dark .vHoverBox, .tsi-barChart.tsi-dark .hHoverBox {
fill: #0d0f0e;
stroke: #60AAFF; }
.tsi-barChart.tsi-dark .tsi-resizeGutter.tsi-isDragging {
background-color: #31373e; }
.tsi-barChart.tsi-dark ::-webkit-scrollbar {
height: 8px;
width: 8px; }
.tsi-barChart.tsi-dark ::-webkit-scrollbar-track {
background: none; }
.tsi-barChart.tsi-dark ::-webkit-scrollbar-thumb {
background: #666666;
border-radius: 8px; }
.tsi-barChart.tsi-dark ::-webkit-scrollbar-thumb:hover {
background: #666666; }
.tsi-barChart.tsi-dark ::-webkit-scrollbar-track:hover {
background: #1e2223; }
.tsi-barChart.tsi-dark .hHoverText {
text-anchor: middle; }
.tsi-barChart.tsi-dark .vHoverText {
text-anchor: end; }
.tsi-barChart.tsi-dark .hoverText {
stroke: none; }
.tsi-barChart.tsi-dark .hHoverText, .tsi-barChart.tsi-dark .vHoverText {
font-size: 11px !important; }
.tsi-barChart.tsi-dark .hHoverValueBar {
stroke: #fff; }
.tsi-barChart.tsi-dark .hoverText {
fill: #fff; }
.tsi-barChart.tsi-dark .stacked g path {
fill: #fff !important; }
.tsi-barChart.tsi-dark .tooltip text {
fill: #fff; }
.tsi-barChart.tsi-dark .tooltip rect {
fill: #0d0f0e;
stroke: #60AAFF; }
.tsi-barChart.tsi-dark .tsi-primaryButton {
color: #fff;
border-color: rgba(255, 255, 255, 0.8);
background-color: #1e2223; }
.tsi-barChart.tsi-dark .tsi-primaryButton:hover {
background-color: #62666c; }
.tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
stroke-width: 1px !important; }
.tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
user-select: none; }
.tsi-barChart.tsi-dark rect, .tsi-barChart.tsi-dark line {
shape-rendering: crispedges; }
.tsi-barChart.tsi-dark .stacked g path {
stroke-width: 1;
pointer-events: all;
stroke: none; }
.tsi-barChart.tsi-dark .stacked rect {
cursor: pointer;
fill: transparent;
stroke-width: 1; }
.tsi-barChart.tsi-dark .tooltip {
pointer-events: none; }
.tsi-barChart.tsi-dark .tooltip text {
alignment-baseline: hanging; }
.tsi-barChart.tsi-dark .tooltip .title {
font-weight: bold;
font-size: 13px; }
.tsi-barChart.tsi-dark .tooltip .value {
font-weight: normal;
font-size: 12px;
font-weight: lighter; }
.tsi-barChart.tsi-dark .tooltip .value.visibleValue {
font-weight: bold; }
.tsi-barChart.tsi-dark .tsi-gridComponent {
z-index: 3 !important; }
.tsi-barChart.tsi-dark .hHoverValueBar {
stroke-width: 4px; }
.tsi-barChart.tsi-dark .focus {
display: none; }
.tsi-barChart.tsi-dark svg {
display: block; }
.tsi-barChart.tsi-dark .tsi-chartValueTextBox {
background-color: #0d0f0e;
border-color: #62666c; }
.tsi-barChart.tsi-dark .tsi-baseMono {
background: #1e2223; }
.tsi-barChart.tsi-dark .tsi-resizeGutter {
background-image: url("data:image/svg+xml,%3Csvg id%3D%22handleBar%22 width%3D%226%22 height%3D%2224%22 viewBox%3D%220 0 6 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath d%3D%22M5.28647 2.903C5.28647 1.50682 4.15464 0.375 2.75847 0.375C1.36229 0.375 0.230469 1.50682 0.230469 2.903V21.432C0.230469 22.8282 1.36229 23.96 2.75847 23.96C4.15464 23.96 5.28647 22.8282 5.28647 21.432V2.903Z%22 fill%3D%22%23666%22%2F%3E%0D%3C%2Fsvg%3E"); }
.tsi-barChart.tsi-light {
color: #000;
background: #ffffff; }
.tsi-barChart.tsi-light text {
fill: #000; }
.tsi-barChart.tsi-light .tsi-barChartSVG .tsi-baseLine {
stroke: #000; }
.tsi-barChart.tsi-light .tsi-barChartSVG .tsi-focusLine {
stroke: #b3d6f2; }
.tsi-barChart.tsi-light .tsi-barChartSVG .aggregateLabelBox {
fill: #ffffff; }
.tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
stroke: #000; }
.tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
fill: #000; }
.tsi-barChart.tsi-light .yAxis .tick line, .tsi-barChart.tsi-light .xAxis .tick line {
stroke: #000; }
@media screen and (-ms-high-contrast: white-on-black) {
.tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
stroke: #fff; }
.tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
fill: #fff !important; }
.tsi-barChart.tsi-light .yAxis .tick line, .tsi-barChart.tsi-light .xAxis .tick line {
stroke: #fff; } }
.tsi-barChart.tsi-light .vHoverBox, .tsi-barChart.tsi-light .hHoverBox {
fill: #ffffff;
stroke: #136BFB; }
.tsi-barChart.tsi-light .tsi-resizeGutter.tsi-isDragging {
background-color: #dcdcdc; }
.tsi-barChart.tsi-light ::-webkit-scrollbar {
height: 8px;
width: 8px; }
.tsi-barChart.tsi-light ::-webkit-scrollbar-track {
background: none; }
.tsi-barChart.tsi-light ::-webkit-scrollbar-thumb {
background: #a6a6a6;
border-radius: 8px; }
.tsi-barChart.tsi-light ::-webkit-scrollbar-thumb:hover {
background: #a6a6a6; }
.tsi-barChart.tsi-light ::-webkit-scrollbar-track:hover {
background: #f2f2f2; }
.tsi-barChart.tsi-light .hHoverText {
text-anchor: middle; }
.tsi-barChart.tsi-light .vHoverText {
text-anchor: end; }
.tsi-barChart.tsi-light .hoverText {
stroke: none; }
.tsi-barChart.tsi-light .hHoverText, .tsi-barChart.tsi-light .vHoverText {
font-size: 11px !important; }
.tsi-barChart.tsi-light .hHoverValueBar {
stroke: #000; }
.tsi-barChart.tsi-light .hoverText {
fill: #000; }
.tsi-barChart.tsi-light .stacked g path {
fill: #000 !important; }
.tsi-barChart.tsi-light .tooltip text {
fill: #000; }
.tsi-barChart.tsi-light .tooltip rect {
fill: #ffffff;
stroke: #136BFB; }
.tsi-barChart.tsi-light .tsi-primaryButton {
color: #000;
border-color: rgba(0, 0, 0, 0.8);
background-color: #f2f2f2; }
.tsi-barChart.tsi-light .tsi-primaryButton:hover {
background-color: #b3d6f2; }
.tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
stroke-width: 1px !important; }
.tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
user-select: none; }
.tsi-barChart.tsi-light rect, .tsi-barChart.tsi-light line {
shape-rendering: crispedges; }
.tsi-barChart.tsi-light .stacked g path {
stroke-width: 1;
pointer-events: all;
stroke: none; }
.tsi-barChart.tsi-light .stacked rect {
cursor: pointer;
fill: transparent;
stroke-width: 1; }
.tsi-barChart.tsi-light .tooltip {
pointer-events: none; }
.tsi-barChart.tsi-light .tooltip text {
alignment-baseline: hanging; }
.tsi-barChart.tsi-light .tooltip .title {
font-weight: bold;
font-size: 13px; }
.tsi-barChart.tsi-light .tooltip .value {
font-weight: normal;
font-size: 12px;
font-weight: lighter; }
.tsi-barChart.tsi-light .tooltip .value.visibleValue {
font-weight: bold; }
.tsi-barChart.tsi-light .tsi-gridComponent {
z-index: 3 !important; }
.tsi-barChart.tsi-light .hHoverValueBar {
stroke-width: 4px; }
.tsi-barChart.tsi-light .focus {
display: none; }
.tsi-barChart.tsi-light svg {
display: block; }
.tsi-barChart.tsi-light .tsi-chartValueTextBox {
background-color: #ffffff;
border-color: #b3d6f2; }
.tsi-barChart.tsi-light .tsi-baseMono {
background: #f2f2f2; }
.tsi-barChart.tsi-light .tsi-resizeGutter {
background-image: url("data:image/svg+xml,%3Csvg id%3D%22handleBar%22 width%3D%226%22 height%3D%2224%22 viewBox%3D%220 0 6 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath d%3D%22M5.28647 2.903C5.28647 1.50682 4.15464 0.375 2.75847 0.375C1.36229 0.375 0.230469 1.50682 0.230469 2.903V21.432C0.230469 22.8282 1.36229 23.96 2.75847 23.96C4.15464 23.96 5.28647 22.8282 5.28647 21.432V2.903Z%22 fill%3D%22%23ddd%22%2F%3E%0D%3C%2Fsvg%3E %0D"); }
.tsi-barChart text {
font-size: 12px; }
.tsi-barChart .tsi-barChartSVG .tsi-valueElement {
cursor: pointer;
stroke: none; }
.tsi-barChart .tsi-barChartSVG .tsi-focusLine {
stroke-width: 1px;
pointer-events: none; }
.tsi-barChart .tsi-sliderWrapper {
position: absolute;
height: 55px;
bottom: 8px;
right: 0px;
width: 100%; }
.tsi-barChart .tsi-stackedButton.tsi-lightTheme {
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2221%22 height%3D%2217%22 viewBox%3D%220 0 21 17%22 fill%3D%22none%22%3E%0D%3Crect width%3D%2221%22 height%3D%2217%22 fill%3D%22white%22%2F%3E%0D%3Cpath d%3D%22M2.4856 4.99381L10.7427 0.742199L18.7473 4.99381L10.7427 9.22777L2.4856 4.99381Z%22 fill%3D%22%23E4E4E4%22%2F%3E%0D%3Cpath d%3D%22M9.63549 1.14883L17.4069 5.10876L15.9498 5.33414L8.66406 1.71454L9.63549 1.14883Z%22 fill%3D%22%23BEBEBE%22%2F%3E%0D%3Cpath d%3D%22M10.131 8.32434L3.20459 5.20448L10.3739 1.07563L17.2806 4.6786L10.131 8.32434Z%22 stroke%3D%22black%22%2F%3E%0D%3Cpath d%3D%22M9.77148 11.7823L17.5429 7.82233L19.0001 8.38804L11.7143 12.0651L9.77148 11.7823Z%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M2 7.866L10.2571 11.2166V12.348L2 8.93337V7.866Z%22 fill%3D%22%23878787%22%2F%3E%0D%3Cpath d%3D%22M10.2571 11.2166L18.0285 7.25663L18.9999 7.82233L10.2571 12.348V11.2166Z%22 fill%3D%22%23878787%22%2F%3E%0D%3Cpath d%3D%22M2.41772 7.42894L11.2286 11.2166L10.1892 11.9546L2.41772 8.5582V7.42894Z%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M2 7.866L10.2571 11.2166V12.348L2 8.93337V7.866Z%22 fill%3D%22%23878787%22%2F%3E%0D%3Cpath d%3D%22M10.2571 11.2166L18.0285 7.25663L18.9999 7.82233L10.2571 12.348V11.2166Z%22 fill%3D%22%23878787%22%2F%3E%0D%3Cpath d%3D%22M9.77148 15.1765L17.5429 11.2166L19.0001 11.7823L11.7143 15.4593L9.77148 15.1765Z%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M2.36914 10.9293L11.2287 14.6108L10.6263 15.4549L2.36914 12.0607V10.9293Z%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M2 11.2602L10.2571 14.6108V15.7422L2 12.3276V11.2602Z%22 fill%3D%22%23878787%22%2F%3E%0D%3Cpath d%3D%22M10.2571 14.6108L18.0285 10.6509L18.9999 11.2166L10.2571 15.7422V14.6108Z%22 fill%3D%22%23878787%22%2F%3E%0D%3C%2Fsvg%3E"); }
.tsi-barChart .tsi-stackedButton.tsi-darkTheme {
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 21 17%22 fill%3D%22none%22%3E%0D%3Cpath d%3D%22M3.49292 6.69674L11.8736 2.743L20 6.69674L11.8727 10.6339L3.49292 6.69674Z%22 fill%3D%22%23E4E4E4%22 fill-opacity%3D%220.5%22%2F%3E%0D%3Cpath d%3D%22M10.7517 3.12112L18.6385 6.80352L17.1598 7.0131L9.76587 3.64718L10.7517 3.12112Z%22 fill%3D%22%23BEBEBE%22%2F%3E%0D%3Cpath d%3D%22M11.496 3.05307L18.5123 6.40342L11.2486 9.79375L4.22339 6.89245L11.496 3.05307Z%22 stroke%3D%22%23F4F4F4%22%2F%3E%0D%3Cpath d%3D%22M11.009 14.0606L18.3773 10.2309L19.7595 10.778L12.8516 14.3341L11.009 14.0606Z%22 fill%3D%22%23C4C4C4%22 fill-opacity%3D%220.4%22%2F%3E%0D%3Cpath d%3D%22M3 8.80002L12.3656 12.4824L10.8789 13.986L3.04928 10.6171L3 8.80002Z%22 fill%3D%22%23C4C4C4%22 fill-opacity%3D%220.4%22%2F%3E%0D%3Cpath d%3D%22M3 9.93051L11.1402 13.2539V14.3762L3 10.9893V9.93051Z%22 fill%3D%22%23A6A6A6%22%2F%3E%0D%3Cpath d%3D%22M11.1401 13.2539L18.8022 9.32608L19.7594 9.88717L11.1401 14.3762V13.2539Z%22 fill%3D%22%23A6A6A6%22%2F%3E%0D%3Cpath d%3D%22M11.009 17.3432L18.3773 13.5135L19.7595 14.0606L12.8516 17.6167L11.009 17.3432Z%22 fill%3D%22%23C4C4C4%22 fill-opacity%3D%220.4%22%2F%3E%0D%3Cpath d%3D%22M3 12.9689L11.9299 16.6206L11.3186 17.458L3 14.0912V12.9689Z%22 fill%3D%22%23C4C4C4%22 fill-opacity%3D%220.4%22%2F%3E%0D%3Cpath d%3D%22M3 13.2973L11.1402 16.6207V17.743L3 14.356V13.2973Z%22 fill%3D%22%23A6A6A6%22%2F%3E%0D%3Cpath d%3D%22M11.1401 16.6207L18.8022 12.6928L19.7594 13.2539L11.1401 17.743V16.6207Z%22 fill%3D%22%23A6A6A6%22%2F%3E%0D%3C%2Fsvg%3E"); }
div[class^='tsi-'] {
box-sizing: border-box;
font-family: "Segoe UI", sans-serif; }
.tsi-textWrap {
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
hyphens: auto;
overflow-wrap: break-word; }
.tsi-hidden {
display: none; }
@keyframes tsi-slideIn {
from {
transform: translateY(-10px);
opacity: 0; }
to {
transform: translateY(0px);
opacity: 1; } }
@keyframes tsi-slideRight {
from {
transform: translateX(-10px);
opacity: 0; }
to {
transform: translateX(0px);
opacity: 1; } }
.tsi-resizeGutter {
width: 6px;
cursor: e-resize;
padding: 2px;
background-position-y: 50%;
background-position-x: 0px;
background-repeat: no-repeat; }
.tsi-chartValueTextBox, .tsi-lineChart .tsi-horizontalValueBox, .tsi-lineChart .tsi-verticalValueBox {
position: absolute;
white-space: nowrap;
font-size: 11px;
padding: 1px 4px;
border-width: 1px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
line-height: 16px; }
.tsi-baseContextMenu {
white-space: nowrap;
padding: 4px 0;
animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
border-width: 1px;
border-radius: 2px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
text-align: left; }
.tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
padding: 4px 8px;
font-size: 12px;
cursor: pointer;
height: 28px;
display: flex;
align-items: center;
overflow: hidden; }
.tsi-baseContextMenu .tsi-break {
height: 4px;
margin-top: 4px;
padding: 0 0 4px 0;
cursor: default; }
.tsi-baseContextMenu .tsi-break:last-of-type {
display: none; }
.tsi-primaryButton {
height: 36px;
border-radius: 4px;
border-width: 1px;
border-style: solid; }
.tsi-primaryButton.disabled {
cursor: default;
pointer-events: none;
opacity: .5; }
.tsi-chartControlsPanel {
height: 20px;
right: 0px;
width: 100px;
position: absolute;
z-index: 2;
pointer-events: none; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
pointer-events: all;
left: auto;
right: 20px;
top: 0px;
position: absolute; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
pointer-events: all; }
.tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
z-index: 2 !important; }
.tsi-chartControlsPanel .tsi-stackedButton {
pointer-events: all;
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 100%;
width: 20px;
cursor: pointer;
background-color: transparent;
border: none; }
.tsi-chartControlsPanel .tsi-scooterButton {
display: block;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
height: 20px;
width: 20px; }
select::-ms-expand {
display: none; }
.tsi-select {
margin: 2px;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
padding: 6px;
padding-right: 28px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
white-space: nowrap;
overflow: hidden;
height: 32px;
background-position-y: 12px;
background-position-x: calc(100% - 4px); }
.tsi-select option {
padding: 6px; }
.tsi-warmRect {
fill: #FFA800;
stroke: #FFA800; }
.pika-single {
border-bottom: none;
border-left: none;
border-right: none; }
.pika-single .pika-lendar {
text-decoration: none;
width: 196px;
margin-left: 12px;
margin-right: 12px; }
.pika-single .pika-lendar abbr {
text-decoration: none; }
.pika-single .pika-lendar .pika-table .pika-row {
height: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td {
padding: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
background-color: #d5ebe9; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day:hover, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day {
width: 100%;
height: 28px;
width: 28px;
margin: 0px; }
.pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
background-color: #309d90;
color: white; }
.pika-single .pika-lendar .pika-table .pika-button {
border-radius: 0px;
text-align: center; }
.tsi-search {
width: 100%;
height: 100%;
display: flex;
flex-shrink: 0;
align-items: center;
position: relative; }
.tsi-search .tsi-search-icon {
width: 21px;
height: 17px;
background-repeat: no-repeat;
margin-left: 8px;
background-size: 14px;
background-position-y: 2px; }
.tsi-search .tsi-searchInput {
position: absolute;
width: 100%;
height: 100%;
padding-left: 28px;
background: transparent;
outline: none;
text-overflow: ellipsis; }
.tsi-baseMono {
display: inline-block;
padding: 4px;
border-radius: 3px;
font-family: "Lucida Console", Monaco, monospace;
font-size: 85%;
line-height: 85%;
font-weight: 300; }
.tsi-lineChart {
display: flex;
position: relative; }
.tsi-lineChart .tsi-horizontalValueBox, .tsi-lineChart .tsi-verticalValueBox {
z-index: 2;
pointer-events: none; }
.tsi-lineChart .tsi-horizontalValueBox {
transform: translateX(-50%); }
.tsi-lineChart .tsi-verticalValueBox {
transform: translateY(-50%); }
.tsi-lineChart .tsi-horizontalValueBar {
stroke-width: 3; }
.tsi-lineChart .tsi-rangeTextContainer {
pointer-events: none;
height: 17px;
left: 100px;
top: 4px;
position: absolute;
padding-left: 4px;
padding-right: 4px;
font-size: 11px;
border-radius: 4px;
transform: translate(-50%, -50%);
display: flex;
align-content: center;
z-index: 1; }
.tsi-lineChart .tsi-chartControlsPanel {
z-index: 2;
pointer-events: none; }
.tsi-lineChart .tsi-chartControlsPanel .tsi-ellipsisMenuContainer {
pointer-events: all; }
.tsi-lineChart .tsi-chartControlsPanel .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
z-index: 2 !important; }
.tsi-lineChart .tsi-chartControlsPanel .tsi-stackedButton {
pointer-events: all;
border: none;
padding: 0;
background-color: transparent; }
.tsi-lineChart .tsi-tooltip {
z-index: 2; }
.tsi-lineChart .tsi-markerInstructions {
height: 39px;
width: calc(100% - 8px);
font-size: 16px;
text-align: center;
padding: 4px;
position: absolute;
border-radius: 3px;
bottom: 0px;
line-height: 26px; }
.tsi-lineChart .tsi-scooterContainer {
position: absolute;
pointer-events: none;
width: 2px;
transform: translateX(-1px);
z-index: 1; }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger, .tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel {
pointer-events: all; }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger {
-webkit-transform: translateX(calc(-50% + 1px));
transform: translateX(calc(-50% + 1px)); }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterLine {
position: absolute;
height: 100%;
width: 2px;
left: 0px;
top: 0px;
cursor: move; }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger {
top: 100%;
position: absolute;
border-radius: 5px;
left: 0px;
width: 10px;
height: 10px;
cursor: move; }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterValue {
position: absolute; }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterValue .tsi-scooterValueLabel {
position: absolute;
left: 10px;
border-width: 1px;
border-style: solid;
padding: 2px 4px;
font-size: 12px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%); }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterValue .tsi-scooterValueCaret {
left: 2px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right-width: 8px;
border-right-style: solid;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%); }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel {
cursor: move;
bottom: 100%;
position: absolute;
left: 0px;
white-space: nowrap;
font-size: 12px;
height: 24px;
padding-left: 8px;
padding-right: 24px;
line-height: 20px;
border-width: 1px;
border-style: solid;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); }
.tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
border-radius: 3px;
position: absolute;
right: 4px;
top: 3px;
width: 15px;
height: 15px;
background-size: 12px 12px;
background-position: 2px 2px;
background-repeat: no-repeat;
cursor: pointer; }
.tsi-lineChart .brushElem .handle {
width: 8px;
shape-rendering: unset; }
.tsi-lineChart .brushElem.hideBrushHandles .handle {
visibility: hidden; }
.tsi-lineChart .tsi-horizontalMarkerLine {
stroke-dasharray: 2,2; }
.tsi-lineChart .tsi-horizontalMarkerText {
font-style: italic;
text-anchor: end; }
.tsi-lineChart.tsi-dark {
color: #fff;
background: #0d0f0e; }
.tsi-lineChart.tsi-dark .tsi-rangeTextContainer {
color: #1e2223;
background-color: #fff; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-discreteEventTeardrop {
fill: #0d0f0e; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-categoricalHoverRect {
stroke: #fff; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG text {
fill: #fff; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-focus circle {
fill: #fff; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-focusLine {
stroke: #62666c; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .guideLine {
stroke: #fff; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .standardYAxisText {
font-weight: lighter !important;
fill: #fff !important; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-boldYAxisText {
font-weight: bolder !important; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .xAxisBaseline {
stroke: #fff !important;
pointer-events: none; }
@media screen and (-ms-high-contrast: white-on-black) {
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .xAxisBaseline {
stroke: #fff !important; } }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-horizontalValueBar {
stroke: rgba(255, 255, 255, 0.8); }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel {
font-weight: 500;
font-size: 13px; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-axisHover {
font-weight: bolder; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover {
cursor: pointer; }
.tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover:hover {
font-weight: bolder; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer {
color: #fff; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel {
background-color: #0d0f0e;
border-color: #60AAFF; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
background-color: transparent;
border: none;
margin: 0; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton:hover {
background-color: #62666c; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterLine, .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterDragger {
background-color: #60AAFF; }
.tsi-lineChart.tsi-dark .tsi-markerInstructions {
background-color: rgba(13, 15, 14, 0.9); }
.tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
stroke: #fff; }
.tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
fill: #fff; }
.tsi-lineChart.tsi-dark .yAxis .tick line, .tsi-lineChart.tsi-dark .xAxis .tick line {
stroke: #fff; }
@media screen and (-ms-high-contrast: white-on-black) {
.tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
stroke: #fff; }
.tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
fill: #fff !important; }
.tsi-lineChart.tsi-dark .yAxis .tick line, .tsi-lineChart.tsi-dark .xAxis .tick line {
stroke: #fff; } }
.tsi-lineChart.tsi-dark .vHoverBox, .tsi-lineChart.tsi-dark .hHoverBox {
fill: #0d0f0e;
stroke: #60AAFF; }
.tsi-lineChart.tsi-dark .tsi-resizeGutter.tsi-isDragging {
background-color: #31373e; }
.tsi-lineChart.tsi-dark ::-webkit-scrollbar {
height: 8px;
width: 8px; }
.tsi-lineChart.tsi-dark ::-webkit-scrollbar-track {
background: none; }
.tsi-lineChart.tsi-dark ::-webkit-scrollbar-thumb {
background: #666666;
border-radius: 8px; }
.tsi-lineChart.tsi-dark ::-webkit-scrollbar-thumb:hover {
background: #666666; }
.tsi-lineChart.tsi-dark ::-webkit-scrollbar-track:hover {
background: #1e2223; }
.tsi-lineChart.tsi-dark .hHoverText {
text-anchor: middle; }
.tsi-lineChart.tsi-dark .vHoverText {
text-anchor: end; }
.tsi-lineChart.tsi-dark .hoverText {
stroke: none; }
.tsi-lineChart.tsi-dark .hHoverText, .tsi-lineChart.tsi-dark .vHoverText {
font-size: 11px !important; }
.tsi-lineChart.tsi-dark .hHoverValueBar {
stroke: #fff; }
.tsi-lineChart.tsi-dark .hoverText {
fill: #fff; }
.tsi-lineChart.tsi-dark .stacked g path {
fill: #fff !important; }
.tsi-lineChart.tsi-dark .tooltip text {
fill: #fff; }
.tsi-lineChart.tsi-dark .tooltip rect {
fill: #0d0f0e;
stroke: #60AAFF; }
.tsi-lineChart.tsi-dark .tsi-primaryButton {
color: #fff;
border-color: rgba(255, 255, 255, 0.8);
background-color: #1e2223; }
.tsi-lineChart.tsi-dark .tsi-primaryButton:hover {
background-color: #62666c; }
.tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
stroke-width: 1px !important; }
.tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
user-select: none; }
.tsi-lineChart.tsi-dark rect, .tsi-lineChart.tsi-dark line {
shape-rendering: crispedges; }
.tsi-lineChart.tsi-dark .stacked g path {
stroke-width: 1;
pointer-events: all;
stroke: none; }
.tsi-lineChart.tsi-dark .stacked rect {
cursor: pointer;
fill: transparent;
stroke-width: 1; }
.tsi-lineChart.tsi-dark .tooltip {
pointer-events: none; }
.tsi-lineChart.tsi-dark .tooltip text {
alignment-baseline: hanging; }
.tsi-lineChart.tsi-dark .tooltip .title {
font-weight: bold;
font-size: 13px; }
.tsi-lineChart.tsi-dark .tooltip .value {
font-weight: normal;
font-size: 12px;
font-weight: lighter; }
.tsi-lineChart.tsi-dark .tooltip .value.visibleValue {
font-weight: bold; }
.tsi-lineChart.tsi-dark .tsi-gridComponent {
z-index: 3 !important; }
.tsi-lineChart.tsi-dark .hHoverValueBar {
stroke-width: 4px; }
.tsi-lineChart.tsi-dark .focus {
display: none; }
.tsi-lineChart.tsi-dark svg {
display: block; }
.tsi-lineChart.tsi-dark .tsi-chartValueTextBox, .tsi-lineChart.tsi-dark .tsi-horizontalValueBox, .tsi-lineChart.tsi-dark .tsi-verticalValueBox {
background-color: #0d0f0e;
border-color: #62666c; }
.tsi-lineChart.tsi-dark .tsi-baseMono {
background: #1e2223; }
.tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterValueLabel {
background-color: rgba(0, 0, 0, 0.9); }
.tsi-lineChart.tsi-dark .tsi-resizeGutter {
background-image: url("data:image/svg+xml,%3Csvg id%3D%22handleBar%22 width%3D%226%22 height%3D%2224%22 viewBox%3D%220 0 6 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath d%3D%22M5.28647 2.903C5.28647 1.50682 4.15464 0.375 2.75847 0.375C1.36229 0.375 0.230469 1.50682 0.230469 2.903V21.432C0.230469 22.8282 1.36229 23.96 2.75847 23.96C4.15464 23.96 5.28647 22.8282 5.28647 21.432V2.903Z%22 fill%3D%22%23666%22%2F%3E%0D%3C%2Fsvg%3E"); }
.tsi-lineChart.tsi-light {
color: #000;
background: #ffffff; }
.tsi-lineChart.tsi-light .tsi-rangeTextContainer {
color: #f2f2f2;
background-color: #000; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-discreteEventTeardrop {
fill: #ffffff; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-categoricalHoverRect {
stroke: #000; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG text {
fill: #000; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-focus circle {
fill: #000; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-focusLine {
stroke: #b3d6f2; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .guideLine {
stroke: #000; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .standardYAxisText {
font-weight: lighter !important;
fill: #000 !important; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-boldYAxisText {
font-weight: bolder !important; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .xAxisBaseline {
stroke: #000 !important;
pointer-events: none; }
@media screen and (-ms-high-contrast: white-on-black) {
.tsi-lineChart.tsi-light .tsi-lineChartSVG .xAxisBaseline {
stroke: #fff !important; } }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-horizontalValueBar {
stroke: rgba(0, 0, 0, 0.8); }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel {
font-weight: 500;
font-size: 13px; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-axisHover {
font-weight: bolder; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover {
cursor: pointer; }
.tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover:hover {
font-weight: bolder; }
.tsi-lineChart.tsi-light .tsi-scooterContainer {
color: #000; }
.tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel {
background-color: #ffffff;
border-color: #136BFB; }
.tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
background-color: transparent;
border: none;
margin: 0; }
.tsi-lineChart.tsi-light .tsi-scoote